/* Feedback round, 10 November 2026: typography and corrected native compositions. */
.project-story-bg{background:#000;opacity:1!important;mix-blend-mode:normal!important;isolation:isolate}
.project-story-bg img{opacity:.32}
.project-story-overlay-old{display:none}
.centered-story-heading{width:calc(1280px * var(--layout-scale,1));height:auto}
.centered-story-heading .text-line{position:static;display:block;text-align:center;transform:none;font:800 calc(40px * var(--type-layout-scale,1))/1.2 Raleway,Arial,sans-serif;color:#fff;white-space:normal}
.centered-story-heading .text-line:first-child{text-transform:uppercase}
.private-benefit-button{font-size:calc(23px * var(--type-layout-scale,1))}
.private-benefit-panel li{font-size:calc(25px * var(--type-layout-scale,1));line-height:1.45}
.private-benefit-panel li>span{white-space:normal}
.private-benefit-check{width:calc(48px * var(--layout-scale,1));height:calc(36px * var(--layout-scale,1))}
.public-benefit-accordion{top:calc(1275px * var(--layout-scale,1));height:calc(526px * var(--layout-scale,1))}
.public-benefit-accordion .private-benefit-controls{top:0}
.public-benefit-icon{width:calc(64px * var(--layout-scale,1));height:calc(64px * var(--layout-scale,1))}
.service-item h3,.industry-item h3{font-size:calc(23px * var(--type-layout-scale,1));line-height:1.25}
.services-heading h2{font-size:calc(40px * var(--type-layout-scale,1));line-height:1.15}
.gallery-caption h2{font-size:calc(39px * var(--type-layout-scale,1));line-height:1.17}
.gallery-caption a{font-size:calc(28px * var(--type-layout-scale,1));line-height:1.3}
.project-gallery--compact .gallery-caption h2{font-size:calc(29px * var(--type-layout-scale,1));line-height:1.17}
.project-gallery--compact .gallery-caption a{font-size:calc(21px * var(--type-layout-scale,1));line-height:1.3}
.project-card-caption{font-size:calc(22px * var(--type-layout-scale,1));line-height:1.25}
.project-card-caption b{font-size:calc(18px * var(--type-layout-scale,1))}
.service-panel{font-size:calc(16px * var(--type-layout-scale,1));line-height:1.5}
.industry-panel{font-size:calc(16px * var(--type-layout-scale,1));line-height:1.5}
.hero-stripe-options{position:absolute;right:calc(125px * var(--layout-scale,1));top:calc(934px * var(--layout-scale,1));z-index:10;border:0;margin:0;padding:0;display:flex;align-items:center;gap:12px;color:#fff;font:600 clamp(13px,1vw,16px)/1.3 Raleway,Arial,sans-serif}
.hero-stripe-options legend{float:left;padding:0 6px 0 0;font-weight:800}
.hero-stripe-options label{display:flex;align-items:center;gap:6px;min-height:32px;cursor:pointer}
.hero-stripe-options input{accent-color:#fff}
body[data-page=index] .project-gallery:not(.project-gallery--compact){top:calc(3055px * var(--layout-scale,1))}
body[data-page=index] .services-layout{top:calc(3929px * var(--layout-scale,1))}
.utility-panel a{font-size:calc(18px * var(--type-layout-scale,1))}
@media(max-width:1180px){
  .hero-stripe-options{position:static;display:flex;flex-wrap:wrap;color:#161615;margin:14px 0 0;gap:8px 14px;font-size:14px}
  .hero-stripe-options legend{float:none;display:block;margin-bottom:4px}
  .hero-stripe-options label{min-height:44px}
  .hero-stripe-options input{accent-color:#c4000b}
  body[data-page=index] .flow-hero{position:relative;isolation:isolate}
  body[data-page=index] .flow-hero::before{content:"";position:absolute;left:0;right:0;top:var(--hero-red-top,100%);bottom:0;background:#c4000b;z-index:-1}
  body[data-page=index] .flow-portraits{background:transparent;border:0}
  body[data-page=index] .hero-stripe-options{color:#fff}
  body[data-page=index] .hero-stripe-options input{accent-color:#fff}
  .responsive-flow .public-benefit-icon{width:30px;height:30px}
  .responsive-flow .public-benefit-accordion{height:auto}
}

.credit-link{color:inherit;text-decoration:underline;text-underline-offset:.16em}
.footer-credit-flow{font-size:clamp(12px,1vw,14px);line-height:1.5;margin-top:24px!important}

/* Feedback 19–26: lighter controls, consistent spacing and native page scrolling. */
.artboard-viewport{overflow:clip}
body[data-page=index] [data-xd-id="227fbeb0-9e69-4567-a857-fc92b6ee3b7c"]{transform:translate(calc(761px * var(--layout-scale,1)),calc(3795px * var(--layout-scale,1)))!important}
body[data-page=index] :is([data-xd-id="afc99e4c-e813-495e-9e7e-1b112cb0511d"],[data-xd-id="969190c5-80b5-456b-b2cd-54922e52ddbd"]){transform:translate(0,calc(2188px * var(--layout-scale,1)))!important;width:100%}
.private-benefit-button{font-size:calc(20px * var(--type-layout-scale,1));min-height:calc(92px * var(--layout-scale,1));grid-template-columns:calc(54px * var(--layout-scale,1)) minmax(0,1fr) calc(22px * var(--layout-scale,1));gap:calc(16px * var(--layout-scale,1));padding-left:calc(34px * var(--layout-scale,1))}
.private-benefit-controls{gap:calc(16px * var(--layout-scale,1))}
.private-benefit-icon,.private-benefit-icon svg{width:calc(54px * var(--layout-scale,1));height:calc(62px * var(--layout-scale,1))}
.private-benefit-arrow{width:calc(22px * var(--layout-scale,1));height:calc(18px * var(--layout-scale,1))}
.private-benefit-panel li{font-size:calc(22px * var(--type-layout-scale,1))}
.about-value-tab{font-size:calc(20px * var(--type-layout-scale,1))}
.about-value-panel h2{font-size:calc(31px * var(--type-layout-scale,1));line-height:1.2}
.about-value-panel p{font-size:calc(15px * var(--type-layout-scale,1));line-height:1.5}
.hero-stripe-dock{position:fixed;left:calc(32px + var(--feedback-launcher-width,198px));bottom:20px;z-index:2147482500;font:600 14px/1.3 Raleway,Arial,sans-serif;color:#fff}
.hero-stripe-dock>summary{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;cursor:pointer;background:#19191b;border-radius:24px;box-shadow:0 5px 20px #0002;list-style:none}
.hero-stripe-dock>summary::-webkit-details-marker{display:none}
.hero-stripe-dock>summary::after{content:'⌃';margin-left:8px}
.hero-stripe-dock[open]>summary::after{content:'⌄'}
.hero-stripe-dock .hero-stripe-options{position:absolute;inset:auto auto 58px 0;width:260px;margin:0;padding:18px;border:1px solid #ddd;border-radius:12px;display:block;color:#161615;background:#fff;box-shadow:0 8px 28px #0003;font-size:14px}
.hero-stripe-dock .hero-stripe-options legend{float:none;padding:0 5px;color:#161615;background:#fff}
.hero-stripe-dock .hero-stripe-options label{min-height:42px;color:#161615}
.hero-stripe-dock .hero-stripe-options input{accent-color:#c4000b}
@media(max-width:1180px){
 .is-narrow .artboard-viewport{overflow:visible}
 .hero-stripe-dock{bottom:12px;left:calc(24px + var(--feedback-launcher-width,170px))}
 .hero-stripe-dock>summary{padding:0 12px;font-size:13px}
 .hero-stripe-dock .hero-stripe-options{inset:auto 0 58px auto;width:250px}
 .responsive-flow .about-value-tab{font-size:15px}
 .responsive-flow .about-value-panel h2{font-size:25px}
 .responsive-flow .about-value-panel p{font-size:15px}
 .responsive-flow .private-benefit-button{min-height:48px;font-size:14px}
 .responsive-flow .private-benefit-panel li{font-size:16px}
 .responsive-flow .flow-audiences a{font-size:17px}
}

/* Keep Udo Winter's quotation marks attached to the first and last text lines. */
body[data-page=oeffentliche-bauprojekte] :is([data-xd-id="b1483c9d-eb62-4c35-bfd6-8c302ee5079a"],[data-xd-id="e099c502-283a-492d-9959-aea68a246c24"]){display:none}
.quote-punctuation{position:absolute;color:#c4000b;font:800 calc(54px * var(--type-layout-scale,1))/1 Raleway,Arial,sans-serif;pointer-events:none}

/* A single saved variant controls every cutout/red-band composition on both pages. */
.career-accent{outline:none}

/* Adobe XD review: clear main service, matching industries and company values. */
.industry-icon{display:block;flex:none;width:calc(32px * var(--layout-scale,1));height:calc(32px * var(--layout-scale,1));color:inherit}
.project-filter{display:inline-flex;align-items:center;gap:.4em;vertical-align:middle}
.project-filter .industry-icon{width:1.35em;height:1.35em}
@media(max-width:1180px){
 .responsive-flow .industry-item summary{display:grid;grid-template-columns:15px 28px minmax(0,1fr);justify-content:start;gap:10px}
 .responsive-flow .industry-item h3{text-align:left}
 .responsive-flow .industry-item .industry-icon{width:28px;height:28px}
}
.profession-intro{position:absolute;left:calc(679px * var(--layout-scale,1));top:calc(1447px * var(--layout-scale,1));width:calc(650px * var(--layout-scale,1));font:500 calc(22px * var(--type-layout-scale,1))/1.5 Raleway,Arial,sans-serif}
.profession-intro strong{font-weight:800;color:#b8000a}
.profession-intro p{margin:.3em 0 0}
.about-film-cta{left:calc(-260px * var(--layout-scale,1));width:calc(520px * var(--layout-scale,1));min-height:calc(76px * var(--layout-scale,1))}
.about-film-cta .text-line{left:50%!important;transform:translate(-50%,calc(-1em * var(--font-baseline,.85)))!important}
.about-film-cta:focus-visible{outline:2px solid white;outline-offset:8px}
.news-section-title{position:absolute;left:calc(160px * var(--layout-scale,1));top:calc(4298px * var(--layout-scale,1));width:calc(1201px * var(--layout-scale,1));margin:0;color:#fff;text-align:center;text-transform:uppercase;font:800 calc(39px * var(--type-layout-scale,1))/1.2 Raleway,Arial,sans-serif}
.about-workday{position:absolute;top:calc(6725px * var(--layout-scale,1));left:0;width:100%;height:calc(396px * var(--layout-scale,1));background:#fff}
.about-workday h2{display:flex;align-items:center;justify-content:center;height:calc(96px * var(--layout-scale,1));margin:0;padding:0 24px;background:#c4000b;color:white;text-align:center;font:800 calc(24px * var(--type-layout-scale,1))/1.2 Raleway,Arial,sans-serif}
.about-workday-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;height:calc(300px * var(--layout-scale,1))}
.about-workday-photos img{display:block;width:100%;height:100%;object-fit:cover;min-height:0}
.about-workday-photos img:nth-child(2){object-position:center 42%}
@media(min-width:1181px){
 body[data-page=index] .project-gallery:not(.project-gallery--compact){top:calc(2250px * var(--layout-scale,1))}
 body[data-page=index] .services-layout{top:calc(3124px * var(--layout-scale,1))}
 body[data-page=index] [data-xd-id="227fbeb0-9e69-4567-a857-fc92b6ee3b7c"]{transform:translate(calc(761px * var(--layout-scale,1)),calc(2990px * var(--layout-scale,1)))!important}
 body[data-page=index] :is([data-xd-id="afc99e4c-e813-495e-9e7e-1b112cb0511d"],[data-xd-id="969190c5-80b5-456b-b2cd-54922e52ddbd"]){transform:translate(0,calc(1383px * var(--layout-scale,1)))!important}
 body[data-page=index] .home-company-video{top:calc(3819px * var(--layout-scale,1) + var(--services-offset,0px))!important}
 .about-value-tablist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 calc(155px * var(--layout-scale,1))}
 .about-value-tab{position:static;width:auto;padding:calc(35px * var(--layout-scale,1)) calc(8px * var(--layout-scale,1)) 0}
 .services-heading p{font-size:calc(22px * var(--type-layout-scale,1));line-height:1.4;font-weight:700;color:#b8000a}
 .project-filters{display:flex;flex-wrap:wrap;align-items:center;gap:calc(12px * var(--layout-scale,1));line-height:1.5}
}
@media(max-width:1180px){
 .responsive-flow .about-workday{position:relative;inset:auto;width:100%;height:auto}
 .responsive-flow .flow-workday{padding:0}
 .responsive-flow .about-workday h2{height:auto;min-height:90px;padding:24px 16px;font-size:22px}
 .responsive-flow .about-workday-photos{height:220px;gap:4px}
 .responsive-flow .about-workday-photos img{object-fit:cover}
 .responsive-flow .about-value-tablist{grid-template-columns:repeat(5,minmax(0,1fr))}
 .responsive-flow .about-value-tab{font-size:14px}
}
@media(max-width:600px){
 .responsive-flow .about-value-tablist{grid-template-columns:repeat(2,minmax(0,1fr))}
 .responsive-flow .about-value-tab:last-child{grid-column:1/-1}
 .responsive-flow .about-workday-photos{height:auto;grid-template-columns:1fr}
 .responsive-flow .about-workday-photos img{height:auto;aspect-ratio:4/3}
}
@media(max-width:1180px){
 body[data-page=ueber-uns] .flow-hero{position:relative;isolation:isolate}
 body[data-page=ueber-uns] .flow-hero::before{content:"";position:absolute;left:50%;right:var(--gutter);top:var(--hero-red-top,100%);bottom:0;background:#c4000b;z-index:-1}
 body[data-page=ueber-uns] .flow-hero .flow-photo{object-fit:contain;max-height:480px}
 .flow-career{position:relative;isolation:isolate}
 .flow-career::before{content:"";position:absolute;left:39%;width:22%;top:var(--career-red-top,100%);bottom:var(--career-red-bottom,0);background:#c4000b;z-index:-1}
 .flow-career .flow-photo{object-fit:contain}
}