/* v4: restore one centered layout grid without global stretching. */
:root { --site-max: 1200px; --site-gutter: 24px; }
@media(min-width: 768px) {
  .section.section-detail > .container.w-container,
  .section.section-detail > .container.bild-projektseite.w-container,
  .section.section-detail > .container.info-description.w-container,
  .section.section-detail > .container.info-description.ber-mich.w-container {
    width: 100% !important;
    max-width: var(--site-max) !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-gutter) !important;
    padding-right: var(--site-gutter) !important;
  }
  .section.section-detail .container.bild-projektseite .div-block-7:not(.motion-design) {
    width: min(100%, 800px) !important;
    max-width: 800px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .section.section-detail .container.bild-projektseite .div-block-7:not(.motion-design) img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .section.section-detail .container.info-description .grid-6,
  .section.section-detail .container.info-description .grid-7,
  .section.section-detail .container.info-description .div-block-11 {
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 800px !important;
  }
  .section.section-detail.bild-section.bermich > .container.info-description.ber-mich.w-container {
    max-width: var(--site-max) !important;
  }
  .section.section-detail.bild-section.bermich .grid-6.bermich {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .w-nav .container-2.w-container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--site-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-gutter) !important;
    padding-right: var(--site-gutter) !important;
  }
  .w-nav .container-2 > a.brand.w-nav-brand { transform: none !important; }
}
/* Make media and copy follow the same centered grid on every viewport. */
@media(max-width: 767px) {
 .section.section-detail > .container.w-container,
 .section.section-detail > .container.info-description.w-container,
 .section.section-detail > .container.bild-projektseite.w-container {
   width:100% !important;max-width:100% !important;box-sizing:border-box !important;
   margin-left:auto !important;margin-right:auto !important;
   padding-left:20px !important;padding-right:20px !important;
 }
 .section.section-detail .container.bild-projektseite img {max-width:100% !important;height:auto !important;}
 .w-nav .container-2.w-container {width:100% !important;box-sizing:border-box !important;padding-left:20px !important;padding-right:20px !important;}
 .w-nav .container-2 > a.brand.w-nav-brand {transform:none !important;}
}

/* v5 — logo only. The header's inherited Webflow container makes the logo
   48px farther right than the page heading on wide screens.  Avoid altering
   header widths, nav positions or project/grid layout. */
@media (min-width: 1400px) {
  .w-nav .container-2.w-container > a.brand.w-nav-brand {
    transform: translateX(-48px) !important;
  }
}