/* Reichweite: Punktkarte Europa, Privatinserat (grau) gegen Autohausinserat (orange). Farben/Schrift aus site.css. */
.reichweite .rw-lead{color:var(--muted);max-width:58ch;margin:0 0 24px}
.reichweite h2{max-width:none;text-wrap:balance}
.reichweite .rw-grid{display:grid;gap:20px}
.reichweite .rw-re{min-width:0;order:-1}
.reichweite .rw-li{min-width:0;display:grid;gap:20px}
.reichweite .rw-karte{width:100%;max-width:560px;margin:0 auto 20px;background:radial-gradient(100% 80% at 50% 40%,#131313,#0a0a0a);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;min-width:0}
.reichweite canvas{display:block;width:100%}
.reichweite .rw-key{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:.92rem;color:var(--muted)}
.reichweite .rw-key li{display:flex;align-items:center;gap:10px}
.reichweite .rw-key b{color:var(--ink)}
.reichweite .rw-key i{flex:none;width:16px;height:16px;border-radius:50%}
.reichweite .rw-key .g{background:#cfcfcf}
.reichweite .rw-key .o{background:var(--accent);box-shadow:0 0 12px rgba(255,115,0,.75)}
.reichweite .rw-tot{display:grid;grid-template-columns:1fr 1fr;gap:20px clamp(16px,4vw,40px);margin-bottom:16px}
.reichweite .rw-tc{display:grid;gap:10px;min-width:0}
.reichweite .rw-k{display:block;font:700 .74rem var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.reichweite .rw-pct{font:800 clamp(2.4rem,8vw,4.2rem)/1 var(--head);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.reichweite .rw-pct.rw-pw{color:#fff}
.reichweite .rw-bar{height:10px;background:#1f1f1f;border-radius:99px;overflow:hidden}
.reichweite .rw-bar>b{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7300,var(--accent-hi));border-radius:99px}
.reichweite .rw-bar.w>b{background:#f2f2f2}
.reichweite .rw-lv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start}
.reichweite .rw-lv li{border:1px solid var(--line);border-radius:10px;background:var(--card);opacity:.35;transition:opacity .7s cubic-bezier(.22,.8,.26,1),border-color .7s cubic-bezier(.22,.8,.26,1);min-width:0}
.reichweite .rw-lv li.on{opacity:1}
.reichweite .rw-lv li.cur{border-color:var(--accent)}
.reichweite .rw-lv summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:14px minmax(0,1fr);gap:2px 10px;align-items:start;padding:12px;border-radius:10px}
.reichweite .rw-lv summary::-webkit-details-marker{display:none}
.reichweite .rw-lv summary:focus-visible{outline:3px solid #fff;outline-offset:2px}
.reichweite .rw-lv i{width:14px;height:14px;border-radius:50%;margin-top:3px;background:var(--c,#cfcfcf)}
.reichweite .rw-lv b{grid-column:2;font:700 .88rem/1.25 var(--head);overflow-wrap:break-word;min-width:0;min-height:2.5em}
.reichweite .rw-lv em{grid-column:2;grid-row:2;font:800 1.6rem/1.2 var(--head);font-style:normal;color:var(--ink);font-variant-numeric:tabular-nums;transition:color .7s cubic-bezier(.22,.8,.26,1)}
.reichweite .rw-lv li.on em{color:var(--c,var(--accent))}
.reichweite .rw-tri{grid-column:2;grid-row:2;align-self:center;justify-self:end;width:0;height:0;border-left:7px solid var(--muted);border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .2s}
.reichweite details[open] .rw-tri{transform:rotate(90deg);border-left-color:var(--accent)}
.reichweite .rw-lv p{margin:0;padding:0 12px 14px 36px;color:var(--muted);font-size:.86rem;line-height:1.5}
.reichweite .rw-note{color:var(--muted);font-size:.78rem;margin:18px 0 0}
/* Privatinserat = Basis: gestrichelt, kursiv, grau, abgesetzt */
.reichweite .rw-lv li.rw-base{border-style:dashed;border-color:#4a4a4a;background:transparent}
.reichweite .rw-lv li.rw-base.cur{border-color:#cfcfcf}
.reichweite .rw-lv li.rw-base b{font-style:italic;font-weight:600;color:#cfcfcf}
.reichweite .rw-lv li.rw-base b::after{content:"Basis";display:inline-block;margin-left:10px;padding:2px 8px;border:1px solid #4a4a4a;border-radius:99px;font:700 .62rem/1.4 var(--head);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#9a9a9a;vertical-align:middle}
.reichweite .rw-lv li.rw-base em,.reichweite .rw-lv li.rw-base.on em{color:#cfcfcf}
@media(min-width:1181px){.reichweite .rw-lv li.rw-base{margin-bottom:clamp(2px,.8vh,8px)}}
@media(max-width:1180px){
.reichweite .rw-lv{position:relative;gap:clamp(4px,1vw,8px);align-items:stretch}
.reichweite .rw-lv li{display:flex}
.reichweite .rw-lv details{flex:1;min-width:0}
.reichweite .rw-lv summary{height:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;gap:6px 2px;padding:clamp(7px,1.4vw,12px)}
.reichweite .rw-lv i{grid-column:1;grid-row:1;margin:0;width:10px;height:10px}
.reichweite .rw-lv b{grid-column:1/-1;grid-row:2;font-size:clamp(.55rem,1.5vw,.88rem);min-height:0}
.reichweite .rw-lv em{grid-column:1/-1;grid-row:3;font-size:clamp(1rem,3.4vw,1.6rem)}
.reichweite .rw-tri{grid-column:2;grid-row:1;margin:0}
.reichweite .rw-lv details[open] p{position:absolute;left:0;right:0;top:100%;margin-top:8px;padding:14px;background:var(--card);border:1px solid var(--accent);border-radius:10px;z-index:5}
}
@media(min-width:1181px){
.reichweite .rw-re{order:0}
.reichweite .rw-li{gap:clamp(12px,2.4vh,24px)}
.reichweite{padding-top:clamp(20px,3vh,40px);padding-bottom:clamp(20px,3vh,40px)}
.reichweite .eyebrow{margin-bottom:6px}
.reichweite h2.h-xl{font-size:clamp(1.35rem,3.6vh,2.4rem);margin-bottom:clamp(6px,1.2vh,12px)}
.reichweite .rw-lead{max-width:none;margin-bottom:clamp(8px,1.6vh,16px)}
.reichweite .rw-note{margin-top:8px}
.reichweite .rw-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.reichweite .rw-lv{grid-template-columns:1fr;gap:clamp(5px,1vh,10px)}
.reichweite .rw-lv summary{grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;padding:clamp(12px,2.6vh,24px) 18px}
.reichweite .rw-lv b{grid-column:2;min-height:0;font-size:clamp(1rem,2.3vh,1.3rem)}
.reichweite .rw-lv em{grid-column:3;grid-row:1;font-size:clamp(1.4rem,3.4vh,2.2rem)}
.reichweite .rw-tri{grid-column:4;grid-row:1}
.reichweite .rw-lv i{margin-top:0}
.reichweite .rw-lv p{padding:0 18px 14px 42px;font-size:.95rem}
.reichweite .rw-karte{max-width:clamp(240px,calc((100vh - 360px)/1.31),520px);margin-bottom:clamp(8px,1.6vh,16px)}
.reichweite .rw-pct{font-size:clamp(2rem,5vh,3.2rem)}
.reichweite .rw-tot{margin-bottom:0;gap:12px 24px}
.reichweite .rw-tc{gap:6px}
}
@media(prefers-reduced-motion:reduce){.reichweite .rw-lv li,.reichweite .rw-lv em{transition:none}}
