/* Radseite: Ergänzungen zu velodeals.css. Auf der Tafel liegen Blatt, Schleier und Vollbild im Bildschirm-Rahmen, hier über dem Fenster. */
.crumb a:hover{color:var(--fg)}

/* Galerie */
.gal .main img[hidden]{display:none}
.lb-auf{position:absolute;inset:0;width:100%;border:0;padding:0;background:none;border-radius:inherit;cursor:zoom-in}
.gal .main .off{z-index:1;pointer-events:none}
.swipe img{cursor:zoom-in;height:auto}
.fh img,.thumbs img,.lbth img{height:auto} /* WordPress setzt width/height am Bild, die Tafel nicht */
.dots i:first-child:not(.on){background:var(--line);width:7px;border-radius:50%}
.dots i.on{background:var(--fg);width:18px;border-radius:4px}

/* Preisbox */
.pbox{flex-wrap:wrap}
.pbox > div:first-child{flex:1 1 0;min-width:0}
.pbox .codeline{flex:1 0 100%;margin-top:-4px}
.unbek{color:var(--mute)}
.grhint{font-size:14.5px}
.advisor input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-lime)}
.pickup .versand{display:flex;gap:8px;align-items:center;margin:-6px 0 14px;color:var(--c-paper);font-weight:600}
.pickup .versand svg.i{width:18px;height:18px;flex:0 0 18px}
.shopbox .btn svg.i{width:20px;height:20px}

/* Ausstattung, Über das Rad, Ähnliche Deals */
.rad-info{padding-top:24px}
.rad-info h2.disp{font-size:28px;margin-bottom:14px}
.rad-info .desc + .desc{margin-top:12px}
.rad-mehr{padding-top:0}

/* Anfrage-Formular: Blatt von unten (Handy), Fenster (Computer) */
html.rad-modal{overflow:hidden}
.veil{position:fixed;z-index:60}
.sheet.dlg{position:fixed;z-index:61;max-height:88dvh}
.veil[hidden],.sheet[hidden],.lb[hidden]{display:none!important}
@media (min-width:900px){.sheet.dlg{max-height:min(880px,calc(100dvh - 96px))}}
.anf{display:contents}
.sheet.dlg:focus,.lb:focus{outline:none}
.loading{z-index:80} /* Lade-Rad auch über dem Formular */
.sheet .sb{flex:1 1 auto;min-height:0;overscroll-behavior:contain}
.sz.zeit{margin-top:8px}
.inp:focus-visible{outline:none;border-color:var(--c-lime);box-shadow:0 0 0 1px var(--c-lime)}
.inp::placeholder{color:var(--c-mute-on-ink);opacity:.8}
label.fld{display:block}
.fine2 a{text-decoration:underline;text-underline-offset:2px}
.anf-hinweis,.anf-ok,.anf-fehler{margin-top:16px;padding:14px;border-radius:12px;background:var(--c-ink);border:1.5px solid var(--c-lime);font-size:15px}
.anf-fehler{border-color:var(--c-magenta)}
.anf-hinweis p,.anf-ok p,.anf-fehler p{margin:0}
.anf-hinweis .btn,.anf-fehler .btn{margin-top:12px;min-height:48px;font-size:16px}
.anf-hinweis .btn svg.i,.anf-fehler .btn svg.i{width:18px;height:18px}

/* Bild im Vollbild */
.lb{position:fixed;z-index:70}
.lb .lbi{display:flex;place-items:initial;padding:0;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.lb .lbi::-webkit-scrollbar{display:none}
.lb .lbi > img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;padding:8px;scroll-snap-align:center;scroll-snap-stop:always;touch-action:pan-x pinch-zoom}
.lb .lbth{overflow-x:auto;scrollbar-width:none;justify-content:center}
.lb .lbth button{flex:0 0 auto;padding:0;border:0;background:none;cursor:pointer}
.lb .lbth button img{border-color:transparent}
.lb .lbth button[aria-current] img{border-color:var(--c-ink)}
.lb .ib:focus-visible,.lb .lbth button:focus-visible{outline-color:var(--c-ink)}
@media (max-width:899px){.lb .lbth{justify-content:flex-start}}

/* Anfrage an die API: Feldfehler und Honigtopf */
.ffehler{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--c-paper)}
.ffehler::before{content:"";flex:0 0 8px;height:8px;margin-top:5px;border-radius:50%;background:var(--c-magenta)}
.ffehler[hidden]{display:none}
.inp[aria-invalid]{border-color:var(--c-magenta)}
.sz[aria-invalid] button{box-shadow:inset 0 0 0 1.5px var(--c-magenta)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* A/B-Test „Anfrage“ gegen „Link“: das Skript im <head> setzt html[data-ab]. Ohne Skript gilt „Anfrage“. */
html[data-ab="link"] [data-ab-zeige="anfrage"],html:not([data-ab="link"]) [data-ab-zeige="link"]{display:none!important}
.pickup .btn svg.i{width:20px;height:20px}