/* Startseite: Leistungsprofil und vier ausgewählte Baugeschichten. */
.hero h1{font-size:clamp(40px,4.7vw,76px);line-height:1.04;letter-spacing:-.05em}.hero h1 span{color:#d7c1a3}.hero-lede{font-size:17px;max-width:490px}.hero-copy{padding-top:clamp(55px,6.7vw,105px)}


.work-section{background:var(--paper);--ink:var(--navy-deep);--paper:#f5f3ef;--line:#d8dcd9;color:var(--ink)}
.work-project-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.work-project-heading .eyebrow{margin-bottom:22px}.work-project-heading>p{font-size:14px;color:var(--muted);max-width:330px}.work-filter-row{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #cbd0c5;padding-top:25px;margin:38px 0 35px}.work-filter{background:transparent;padding:11px 15px;font-size:11px;border:1px solid #c4cbbd;border-radius:30px}.work-filter.work-active{background:var(--ink);color:white;border-color:var(--ink)}.work-filter span{font-size:9px;opacity:.65;margin-left:10px}.work-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}.work-project[hidden]{display:none}.work-project-open{display:block;background:none;text-align:left;width:100%;padding:0}.work-project-photo{display:block;height:420px;overflow:hidden;position:relative;background:#d0d4ca}.work-project-photo>img{height:100%;object-fit:cover;transition:transform .6s ease}.work-project:nth-child(1) .work-project-photo>img{object-position:50% 43%}.work-project:nth-child(4) .work-project-photo>img{object-position:50% 35%}.work-project-open:hover img{transform:scale(1.035)}.work-project-tag{position:absolute;top:18px;left:18px;background:var(--paper);padding:9px 12px;font-size:9px;letter-spacing:.03em}.work-project-arrow{position:absolute;bottom:20px;right:20px;background:var(--paper);height:40px;width:40px;display:grid;place-items:center;border-radius:50%;font-size:23px}.work-project-meta{display:flex;justify-content:space-between;gap:20px;padding-top:20px}.work-project-meta small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.12em;margin-bottom:12px;color:#5c665b}.work-project-meta strong{font-size:clamp(27px,2.8vw,43px);line-height:1.05;font-weight:400;letter-spacing:-.05em}.work-project-detail{text-align:right;font-size:10px;line-height:1.7;padding-top:25px;color:#606c61}.work-project>p{font-size:12px;color:#606c61;margin-top:15px}
.work-project-photo{height:460px}.work-project:nth-child(1) .work-project-photo>img{object-position:50% 44%}.work-project:nth-child(4) .work-project-photo>img{object-position:50% 30%}.work-project-open{color:inherit;font-family:inherit;cursor:pointer;border:0}.work-project-photo img{width:100%;max-width:100%}.work-project{min-width:0}.work-filter{color:var(--navy);font-family:inherit;cursor:pointer}.work-filter.work-active{color:white}.work-project-heading h2{margin-bottom:0}.work-project-meta strong{font-size:clamp(30px,3vw,43px)}.work-project-tag{color:var(--navy-deep)}.work-project>p{font-size:14px}.work-project-detail{font-size:11px}.work-project-meta{padding-top:24px}.work-project-heading>p{font-size:15px;line-height:1.7}.work-filter{font-size:12px;min-height:44px}.work-project-grid{gap:60px 30px}.work-project-heading .eyebrow{color:var(--blue)}
dialog#project-dialog{border:0;padding:25px;background:var(--paper);color:var(--ink);width:min(1000px,95vw);max-height:94dvh;overscroll-behavior:contain}dialog#project-dialog::backdrop{background:#152019d9;backdrop-filter:blur(7px)}body:has(#project-dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:27px;margin-top:6px;letter-spacing:-.03em}.close{background:var(--ink);color:white;width:44px;height:44px;flex-shrink:0;border-radius:50%}.gallery{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px}.gallery>button{height:44px;background:#e3e6de;font-size:24px}.gallery img,.gallery video{width:100%;height:49dvh;object-fit:contain;background:#dfe2d9}.gallery-caption{display:flex;justify-content:space-between;gap:20px;margin:15px 56px;font-size:12px}.gallery-caption span{white-space:nowrap;color:var(--muted)}.gallery-thumbs{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.gallery-thumbs button{padding:7px 10px;background:transparent;border:1px solid var(--line);font-size:10px;min-height:34px}.gallery-thumbs button[aria-pressed=true]{background:var(--ink);color:white}#project-note{font-size:10px;color:var(--muted);margin:18px 56px 0}#project-note a{text-decoration:underline}

#project-dialog{--paper:#f5f3ef;--ink:#1b5587;--line:#d8dcd9;font-family:Arial,sans-serif}#project-dialog button{cursor:pointer;border:0;color:inherit}#project-dialog .close{color:white}#project-dialog .gallery-thumbs button{border:1px solid var(--line)}#project-dialog .gallery-thumbs button[aria-pressed=true]{color:white}#project-dialog p{margin-bottom:0}#project-dialog .eyebrow{font-size:10px;margin-bottom:0}#project-dialog .gallery-caption{line-height:1.6}#project-dialog .gallery-thumbs button{min-height:40px}#project-dialog #project-note{line-height:1.6}
@media(max-width:1050px){.work-project-photo{height:370px}.hero h1{font-size:clamp(38px,4.7vw,60px)}}
@media(max-width:760px){.hero h1{font-size:clamp(43px,8.5vw,66px)}.hero-copy{padding-top:48px}.hero-lede{font-size:16px}.hero-copy-inner{padding-bottom:37px}.work-project-heading{display:block}.work-project-heading>p{margin-top:24px;max-width:450px;font-size:14px}.work-filter-row{gap:8px;margin:28px 0}.work-filter{font-size:11px;padding:10px 13px}.work-project-grid{grid-template-columns:1fr;gap:40px}.work-project-photo{height:430px}.work-project-meta strong{font-size:34px}.work-project-tag{font-size:10px}.work-project>p{font-size:13px}.work-project-detail{font-size:10px}.work-project-meta{padding-top:20px}#project-dialog{padding:17px;width:96vw}#project-dialog .dialog-top h2{font-size:23px}#project-dialog .gallery{grid-template-columns:32px 1fr 32px;gap:5px}#project-dialog .gallery>button{height:44px}#project-dialog .gallery-caption{margin-inline:0;font-size:11px}#project-dialog .gallery img,#project-dialog .gallery video{height:44dvh}#project-dialog #project-note{margin-inline:0}#project-dialog .gallery-thumbs{gap:6px}}
@media(max-width:400px){.hero h1{font-size:41px}.work-project-photo{height:355px}.work-project-meta strong{font-size:30px}.work-project-detail{max-width:110px}.work-project-tag{font-size:9px;left:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.work-project-photo>img{transition:none}}

@media(min-width:761px){.main-nav{gap:clamp(16px,2vw,30px);font-size:12px}}

.work-project{position:relative}.work-project-photo>.work-cover-video{width:100%;height:100%;object-fit:cover;object-position:center 45%}.cover-motion-toggle{position:absolute;top:18px;right:18px;z-index:2;border:1px solid #ffffffaa;border-radius:50%;width:40px;height:40px;background:#1b5587dd;color:white;cursor:pointer;display:grid;place-items:center;font-size:16px}
.partner-marquee.is-scrollable{overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.partner-marquee.is-scrollable::before,.partner-marquee.is-scrollable::after{display:none}.is-scrollable .partner-track{animation:none;transform:none;will-change:auto}.is-scrollable .partner-list{padding:0 14px 0 0}.partner-marquee.is-dragging{cursor:grabbing;user-select:none}.is-scrollable img{user-select:none;-webkit-user-drag:none}

@media(prefers-reduced-motion:reduce){.partner-marquee.is-scrollable{overflow-x:auto}.is-scrollable .partner-track{display:flex;width:max-content}.is-scrollable .partner-list{display:flex}.is-scrollable .partner-list li{width:225px}}

.partner-marquee.is-scrollable::-webkit-scrollbar{display:none;width:0;height:0}.is-scrollable .partner-list[aria-hidden="true"]{display:flex}

/* Intro: clear hierarchy and a restrained architectural divider. */
.intro{padding-block:clamp(64px,7.5vw,112px)}
.intro .intro-grid{grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}
.intro .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.intro .eyebrow::before{content:"";width:32px;height:2px;background:var(--sand)}
.intro #intro-title{font-size:clamp(38px,4.2vw,64px);line-height:1.12;letter-spacing:-.045em}
.intro #intro-title span{color:var(--blue)}
.intro .intro-right{border-left:1px solid var(--line);padding:8px 0 8px clamp(24px,3.6vw,56px)}
.intro .intro-right p{font-size:17px;line-height:1.75;margin:0 0 24px;max-width:470px}
.intro .intro-right .intro-lead{font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.02em;color:var(--navy-deep);margin-bottom:14px}
.intro .intro-link{border:0;gap:20px;min-height:48px;padding:0}
.intro .intro-link span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:23px}
.intro .intro-link:hover span{background:var(--navy);color:white;transform:translate(2px,-2px)}
@media(max-width:760px){.intro .intro-grid{grid-template-columns:1fr;gap:30px}.intro .intro-right{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.intro #intro-title{font-size:clamp(36px,7.6vw,54px)}.intro .intro-right p{font-size:16px}.intro .intro-right .intro-lead{font-size:21px}}

.intro .intro-heading{transform:translateY(-16px)}
@media(min-width:761px){.intro .intro-grid{align-items:start}.intro .intro-heading{transform:translateY(-44px)}}

/* Complete project catalogue uses the same cards and filters as the homepage. */
.catalog-status{font-size:13px;color:var(--muted);margin:0 0 28px}
.catalog-section .work-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 26px}
.catalog-section .work-project-photo{height:300px}
.catalog-section .work-project-meta strong{font-size:28px;letter-spacing:-.035em}
.catalog-section .work-project-detail{padding-top:0;white-space:nowrap}
.catalog-section .work-project-meta{gap:12px}
.catalog-section .work-project-tag{font-size:10px;max-width:calc(100% - 78px);line-height:1.5}
.catalog-section .work-project-photo>img{object-position:center}
.catalog-section .work-project-meta small{display:none}
.catalog-section .work-project>p{line-height:1.6}
@media(max-width:1100px){.catalog-section .work-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.catalog-section .work-project-grid{grid-template-columns:1fr}.catalog-section .work-project-photo{height:340px}.catalog-section .work-project-meta strong{font-size:30px}}
.catalog-section .work-project-meta>span:first-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:600px){.catalog-section .work-project-meta{display:block}.catalog-section .work-project-detail{display:block;text-align:left;margin-top:12px;max-width:none}.catalog-section .work-project-detail br{display:none}}

/* Zweiter Bauleiter als ergänzendes Profil ohne Fotoplatzhalter. */
.leader-colleague{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.78fr);gap:5%;border-top:1px solid var(--line);margin-top:52px;padding-top:38px}
.leader-colleague .leader-name{margin:0 0 22px}
.leader-colleague-copy h3{font-size:clamp(27px,2.7vw,38px);line-height:1.15;letter-spacing:-.035em;max-width:650px;margin:0 0 18px}
.leader-colleague-copy p{font-size:18px;line-height:1.7;color:#4f5b61;max-width:650px;margin:0}
@media(max-width:760px){.leader-colleague{grid-template-columns:1fr;gap:28px;margin-top:38px;padding-top:30px}.leader-colleague-copy p{font-size:17px}}