:root{--paper:#f5f8f9;--ink:#10191d;--green:#10262e;--line:#d7e1e4;--muted:#58666c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087d8c;outline-offset:6px}.wrap{max-width:1440px;margin:auto;padding:0 6vw}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:30px}.brand{font-family:Georgia,serif;font-size:25px;line-height:1.2}.brand small{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:2.2px;text-transform:uppercase;margin-top:8px}nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav-cta{border-bottom:1px solid;padding-bottom:5px}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 14px}.hero{padding:84px 0 52px}.hero h1{font:clamp(54px,6.9vw,104px)/1.05 Georgia,serif;letter-spacing:-4px;margin:0;max-width:1100px}.hero h1 em{font-weight:normal;color:var(--green)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-top:50px}.hero-note{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}.intro{max-width:470px;font-size:18px;margin:0 0 26px}.button{display:inline-block;background:var(--green);color:var(--paper);padding:15px 24px;font-size:14px}.button:hover{background:#087d8c}.strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:60px;padding-top:22px;color:var(--muted);font-size:12px;letter-spacing:1px}.section{padding:100px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:45px}.label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase}h2{font:clamp(36px,4vw,58px)/1.12 Georgia,serif;letter-spacing:-1.4px;margin:0}h3{font:28px/1.2 Georgia,serif;margin:0 0 20px}.lead{max-width:540px;color:var(--muted);margin-top:22px}.services{margin-left:calc((100% - 50px)/3 + 50px)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:25px;padding:24px 0;font:27px/1.3 Georgia,serif}summary::-webkit-details-marker{display:none}.number{font:12px Arial,sans-serif;color:var(--muted)}.plus{margin-left:auto;font:24px Arial,sans-serif}details[open] .plus{transform:rotate(45deg)}details p{margin:0 45px 26px;max-width:580px;color:var(--muted)}.dark{background:var(--green);color:var(--paper)}.dark .section{border:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.step{border-top:1px solid #91aab1;padding-top:20px}.step span{font-size:12px;color:#e2eaec}.step h3{margin-top:32px}.step p{color:#eef4f5;font-size:15px}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:10vw}.name-panel{border-left:1px solid var(--line);padding:15px 0 15px 35px;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.name-panel .name{font:50px/1.1 Georgia,serif;letter-spacing:-2px}.name-panel p{max-width:250px;color:var(--muted);font-size:14px}.about-copy h2{margin:18px 0 30px}.about-copy p{color:var(--muted);max-width:530px}.contact{background:#e9f1f3;padding:75px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.contact p{color:var(--muted)}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.email{font-size:clamp(13px,1.5vw,20px);border-bottom:1px solid}.phone{font:32px Georgia,serif}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:11px;color:var(--muted)}.preview{font-size:11px;letter-spacing:.4px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:5}@media(max-width:760px){.wrap{padding:0 7vw}header{padding:22px 0;position:relative}.brand{font-size:21px}.brand small{font-size:8px}.menu{display:block}nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--paper);padding:25px;border:1px solid var(--line);z-index:2;align-items:flex-start}nav.open{display:flex;flex-direction:column;gap:20px}.hero{padding:56px 0 35px}.hero h1{font-size:53px;letter-spacing:-2.5px}.hero-bottom,.section-head,.about,.contact-grid{grid-template-columns:1fr;gap:28px}.hero-bottom{margin-top:32px}.hero-note{order:2;font-size:10px}.intro{font-size:16px}.strip{margin-top:35px;flex-wrap:wrap;font-size:10px;gap:12px}.section{padding:62px 0}.section-head{margin-bottom:30px}.services{margin-left:0}summary{font-size:23px;gap:15px}details p{margin-left:29px;margin-right:0;font-size:15px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.step h3{margin-top:18px}.name-panel{min-height:180px;padding-left:22px}.name-panel .name{font-size:40px}.about{gap:45px}.contact{padding:55px 0}.phone{font-size:27px}footer{flex-direction:column;gap:5px}h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Freigegebene Creme-/Beige-Richtung */
figure{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}figcaption{font-size:11px;line-height:1.5;letter-spacing:.4px;color:var(--muted);padding-top:12px}header{position:relative;z-index:3}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0;min-height:690px}.hero-copy{padding:105px 22px 60px 0;position:relative;z-index:1}.hero h1{font-size:clamp(42px,4.6vw,70px);letter-spacing:-2.6px;line-height:1.12;max-width:none}.hero h1 em{color:var(--ink)}.hero .intro{margin:34px 0;max-width:400px;font-size:16px}.hero-note{margin-top:40px;font-size:10px;line-height:1.8}.hero-portrait{position:relative;overflow:hidden;height:690px;background:#d7e2e5}.hero-portrait img,.hero-portrait video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.hero-portrait figcaption{position:absolute;bottom:18px;left:22px;color:#fbfdfe;text-shadow:0 1px 4px #10191d;background:#10191d99;padding:6px 10px}.button{background:#10262e}.section{padding:85px 0}.service-content{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:center}.services{margin-left:0}.service-image img{height:480px;object-position:50% 30%}.section-head{grid-template-columns:1fr 1.35fr;gap:70px}.about{grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.welcome-image img{height:570px;object-position:42% 35%}.dark{background:#2b515a}.contact .label{line-height:1.8}.button,.nav-cta{transition:background .2s,color .2s}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
@media(min-width:1500px){.hero-copy{padding-top:125px}.hero,.hero-portrait{min-height:760px;height:760px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 0 32px}.hero h1{font-size:clamp(37px,8.9vw,60px);letter-spacing:-1.6px}.hero .intro{font-size:15px;margin:24px 0}.hero-note{margin:25px 0 0}.hero-portrait{height:490px}.hero-portrait img,.hero-portrait video{object-position:52% 42%}.service-content,.section-head,.about{grid-template-columns:1fr;gap:30px}.service-image img{height:420px}.section{padding:60px 0}.welcome-image img{height:450px}.about{gap:35px}.about-copy h2{font-size:35px}.contact-links{max-width:100%}.email{overflow-wrap:anywhere}.menu{background:var(--paper)}nav.open{box-shadow:0 15px 25px #10191d15}.section-head{margin-bottom:30px}h2{font-size:36px}}

.architecture-slider{width:100%;background:#e9f1f3;outline-offset:-4px}.architecture-track{position:relative;height:clamp(220px,23vw,360px);overflow:hidden}.architecture-slide{height:100%;width:100%}.architecture-slide[hidden]{display:none}.architecture-slide img{object-position:center 53%;height:100%;width:100%}.architecture-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 6vw;gap:20px;font:18px Georgia,serif}.architecture-bar small{display:block;font:10px/1.5 Arial,sans-serif;color:#58666c;margin-top:5px}.slider-controls{display:flex;gap:20px;align-items:center;flex-shrink:0;font:11px Arial,sans-serif}.slider-controls button{border:1px solid #9bb1b7;background:transparent;color:#10191d;padding:10px 15px;cursor:pointer}.slider-controls button:hover{background:#dce6e8}.slider-controls button:focus-visible{outline:2px solid #10262e;outline-offset:3px}.bim-feature{display:grid;grid-template-columns:1.5fr 1fr;gap:38px 65px}.bim-heading{grid-column:1/-1}.bim-heading h2{margin-top:22px}.bim-image img{height:auto;aspect-ratio:3/2;object-fit:cover}.bim-copy{align-self:center;color:var(--muted);font-size:16px}.bim-copy p:first-child{margin-top:0}.bim-copy .nav-cta{display:inline-block;margin-top:18px;color:var(--ink)}#arbeitsweise{position:relative;isolation:isolate;overflow:hidden;background:#eef4f5;color:#10191d}#arbeitsweise::before{content:"";position:absolute;inset:0;background:url('assets/girih.jpg') center/650px;opacity:.13;z-index:-1;pointer-events:none}#arbeitsweise .step{border-color:#acbdc2}#arbeitsweise .step span{color:#416b74}#arbeitsweise .step p{color:#17333b}
@media(max-width:760px){.architecture-track{height:230px}.architecture-bar{align-items:flex-start;flex-direction:column;font-size:17px;padding:17px 7vw}.slider-controls{width:100%;justify-content:space-between}.bim-feature{grid-template-columns:1fr;gap:26px}.bim-copy{font-size:15px}.bim-heading{grid-column:auto}.bim-heading h2{font-size:35px}.bim-image img{aspect-ratio:3/2}.bim-feature{padding-top:58px}#arbeitsweise::before{background-size:440px;opacity:.1}}

.contact-extras{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:55px;padding-top:45px;border-top:1px solid #c3d0d4}.contact-extras h3{font-size:27px}.contact-extras label{display:block;font-size:13px;margin-bottom:18px}.contact-extras label span{color:#58666c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #9dafb5;background:#f6fafb;color:#10191d;border-radius:0;padding:12px;font:16px/1.5 Arial,sans-serif}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #10262e;outline-offset:2px}.contact-extras .button{border:0;cursor:pointer}.form-note,#form-status{font-size:12px;line-height:1.6}.map-panel>p{font-size:15px}#map-slot{height:280px;background:#f3f7f8;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center;margin:24px 0}#map-slot p{max-width:290px;font-size:13px}.map-load{border:1px solid #10262e;padding:12px 20px;color:#10191d;background:transparent;cursor:pointer}#map-slot iframe{width:100%;height:100%;border:0}#map-slot.loaded{padding:0}.architecture-slider{touch-action:pan-y}.architecture-bar{padding-top:13px;padding-bottom:13px}@media(max-width:760px){.contact-extras{grid-template-columns:1fr;gap:45px;margin-top:35px;padding-top:35px}.form-row{grid-template-columns:1fr;gap:0}}