*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#303638;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}p{margin:0 0 1.3rem}h1,h2,h3{font-weight:400;line-height:1.1;margin:0;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.8vw,7rem)}h2{font-size:clamp(2rem,3.3vw,3.6rem)}h3{font-size:1.55rem}a:focus-visible,button:focus-visible{outline:3px solid #857668;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#fff;padding:12px}.skip:focus{top:10px}.header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:relative;z-index:5;border-bottom:1px solid #e7e7e4}.brand{display:flex;align-items:center;gap:16px;line-height:1.2;font-size:17px;letter-spacing:-.025em}.brand img{width:82px;height:82px;object-fit:contain}.header nav{display:flex;gap:36px;font-size:15px}.header nav a{padding:8px 0;border-bottom:1px solid transparent}.header nav a:hover,.header nav a[aria-current]{border-color:#8d8277}.menu-toggle{display:none;background:none;border:0}.hero{height:calc(100svh - 106px);min-height:560px;max-height:1000px;position:relative;color:#fff;background:#777}.hero>img{height:100%;width:100%;object-fit:cover;object-position:50% 53%}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,24,23,.7),transparent 68%)}.hero-copy{position:absolute;left:6%;bottom:10%;right:6%}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:13px;line-height:1.6;margin-bottom:28px}.hero h1{font-size:clamp(3.2rem,6.5vw,6.9rem);line-height:1.04;font-weight:400}.hero-link{display:flex;align-items:center;gap:36px;width:fit-content;margin-top:32px;font-size:15px}.hero-link span{border-bottom:1px solid #ffffffa0;padding-bottom:3px}.hero-link:hover span{border-color:white}.image-note{position:absolute;right:30px;bottom:20px;text-transform:uppercase;letter-spacing:.15em;font-size:11px}.section{padding:110px 7%}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro .lead{margin-top:0}.lead{font-size:clamp(1.2rem,1.5vw,1.55rem);line-height:1.6}.intro-grid p:not(.lead),.project-story p:not(.lead),.office-intro p:not(.lead){color:#626664}.text-link{display:inline-block;border-bottom:1px solid #91877e;padding:4px 0;margin-top:15px;font-size:15px}.text-link:hover{border-color:#303638}.projects{background:#f3f2ef}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:48px}.section-heading>p{max-width:365px;color:#656963;font-size:15px;margin:0}.section-heading .eyebrow{margin-bottom:16px}.project-image{overflow:hidden;position:relative}.project-image img{width:100%;aspect-ratio:1.85;object-fit:cover;transition:transform .8s}.project-image>span{position:absolute;bottom:24px;right:24px;background:white;padding:12px 22px;font-size:14px}.project-card:hover img{transform:scale(1.025)}.project-caption{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;gap:15px}.project-caption h3{font-size:clamp(1.6rem,2.3vw,2.4rem)}.project-caption p{font-size:14px;color:#676b68;margin:0}.services-section h2{margin-bottom:60px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.services article{border-top:1px solid #bbb9b1;padding-top:20px}.number{font-size:13px;color:#797a74;display:block;margin-bottom:35px}.services h3{margin-bottom:22px}.services p{font-size:16px;color:#626664}.contact-band{background:#e9e6e0;text-align:center;padding-top:95px;padding-bottom:95px}.contact-band h2{font-size:clamp(2.8rem,5vw,5rem)}.contact-band .text-link{margin-top:30px}footer{background:#303638;color:#efeeeb;padding:64px 7% 25px;font-size:14px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px;padding-bottom:45px}.footer-name{font-size:25px;line-height:1.2;letter-spacing:-.035em}.footer-top a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff30;padding-top:22px;display:flex;justify-content:space-between;color:#c5c8c4;font-size:12px;gap:20px}.footer-bottom a{margin-left:25px}.page-title,.project-title{padding-top:80px;padding-bottom:85px}.project-title .back{margin:0 0 48px}.project-title .eyebrow{margin-bottom:20px}.title-sub{margin-top:30px;margin-bottom:0;color:#666b67}.project-cover{margin:0 3%}.project-cover img{width:100%;height:auto}.project-cover figcaption{font-size:12px;color:#6b6e69;padding:12px 0}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:65px 9%}.project-story h2{font-size:clamp(2rem,3vw,3.2rem)}.facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #c6c7c1;border-bottom:1px solid #c6c7c1;margin:0;padding:26px 0;gap:20px}.facts dt{font-size:13px;color:#6b6e69;margin-bottom:8px}.facts dd{margin:0;font-size:17px}.gallery-section{padding-top:20px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px;margin-bottom:50px}.gallery-item{margin:0}.gallery-item.wide{grid-column:1/-1}.gallery-item img{width:100%;height:auto}.gallery-open{display:block;position:relative}.zoom-label{position:absolute;bottom:15px;right:15px;background:#fff;padding:7px 12px;font-size:12px;opacity:0;transition:opacity .2s}.gallery-open:hover .zoom-label,.gallery-open:focus-visible .zoom-label{opacity:1}.gallery-item figcaption{display:flex;justify-content:space-between;font-size:13px;margin-top:12px;color:#626664}.logo-panel{background:#f3f2ef;display:grid;place-items:center;min-height:360px}.logo-panel img{width:75%;max-width:350px}.office-intro{display:grid;grid-template-columns:.8fr 1fr;gap:10%;padding-top:0}.office-intro h2{margin-bottom:35px}.people{display:grid;grid-template-columns:1fr 1fr;gap:6%}.people article{border-top:1px solid #bcbdb7;padding-top:35px}.people h2{font-size:clamp(1.8rem,2.6vw,2.8rem);margin-bottom:14px}.people p{color:#73766f}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:0;min-height:450px}.contact-layout h2{margin-bottom:25px}.contact-phone{font-size:clamp(1.8rem,3.3vw,3.7rem);letter-spacing:-.04em;border-bottom:1px solid #91877e;display:inline-block;margin-top:25px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-details h3{font-size:18px;margin-bottom:25px}.contact-details p{font-size:15px}.contact-details .text-link{margin-top:2px}.lightbox{width:100vw;height:100svh;max-width:none;max-height:none;border:0;padding:24px 4%;background:#202524;color:white}.lightbox::backdrop{background:#202524}.lightbox[open]{display:flex;flex-direction:column}.lightbox-toolbar,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:45px}.lightbox-toolbar p{margin:0;font-size:14px}.lightbox button{background:transparent;border:1px solid #ffffff50;padding:7px 13px;font-size:14px}.lightbox img{width:100%;flex:1;min-height:0;object-fit:contain;margin:20px 0}.counter{font-size:13px}.modal-open{overflow:hidden}
@media(min-width:1700px){.section{padding-left:max(7%,calc((100vw - 1500px)/2));padding-right:max(7%,calc((100vw - 1500px)/2))}}
@media(max-width:760px){.header{height:86px;padding:0 5%}.brand{font-size:14px;gap:8px}.brand img{width:65px;height:65px}.menu-toggle{display:block;font-size:14px;padding:12px}.header nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:25px 7% 35px;flex-direction:column;gap:14px;border-bottom:1px solid #ddd}.header nav.open{display:flex}.hero{height:76svh;min-height:510px;max-height:820px}.hero>img{object-position:58% center}.hero-copy{bottom:12%}.hero h1{font-size:clamp(2.8rem,10vw,4.5rem)}.hero-link{align-items:flex-start;flex-direction:column;gap:9px;margin-top:25px}.eyebrow{font-size:12px;letter-spacing:.11em}.section{padding:65px 6%}.intro-grid,.project-story,.office-intro,.contact-layout{grid-template-columns:1fr;gap:35px}.intro-grid h2{margin-bottom:5px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:30px}.section-heading>p{max-width:none}.project-image img{aspect-ratio:1.25;object-position:60% center}.project-image>span{bottom:14px;right:14px;padding:8px 15px}.project-caption{flex-direction:column;gap:10px;margin-top:6px}.services{grid-template-columns:1fr;gap:35px}.services-section h2{margin-bottom:40px}.number{margin-bottom:18px}.services h3{margin-bottom:15px}.footer-top{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.footer-top p{margin-bottom:10px}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom a{margin:0 22px 0 0}.project-title,.page-title{padding-top:50px}.project-title .back{margin-bottom:32px}.title-sub{font-size:15px}.project-cover{margin:0}.project-cover figcaption{padding:10px 6%}.facts{grid-template-columns:1fr 1fr;gap:25px}.facts div:last-child{grid-column:1/-1}.gallery-section{padding-top:10px}.gallery{grid-template-columns:1fr;gap:30px}.gallery-item.wide{grid-column:auto}.gallery-item figcaption{font-size:12px;gap:15px}.zoom-label{opacity:1}.office-intro{padding-top:0}.logo-panel{min-height:270px}.logo-panel img{max-width:260px}.people{grid-template-columns:1fr;gap:40px}.contact-layout{padding-top:0}.contact-details{grid-template-columns:1fr;gap:25px}.lightbox{padding:15px}.lightbox-toolbar p{font-size:12px;max-width:65%}.lightbox button{font-size:12px;padding:8px}.lightbox img{margin:15px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Ruhiger, durchgehend heller Aufbau der Startseite. */
.home-page .projects{background:#f3f2ef}
.home-page .contact-band{background:#fff}
.home-page .projects{padding-top:55px}
.home-page .project-card{display:block;margin-bottom:28px}
.home-page .contact-band{position:relative}
.home-page .contact-band::before{content:"";position:absolute;top:0;left:7%;right:7%;border-top:1px solid #deded9}
.home-page footer{background:#fff;color:#303638;border-top:1px solid #deded9}
.home-page .footer-bottom{border-color:#deded9;color:#626664}
@media(max-width:760px){.home-page .projects{padding-top:25px}.home-page .project-card{margin-bottom:20px}.home-page .contact-band::before{left:6%;right:6%}}



/* Zeigt das vollständige 16:9-Titelbild auf großen Bildschirmen. */
@media (min-width: 1600px){.home-page .hero{height:auto;aspect-ratio:16/9;min-height:0;max-height:none}}
.project-cover.organ-cover{margin-top:28px}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.project-filter{border:1px solid #aaa9a3;background:transparent;color:#303638;padding:10px 16px;border-radius:999px;font:inherit;font-size:14px;transition:background .2s,color .2s,border-color .2s}.project-filter:hover,.project-filter:focus-visible{border-color:#303638}.project-filter.is-active{background:#303638;border-color:#303638;color:#fff}.project-filter-status{font-size:13px;color:#676b68;margin:0 0 30px}.project-card[hidden]{display:none!important}