



  .module-two-col-boxes .col-set {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px var(--page-padding-left);
  }
  
  .module-two-col-boxes .col-set > * {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--page-padding-left) 0px;
  }
  
  .module-two-col-boxes .module-header .headline {
    text-align: left;
  }
  
  
  @media (max-width: 900px) {
    
    .module-two-col-boxes .col-set {
      display: flex;
      flex-flow: column nowrap;
      gap: var(--page-padding-left) 0px;
    }
    
  }
  
  
  @media (max-width: 600px) {
    
    .module-two-col-boxes .module-inner {
      padding-inline: var(--page-padding-left-s);
    }
    
    .module-two-col-boxes .col-set {
      gap: var(--page-padding-left-s) 0px;
    }
    
    .module-two-col-boxes .col-set > * {
      gap: var(--page-padding-left-s) 0px;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  section.box {
    flex-grow: 1;
    background: var(--base-color-white);
    border-radius: var(--radius-m);
    overflow: hidden;
  }
  
  .module-two-col-boxes:has(.accordion-list) section.box {
    flex-grow: 0;
  }
  
  section.box .box-inner {
    padding: max(25px, calc(40 * var(--px))) max(15px, calc(48 * var(--px))) max(25px, calc(44 * var(--px)));
  }
  
  section.box .headline {
    margin-bottom: .7em;
    --min-font-size: 25;
  }
  
  section.box .box-inner > .wysiwyg:not(.intro-copy) {
    max-width: 33em;
  }
  
  section.box.blue {
    background: var(--base-color-dark-blue);
    color: var(--base-color-white);
  }
  
  section.box.blue .wysiwyg :is(p, li) {
    color: #bebebe;
  }
  
  section.box.gray {
    background: var(--base-color-light-gray);
  }
  
  section.box.cpy-17 {
    --min-font-size: 15;
  }
  
  @media (max-width: 500px) {
    
    section.box .headline {
      text-align: center;
    }
    
    section.box .btn-set .btn-a {
      width: 100%;
    }
    
  }
  
  
  
  
  
  

  
  
  
  
  
  
  .downloads-list {
    display: flex;
    flex-flow: column nowrap;
    gap: 0.75em 0px;
  }
  
  :is(section.box, section.accordion, section.studio-map) .wysiwyg + :is(.downloads-list, .accordion-list-wrap, section.box) {
    margin-top: 1.8em;
  }
  
  [data-accordion-item]:is([data-slug="annual-reports"], [data-slug="geschaeftsberichte"]) .downloads-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: min-content;
    gap: 0.75em 2em;
  }
  
  @media (max-width: 500px) {
    
    [data-accordion-item]:is([data-slug="annual-reports"], [data-slug="geschaeftsberichte"]) .downloads-list {
      grid-template-columns: repeat(3, 1fr);
    }
    
  }
  
  
  
  
  
  
  .link-list {
    display: flex;
    flex-flow: column nowrap;
    gap: 0.5em 0px;
  }
  





  .share-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .9em 1em;
    margin-top: 1.6em;
  }
  
  .share-list .label {
    text-transform: uppercase;
    display: block;
    line-height: 1.15;
  }
  
  .share-list .value {
    display: block;
    color: #bdbdbd;
  }
  








  .press-photos-grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 4), 1fr);
    gap: 18px max(10px, calc(18 * var(--px)));
  }
  
  .press-photos-grid img {
    aspect-ratio: 1 !important;
    object-fit: cover;
  }
  
  .press-photos-grid figcaption {
    display: block;
    margin-top: .66666666666666666666em;
  }
  
  @media (max-width: 1200px) {
    
    .press-photos-grid {
      --columns: 3;
    }
    
  }
  
  @media (max-width: 1000px) {
    
    .press-photos-grid {
      --columns: 2;
    }
    
  }
  
  @media (max-width: 900px) {
    
    .press-photos-grid {
      --columns: 4;
    }
    
  }
  
  @media (max-width: 600px) {
    
    .press-photos-grid {
      --columns: 3;
    }
    
  }
  
  @media (max-width: 500px) {
    
    .press-photos-grid {
      --columns: 2;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  section.accordion:not(:first-child),
  section.studio-map:not(:first-child) {
    margin-top: 3em;
  }
  
  @media (max-width: 900px) {
    .col-2 section.accordion:first-child,
    .col-2 section.studio-map:first-child {
      margin-top: 3em;
    }
  }
  
  section.accordion .wysiwyg.intro-copy .headline,
  section.studio-map .wysiwyg.intro-copy .headline {
    margin-bottom: .45em;
  }
  
  section.accordion .persons-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  @media (max-width: 500px) {
    section.accordion .persons-grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  
  
  
  
  section.studio-map .btn-set {
    --margin-top: 25px;
  }
  
  section.studio-map .studio-col-set {
    display: grid;
    grid-template-columns: max(50px, calc(149 * var(--px))) minmax(0, auto);
    gap: 0 calc(90 * var(--px));
  }
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    section.accordion .wysiwyg.intro-copy .headline, 
    section.studio-map .wysiwyg.intro-copy .headline {
      --min-font-size: 25;
      text-align: center;
    }
    
    section.studio-map .studio-col-set {
      display: block;
    }
    
    section.studio-map .col-icon {
      display: none;
    }
    
  }
