@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-latin-ext-300-normal.woff2) format("woff2");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:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-latin-300-normal.woff2) format("woff2");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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-ext-400-normal.woff2) format("woff2");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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-ext-500-normal.woff2) format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2");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:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-semi-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-semi-condensed-latin-700-normal.woff2) format("woff2")}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#F7F8F6;color:#1F2723;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14.5px;line-height:1.6}
a{color:#2C6A51}
.wrap{max-width:1140px;margin:0 auto;padding:0 28px}
section[id]{scroll-margin-top:84px}

/* Header – sticky */
.top{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 #E3E7E4}
.top.sh{box-shadow:0 1px 0 #E3E7E4,0 6px 18px rgba(30,38,34,.06)}
.fl{display:flex;height:3px}.fl i{flex:1}
.hdi{height:70px;display:flex;align-items:center;gap:26px}
.lg{display:flex;align-items:center;gap:11px;margin-right:auto;text-decoration:none;flex:none}
.lg img{height:42px;width:auto;display:block}
.lgt{display:flex;flex-direction:column;gap:3px}
.lgw{display:flex;align-items:baseline;gap:6px;line-height:1}
.lgw b{font-family:Barlow,sans-serif;font-weight:800;font-size:19px;color:#2E3238;letter-spacing:-.2px}
.lgw span{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:19px;color:#5B6068}
.lgf{display:flex;gap:2px;height:2px}.lgf i{flex:1}
.lgs{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:9.5px;color:#5B6068;letter-spacing:1.5px;line-height:1}
.nav{display:flex;gap:22px}
.nav a{color:#3E4843;text-decoration:none;font-size:13.5px}
.nav a:hover{color:#2C6A51}
.lang{display:flex;border:1px solid #D7DED9;border-radius:3px;overflow:hidden;flex:none}
.lang button{font:inherit;font-size:12px;font-weight:500;border:0;background:#fff;color:#6B746F;padding:5px 9px;cursor:pointer;min-height:32px;min-width:36px}
.lang button[aria-pressed="true"]{background:#EAF3EE;color:#1F4D36}
.tel{display:flex;align-items:center;gap:7px;border:1px solid #CFE0D6;background:#F3F8F5;border-radius:3px;padding:6px 12px;color:#1F4D36;text-decoration:none;font-size:13px;white-space:nowrap}
.menu{display:none;border:0;background:none;padding:6px;cursor:pointer;flex:none}
.mnav{display:none}

/* Hero */
.hero{display:grid;grid-template-columns:270px 300px 1fr;gap:30px;align-items:start;padding:44px 0 50px}
.badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#1F4D36;background:#EAF3EE;border-radius:3px;padding:3px 11px;margin-bottom:14px}
.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#367F62}
h1{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.01em;margin:0 0 10px}
.lead{font-size:14.5px;color:#5A645E;font-weight:300;margin:0 0 24px}
.facts{display:grid;gap:11px}
.fa{display:flex;gap:10px;align-items:center;font-size:13.5px;color:#3E4843}
.fa i{flex:0 0 28px;height:28px;border-radius:3px;background:#EAF3EE;display:flex;align-items:center;justify-content:center}
.lt{font-size:12px;color:#7A847E;margin:0 0 8px 2px}
.list{display:flex;flex-direction:column;gap:6px}
.mi{display:flex;align-items:center;gap:12px;width:100%;font:inherit;text-align:left;border:1px solid #E1E6E2;background:#fff;border-radius:3px;padding:9px 12px;cursor:pointer;color:#3E4843;min-height:50px}
.mi:hover{border-color:#9CC4AE}
.mi .rd{flex:0 0 16px;height:16px;border-radius:50%;border:1.5px solid #B9C4BD}
.mi .tx{flex:1;display:flex;flex-direction:column;line-height:1.3}
.mi .tx b{font-weight:500;font-size:14px;color:#1F2723}
.mi .tx small{font-size:12px;color:#8A938E}
.mi .ch{color:#9AA39D;font-size:16px}
.mi[aria-checked="true"]{border-color:#367F62;background:#EEF6F1;box-shadow:0 0 0 1px #367F62}
.mi[aria-checked="true"] .rd{border:5px solid #367F62}
.mi[aria-checked="true"] .tx small,.mi[aria-checked="true"] .ch{color:#2C6A51}
.card{background:#fff;border:1px solid #E3E7E4;border-radius:3px;padding:22px 24px}
.card h2{font-size:17px;font-weight:500;margin:0 0 2px}
.card .d{color:#2C6A51;margin:0 0 20px;font-size:13.5px}

/* Kennzeichen */
.plate{width:100%;max-width:470px;margin:0 auto;aspect-ratio:5.1/1;background:#fff;border:4px solid #111;border-radius:9px;box-shadow:0 0 0 2px #fff,0 0 0 3px #D9DCD9,0 6px 14px rgba(0,0,0,.08);display:flex;container-type:inline-size}
.eu{flex:0 0 10.5%;background:#0039A6;border-radius:5px 0 0 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0 5px;overflow:hidden}
.eu svg{flex:0 0 auto;display:block;width:70%;height:auto;aspect-ratio:1}
.eu span{color:#fff;font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:clamp(11px,4.2cqi,20px);line-height:1}
.pr{flex:1;display:flex;align-items:center;gap:1.6%;padding:1.8%}
.seg{height:100%;display:flex;border:2px solid #E2E5E2;background:#F4F5F3;border-radius:5px;transition:background .15s,border-color .15s}
.seg input{width:100%;min-width:0;border:0;background:transparent;text-align:center;font-family:"Barlow Semi Condensed",sans-serif;font-weight:600;font-size:clamp(20px,8.4cqi,42px);line-height:1;color:#141414;text-transform:uppercase;padding:0;outline:none}
.seg input::placeholder{color:#BEC3BF}
.seg:focus-within,.seg.act{background:#FFF6D6;border-color:#F2C200}
.dots{flex:0 0 4%;display:flex;flex-direction:column;gap:5px}.dots i{width:100%;aspect-ratio:1;border-radius:50%;background:#E3E6E3}
.tip{font-size:12.5px;color:#7A847E;text-align:center;margin:10px 0 16px}
.l{display:block;font-size:12.5px;color:#5A645E;margin:0 0 6px}
.inp{font:inherit;width:100%;border:1px solid #D7DED9;border-radius:3px;padding:11px 12px;margin-bottom:16px;font-size:16px}
.inp:focus{outline:2px solid #9CC4AE;outline-offset:0;border-color:#367F62}
.btn{display:block;width:100%;text-align:center;background:#367F62;color:#fff;border:0;font:inherit;font-weight:500;font-size:14.5px;padding:13px;border-radius:3px;cursor:pointer;text-decoration:none}
.btn:hover{background:#2C6A51}
.prc{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:#7A847E;margin-top:10px}

/* Sections */
.sec{padding:52px 0;border-top:1px solid #E3E7E4}
.sec.w{background:#fff}
.sh2{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
h2.t{font-size:20px;font-weight:500;letter-spacing:-.01em;margin:0}
.sub{color:#6B746F;font-weight:300;font-size:14px;margin:4px 0 0}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sc{background:#fff;border:1px solid #E3E7E4;border-radius:3px;padding:18px 20px;display:flex;flex-direction:column}
.sec.w .sc{background:#FAFBFA}
.sc h3{font-size:15px;font-weight:500;margin:0 0 4px}
.sc p{margin:0 0 12px;color:#5A645E;font-weight:300;font-size:13.5px}
.sc .nd{font-size:12px;color:#7A847E;margin:auto 0 4px}
.sc ul{margin:0;padding:0 0 0 16px;font-size:13px;color:#3E4843}
.sc li{margin:2px 0}
.sc li::marker{color:#9CC4AE}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.how div{border-top:2px solid #CFE0D6;padding-top:14px}
.how i{font-style:normal;font-size:12px;color:#2C6A51}
.how b{display:block;font-weight:500;font-size:15px;margin:2px 0 4px}
.how span{color:#5A645E;font-weight:300;font-size:13.5px}
.pz{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pc{background:#fff;border:1px solid #E3E7E4;border-radius:3px;padding:20px 22px}
.pc small{display:block;font-size:12px;color:#7A847E;margin-bottom:2px}
.pc b{display:block;font-size:16px;font-weight:500;margin-bottom:6px}
.pc p{margin:0;color:#5A645E;font-weight:300;font-size:13.5px}
.pn{font-size:13px;color:#6B746F;margin:14px 0 0}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:start}
.faq details{background:#fff;border:1px solid #E3E7E4;border-radius:3px;padding:0 18px}
.sec.w .faq details{background:#FAFBFA}
.faq summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:500;font-size:14px;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:#2C6A51;font-weight:400;font-size:17px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq p{margin:0 0 14px;color:#5A645E;font-weight:300;font-size:13.5px}
.kt{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;align-items:stretch}
.kt .pc{display:flex;align-items:center;gap:14px;text-decoration:none;color:#1F2723}
.kt .pc i{flex:0 0 38px;height:38px;border-radius:3px;background:#EAF3EE;display:flex;align-items:center;justify-content:center}
.kt .pc span small{margin:0}
.kt .first{display:block}
.kt .first b{margin-bottom:4px}

/* Footer */
.ft{background:#fff;border-top:1px solid #E3E7E4;font-size:12.5px;color:#6B746F}
.fti{padding:22px 0;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;align-items:center}
.ft a{color:#3E4843;text-decoration:none;margin-left:18px}
.ft a:first-child{margin-left:0}

/* Hinweis-Dialog */
.dlg{border:0;border-radius:3px;padding:0;max-width:420px;width:calc(100% - 32px);box-shadow:0 20px 50px rgba(20,30,25,.25);color:#1F2723}
.dlg::backdrop{background:rgba(25,35,30,.45)}
.dlgi{padding:24px}
.dlg h2{font-size:17px;font-weight:500;margin:0 0 6px}
.dlg p{margin:0 0 18px;color:#5A645E;font-weight:300;font-size:14px}
.dlg .ct{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dlg .ct a{flex:1 1 150px;text-align:center;border:1px solid #CFE0D6;background:#F3F8F5;border-radius:3px;padding:10px;color:#1F4D36;text-decoration:none;font-size:13.5px}
.dlg .x{display:block;width:100%;font:inherit;font-size:13.5px;background:none;border:0;color:#6B746F;padding:8px;cursor:pointer}

/* Rechtstexte */
.legal{max-width:760px;padding:40px 0 56px}
.legal h1{font-size:24px;margin:0 0 24px}
.legal h2{font-size:16px;font-weight:500;margin:28px 0 6px}
.legal p,.legal li{color:#3E4843;font-size:14.5px}
.legal .back{display:inline-block;margin-bottom:20px;font-size:14px;text-decoration:none}

@media (max-width:1060px){
.nav{gap:16px}
.hero{grid-template-columns:1fr 1fr;gap:24px 28px}
.left{grid-column:1/-1}
.facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 22px}
}
@media (max-width:900px){
.nav,.tel{display:none}
.menu{display:block}
.mnav{border-top:1px solid #EDF0EE;padding:8px 0 14px}
.mnav.open{display:block}
.mnav a{display:block;padding:11px 2px;color:#1F2723;text-decoration:none;font-size:15px;border-bottom:1px solid #F0F2F0}
.mnav a.mt{margin-top:10px;border:1px solid #CFE0D6;background:#F3F8F5;border-radius:3px;text-align:center;color:#1F4D36}
}
@media (max-width:760px){
.wrap{padding:0 16px}
.hdi{height:60px;gap:10px}
.lg{gap:8px}
.lg img{height:34px;width:auto}
.lgw{gap:4px}
.lgw b,.lgw span{font-size:14px}
.lgs{font-size:7px;letter-spacing:.9px}
.lang button{min-width:31px;padding:4px 6px;min-height:30px}
.hero{display:flex;flex-direction:column;gap:22px;padding:24px 0 34px}
.left{display:contents}
.lb{order:1}
.listw{order:2;width:100%}
.card{order:3;padding:18px 16px;width:100%}
.facts{order:4;grid-template-columns:1fr;gap:9px}
h1{font-size:21px}
.lead{margin-bottom:0}
.list{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mi{padding:8px 10px;gap:8px}
.mi .ch{display:none}
.sec{padding:36px 0}
.sh2{display:block;margin-bottom:18px}
.svc,.how,.pz,.faq,.kt{grid-template-columns:1fr}
.how{gap:18px}
.fti{display:block}
.fti span{display:block;margin-bottom:8px}
}
@media (max-width:370px){
.lgw span{font-size:13px}.lgw b{font-size:13px}
.lgs{display:none}
.lang button{min-width:32px;padding:5px 6px}
}

/* v4: Status-Tags, Gebrauchtwagen-Fragen, Benachrichtigen */
.mi .tg{font-size:10.5px;letter-spacing:.02em;border-radius:3px;padding:2px 6px;white-space:nowrap}
.mi .tg.live{background:#EAF3EE;color:#1F4D36}
.mi .tg.soon{background:#F2F3F1;color:#7A847E}
.qz{margin:4px 0 16px}
.qz p{margin:0 0 8px;font-size:13.5px;color:#1F2723}
.qb{display:flex;gap:8px;margin-bottom:12px}
.qb button{flex:1;font:inherit;font-size:13.5px;border:1px solid #D7DED9;background:#fff;color:#3E4843;border-radius:3px;padding:9px;cursor:pointer;min-height:42px}
.qb button[aria-pressed="true"]{border-color:#367F62;background:#EEF6F1;color:#1F4D36;box-shadow:0 0 0 1px #367F62}
.res{font-size:13px;color:#2C6A51;background:#F0F6F2;border-left:2px solid #9CC4AE;padding:8px 12px;margin:0 0 14px}
.soonbox{border-top:1px solid #EDF0EE;padding-top:14px}
.soonbox b{display:block;font-weight:500;font-size:13.5px;margin-bottom:2px}
.soonbox p{margin:0 0 10px;font-size:13px;color:#5A645E;font-weight:300}
.nf{display:flex;gap:8px}
.nf .inp{margin:0;flex:1;min-width:0}
.nf .btn{width:auto;padding:11px 16px;white-space:nowrap}
.legalnote{font-size:12px;color:#7A847E;line-height:1.5;padding:0 0 14px;margin:0}
.hours{font-size:13px;color:#5A645E;font-weight:300;margin:6px 0 0}
.sc .soonl{display:inline-block;font-size:10.5px;background:#F2F3F1;color:#7A847E;border-radius:3px;padding:1px 6px;margin-left:6px;vertical-align:2px}
.sc .livel{display:inline-block;font-size:10.5px;background:#EAF3EE;color:#1F4D36;border-radius:3px;padding:1px 6px;margin-left:6px;vertical-align:2px}
@media (max-width:760px){.list{grid-template-columns:1fr}.nf{flex-direction:column}.nf .btn{width:100%}}

/* Kennzeichen – nach Vorlage (Selim, 10.11.2026) */
.kzw{container-type:inline-size;width:100%;max-width:500px;margin:0 auto}
.kz{margin-top:3.2cqi;aspect-ratio:5/1;background:#fff;border:max(3px,.6cqi) solid #0E0E0E;border-radius:2.4cqi;box-shadow:0 0 0 max(3px,.55cqi) #fff,0 0 0 calc(max(3px,.55cqi) + 1px) #DCDCDC,0 1.2cqi 2.4cqi rgba(0,0,0,.13);display:flex;box-sizing:border-box;position:relative}
.kz .eu{flex:0 0 9.6%;background:#0B57C4;border-radius:1.6cqi 0 0 1.6cqi;display:flex;overflow:hidden;padding:0}
.kz .eus{width:100%;height:100%;display:block}
.kz .pr{flex:1;display:grid;grid-template-columns:35fr 354fr 30fr 105fr 32fr 352fr 52fr 638fr 45fr;grid-template-rows:1fr;align-items:stretch;height:100%;padding:1.6cqi 0;box-sizing:border-box;gap:0}
.kz .seg{position:relative;display:flex;background:#EEEEEE;border:max(1px,.12cqi) solid #D3D3D3;border-radius:.7cqi;box-sizing:border-box;min-width:0;height:auto;transition:background .15s,border-color .15s,box-shadow .15s}
.kz .s1{grid-column:2}.kz .s2{grid-column:6}.kz .s3{grid-column:8}
.kz .seg input,.kz .seg span{width:100%;min-width:0;border:0;background:transparent;text-align:center;font-family:"Barlow Semi Condensed",sans-serif;font-weight:700;font-size:12.2cqi;line-height:1;color:#141414;padding:0;outline:none;text-transform:uppercase;display:flex;align-items:center;justify-content:center}
.kz .seg input::placeholder{color:#BEBEBE;opacity:1}
.kz .seg span.ph{color:#BEBEBE}
.kz .seg.act,.kz .seg:focus-within{background:#FDF0D3;border-color:#F2C230;box-shadow:0 0 0 .3cqi rgba(245,196,0,.35),0 0 1.4cqi rgba(245,190,0,.6)}
.kz .seg.act::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:calc(-1.6cqi - 2.9cqi - .2cqi);border-left:3.3cqi solid transparent;border-right:3.3cqi solid transparent;border-top:2.9cqi solid #F7C900;pointer-events:none}
.kz .dt{grid-column:4;position:relative;display:block;height:100%}
.kz .dt i{position:absolute;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;background:#EAEAEA}
.kz .dt i:first-child{width:78%;top:26.8%}
.kz .dt i:last-child{width:100%;top:68.7%}
.kzh{display:flex;align-items:center;justify-content:center;gap:8px;font-family:"Barlow Semi Condensed",sans-serif;font-weight:600;font-size:15px;color:#1F2723;margin:12px 0 0;text-align:center;line-height:1.25}
.kzh .kzi{flex:0 0 20px}

/* WhatsApp – fest unten rechts auf jeder Seite */
.wa{position:fixed;right:18px;bottom:18px;z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.wa:hover{background:#1EBE5A}
@media (max-width:760px){.wa{right:14px;bottom:14px;width:50px;height:50px}}

/* v6: Tablet-Breite (761–1060 px) + Hinweis unter dem Kennzeichen */
.kzh{display:block;text-align:center}
.kzh .kzi{display:inline-block;vertical-align:-4px;margin-right:7px}
@media (min-width:761px) and (max-width:1060px){
.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.prc{flex-wrap:wrap}
}