.uimmediavideo {
  width: 100%; }
  .uimmediavideo__header {
    font-weight: 500;
    font-family: "Apercu", "Apercu", sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #e3042e;
    text-align: left;
    background: #ffffff;
    padding: 0 10px 0 0;
    margin: 20px 0; }
  .uimmediavideo__box {
    position: relative;
    height: 100%; }
    .uimmediavideo__box video {
      max-width: 100%;
      height: auto;
      max-height: 100%;
      border: 1px solid #7C7C7C;
      margin: auto; }
  .uimmediavideo__wrap {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 99;
    padding: 0;
    background-color: #00000000; }
    .uimmediavideo__wrap.isopen {
      position: fixed;
      top: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      z-index: 1000;
      padding: 5% 10%;
      background-color: #00000080;
      transition: all 500ms ease-in-out; }
      @media (max-width: 992px) {
        .uimmediavideo__wrap.isopen {
          padding: 2px; } }
  .uimmediavideo__inner {
    display: flex;
    align-items: center;
    height: 100%; }
  .uimmediavideo__play {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    cursor: pointer;
    z-index: 201;
    display: block;
    background-image: url(../../Icons/play.svg);
    background-size: cover;
    background-repeat: no-repeat; }
    .isopen .uimmediavideo__play {
      display: none; }
  .uimmediavideo__close {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 201;
    display: none; }
    @media (max-width: 992px) {
      .uimmediavideo__close {
        top: 10px;
        right: 20px; } }
    .uimmediavideo__close:after {
      content: '\00D7';
      font-size: 32px;
      line-height: 32px;
      color: #FFF;
      text-align: center;
      background-color: #E3032E;
      width: 32px;
      height: 32px;
      display: block;
      box-shadow: 2px 2px 10px 5px #ccc;
      transition: color 250ms ease-in-out; }
    .uimmediavideo__close:hover:after {
      color: #00000080;
      transition: color 250ms ease-in-out; }
    .isopen .uimmediavideo__close {
      display: block; }
  .uimmediavideo__blende {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF40;
    z-index: 1; }
    .isopen .uimmediavideo__blende {
      display: none; }
  .uimmediavideo__socials {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    top: 0;
    right: -100px;
    width: calc(100% - 80px);
    height: 32px;
    z-index: 201;
    opacity: 0;
    transition: opacity 250ms ease-in-out; }
    @media (max-width: 992px) {
      .uimmediavideo__socials {
        top: 10px;
        right: 80px; } }
    .isopen .uimmediavideo__socials {
      opacity: 1;
      transition: opacity 250ms ease-in-out; }
    .uimmediavideo__socials .socialMedia {
      font-size: 14px;
      line-height: 28px;
      position: relative;
      float: left;
      padding: 3px 20px;
      background-color: #FFF; }
    .uimmediavideo__socials .socialMedia span.socialMediaDivider {
      margin: 0 15px; }
    .uimmediavideo__socials .socialMedia a {
      font-size: 14px;
      text-decoration: none;
      color: #595959; }
    .uimmediavideo__socials .socialMedia a:hover {
      color: #e3042e;
      text-decoration: none; }
    .uimmediavideo__socials .socialMedia ul {
      display: none;
      position: absolute;
      left: -8px;
      top: 0;
      margin: 0;
      border: 1px solid #7c7c7c;
      padding: 5px;
      z-index: 1;
      background: #fff;
      width: 105px; }
    .uimmediavideo__socials .socialMedia ul li {
      height: 24px;
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .uimmediavideo__socials .socialMedia ul li:first-child {
      height: 26px;
      margin-bottom: 5px;
      border-bottom: 1px solid #7c7c7c; }
    .uimmediavideo__socials .socialMedia ul li i {
      width: 21px;
      margin-right: 10px;
      text-align: center; }

@media (min-width: 993px) {
  header.hidden-sm.hidden-xs .search-panel {
    position: relative;
    width: 150px;
    height: 26px; }
    header.hidden-sm.hidden-xs .search-panel input {
      width: 150px;
      position: absolute;
      top: -1px;
      left: -14px;
      height: 27px;
      background-color: #F5F3F2;
      transition: all 250ms ease-in-out;
      padding: 0 10px;
      margin: 0;
      line-height: 27px;
      border-left: 5px solid #FFF; }
      header.hidden-sm.hidden-xs .search-panel input:focus {
        width: 300px;
        left: -164px;
        transition: all 250ms ease-in-out; } }

.teaser-event .text h3, .teaser-event .text p {
  font-size: 12px; }

.teaser-event .text p strong {
  font-weight: normal; }

.template__firstrow .template__teaser300 {
  max-height: 320px;
  overflow: hidden; }

.template__firstrow .carousel-caption h3 {
  font-size: 20px !important;
  letter-spacing: 2px; }

.template__firstrow .carousel-caption h3:after {
  margin: 15px 0 !important; }

.template__firstrow .carousel-caption h4 {
  font-size: 11px !important;
  letter-spacing: 0.1px !important;
  line-height: 1.6;
  font-weight: 500; }

.template__firstrow .carousel-caption .buttonholder .buttons {
  bottom: 27%;
  left: 23px; }

.template__firstrow .tx-ivi-stage .carousel-caption {
  padding: 10% 28% 10% 23px; }

.template__firstrow .tx-ivi-stage .buttons .btn {
  letter-spacing: 0.7px !important; }

@media (min-width: 501px) and (max-width: 1220px) {
  .template__firstrow .tx-ivi-stage .item img {
    height: 300px;
    width: auto !important;
    max-width: inherit; }
  .template__firstrow .tx-ivi-stage .carousel-caption-outer {
    width: 230px;
    top: 35px; }
  .template__firstrow .carousel-caption {
    padding: 10% 0 10% 23px; }
    .template__firstrow .carousel-caption h3 {
      font-size: 20px;
      line-height: 27px; }
    .template__firstrow .carousel-caption h4 {
      font-size: 11px;
      display: block !important; }
    .template__firstrow .carousel-caption .buttonholder .buttons {
      bottom: 20px;
      left: 23px; } }

@media (max-width: 500px) {
  .template__firstrow .carousel-caption h3 {
    font-size: 26px !important; }
  .template__firstrow .carousel-caption h4 {
    font-size: 14px !important; }
  .template__firstrow .tx-ivi-stage .carousel-caption {
    padding-right: 5%; }
  .template__firstrow .carousel-caption .buttonholder .buttons {
    bottom: 12%; } }

@media (max-width: 992px) {
  .uimblog__sidebar {
    display: none; } }

@media (min-width: 993px) {
  .uimblog__belowmain {
    display: none; } }

.uimblog__belowmain .tx-ivi-teaser {
  max-width: inherit !important; }

@media (min-width: 992px) {
  .sidecolumn {
    min-height: 900px; } }

.sidemenu__level1 a.active {
  color: #EC0018; }

.tx-ivi-calltoaction .cta-holder.cta-compact {
  min-height: 36px;
  height: 36px;
  position: relative;
  overflow: hidden; }
  .tx-ivi-calltoaction .cta-holder.cta-compact .cta-button {
    top: 0;
    right: 0;
    margin-top: 0;
    position: absolute;
    padding: 0; }
  .tx-ivi-calltoaction .cta-holder.cta-compact .cta-text {
    padding: 0 5px 0 20px !important; }
    .tx-ivi-calltoaction .cta-holder.cta-compact .cta-text p {
      line-height: 36px; }

.tx-ivi-calltoaction .cta-holder .cta-text {
  padding: 5px 5px 5px 20px !important; }

.tx-ivi-calltoaction .cta-holder .cta-button {
  padding: 15px 20px; }

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none; }

/**
 * Textausrichtungen im Typo3 text-image Element
 */
.ce-textpic.ce-above, .ce-textpic.ce-below {
  display: flex;
  flex-direction: column; }

.ce-textpic.ce-below {
  flex-direction: column; }

.ce-textpic.ce-above.ce-center figure.image, .ce-textpic.ce-below.ce-center figure.image {
  text-align: center; }

.ce-textpic.ce-above.ce-right figure.image, .ce-textpic.ce-below.ce-right figure.image {
  text-align: right; }

.ce-textpic.ce-below .ce-gallery .image {
  margin: 10px 0 30px 0; }

.ce-textpic.ce-intext {
  display: block; }

.ce-textpic.ce-intext.ce-nowrap {
  display: flex; }

.ce-textpic.ce-intext.ce-right .ce-gallery {
  float: right; }

.ce-textpic.ce-intext.ce-left .ce-gallery {
  float: left; }

.ce-textpic.ce-intext.ce-nowrap.ce-right {
  flex-direction: row-reverse; }

.ce-textpic.ce-intext.ce-nowrap.ce-right .ce-gallery {
  float: none; }

@media (max-width: 991px) {
  ul.breadcrumb {
    padding-top: 10px; }
  div.menu-offset > .container {
    margin-top: 80px; } }