/* v27 - shared, truly uncropped image system. All measures follow 8px rhythm. */
:root { --portfolio-media-width:800px; --portfolio-gallery-gap:24px; }
/* Video and main art, as well as the complete gallery GROUP, share the SAME width. */
body[class*="project-"] .section-detail .container.bild-projektseite > .div-block-7,
body[class*="project-"] .section-detail .container.bild-projektseite > .div-block-7.motion-design,
body[class*="project-"] .section-detail .container.bild-projektseite > .div-block-7 > img,
body[class*="project-"] .section-detail .container.bild-projektseite > .div-block-7 > .w-video,
body[class*="project-"] .section-detail .container.info-description .div-block-11,
body[class*="project-"] .section-detail .container.info-description .grid-7,
body.barrieren-gallery-v22 .section-detail .container.info-description .div-block-11 {
  width:100% !important; max-width:var(--portfolio-media-width) !important;
  margin-left:0 !important; margin-right:auto !important; box-sizing:border-box !important;
}
/* Existing aspect ratios always remain intact: NEVER use cover/fill for artworks. */
body .section-detail .container.info-description .div-block-11 img,
body .section-detail .container.info-description .grid-7 img {
  display:block !important; width:100% !important; max-width:100% !important;
  height:auto !important; max-height:none !important;
  object-fit:contain !important; object-position:center center !important;
  aspect-ratio:auto !important; padding:0 !important; margin:0 !important;
}
@media (min-width:768px) {
  body.barrieren-gallery-v22 .section-detail .div-block-11,
  body.project-power-v26 .section-detail .div-block-11.freedom {
    display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:24px !important; align-items:start !important; height:auto !important;
  }
  body.barrieren-gallery-v22 .section-detail .div-block-11 > .div-block-12,
  body.project-power-v26 .section-detail .div-block-11.freedom > .div-block-12 {
    display:flex !important; flex-direction:column !important; gap:24px !important;
    width:100% !important; height:auto !important; min-height:0 !important;
  }
  body.barrieren-gallery-v22 .section-detail .div-block-11 > .div-block-13,
  body.project-power-v26 .section-detail .div-block-11.freedom > .div-block-13,
  body.barrieren-gallery-v22 .section-detail .div-block-11 .div-block-19,
  body.barrieren-gallery-v22 .section-detail .div-block-11 .div-block-20,
  body.project-power-v26 .section-detail .div-block-11.freedom .div-block-19,
  body.project-power-v26 .section-detail .div-block-11.freedom .div-block-20 {
    display:block !important; flex:none !important; width:100% !important;
    height:auto !important; min-height:0 !important; max-height:none !important;
    padding:0 !important; margin:0 !important; overflow:visible !important;
    background:transparent !important;
  }
  body.barrieren-gallery-v22 .section-detail .div-block-11 > .div-block-13 img,
  body.project-power-v26 .section-detail .div-block-11.freedom > .div-block-13 img,
  body.barrieren-gallery-v22 .section-detail .div-block-11 .div-block-19 img,
  body.barrieren-gallery-v22 .section-detail .div-block-11 .div-block-20 img,
  body.project-power-v26 .section-detail .div-block-11.freedom .div-block-19 img,
  body.project-power-v26 .section-detail .div-block-11.freedom .div-block-20 img {
    width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important;
  }
}
@media(max-width:767px) {
  body.barrieren-gallery-v22 .section-detail .div-block-11,
  body.project-power-v26 .section-detail .div-block-11.freedom {
    display:grid !important; grid-template-columns:minmax(0,1fr) !important;
    gap:16px !important;
  }
  body.barrieren-gallery-v22 .section-detail .div-block-11 > .div-block-12,
  body.project-power-v26 .section-detail .div-block-11.freedom > .div-block-12 {
    gap:16px !important;
  }
}