article.teaser[data-type="subpage"] {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
  }
  
  article.teaser[data-type="subpage"] .row-1 {
    margin-bottom: max(10px, calc(18 * var(--px)));
  }
  
  article.teaser[data-type="subpage"] .headline {
    margin-bottom: .2em;
  }
  
  article.teaser[data-type="subpage"] .row-3 {
    margin-top: auto;
  }
  
  article.teaser[data-type="subpage"] .row-3 .btn-set {
    --margin-top: max(15px, calc(21 * var(--px)));
  }
  
  @media (hover: hover) {
    article.teaser[data-type="subpage"] figure {
      overflow: hidden;
    }
    article.teaser[data-type="subpage"] figure a img {
      transition: transform 3000ms var(--ttf-7);
      will-change: transform;
    }
    article.teaser[data-type="subpage"] figure a:hover img {
      transform: scale(1.05);
    }
  }
    
  
  @media (max-width: 500px) {
    
    article.teaser[data-type="subpage"] figure img {
      aspect-ratio: 330 / 228 !important;
      object-fit: cover;
    }
    
  }
  
  
  
  
  
  
  
  
  
  *[data-columns="2"] article.teaser[data-type="subpage"] {
    --col-1-width: calc(280 * var(--px));
    --gap: calc(30 * var(--px));
  }
  
  *[data-columns="2"] article.teaser[data-type="subpage"] .row-2 {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--gap);
  }
  
  *[data-columns="2"] article.teaser[data-type="subpage"] .headline {
    margin-bottom: -5em;
    width: var(--col-1-width);
    flex-shrink: 0;
  }
  
  *[data-columns="2"] article.teaser[data-type="subpage"] .excerpt {
    width: 100%;
  }
  
  *[data-columns="2"] article.teaser[data-type="subpage"] .row-3 {
    padding-left: calc(var(--col-1-width) + var(--gap));
  }
  
  *[data-columns="2"] article.teaser[data-type="subpage"] img {
    max-width: none;
    width: 100%;
  }
  
  @media (max-width: 900px) {
    
    *[data-columns="2"] article.teaser[data-type="subpage"] .row-2 {
      display: flex;
      flex-flow: column nowrap;
      gap: 0;
    }
    
    *[data-columns="2"] article.teaser[data-type="subpage"] .headline {
      margin-bottom: .2em;
      width: 100%;
    }
    
    *[data-columns="2"] article.teaser[data-type="subpage"] .row-3 {
      padding-left: 0;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  article.teaser[data-type="subpage"][data-variant="minimal"] .row-1 {
    margin-bottom: max(9px, calc(9 * var(--px)));
  }
  
  article.teaser[data-type="subpage"][data-variant="minimal"] .hdln-30 {
    --min-font-size: 22;
  }
  
  @media (max-width: 500px) {
    
    article.teaser[data-type="subpage"][data-variant="minimal"] figure img {
      aspect-ratio: 330 / 154 !important;
      object-fit: cover;
    }
    
    article.teaser[data-type="subpage"][data-variant="minimal"] {
      text-align: center;
    }
    
    
  }
  
  
  
  
  
  
  
  
  
  
  
  article.teaser[data-type="subpage"][data-variant="single"] {
    background: var(--base-color-dark-blue);
    color: var(--base-color-white);
    display: flex;
    flex-flow: row nowrap;
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-1 {
    width: 100%;
    box-sizing: border-box;
    padding-inline: var(--page-padding-left);
    padding-block: max(24px, calc(58 * var(--px))) var(--page-padding-left);
    display: flex;
    flex-flow: column nowrap;
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-1 .row-2 {
    margin-top: auto;
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-2 {
    width: calc(1040 * var(--px-infinite));
    flex-shrink: 0;
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-2 a {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-2 img {
    width: 100%;
    height: 100%;
    max-height: 476px;
    display: block;
    max-width: none;
    object-fit: cover;
    aspect-ratio: 1040 / 476 !important;
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-1 {
    justify-content: center;
    padding-inline: max(15px, calc(23 * var(--px)));
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-1 .row-2 {
    margin-top: max(30px, calc(110 * var(--px)));
  }
  
  article.teaser[data-type="subpage"][data-variant="single"] .col-1 .row-2 .btn-set {
    --margin-top: 0px;
  }
  
  @media (max-width: 950px) {
    
    article.teaser[data-type="subpage"][data-variant="single"] {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    
    article.teaser[data-type="subpage"][data-variant="single"] .col-1 {
      width: auto;
    }
    
    article.teaser[data-type="subpage"][data-variant="single"] .col-2 {
      width: auto;
    }
    
  }
  
  @media (max-width: 600px) {
    
    .module-single-teaser:last-child {
      margin-bottom: 0;
    }
    
    article.teaser[data-type="subpage"][data-variant="single"] {
      display: flex;
      flex-flow: column-reverse nowrap;
    }
    
    article.teaser[data-type="subpage"][data-variant="single"] .col-1 {
      padding-inline: var(--page-padding-left-s);
      padding-bottom: 40px;
    }
    
    article.teaser[data-type="subpage"][data-variant="single"] .col-2 img {
      aspect-ratio: 16 / 9 !important;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  article.teaser:is([data-type="stage"], [data-type="sound-stage"], [data-type="backlot"]) .row-1 {
    margin-bottom: max(11px, calc(14 * var(--px)));
  }
  
  article.teaser:is([data-type="stage"], [data-type="sound-stage"], [data-type="backlot"]) > .row-2 {
    margin-bottom: max(11px, calc(14 * var(--px)));
    position: relative;
  }
  
  article.teaser:is([data-type="sound-stage"], [data-type="backlot"]) > .row-2 {
    padding-right: 45px;
  }
  
  article.teaser:is([data-type="stage"], [data-type="sound-stage"], [data-type="backlot"]) .row-2 .btn-set {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: calc(2 * var(--px));
  }
  
  article.teaser:is([data-type="stage"], [data-type="sound-stage"], [data-type="backlot"]) img {
    max-width: none;
    width: 100%;
    display: block;
  }
  
  article.teaser[data-type="stage"] .row-2 .number-and-name {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: baseline;
  }
  
  ul.spaces {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: max(22px, calc(26 * var(--px)));
  }
  
  ul.spaces > li {
    overflow: hidden;
  }
  
  ul.spaces.flex {
    display: flex;
    flex-flow: row wrap;
    gap: 0.8em 1.6em;
  }
  
  ul.spaces .label {
    text-transform: uppercase;
    line-height: 1.2;
    display: flex;
    flex-flow: column nowrap;
  }
  
  ul.spaces .label > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  ul.files {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px max(26px, calc(28 * var(--px)));
  }
  
  article.teaser[data-type="stage"] .row-4 {
    padding-top: max(18px, calc(18 * var(--px)));
    border-top: 1px solid var(--base-color-gray);
  }
  
  article.teaser:is([data-type="backlot"]) .excerpt {
    margin-top: .66666666666666666666em;
  }
  
  @media (max-width: 1000px) {
    
    article.teaser[data-type="stage"] .row-2 .number-and-name {
      grid-template-columns: repeat(2, 1fr);
    }
    
    article.teaser[data-type="stage"] .row-2 .number-and-name .name {
      text-align: right;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  article.teaser[data-type="reference"] {
    position: relative;
    color: var(--base-color-white);
  }
  
  article.teaser[data-type="reference"] .cell-1 {
    position: relative;
  }
  
  article.teaser[data-type="reference"] .cell-1::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-off-black);
    opacity: 0.19;
    z-index: 2;
  }
  
  article.teaser[data-type="reference"] .cell-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    flex-flow: column nowrap;
    padding: 11px 13px 7px;
    box-sizing: border-box;
    pointer-events: none;
  }
  
  article.teaser[data-type="reference"] .cell-2 :is(button, a) {
    pointer-events: all;
  }
  
  article.teaser[data-type="reference"] .cell-2 .row-1 {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px 10px;
  }
  
  article.teaser[data-type="reference"] .cell-2 .row-2 {
    margin-top: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    gap: 0px 10px;
  }
  
  article.teaser[data-type="reference"] .title,
  article.teaser[data-type="reference"] .year {
    line-height: 1.2;
  }
  
  article.teaser[data-type="reference"] .year {
    margin-bottom: 0.1em;
  }
  
  article.teaser[data-type="reference"] :is(.play-button, .imdb-button) {
    margin-left: auto;
  }
  
  article.teaser[data-type="reference"] .categories {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px 0.2em;
    text-transform: uppercase;
    font-family: var(--base-font-2-semibold);
  }
  
  article.teaser[data-type="reference"] .categories > li:not(:last-child)::after {
    content: ',';
  }
  
  article.teaser[data-type="reference"] .imdb-button {
    padding-bottom: calc(4 * var(--px));
  }
  
  article.teaser[data-type="reference"] .btn-imdb {
    display: inline-block;
    position: relative;
    aspect-ratio: 30 / 12;
    width: max(42px, calc(42 * var(--px)));
    background: url(../../imgs/imdb.svg) no-repeat center center;
    background-size: contain;
  }
  
  article.teaser[data-type="reference"] .btn-imdb::before {
    content: '';
    display: block;
    position: absolute;
    inset: -20px;
  }
  
  article.teaser[data-type="reference"] .btn-imdb span.label {
    position: absolute;
    top: 0;
    left: -100000em;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  
  article.teaser[data-type="reference"] .hdln-28 {
    /*--min-font-size: 22;*/
    --max-font-size: 24;
    line-height: 1.1;
  }
  
  article.teaser[data-type="reference"] img {
    max-width: none;
    width: 100%;
    display: block;
  }
  
  article.teaser[data-type="reference"] button.btn-show-details {
    display: block;
    color: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 5;
    background: #03234c;
    transition: opacity 250ms var(--ttf-2);
    opacity: 0;
  }
  
  article.teaser[data-type="reference"].current button.btn-show-details {
    opacity: 0.71;
  }
  
  @media (max-width: 500px) {
    
    article.teaser[data-type="reference"] .hdln-28 {
      --min-font-size: 22;
    }
    
    article.teaser[data-type="reference"] .cell-2 {
      padding: 11px 10px 13px 10px;
    }
    
  }
  
  
  
  
  
  
  
  
  article.teaser[data-type="instagram"] {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--padding-block);
    background: var(--base-color-light-gray);
    flex-grow: 1;
    --padding-inline: 15px;
    --padding-block: max(17px, calc(17 * var(--px)));
  }
  
  article.teaser[data-type="instagram"] .row-1 a {
    display: block;
    position: relative;
  }
  
  article.teaser[data-type="instagram"] .row-1 img {
    display: block;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
    max-width: none;
    width: 100%;
  }
  
  article.teaser[data-type="instagram"] .row-1 span[aria-hidden] {
    display: none;
  }
  
  article.teaser[data-type="instagram"][data-variant="video"] .row-1 span[aria-hidden] {
    display: block;
  }
  
  article.teaser[data-type="instagram"][data-variant="video"] .row-1 span[aria-hidden] svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: max(94px, calc(113 * var(--px)));
    height: auto;
    display: block;
  }
  
  article.teaser[data-type="instagram"][data-variant="video"] .row-1 a::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    background: var(--base-color-black);
    opacity: 0.3;
  }
  
  article.teaser[data-type="instagram"] .row-2 .wysiwyg {
    padding-inline: var(--padding-inline);
    hyphens: auto;
    word-break: break-word;
  }
  
  article.teaser[data-type="instagram"] .row-3 {
    margin-top: auto;
    padding-inline: var(--padding-inline);
    padding-top: max(10px, calc(28 * var(--px)));
  }
  
  article.teaser[data-type="instagram"] .meta {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-block: var(--padding-block);
  }
  
  article.teaser[data-type="instagram"] .meta > li {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px 8px;
    align-items: center;
  }
  
  article.teaser[data-type="instagram"] .meta > li * {
    display: block;
  }
  
  article.teaser[data-type="instagram"] .meta svg {
    width: var(--icon-width-px);
    height: auto;
  }
  
  
  
  
  
  
  
  
  
  
  
  article.teaser[data-type="news"] {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    border-top: 1px solid var(--base-color-gray);
  }
  
  article.teaser:is([data-type="news"], [data-type="propnews"]) .row--date {
    color: var(--base-color-off-black);
    margin-bottom: 0.35em;
    padding-top: 0.7em;
  }
  
  article.teaser:is([data-type="news"], [data-type="propnews"]) .cpy-17 {
    --min-font-size: 17;
  }
  
  article.teaser:is([data-type="news"], [data-type="propnews"]) .btn-set {
    margin-top: auto;
    padding-top: max(15px, calc(15 * var(--px)));
  }
  
  
  
  
  
  
  
  
  
  article.teaser[data-type="propnews"] {
    display: grid;
    grid-template-columns: max(180px, calc(230 * var(--px))) auto;
    gap: 0 calc(29 * var(--px));
  }
  
  article.teaser[data-type="propnews"] .col--copy {
    border-top: 1px solid var(--base-color-gray);
  }
  
  article.teaser[data-type="propnews"] .excerpt {
    margin-top: .5em;
  }
  
  @media (max-width: 500px) {
    
    article.teaser[data-type="propnews"] {
      display: flex;
      flex-flow: column nowrap;
      gap: 23px;
    }
    
    article.teaser[data-type="propnews"] .col--copy {
      border: 0;
    }
    
    article.teaser[data-type="propnews"] .row--date {
      padding-top: 0;
    }
    
  }  
  
  
  
  
  
  
  
  
  :root {
    --card-padding: max(15px, calc(25 * var(--px)));
  }
  
  article.teaser[data-type="subpage"][data-variant="standard"],
  article.teaser:is([data-type="sound-stage"], [data-type="backlot"], [data-type="stage"], [data-type="instagram"]) {
    background: var(--base-color-white);
    border-radius: var(--radius-s);
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
  }
  
  article.teaser[data-type="subpage"][data-variant="standard"] .row-1 {
    margin-bottom: max(24px, calc(48 * var(--px)));
  }
  
  article.teaser[data-type="subpage"][data-variant="standard"] .headline {
    margin-bottom: .6em;
  }
  
  article.teaser[data-type="subpage"][data-variant="standard"] .row-2 {
    padding-inline: var(--card-padding);
  }
  
  article.teaser[data-type="subpage"][data-variant="standard"] .row-3 {
    padding-inline: var(--card-padding);
    padding-bottom: max(24px, calc(33 * var(--px)));
  }
  
  article.teaser[data-type="subpage"][data-variant="standard"] .row-3 .btn-set {
    --margin-top: max(18px, calc(28 * var(--px)));
  }
  
  article.teaser[data-type="subpage"][data-variant="standard"] .row-3 .btn-set {
    --margin-top: max(24px, calc(40 * var(--px)));
  }
  
  *[data-columns="2"] article.teaser[data-type="subpage"][data-variant="standard"] {
    --col-1-width: calc(210 * var(--px));
  }
  
  *[data-columns="2"] article.teaser[data-type="subpage"][data-variant="standard"] .headline {
    margin-bottom: 0;
  }
  
  
  
  
  
  article.teaser[data-type="subpage"][data-variant="minimal"] figure,
  article.teaser[data-type="subpage"][data-variant="single"],
  article.teaser[data-type="reference"],
  article.home-teaser a {
    border-radius: var(--radius-s);
    overflow: hidden;
  }
  
  article.teaser[data-type="subpage"][data-variant="minimal"] figure img {
    display: block;
  }
  
  article.teaser[data-type="reference"] .cell-2 {
    padding: max(15px, calc(15 * var(--px))) max(13px, calc(14 * var(--px))) max(15px, calc(17 * var(--px)));
  }
  
  article.teaser[data-type="reference"] .year {
    font-family: var(--base-font-2-black);
  }
  
  article.teaser[data-type="reference"] .hdln-28 {
  }
  
  article.teaser[data-type="reference"] .btn-play {
    --size: max(42px, calc(45 * var(--px)));
  }
  
  article.home-teaser .cell-2 {
    background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.55) 100%);
  }
  
  
  
  
  
  article.teaser:is([data-type="sound-stage"], [data-type="backlot"]) .row-1 {
    margin-bottom: max(14px, calc(20 * var(--px)));
  }
  
  article.teaser:is([data-type="sound-stage"], [data-type="backlot"], [data-type="stage"]) {
    --card-padding: max(15px, calc(18 * var(--px)));
  }
  
  article.teaser:is([data-type="sound-stage"], [data-type="backlot"]) > .row-2 {
    padding-inline: var(--card-padding);
    padding-right: calc(var(--card-padding) + 32px);
    margin-bottom: max(10px, calc(12 * var(--px)));
  }
  
  article.teaser:is([data-type="sound-stage"], [data-type="backlot"]) .row-2 .btn-set {
    right: var(--card-padding);
  }
  
  article.teaser:is([data-type="sound-stage"], [data-type="backlot"]) .row-2 .btn-icon-only {
    --size: max(29px, calc(29 * var(--px)));
  }
  
  article.teaser[data-type="backlot"] .excerpt {
    line-height: 1.45;
  }
  
  article.teaser[data-type="stage"] ul.spaces {
    margin-bottom: max(12px, calc(14 * var(--px)));
  }
  
  article.teaser[data-type="backlot"] > .row-2 {
    padding-bottom: var(--card-padding);
    margin-bottom: 0;
  }
  
  article.teaser[data-type="sound-stage"] .row-3 {
    padding-inline: var(--card-padding);
    padding-bottom: var(--card-padding);
  }
  
  article.teaser[data-type="sound-stage"] ul.spaces {
    margin-bottom: 0;
  }
  
  
  
  
  
  article.teaser[data-type="stage"] .row-1 {
    margin-bottom: max(14px, calc(20 * var(--px)));
  }
  
  article.teaser[data-type="stage"] > .row-2,
  article.teaser[data-type="stage"] .row-3 {
    padding-inline: var(--card-padding);
  }
  
  article.teaser[data-type="stage"] .row-4 {
    margin-top: auto;
    padding: 0;
    border-top: 0;
    background: var(--base-color-dark-blue);
    color: var(--base-color-white);
  }
  
  article.teaser[data-type="stage"] .row-4 ul.files {
    padding-inline: var(--card-padding);
  }
  
  article.teaser[data-type="stage"] .row-4 .btn-c {
    --color: var(--base-color-white);
    display: block;
    padding-block: 1.6em;
  }
  
  @media (hover: hover) {
    article.teaser[data-type="stage"] .row-4 .btn-c:is(:hover, :focus) {
      --color: var(--base-color-light-blue);
    }
  }
  
  
  
  
  
  article.teaser[data-type="instagram"] {
    --padding-inline: max(15px, calc(18 * var(--px)));
  }
  
  
  
  
  
  .accordion-list .persons-grid > li {
    background: var(--base-color-white);
    border-radius: var(--radius-s);
    overflow: hidden;
    gap: 0;
  }
  
  .accordion-list .persons-grid > li .col-1 img {
    display: block;
    width: 100%;
    max-width: none;
  }
  
  .accordion-list .persons-grid > li .col-2 {
    padding: max(14px, calc(18 * var(--px)));
  }
  
  .accordion-list .persons-grid .link-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 0.5em 1em;
    padding-top: 1.5em;
  }
  
  :is(.persons-grid, .contacts-grid) .link-list .lnk-a span.icon {
    display: none;
  }
  
  :is(.persons-grid, .contacts-grid) .link-list .lnk-a {
    text-decoration: underline;
  }
  
  @media (hover: hover) {
    :is(.persons-grid, .contacts-grid) .link-list .lnk-a:is(:hover, :focus) {
      text-decoration: none;
    }
  }