@font-face{font-family:"Manrope";src:url("schrift/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";src:url("schrift/manrope-latin-ext-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Syne";src:url("schrift/syne-latin-wght-normal.woff2") format("woff2");font-weight:400 800;font-display:swap}
:root{--grund:#fff;--schrift:#071B1D;--leise:#4F5F61;--linie:#E3E8E8;--mint:#2DD4A8;--mint-hover:#49DEB3;--akzent:#0F766E;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--grund:#141416;--schrift:#F2FAF8;--leise:#A3AFB0;--linie:#2A2C2F;--akzent:#2DD4A8}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--grund);color:var(--schrift);font:400 17px/1.6 "Manrope",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.rahmen{max-width:1120px;margin:0 auto;padding:0 24px}
.kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px}
.kopf a.marke{display:flex;text-decoration:none;min-height:44px;align-items:center}
.logo{display:block}
.kopf nav{display:flex;align-items:center;gap:28px;font-size:15px}
.kopf nav a{text-decoration:none;color:var(--leise);min-height:44px;display:inline-flex;align-items:center}
.kopf nav a:hover{color:var(--schrift)}
.kopf nav a.anmelden{color:var(--schrift);font-weight:600;border:1px solid var(--linie);border-radius:999px;padding:0 18px}
.kopf nav a.anmelden:hover{border-color:var(--schrift)}
.oben{padding:120px 0 112px;border-bottom:1px solid var(--linie)}
.zeile{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--leise);margin:0 0 28px}
.zeile::before{content:"";width:28px;height:2px;background:var(--mint)}
h1,h2{font-family:"Syne","Manrope",sans-serif;font-weight:700;letter-spacing:-.025em;margin:0}
h1{font-size:clamp(46px,8.4vw,104px);line-height:.98}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.55;color:var(--leise);max-width:36em;margin:36px 0 0}
.aktionen{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:44px}
.knopf{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--mint);color:#071B1D;font-weight:700;text-decoration:none;transition:background .15s}
.knopf:hover{background:var(--mint-hover)}
.leise-link{font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--linie)}
.leise-link:hover{border-color:var(--schrift)}
a:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:6px}
section{padding:96px 0;border-bottom:1px solid var(--linie)}
.zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px}
h2{font-size:clamp(32px,4.4vw,52px);line-height:1.05}
.liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.liste li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 16px;padding:26px 0;border-bottom:1px solid var(--linie)}
.liste .nr{font-size:13px;font-weight:600;color:var(--leise);padding-top:5px;font-variant-numeric:tabular-nums}
.liste h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}
.liste p{margin:0;color:var(--leise)}
.text p{margin:0 0 18px;font-size:19px;max-width:34em}
.text p.leise{color:var(--leise);font-size:17px}
.kontakt{padding:120px 0}
.oben.klein{padding:88px 0 56px}
.recht{padding-top:56px;padding-bottom:96px;max-width:760px;margin-left:max(0px,calc((100% - 1120px)/2))}
.recht h2{font-family:"Manrope",sans-serif;font-size:18px;font-weight:700;letter-spacing:0;margin:40px 0 10px}
.recht h2:first-child{margin-top:0}
.recht p{margin:0 0 14px;color:var(--leise)}
.recht a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--mint)}
.recht .stand{font-size:14px;margin-bottom:32px}
.kontakt h2{max-width:14ch}
.kontakt .mail{display:inline-block;margin-top:32px;font-family:"Syne","Manrope",sans-serif;font-weight:700;font-size:clamp(24px,4vw,40px);letter-spacing:-.02em;text-decoration:none;border-bottom:2px solid var(--mint);overflow-wrap:anywhere}
.fuss{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;padding-bottom:48px;font-size:14px;color:var(--leise)}
.fuss nav{display:flex;gap:24px}
.fuss a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.fuss a:hover{color:var(--schrift)}
.fuss .claim{display:flex;align-items:center;gap:14px;color:var(--schrift)}
@media (max-width:760px){
 .rahmen{padding:0 20px}
 .kopf{height:64px}
 .kopf nav{gap:18px}
 .kopf nav .weg{display:none}
 .oben{padding:72px 0 80px}
 section{padding:72px 0}
 .zwei{grid-template-columns:1fr;gap:32px}
 .liste li{grid-template-columns:40px minmax(0,1fr)}
 .kontakt{padding:88px 0}
}