/* VK Automobile – Gestaltung: dunkel, groß, präzise */
@font-face{font-family:"Archivo";src:url("/assets/fonts/archivo-latin.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;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:"Archivo";src:url("/assets/fonts/archivo-latin-ext.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}

:root{
  --black:#000;
  --ink:#0a0a0b;
  --graphite:#141517;
  --carbon:#1d1f22;
  --line-d:rgba(255,255,255,.14);
  --line-l:#d9d9d6;
  --steel:#8d929a;
  --silver:#c9ccd1;
  --paper:#f3f3f1;
  --white:#fff;
  --text-d:#e7e8ea;
  --text-l:#16171a;
  --muted-l:#5e6168;
  --accent:#f07f1f;
  --accent-ink:#a95300;
  --pad:clamp(20px,4.5vw,72px);
  --max:1520px;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--text-d);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:clamp(16px,1.05vw,18px);line-height:1.65;font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.1em;padding-left:1.2em}
h1,h2,h3,h4{margin:0 0 .5em;font-weight:760;line-height:1.04;letter-spacing:-.012em;font-stretch:118%}
h2{font-size:clamp(2rem,4.4vw,4.2rem)}
h3{font-size:clamp(1.2rem,1.6vw,1.55rem);font-stretch:112%;line-height:1.15}
h4{font-size:1.05rem;font-stretch:110%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:12px;top:-200px;z-index:300;background:var(--accent);color:#000;padding:12px 18px}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

h1,h2,h3,.display,.big,.statement{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:600px){
  .display,.big,.tile h2,.rcard h3,h2{font-stretch:104%}
  .display{font-size:clamp(2.1rem,10.5vw,3.4rem) !important}
  table.spec th,table.spec td{display:block;width:auto;padding:4px 0}
  table.spec th{padding-top:16px;border-bottom:0}
}
/* Kleine Typo-Bausteine */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.74rem;font-weight:650;letter-spacing:.24em;text-transform:uppercase;color:var(--silver);margin-bottom:22px;font-stretch:112%}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--accent)}
.light .eyebrow,.white .eyebrow{color:var(--muted-l)}
.display{font-size:clamp(2.7rem,8.2vw,8.6rem);text-transform:uppercase;font-weight:820;line-height:.92;letter-spacing:-.02em;font-stretch:122%;margin:0 0 .35em}
.display .thin{font-weight:250;display:block}
.big{font-size:clamp(2.3rem,6vw,6rem);text-transform:uppercase;font-weight:800;line-height:.95;letter-spacing:-.02em;font-stretch:122%}
.lead{font-size:clamp(1.08rem,1.45vw,1.4rem);line-height:1.55;color:var(--silver);max-width:40em;font-weight:380}
.light .lead,.white .lead{color:var(--muted-l)}
.muted{color:var(--steel)}
.light .muted,.white .muted{color:var(--muted-l)}
.accent{color:var(--accent)}

/* Knöpfe */
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btn{--b:var(--white);--c:#000;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:0 26px;background:var(--b);color:var(--c);border:1px solid var(--b);text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-stretch:112%;cursor:pointer;font-family:inherit;transition:background .25s,color .25s,border-color .25s}
.btn::after{content:"";width:18px;height:10px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16M12 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16M12 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.btn:hover::after{transform:translateX(5px)}
.btn:hover{--b:var(--accent);--c:#000;border-color:var(--accent)}
.btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.5)}
.btn.ghost:hover{background:var(--white);color:#000;border-color:var(--white)}
.btn.orange{--b:var(--accent);--c:#000;border-color:var(--accent)}
.btn.orange:hover{--b:var(--white);border-color:var(--white)}
.btn.dark{--b:#000;--c:#fff;border-color:#000}
.btn.dark:hover{--b:var(--accent);--c:#000;border-color:var(--accent)}
.btn.line-dark{background:transparent;color:#000;border-color:#000}
.btn.line-dark:hover{background:#000;color:#fff}
.btn.no-arrow::after{display:none}
.link{display:inline-flex;align-items:center;gap:12px;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;font-stretch:112%;padding:8px 0;border-bottom:1px solid currentColor}
.link::after{content:"→";transition:transform .3s var(--ease)}
.link:hover::after{transform:translateX(5px)}
.link:hover{color:var(--accent)}

/* Kopf */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .35s,backdrop-filter .35s,border-color .35s;border-bottom:1px solid transparent}
.hdr::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,0));pointer-events:none;transition:opacity .35s}
.hdr.solid{background:rgba(0,0,0,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line-d)}
.hdr.solid::before{opacity:0}
.hdr-in{position:relative;display:flex;align-items:center;gap:32px;height:84px;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.brand{display:block;flex:0 0 auto}
.brand img{height:50px;width:auto}
.hnav{display:flex;gap:6px;margin-left:auto}
.hnav a{position:relative;color:var(--white);text-decoration:none;font-size:.78rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;padding:12px 12px;font-stretch:112%}
.hnav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.hnav a:hover::after,.hnav a[aria-current="page"]::after{transform:scaleX(1)}
.hdr-tel{color:var(--white);text-decoration:none;font-weight:650;font-size:.92rem;letter-spacing:.04em;white-space:nowrap}
.hdr-tel:hover{color:var(--accent)}
.burger{display:inline-flex;align-items:center;gap:12px;background:none;border:0;color:var(--white);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;padding:12px 0;font-stretch:112%}
.burger i{display:block;width:26px;height:10px;position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .35s var(--ease),top .35s}
.burger i::before{top:0}.burger i::after{top:8px}
.menu-open .burger i::before{top:4px;transform:rotate(45deg)}
.menu-open .burger i::after{top:4px;transform:rotate(-45deg)}
@media (max-width:1180px){.hnav{display:none}.hdr-tel{margin-left:auto}}
@media (max-width:560px){.hdr-tel{display:none}.burger{margin-left:auto}.brand img{height:40px}.hdr-in{height:70px}}

/* Megamenü */
.mega{position:fixed;inset:0;z-index:90;background:#000;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility 0s .4s}
.menu-open .mega{opacity:1;visibility:visible;transition:opacity .4s var(--ease)}
.menu-open{overflow:hidden}
.mega-in{max-width:var(--max);margin:0 auto;padding:130px var(--pad) 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.mega h2{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel);font-weight:650;margin-bottom:22px;font-stretch:112%}
.mega ul{list-style:none;padding:0;margin:0}
.mega li{border-top:1px solid var(--line-d)}
.mega li:last-child{border-bottom:1px solid var(--line-d)}
.mega a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:var(--white);text-decoration:none;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:600;font-stretch:112%;transition:color .2s,padding .3s var(--ease)}
.mega a::after{content:"→";color:var(--steel);transition:transform .3s var(--ease),color .2s}
.mega a:hover{color:var(--accent);padding-left:8px}
.mega a:hover::after{color:var(--accent);transform:translateX(4px)}
.mega-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 48px;align-items:center;border-top:1px solid var(--line-d);padding-top:32px;color:var(--silver);font-size:.95rem}
.mega-foot a{color:var(--white);text-decoration:none;font-weight:650}
.mega-foot .btn{margin-left:auto}
.mega .li-in{transform:translateY(16px);opacity:0;transition:transform .6s var(--ease),opacity .6s}
.menu-open .mega .li-in{transform:none;opacity:1}
@media (max-width:1000px){.mega-in{grid-template-columns:1fr 1fr;padding-top:110px}}
@media (max-width:620px){.mega-in{grid-template-columns:1fr;gap:34px}.mega-foot .btn{margin-left:0;width:100%}}

/* Kopfbild Startseite */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#000;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.12);animation:kenburns 22s var(--ease) forwards}
@keyframes kenburns{to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 48%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 46%)}
.hero-body{width:100%;max-width:var(--max);margin:0 auto;padding:150px var(--pad) 0}
.hero .lead{color:#d9dbdf;margin-bottom:38px}
.hero-foot{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(48px,8vh,96px);border-top:1px solid var(--line-d)}
.hero-foot > *{display:block;text-decoration:none;transition:color .25s;padding:22px 24px 30px 0;font-size:.9rem;color:var(--silver);line-height:1.45}
.hero-foot strong{display:block;color:var(--white);font-size:1rem;font-stretch:112%;margin-bottom:4px}
.hero-foot strong::after{content:" →";color:var(--accent);opacity:0;transition:opacity .25s}
.hero-foot a:hover,.hero-foot a:focus-visible{color:#fff}
.hero-foot a:hover strong,.hero-foot a:focus-visible strong{color:var(--accent)}
.hero-foot a:hover strong::after,.hero-foot a:focus-visible strong::after{opacity:1}
[dir="rtl"] .hero-foot strong::after{content:" ←"}
.hero-foot > * + *{padding-left:24px;border-left:1px solid var(--line-d)}
@media (max-width:900px){.hero-foot{grid-template-columns:1fr 1fr}.hero-foot > :nth-child(3){padding-left:0;border-left:0}.hero-foot > :nth-child(n+3){border-top:1px solid var(--line-d)}}
@media (max-width:620px){.hero::before{background:linear-gradient(0deg,#000 8%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.35) 100%)}.hero-media img{object-position:60% 50%}}
.scroll-cue{position:absolute;right:var(--pad);bottom:34px;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--silver);display:flex;align-items:center;gap:14px}
.scroll-cue::after{content:"";width:1px;height:64px;background:linear-gradient(var(--white),transparent);animation:cue 2.2s infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:900px){.scroll-cue{display:none}}

/* Kopfbild Unterseiten */
.phero{position:relative;min-height:min(78svh,820px);display:flex;align-items:flex-end;overflow:hidden;background:#000;isolation:isolate}
.phero .hero-media img{object-position:var(--pos,50% 50%);animation-duration:16s}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.55) 100%),linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0) 70%)}
.phero .hero-body{padding-bottom:clamp(48px,8vh,90px)}
.phero .display{font-size:clamp(2.5rem,6.8vw,7rem)}
.crumbs{display:flex;flex-wrap:wrap;row-gap:4px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);margin-bottom:26px;font-stretch:110%}
.crumbs a{color:var(--silver);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.white .crumbs,.light .crumbs{color:var(--muted-l)}
.white .crumbs a,.light .crumbs a{color:var(--text-l)}
.legal h1{font-size:clamp(2.4rem,5vw,4.4rem);text-transform:uppercase;font-stretch:122%;color:#000}
.crumbs span{margin:0 10px;opacity:.5}

/* Abschnitte */
.sec{padding:clamp(56px,6.5vw,104px) 0;position:relative}
.sec.tight{padding:clamp(44px,5vw,76px) 0}
/* gleichfarbige Abschnitte direkt hintereinander: kein doppelter Abstand */
.sec.black+.sec.black,.sec.graphite+.sec.graphite,.sec.light+.sec.light,.sec.white+.sec.white{padding-top:0}
.sec.black{background:#000}
.sec.graphite{background:var(--graphite)}
.light{background:var(--paper);color:var(--text-l)}
.white{background:#fff;color:var(--text-l)}
.light h2,.light h3,.white h2,.white h3{color:#000}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,90px);align-items:end;margin-bottom:clamp(28px,3.5vw,56px)}
.sec-head h2{margin:0}
.sec-head p{margin:0}
@media (max-width:900px){.sec-head{grid-template-columns:1fr}}

/* Großes Statement */
.statement{font-size:clamp(1.7rem,3.9vw,3.9rem);line-height:1.14;font-weight:300;letter-spacing:-.015em;font-stretch:112%;max-width:22em;margin:0}
.statement strong{font-weight:780;color:var(--white)}
.statement em{font-style:normal;color:var(--accent);font-weight:700}
.light .statement strong{color:#000}

/* Zwei große Kacheln */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000}
.tile{position:relative;min-height:clamp(480px,82svh,880px);display:flex;align-items:flex-end;overflow:hidden;color:var(--white);text-decoration:none;isolation:isolate}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.3) 100%);transition:background .6s}
.tile:hover img{transform:scale(1.06)}
.tile-body{padding:clamp(28px,4vw,64px);width:100%}
.tile h2{font-size:clamp(2.2rem,4.8vw,5rem);text-transform:uppercase;font-weight:820;font-stretch:122%;line-height:.95}
.tile p{color:var(--silver);max-width:28em}
.tile ul{list-style:none;padding:0;margin:22px 0 34px;display:flex;flex-wrap:wrap;gap:8px}
.tile li{border:1px solid var(--line-d);padding:7px 14px;font-size:.8rem;letter-spacing:.06em;color:var(--text-d)}
@media (max-width:900px){.duo{grid-template-columns:1fr}.tile{min-height:72svh}}

/* Laufband */
.marquee{overflow:hidden;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);background:#000;padding:clamp(18px,2.4vw,34px) 0}
.marquee-track{display:flex;width:max-content;animation:marq 38s linear infinite}
.marquee span{font-size:clamp(2.4rem,6.5vw,6.6rem);font-weight:850;font-stretch:125%;text-transform:uppercase;line-height:1;white-space:nowrap;padding-right:.5em;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.55)}
.marquee span b{color:var(--accent);-webkit-text-stroke:0;font-weight:850}
@keyframes marq{to{transform:translateX(-50%)}}

/* Leistungs-Schiene (horizontal) */
.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,31vw,500px);gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--pad);scroll-padding:0 var(--pad)}
.rail::-webkit-scrollbar{display:none}
.rcard{position:relative;scroll-snap-align:start;min-height:clamp(460px,64svh,640px);display:flex;flex-direction:column;justify-content:flex-end;color:var(--white);text-decoration:none;overflow:hidden;isolation:isolate;background:var(--graphite)}
.rcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease),opacity .6s;opacity:.85}
.rcard::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.25) 65%)}
.rcard:hover img{transform:scale(1.07);opacity:1}
.rcard-body{padding:32px}
.rcard .no{position:absolute;top:26px;left:32px;font-size:.78rem;letter-spacing:.22em;color:var(--silver);font-weight:650}
.rcard h3{font-size:clamp(1.5rem,2.2vw,2.2rem);text-transform:uppercase;font-weight:800;font-stretch:120%}
.rcard p{color:var(--silver);font-size:.95rem;margin-bottom:20px}
.rcard .link{color:var(--white)}
.rail-ctrl{display:flex;gap:2px;justify-content:flex-end;max-width:var(--max);margin:0 auto 28px;padding:0 var(--pad)}
.rail-ctrl button{width:58px;height:58px;background:transparent;border:1px solid var(--line-d);color:var(--white);font-size:1.2rem;cursor:pointer;transition:background .2s,color .2s}
.rail-ctrl button:hover{background:var(--white);color:#000}

/* Große Schritte */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-d)}
.steps li{padding:40px 36px 10px 0;position:relative}
.steps li + li{padding-left:36px;border-left:1px solid var(--line-d)}
.steps .num{display:block;font-size:clamp(4rem,8vw,8.5rem);font-weight:850;font-stretch:125%;line-height:.85;color:transparent;-webkit-text-stroke:1.2px var(--accent);margin-bottom:28px}
.steps h3{text-transform:uppercase}
.steps p{color:var(--silver)}
.light .steps,.white .steps{border-color:var(--line-l)}
.light .steps li + li,.white .steps li + li{border-color:var(--line-l)}
.light .steps p,.white .steps p{color:var(--muted-l)}
@media (max-width:900px){.steps{grid-template-columns:1fr}.steps li + li{padding-left:0;border-left:0;border-top:1px solid var(--line-d)}.light .steps li + li{border-color:var(--line-l)}}

/* Kino-Bild mit Text */
.cine{position:relative;min-height:clamp(520px,92svh,980px);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.cine img{position:absolute;left:0;width:100%;height:130%;top:-15%;object-fit:cover;z-index:-2;will-change:transform}
.cine::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.35) 70%,rgba(0,0,0,.2))}
.cine .wrap{width:100%}
.cine .big{max-width:11em}

/* Kennzahlen/Fakten ohne erfundene Zahlen */
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-d)}
.facts > div{padding:34px 28px 34px 0}
.facts > div + div{padding-left:28px;border-left:1px solid var(--line-d)}
.facts .v{display:block;font-size:clamp(2rem,3.6vw,3.6rem);font-weight:820;font-stretch:122%;line-height:1;margin-bottom:14px;color:var(--white);text-transform:uppercase}
.facts .v small{font-size:.4em;font-weight:600;letter-spacing:.1em;color:var(--accent);vertical-align:top;margin-left:4px}
.facts p{margin:0;color:var(--silver);font-size:.95rem}
.light .facts,.light .facts > div + div{border-color:var(--line-l)}
.light .facts .v{color:#000}
.light .facts p{color:var(--muted-l)}
@media (max-width:900px){.facts{grid-template-columns:1fr 1fr}.facts > div:nth-child(3){padding-left:0;border-left:0}.facts > div:nth-child(n+3){border-top:1px solid var(--line-d)}.light .facts > div:nth-child(n+3){border-color:var(--line-l)}}
@media (max-width:520px){.facts{grid-template-columns:1fr}.facts > div + div{padding-left:0;border-left:0;border-top:1px solid var(--line-d)}}

/* Zeilenliste (wie Datenblätter) */
.rows{border-top:1px solid var(--line-d)}
.rows > a,.rows > div{display:grid;grid-template-columns:minmax(200px,1fr) 2fr auto;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line-d);text-decoration:none;color:inherit;transition:padding .35s var(--ease),background .35s}
.rows > a:hover{padding-left:16px;padding-right:16px;background:rgba(255,255,255,.03)}
.rows h3{margin:0;text-transform:uppercase;font-size:clamp(1.15rem,1.7vw,1.6rem)}
.rows p{margin:0;color:var(--silver)}
.rows .go{font-size:1.4rem;color:var(--accent);transition:transform .3s var(--ease)}
.rows > a:hover .go{transform:translateX(6px)}
.light .rows,.light .rows > a,.light .rows > div,.white .rows,.white .rows > a,.white .rows > div{border-color:var(--line-l)}
.light .rows p,.white .rows p{color:var(--muted-l)}
.light .rows > a:hover,.white .rows > a:hover{background:rgba(0,0,0,.03)}
@media (max-width:760px){.rows > a,.rows > div{grid-template-columns:1fr auto}.rows p{grid-column:1/-1;grid-row:2}}

/* Raster */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,120px);align-items:start}
.split.top-center{align-items:center}
.split.wide-l{grid-template-columns:1.25fr 1fr}
.split.wide-r{grid-template-columns:1fr 1.25fr}
@media (max-width:960px){.split,.split.wide-l,.split.wide-r{grid-template-columns:1fr}.split .first-m{order:-1}}
.sticky{position:sticky;top:120px}
@media (max-width:960px){.sticky{position:static}}
.grid{display:grid;gap:2px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.g4,.g3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.box{background:var(--graphite);padding:clamp(28px,3vw,44px);position:relative}
.light .box{background:#fff}
.white .box{background:var(--paper)}
.box h3{text-transform:uppercase}
.box p:last-child{margin-bottom:0}
.box .k{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:18px;display:block}
.light .box .k,.white .box .k{color:var(--accent-ink)}
.box p{color:var(--silver)}
.light .box p,.white .box p{color:var(--muted-l)}
.frame{position:relative;overflow:hidden;background:#000}
.frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.frame.wide img{aspect-ratio:16/10}

/* Häkchenliste */
.checks{list-style:none;padding:0;margin:0 0 1.4em}
.checks li{position:relative;padding:14px 0 14px 38px;border-bottom:1px solid var(--line-d)}
.checks li::before{content:"";position:absolute;left:4px;top:1.25em;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.light .checks li,.white .checks li{border-color:var(--line-l)}

/* Kundenstimmen */
.quotes{position:relative}
.quote{display:none;margin:0}
.quote.on{display:block;animation:fade .8s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.quote p{font-size:clamp(1.5rem,3.3vw,3.2rem);line-height:1.2;font-weight:320;letter-spacing:-.01em;font-stretch:110%;max-width:24em;margin-bottom:28px}
.quote p::before{content:"„";color:var(--accent);font-weight:700}
.quote p::after{content:"“";color:var(--accent);font-weight:700}
.quote footer{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel)}
.dots{display:flex;gap:10px;margin-top:44px}
.dots button{width:46px;height:3px;border:0;background:var(--line-d);cursor:pointer;padding:0;position:relative}
.dots button::after{content:"";position:absolute;inset:-12px 0}
.dots button.on{background:var(--accent)}

/* FAQ */
.faq details{border-top:1px solid var(--line-d)}
.faq details:last-child{border-bottom:1px solid var(--line-d)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 0;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:650;font-stretch:110%}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 auto;width:16px;height:16px;background:linear-gradient(var(--accent),var(--accent)) center/100% 2px no-repeat,linear-gradient(var(--accent),var(--accent)) center/2px 100% no-repeat;transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 28px;color:var(--silver);max-width:52em}
.light .faq details,.white .faq details{border-color:var(--line-l)}
.light .faq .a,.white .faq .a{color:var(--muted-l)}

/* Fließtext (Ratgeber, Rechtliches) */
.prose{max-width:820px}
.prose h2{font-size:clamp(1.5rem,2.4vw,2.2rem);margin-top:1.8em;text-transform:none}
.prose h3{font-size:1.2rem;margin-top:1.6em}
.prose a{color:var(--accent-ink)}
.black .prose a,.graphite .prose a{color:var(--accent)}
.prose li{margin-bottom:.4em}
.legal{font-size:.98rem}
.legal h2{font-size:1.35rem}
.note{border-left:3px solid var(--accent);padding:18px 22px;background:rgba(240,127,31,.07);margin:1.6em 0}
.toc{list-style:none;padding:0;margin:0}
.toc li{border-top:1px solid var(--line-l)}
.toc a{display:block;padding:12px 0;text-decoration:none;font-weight:600}
.toc a:hover{color:var(--accent-ink)}
table.spec{width:100%;border-collapse:collapse;margin:0 0 1.4em}
table.spec th,table.spec td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--line-l);vertical-align:top}
table.spec th{font-weight:700;width:40%}
.black table.spec th,.black table.spec td,.graphite table.spec th,.graphite table.spec td{border-color:var(--line-d)}

/* Öffnungszeiten */
.hours{width:100%;border-collapse:collapse}
.hours td{padding:13px 0;border-bottom:1px solid var(--line-d);font-variant-numeric:tabular-nums}
.hours td:last-child{text-align:right}
.hours tr.today td{color:var(--accent);font-weight:700}
.light .hours td,.white .hours td{border-color:var(--line-l)}
.status{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:20px}
.status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--steel)}
.status.open::before{background:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.2)}
.addr{font-size:clamp(1.6rem,3vw,2.8rem);font-weight:780;font-stretch:118%;line-height:1.1;text-transform:uppercase;margin-bottom:24px}
.contact-big a{display:block;text-decoration:none;font-size:clamp(1.3rem,2.2vw,2rem);font-weight:700;font-stretch:112%;padding:14px 0;border-bottom:1px solid var(--line-d)}
.contact-big a:hover{color:var(--accent)}
.contact-big small{display:block;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel);font-weight:650;margin-bottom:4px}
.light .contact-big a{border-color:var(--line-l)}

/* Formular */
.form{background:#fff;color:var(--text-l);padding:clamp(26px,3.5vw,56px)}
.form h2{font-size:clamp(1.6rem,2.6vw,2.4rem);text-transform:uppercase;color:#000}
.form fieldset{border:0;padding:0;margin:0 0 26px}
.form legend{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--muted-l);margin-bottom:12px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.fields .full{grid-column:1/-1}
@media (max-width:600px){.fields{grid-template-columns:1fr}}
.form label{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--muted-l);margin-bottom:8px}
.form .opt{text-transform:none;letter-spacing:0;font-weight:400}
.form input[type=text],.form input[type=email],.form input[type=tel],.form input[type=number],.form select,.form textarea{width:100%;font:inherit;font-size:1.02rem;color:#000;background:transparent;border:0;border-bottom:1px solid #9a9da3;border-radius:0;padding:10px 0 12px;transition:border-color .2s}
.form select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") right 4px center/12px no-repeat;padding-right:24px}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-bottom:2px solid #000;padding-bottom:11px}
.form textarea{min-height:120px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{margin:0;cursor:pointer;letter-spacing:.08em;color:#000}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:12px 20px;border:1px solid #b9bcc1;font-size:.82rem;transition:background .2s,color .2s,border-color .2s}
.chips input:checked + span{background:#000;color:#fff;border-color:#000}
.chips input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.drop{position:relative;border:1px dashed #9a9da3;padding:24px;text-align:center;font-size:.92rem;color:var(--muted-l);background:var(--paper)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.drop strong{color:#000;display:block;font-size:1rem;margin-bottom:4px}
.drop.has{border-style:solid;border-color:#000;color:#000}
.consent{display:flex !important;gap:12px;align-items:flex-start;text-transform:none !important;letter-spacing:0 !important;font-weight:400 !important;font-size:.9rem !important;color:var(--muted-l) !important}
.consent input{margin-top:4px;width:18px;height:18px;accent-color:#000;flex:0 0 auto}
.consent a{color:#000}
.hp{position:absolute !important;left:0 !important;top:0 !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.form .btn{width:100%}
.form-note{font-size:.85rem;color:var(--muted-l);margin-top:14px}

/* CTA */
.cta{text-align:left}
.cta .big{margin-bottom:.4em}
.cta .big a{text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 6px no-repeat;transition:background-size .6s var(--ease)}
.cta .big a:hover{background-size:100% 6px}

/* Fuß */
.ftr{background:#000;border-top:1px solid var(--line-d);overflow:hidden}
.ftr-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;padding-top:clamp(64px,8vw,110px);padding-bottom:56px}
.ftr h2{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel);font-weight:650;margin-bottom:20px;font-stretch:112%}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{margin-bottom:10px}
.ftr a{color:var(--silver);text-decoration:none;font-size:.95rem}
.ftr a:hover{color:var(--accent)}
.ftr address{font-style:normal;color:var(--silver);font-size:.95rem;line-height:1.7}
.ftr .brand img{height:62px;margin-bottom:24px}
.wordmark{font-size:min(9.1vw,13.5rem);font-weight:880;font-stretch:125%;line-height:.78;letter-spacing:-.03em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);white-space:nowrap;text-align:center;margin:0 0 -0.06em;user-select:none}
.ftr-bottom{border-top:1px solid var(--line-d)}
.ftr-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:26px;font-size:.82rem;color:var(--steel)}
.ftr-bottom a{color:var(--silver);font-size:.82rem}
@media (max-width:1100px){.ftr-top{grid-template-columns:1fr 1fr 1fr}.ftr-top > div:first-child{grid-column:1/-1}}
@media (max-width:620px){.ftr-top{grid-template-columns:1fr 1fr}}

/* Schnellleiste Handy */
.quick{display:none}
@media (max-width:700px){
  body{padding-bottom:62px}
  .quick{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;inset:auto 0 0 0;z-index:80;background:#000;border-top:1px solid var(--line-d)}
  .quick a{display:flex;align-items:center;justify-content:center;height:62px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
  .quick a:last-child{background:var(--accent);color:#000}
}

/* Einblenden beim Scrollen */
.js .rv{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.1s}.js .rv.d2{transition-delay:.2s}.js .rv.d3{transition-delay:.3s}
.js .mask{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease)}
.js .mask.in{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .js .rv,.js .mask{opacity:1;transform:none;clip-path:none}
  .hero-media img{transform:none}
}

/* Google-Bewertungen */
.gbew{border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.gbew-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,90px);align-items:end}
.gbew-score{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin:0 0 10px}
.gbew-num{font-size:clamp(5rem,13vw,12rem);font-weight:850;font-stretch:125%;line-height:.8;letter-spacing:-.03em;color:#fff}
.gbew-stars{font-size:clamp(1.6rem,3.2vw,3rem);letter-spacing:.12em;color:var(--accent)}
.gbew-note{font-size:.82rem;color:var(--steel);margin:22px 0 0;max-width:34em}
.gbew-badge{display:inline-flex;align-items:center;gap:12px;margin-top:26px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:600}
.gbew-badge b{color:var(--accent);letter-spacing:.1em;font-weight:700}
.gbew-badge:hover{color:var(--accent)}
@media (max-width:900px){.gbew-in{grid-template-columns:1fr}}

/* Showroom-Galerie */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(160px,17vw,260px);gap:2px}
.gallery figure{margin:0;overflow:hidden;background:#000}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.gallery figure:hover img{transform:scale(1.05)}
.gallery .g-big{grid-column:span 2;grid-row:span 2}
@media (max-width:760px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px}}
.gbew-src{border-top:1px solid var(--line-d)}
.gbew-src a{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line-d);text-decoration:none;color:#fff;transition:padding .3s var(--ease)}
.gbew-src a:hover{padding-left:10px;color:var(--accent)}
.gbew-src span{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--silver)}
.gbew-src b{font-size:2rem;font-weight:820;font-stretch:120%;line-height:1}
.gbew-src small{color:var(--steel);font-size:.85rem}
.gbew-src i{font-style:normal;color:var(--accent)}
@media (max-width:480px){.gbew-src a{grid-template-columns:1fr auto auto}.gbew-src small{grid-column:1/-1;grid-row:2}}

/* Sprachumschalter */
.langs{display:flex;gap:2px;align-items:center}
.langs a{color:var(--silver);text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.12em;padding:6px 6px;border-bottom:2px solid transparent}
.langs a:hover{color:#fff}
.langs a[aria-current="true"]{color:#fff;border-color:var(--accent)}
.hdr .langs{margin-left:8px}
@media (max-width:1180px){.hdr .langs{margin-left:auto}.hdr-tel{margin-left:14px}}
@media (max-width:760px){.hdr .langs{display:none}}
.langlist{display:flex;flex-wrap:wrap;gap:6px 18px;width:100%;border-top:1px solid var(--line-d);padding-top:22px;margin-top:6px}
.langlist a{color:var(--silver);text-decoration:none;font-weight:600}
.langlist a[aria-current="true"]{color:var(--accent)}

/* Griechisch, Türkisch, Arabisch */
:lang(el) .display,:lang(el) .big,:lang(el) h1,:lang(el) h2{font-stretch:105%}
:lang(ar) body,:lang(ar) .btn,:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{font-family:"Segoe UI","Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif}
:lang(ar) *{letter-spacing:0 !important;text-transform:none !important}
:lang(ar) body{line-height:1.8}
:lang(ar) .display,:lang(ar) .big{line-height:1.2;font-weight:800}
[dir="rtl"] .btn::after,[dir="rtl"] .link::after,[dir="rtl"] .mega a::after,[dir="rtl"] .rows .go{transform:scaleX(-1)}
[dir="rtl"] .btn:hover::after{transform:scaleX(-1) translateX(5px)}
[dir="rtl"] .hero::before{background:linear-gradient(270deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 48%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 46%)}
[dir="rtl"] .cine::before{background:linear-gradient(270deg,rgba(0,0,0,.88),rgba(0,0,0,.35) 70%,rgba(0,0,0,.2))}
[dir="rtl"] .hero-foot > * + *,[dir="rtl"] .facts > div + div,[dir="rtl"] .steps li + li{border-left:0;border-right:1px solid var(--line-d);padding-left:0;padding-right:24px}
[dir="rtl"] .checks li{padding:14px 38px 14px 0}
[dir="rtl"] .checks li::before{left:auto;right:4px}
[dir="rtl"] .scroll-cue{right:auto;left:var(--pad)}
[dir="rtl"] .hours td:last-child{text-align:left}
[dir="rtl"] .mega a:hover{padding-left:0;padding-right:8px}
[dir="rtl"] .rows > a:hover{padding-left:16px;padding-right:16px}
[dir="rtl"] .marquee-track{animation-direction:reverse}
[dir="rtl"] .tel,[dir="rtl"] a[href^="tel:"],[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:embed}

/* =========================================================
   Handy-Feinschliff (≤ 700 px): ruhiger, kompakter, edler
   ========================================================= */
@media (max-width:700px){
  :root{--pad:20px}
  body{font-size:16px}
  /* Kopf */
  .hdr-in{height:64px;gap:14px}
  .brand img{height:38px}
  .burger{font-size:.72rem;gap:10px}
  /* Typografie: keine Silbentrennung mitten im Wort, dafür passende Größen */
  h1,h2,h3,.display,.big,.statement,.tile h2,.rcard h3{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal}
  .display{font-size:clamp(2.3rem,10.6vw,3.1rem) !important;line-height:.98;margin-bottom:.4em}
  .phero .display{font-size:clamp(2.1rem,9.6vw,2.8rem) !important}
  h2{font-size:clamp(1.65rem,7.4vw,2rem)}
  h3{font-size:1.12rem}
  .big{font-size:clamp(1.9rem,8.6vw,2.4rem);line-height:1.02}
  .statement{font-size:1.4rem;line-height:1.3}
  .lead{font-size:1.02rem;line-height:1.6}
  .eyebrow{font-size:.66rem;letter-spacing:.2em;margin-bottom:16px;gap:10px}
  .eyebrow::before{width:22px}
  /* Abschnitte */
  .sec{padding:52px 0}
  .sec.tight{padding:40px 0}
  .sec-head{margin-bottom:26px;gap:12px}
  /* Knöpfe: volle Breite, gleiche Höhe */
  .btns{flex-direction:column;gap:10px}
  .btns .btn{width:100%}
  .btn{min-height:54px;padding:0 20px;font-size:.74rem;letter-spacing:.14em}
  /* Startbild */
  .hero{min-height:calc(100svh - 62px);align-items:flex-end}
  .hero-body{padding:110px var(--pad) 36px}
  .hero .lead{margin-bottom:26px;font-size:1rem}
  .hero-foot{display:none}
  .gbew-badge{margin-top:20px;font-size:.82rem}
  .hero::before{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.72) 45%,rgba(0,0,0,.25) 100%)}
  /* Unterseiten-Kopf */
  .phero{min-height:auto}
  .phero .hero-body{padding:118px var(--pad) 44px}
  .crumbs{margin-bottom:18px;font-size:.66rem}
  /* Zwei Kacheln */
  .tile{min-height:440px}
  .tile-body{padding:26px var(--pad) 30px}
  .tile h2{font-size:1.9rem}
  .tile ul{display:none}
  .tile p{font-size:.96rem;margin-bottom:20px}
  /* Laufband */
  .marquee{padding:14px 0}
  .marquee span{font-size:2.2rem;-webkit-text-stroke-width:1px}
  /* Leistungs-Schiene: wischen statt Pfeile */
  .rail-ctrl{display:none}
  .rail{grid-auto-columns:82vw;padding:0 var(--pad);gap:10px}
  .rcard{min-height:400px}
  .rcard-body{padding:24px}
  .rcard .no{top:20px;left:24px}
  .rcard h3{font-size:1.45rem}
  /* Kinobild */
  .cine{min-height:auto;padding:84px 0}
  .cine img{height:100%;top:0}
  /* Schritte */
  .steps li{padding:26px 0 18px}
  .steps .num{font-size:3rem;margin-bottom:12px}
  /* Kennzahlen */
  .facts{grid-template-columns:1fr 1fr}
  .facts > div{padding:22px 14px 22px 0}
  .facts > div + div{padding-left:14px}
  .facts > div:nth-child(3){padding-left:0;border-left:0}
  .facts > div:nth-child(n+3){border-top:1px solid var(--line-d)}
  .facts .v{font-size:1.8rem;margin-bottom:8px}
  .facts p{font-size:.86rem}
  /* Zeilen, Kästen, FAQ */
  .rows > a,.rows > div{padding:20px 0;gap:6px 14px}
  .rows h3{font-size:1.05rem}
  .rows p{font-size:.92rem}
  .box{padding:24px}
  .faq summary{padding:20px 0;font-size:1rem}
  .checks li{padding:11px 0 11px 32px;font-size:.96rem}
  /* Stimmen, Bewertungen, Galerie */
  .quote p{font-size:1.3rem;line-height:1.35}
  .dots{margin-top:28px}
  .gbew-num{font-size:4.6rem}
  .gbew-stars{font-size:1.4rem}
  .gallery{grid-auto-rows:120px;gap:4px}
  .addr{font-size:1.5rem}
  .contact-big a{font-size:1.2rem;padding:12px 0}
  .hours td{padding:10px 0;font-size:.95rem}
  /* Formular */
  .form{padding:26px 20px}
  .chips span{padding:10px 16px}
  /* Fuß */
  .ftr-top{gap:28px 18px;padding-top:56px;padding-bottom:36px}
  .ftr .brand img{height:46px}
  .wordmark{font-size:10.4vw;-webkit-text-stroke-width:.8px}
  /* Schnellleiste: edler, mit Abstand zum Rand */
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .quick{grid-template-columns:1fr 1fr 1.3fr;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .quick a{height:52px;gap:6px;padding:0 4px;border:1px solid rgba(255,255,255,.28);font-size:.64rem;letter-spacing:.07em}
  .quick a:last-child{border-color:var(--accent)}
  .quick a:last-child::before{display:none}
  .quick a::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--qi) center/contain no-repeat;mask:var(--qi) center/contain no-repeat}
  .quick a:first-child{--qi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
  .quick a:nth-child(2){--qi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.8.8-1 1.7-.7 2.6a9.4 9.4 0 0 0 3.7 4.2c.9.5 2.8 1.2 3.9.7.6-.3 1-.9 1.2-1.5.1-.3.1-.6 0-.7z'/%3E%3C/svg%3E")}
  .quick a:last-child{--qi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 11l1.5-4.5A2 2 0 0 1 8.4 5h7.2a2 2 0 0 1 1.9 1.5L19 11v6h-2v2h-2v-2H9v2H7v-2H5zm2.2 0h9.6l-1-3H8.2zM8 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm8 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E")}
}
@media (max-width:700px){[dir="rtl"] .facts > div + div{padding-left:0;padding-right:14px}[dir="rtl"] .facts > div:nth-child(3){padding-right:0;border-right:0}}

/* Landesflaggen am Sprachumschalter (SVG, da Windows Flaggen-Emojis nicht darstellt) */
.flag{display:inline-block;width:20px;height:14px;flex:0 0 auto;background:center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.25);vertical-align:middle}
.langs a,.langlist a{display:inline-flex;align-items:center;gap:7px}
.langs a{opacity:.72}
.langs a:hover,.langs a[aria-current="true"]{opacity:1}
.flag-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='3' fill='%23FFCE00'/%3E%3Crect width='5' height='2' fill='%23DD0000'/%3E%3Crect width='5' height='1'/%3E%3C/svg%3E")}
.flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30,15h30v15zv15h-30zh-30v-15zv-15h30z'/%3E%3C/clipPath%3E%3Cpath d='M0,0v30h60v-30z' fill='%23012169'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")}
.flag-el{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 18'%3E%3Crect width='27' height='18' fill='%230D5EAF'/%3E%3Cpath d='M0 3h27M0 7h27M0 11h27M0 15h27' stroke='%23fff' stroke-width='2'/%3E%3Crect width='10' height='10' fill='%230D5EAF'/%3E%3Cpath d='M5 0v10M0 5h10' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}
.flag-tr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='10.6' cy='10' r='5' fill='%23fff'/%3E%3Ccircle cx='11.85' cy='10' r='4' fill='%23E30A17'/%3E%3Cpolygon fill='%23fff' points='19.3,10 17.61,10.59 17.57,12.38 16.49,10.95 14.78,11.47 15.8,10 14.78,8.53 16.49,9.05 17.57,7.62 17.61,9.41'/%3E%3C/svg%3E")}
.flag-ar{background:#1a1d21;box-shadow:0 0 0 1px rgba(255,255,255,.35);position:relative}
.flag-ar::after{content:"ع";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 11px/1 "Segoe UI",Tahoma,sans-serif}
@media (max-width:760px){
  .hdr .langs{display:flex;margin-left:auto;gap:0}
  .hdr .langs a{padding:6px 4px;border-bottom-width:2px}
  .hdr .langs a span{display:none}
  .hdr .langs .flag{width:18px;height:13px}
  .burger{margin-left:6px}
}
@media (max-width:700px){.rcard h3{font-size:1.2rem}}

/* Kopfzeile: alles passt in jeder Breite (Telefonnummer wird nie abgeschnitten) */
.brand,.hdr-tel,.burger,.hdr .langs{flex:0 0 auto}
.hdr-in{gap:22px}
.hnav{gap:0}
.hnav a{letter-spacing:.11em;padding:12px 9px}
.hnav a::after{left:9px;right:9px}
.hdr .langs a span{display:none}
.hdr .langs a{padding:6px 4px}
@media (max-width:1399px){.hnav{display:none}.hdr .langs{margin-left:auto}.hdr-tel{margin-left:6px}}
@media (max-width:620px){.hdr-tel{display:none}.burger{margin-left:4px}}
@media (max-width:480px){.burger .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.burger{padding:12px 2px}.hdr-in{gap:10px}.hdr .langs a{padding:6px 3px}.hdr .langs .flag{width:17px;height:12px}}
@media (max-width:359px){.brand img{height:32px}.hdr .langs .flag{width:15px;height:11px}.hdr .langs a{padding:6px 2px}}

/* Teilen-Leiste im Fuß (reine Links, kein Fremd-Skript) */
.share{border-top:1px solid var(--line-d);padding:36px 0 8px}
.share h2{font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin:0 0 16px;font-stretch:112%}
.sharegrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.sharebtn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;background:transparent;border:1px solid var(--line-d);color:var(--silver);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;text-align:center;transition:border-color .25s,color .25s}
.sharebtn:hover,.sharebtn:focus-visible{border-color:var(--accent);color:#fff}
.sharebtn.done{border-color:var(--accent);color:var(--accent)}
.sharenote{margin:12px 0 0;font-size:.78rem;color:var(--silver)}
@media (max-width:900px){.sharegrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.sharegrid{grid-template-columns:repeat(2,1fr)}.share{padding-top:28px}}

/* Barrierefreiheit (PageSpeed): Kontrast auf hellem Grund, Tippflächen der Flaggen */
.light .contact-big small,.white .contact-big small,.light .muted,.white .muted{color:var(--muted-l)}
.light .hours tr.today td,.white .hours tr.today td{color:#a14c00}
.hdr .langs a{min-width:26px;min-height:34px;justify-content:center}
@media (max-width:480px){.hdr .langs a{min-width:24px;padding:6px 2px}.hdr .langs{gap:1px}}
@media (max-width:330px){.brand img{height:28px}.hdr-in{gap:6px}}

/* Google-Bewertung: Knopf und QR-Code nebeneinander, QR am Handy aus */
.gbew-act{display:flex;align-items:center;gap:28px;margin-top:28px;flex-wrap:wrap}
.gbew-act .btns{margin:0}
.gbew-qr{margin:0;display:flex;align-items:center;gap:14px}
.gbew-qr img{width:112px;height:112px;background:#fff;padding:6px;display:block}
.gbew-qr figcaption{font-size:.78rem;color:var(--silver);max-width:9em;line-height:1.4}
@media (max-width:700px){.gbew-qr{display:none}}

/* Karte erst nach Klick (keine Verbindung zu Google vorher) */
.mapbox{position:relative;aspect-ratio:16/7;min-height:340px;background:#e9e9e6 linear-gradient(135deg,#ecece9 25%,#e3e3df 25%,#e3e3df 50%,#ecece9 50%,#ecece9 75%,#e3e3df 75%) 0 0/28px 28px;border:1px solid var(--line-l);display:flex;align-items:center;justify-content:center;text-align:center}
.mapbox-in{max-width:34em;padding:28px;background:rgba(255,255,255,.92)}
.mapbox-addr{font-weight:700;color:#000;margin:0 0 18px}
.mapbox-note{font-size:.8rem;color:var(--muted-l);margin:16px 0 0}
.mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:700px){.mapbox{aspect-ratio:auto;min-height:380px}}

/* Ankauf im Fokus */
.hnav a.nav-ankauf{color:var(--accent)}
.hnav a.nav-ankauf:hover{color:#fff}
#schnellangebot,#angebot{scroll-margin-top:84px}
.qoffer .checks li{border-color:var(--line-l)}