:root{--ink:#0b0b0b;--ink-2:#1c1c1c;--ink-3:#2a2a2a;--white:#fff;--warm:#f5f3ee;--stone:#ececea;--stone-2:#e2e2df;--grey:#555;--accent:#40d0b0;--on-dark-muted:rgba(255,255,255,.65);--on-light-muted:rgba(0,0,0,.55);--gutter:40px;--max:1600px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,dl,dd,dt,figure{margin:0}a{color:inherit;text-decoration:none;transition:color .15s}button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
h1{font-weight:400;letter-spacing:-.01em;line-height:1.02;font-size:clamp(44px,6.4vw,96px);text-wrap:balance}
h2{font-weight:400;letter-spacing:-.01em;line-height:1.1;font-size:clamp(34px,3.4vw,52px);text-wrap:balance}
h3{font-weight:500;line-height:1.2;font-size:clamp(20px,1.6vw,24px)}
.statement{font-size:clamp(19px,1.5vw,24px);line-height:1.45;max-width:30em}.body{font-size:17px;line-height:1.55;max-width:36em}.small{font-size:14px;line-height:1.45}
.muted{color:var(--on-light-muted)}.muted-dark{color:var(--on-dark-muted)}.grey{color:var(--grey)}.accent{color:var(--accent)}
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:4px;font-size:15px;font-weight:500;white-space:nowrap;border:0;cursor:pointer;transition:background .15s var(--ease)}
.btn-accent{background:var(--accent);color:var(--ink)}.btn-accent:hover{background:#5be0c2}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--ink-3)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.14)}.btn:active{transform:translateY(1px)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--accent);color:var(--ink);padding:10px 14px;border-radius:4px}.skip:focus{left:8px}
.nav{position:fixed;inset:0 0 auto 0;z-index:50;height:64px;display:flex;align-items:center;color:#fff;transition:background .2s,color .2s}
.nav.on-light{background:rgba(255,255,255,.96);color:var(--ink)}.nav.on-light .btn-accent{background:var(--ink);color:#fff}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;position:relative}
.nav .mark{font-weight:500;white-space:nowrap}.nav .links{display:flex;gap:28px;font-size:14px}.nav .links a{opacity:.75;padding:10px 0}.nav .links a:hover{opacity:1}
.nav .right{display:flex;align-items:center;gap:16px}.nav .btn{height:38px;padding:0 16px;font-size:14px}
.nav .burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;align-items:center;justify-content:center}
.nav .menu{position:absolute;top:64px;left:0;right:0;background:var(--ink);color:#fff;padding:16px var(--gutter) 24px;display:grid;gap:14px;font-size:18px}.nav .menu[hidden]{display:none}
.hero{background:var(--ink);color:#fff;padding:160px 0 96px;min-height:100svh;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end;width:100%}
.hero .sub{margin-top:32px;max-width:30em;font-size:clamp(17px,1.25vw,19px);color:rgba(255,255,255,.78)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.plate{display:grid;gap:2px}.plate div{background:var(--ink-2);padding:20px 24px;display:grid;grid-template-columns:110px 1fr;gap:16px;font-size:15px;line-height:1.5}.plate dt{color:var(--accent)}.plate dd{color:rgba(255,255,255,.85)}
.section{padding:140px 0}.light{background:#fff;color:var(--ink)}.stone{background:var(--stone);color:var(--ink)}.dark{background:var(--ink);color:#fff}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:72px}.section-head .statement{justify-self:end}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat{background:var(--warm);padding:40px 32px 32px}
.stat .value{font-size:clamp(56px,5.5vw,96px);font-weight:400;letter-spacing:-.03em;line-height:.95}.stat .u{font-size:.32em;color:var(--on-light-muted)}.stat .label{margin-top:16px;font-size:15px;color:var(--on-light-muted)}
.section .small.muted{margin-top:24px}
.units{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.unit{background:var(--ink-2);padding:36px 32px;display:grid;gap:12px;align-content:start}
.unit .size{font-size:clamp(28px,2.4vw,40px);font-weight:400;letter-spacing:-.02em;line-height:1;color:var(--accent)}.unit p{color:var(--on-dark-muted);font-size:15px;line-height:1.55}
#flaechen .small{margin-top:32px}
.standort{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.standort .body{margin-top:24px}
.plan svg{width:100%;height:auto;display:block}.plan figcaption{margin-top:10px;font-size:13px;color:var(--on-light-muted)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cols div{background:var(--warm);padding:32px}.cols p{margin-top:12px;color:var(--on-light-muted);font-size:15px;line-height:1.55}
.ankauf{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.ankauf .body{margin-top:20px}
.kontakt{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:start}.kontakt .body{margin-top:24px}
.contact-list{margin-top:40px;display:grid;gap:2px}.contact-list div{background:#fff;padding:16px 20px;display:grid;grid-template-columns:110px 1fr;gap:16px;font-size:15px}.contact-list dt{color:var(--grey)}.contact-list a:hover{color:var(--accent)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;background:#fff;padding:40px}.form .full{grid-column:1/-1}
.field label{display:block;font-size:14px;margin-bottom:8px;color:var(--grey)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;background:var(--stone);border:0;border-radius:4px;outline:none}.field input,.field select{height:48px}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 2px var(--accent)}
.hp{position:absolute;left:-9999px}.form .actions{margin-top:8px;align-items:center;gap:20px}.note{font-size:14px;color:var(--grey)}
.footer{background:#000;color:#fff;padding:72px 0 56px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;font-size:15px;line-height:1.7}.mark-big{font-size:clamp(28px,2.6vw,40px);letter-spacing:.02em;text-transform:uppercase}.footer p{margin-top:10px;color:rgba(255,255,255,.85)}.footer a:hover{color:var(--accent)}
.legal{background:#fff;color:var(--ink);min-height:100vh;padding:120px 0 96px}.legal .wrap{max-width:800px}.legal h1{font-size:clamp(34px,3.4vw,52px)}.legal p{margin-top:20px;font-size:17px;line-height:1.55}.legal h2{font-size:24px;margin-top:40px}
@media(max-width:1100px){.nav .links{display:none}.nav .burger{display:inline-flex}.hero-grid,.section-head,.standort,.kontakt,.ankauf{grid-template-columns:1fr}.section-head .statement{justify-self:start}.stats,.units{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.section{padding:100px 0}}
@media(max-width:640px){:root{--gutter:20px}.nav .right .btn{display:none}.section{padding:80px 0}.hero{padding:120px 0 64px}.stats,.units{grid-template-columns:1fr;gap:12px}.form{grid-template-columns:1fr;padding:24px}.footer-grid{grid-template-columns:1fr;gap:28px}.plate div,.contact-list div{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}