/* Blitzer-Übersicht – Redesign 2026 (aus bgp-neu/entwuerfe/blitzer-v3.html) */

/* Blitzer-Übersicht */
.hero--seite{padding-block:clamp(28px,3.5vw,48px)}
.hero--seite h1{font-size:clamp(30px,3.6vw,46px);margin-bottom:12px}
.krumen{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;font-size:13px;color:rgba(255,255,255,.6)}
.krumen li+li::before{content:"/";margin-right:6px;opacity:.6}
.krumen a{color:rgba(255,255,255,.85)}
.krumen a:hover{color:var(--gelb)}
.hero__raster--blitzer{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
@media (max-width:860px){.hero__raster--blitzer{grid-template-columns:minmax(0,1fr)}}
.bsuche{position:relative;max-width:540px;margin-top:24px}
.bsuche input{width:100%;height:54px;padding:0 16px 0 48px;border:0;border-radius:var(--radius);background:#fff;color:var(--tinte);font:500 16px var(--schrift);box-shadow:0 16px 40px rgba(4,20,34,.3)}
.bsuche input:focus{outline:3px solid var(--gelb);outline-offset:0}
.bsuche svg{position:absolute;left:16px;top:50%;translate:0 -50%;color:var(--gedaempft)}
.hero__stand{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:16px;font-size:13px;color:rgba(255,255,255,.72)}
.hero__stand b{color:#fff}
.hero__stand a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.hero__stand a:hover{color:var(--gelb)}
.kartenbuehne{position:relative;justify-self:center;width:100%;max-width:300px}
.kartenbuehne::before{content:"";position:absolute;left:50%;top:50%;width:170%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,198,26,.22) 0%,rgba(86,174,230,.14) 45%,transparent 100%)}
.punktkarte{position:relative;display:block;width:100%;height:auto}
.punktkarte .alle circle{fill:var(--gelb);opacity:.72}
.punktkarte .neu{fill:#fff;stroke:var(--gelb);stroke-width:1.5;animation:puls 2.4s ease-in-out infinite}
@keyframes puls{50%{r:5.5;opacity:.5}}
.kartenbuehne figcaption{position:relative;margin-top:10px;text-align:center;font-size:12.5px;color:rgba(255,255,255,.7)}
.kartenbuehne figcaption i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gelb);margin:0 4px 0 10px}
.kartenbuehne figcaption i.w{background:#fff}
@media (max-width:860px){.kartenbuehne{display:none}}

.band--start{padding-top:clamp(40px,5vw,64px)}

/* Meldungen + Suche */
.meldeliste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
@media (max-width:760px){.meldeliste{grid-template-columns:minmax(0,1fr)}}
.meldeliste li{border-bottom:1px solid var(--linie)}
.meldeliste a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0}
.meldeliste strong{display:block;font-size:15px;line-height:1.3;color:var(--tinte)}
.meldeliste a:hover strong{color:var(--blau)}
.meldeliste .wo{font-size:13px;color:var(--gedaempft)}
.tempo{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #C8102E;display:grid;place-items:center;font:800 14px/1 var(--titel);color:#111;font-variant-numeric:tabular-nums}
.tempo--leer{box-shadow:inset 0 0 0 2px var(--linie);color:var(--gedaempft);font-size:11px}
.schild{justify-self:end;padding:4px 7px 3px;border-radius:3px;font:800 12.5px/1 var(--titel);letter-spacing:.02em;white-space:nowrap}
.schild--b{background:#F5B400;color:#111;box-shadow:inset 0 0 0 1.5px #111}
.schild--a{background:#1A56A6;color:#fff;box-shadow:inset 0 0 0 1.5px #fff,0 0 0 1.5px #1A56A6}
.schild--l{background:#fff;color:#111;box-shadow:inset 0 0 0 1.5px #111}
.liste-fuss{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:20px;font-size:14px;color:var(--gedaempft)}
.liste-fuss a{color:var(--blau);font-weight:700}
.liste-fuss button{border:1px solid var(--linie);background:var(--weiss);border-radius:var(--radius);height:40px;padding:0 16px;font:700 14px var(--schrift);color:var(--tinte);cursor:pointer}
.liste-fuss button:hover{border-color:var(--blau);color:var(--blau)}

/* Bundesländer */
.laender{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:960px){.laender{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.laender{grid-template-columns:minmax(0,1fr)}}
.laender a{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px 14px 18px;border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden}
.laender a:hover{border-color:var(--asphalt)}
.land__kz{width:32px;height:24px;display:grid;place-items:center;border-radius:var(--radius);background:var(--tint);font:800 11.5px/1 var(--titel);color:var(--asphalt)}
.land__name{font-weight:600;font-size:14.5px;color:var(--tinte);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.laender a:hover .land__name{color:var(--blau)}
.land__zahl{font:800 16px/1 var(--titel);color:var(--tinte);font-variant-numeric:tabular-nums}
.land__balken{position:absolute;left:14px;right:14px;bottom:8px;height:3px;background:var(--tint);border-radius:2px}
.land__balken::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--gelb);border-radius:2px}

/* Autobahnen */
.autobahnen{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.ab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--linie);border-radius:var(--radius)}
.ab:hover{border-color:var(--asphalt)}
.ab__schild{padding:5px 8px 4px;border-radius:4px;background:#1A56A6;color:#fff;box-shadow:inset 0 0 0 1.5px #fff,0 0 0 1px #1A56A6;font:800 13px/1 var(--titel);white-space:nowrap}
.ab small{font-size:13px;font-weight:700;color:var(--gedaempft);font-variant-numeric:tabular-nums}
.hinweiszeile{margin-top:14px;font-size:13.5px;color:var(--gedaempft)}

/* Modelle */
.modelle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:960px){.modelle{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.modelle{grid-template-columns:minmax(0,1fr)}}
.modell{position:relative;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;padding:14px;border:1px solid var(--linie);border-radius:var(--radius)}
.modell:hover{border-color:var(--asphalt)}
.modell img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius)}
.modell strong{display:block;font:750 16px/1.25 var(--titel);color:var(--tinte)}
.modell:hover strong{color:var(--blau)}
.modell__her{display:block;font-size:13px;color:var(--gedaempft);margin-top:2px}
.modell__mess{display:block;font-size:13px;color:var(--text);margin-top:6px}
.modell__typ{display:inline-block;margin-top:8px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:var(--radius);background:var(--tint);color:var(--asphalt)}
.meldeliste .laedt{padding:16px 0;color:var(--gedaempft);border:0}
.punktkarte .neue circle{fill:#fff;stroke:var(--gelb);stroke-width:1.5;animation:puls 2.4s ease-in-out infinite}
span.ab{cursor:default}
.modell__mess{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}