/* UGG Barrierefreiheit – seitenweite Korrekturen (WCAG 2.1 AA). Farbwerte: Kontrast ≥ 4,5:1 für normalen Text. */

/* Zum Inhalt springen: unsichtbar, bis per Tab fokussiert */
.ugg-skip { position: fixed; top: 12px; left: 12px; z-index: 100010; padding: 12px 18px; border-radius: 12px; background: #1b1b1b; color: #fff !important; font: 600 15px/1.2 Poppins, system-ui, sans-serif; text-decoration: none !important; transform: translateY(-160%); transition: transform .2s ease; }
.ugg-skip:focus, .ugg-skip:focus-visible { transform: none; outline: 3px solid #41b991; outline-offset: 2px; }
#brx-content:focus { outline: none; }

/* Sichtbarer Tastaturfokus, wo das Theme ihn entfernt (WCAG 2.4.7) */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, [role="tab"]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, g[role="button"]:focus-visible { outline: 2px solid #23805f !important; outline-offset: 2px; }

/* Graustufen aus der Bricks-Palette: #8a8a8a → #767676 (4,5:1 auf Weiß), #707070 → #666 (4,7:1 auf #e9e9e9) */
:root { --bricks-color-fbpepp: #767676; --bricks-color-rylciw: #767676; --bricks-color-oycecc: #666666; }

/* Einzelne fest eingestellte Grautöne */
.ugg-price-period, .ugg-compact-price-old, .ugg-price-regular-crossed { color: #6b6f6d !important; }
.lp-step__text { color: #5f6361 !important; }
.ginput_counter { color: #5f6361 !important; }
.ugg-otp__digit--inactive, .ugg-otp__digit--current { color: #767676 !important; }
.blog-card-tag p, .blog-card-top a { color: #555 !important; }

/* Zielgrößen ≥ 24 px (WCAG 2.5.8) */
.lp-dots button { position: relative; }
.lp-dots button::after { content: ""; position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; transform: translate(-50%, -50%); }
.blog-card-top a { display: inline-block; min-height: 24px; line-height: 24px; padding: 0 2px; }

/* Weiß auf UGG-Orange (#e55c3d, 3,5:1): Farbe bleibt, dafür „große Schrift“ (ab 18,66 px fett gilt 3:1, WCAG 1.4.3).
   Abstimmung Robin 15.10.2026: Buttons und Telesales nur fetter (600 → 700), wo nötig 19 px; Farben, Hover und Textumkehr unverändert.
   Kleine Texte in Tarifkarten (Leonet-Buttons 14 px, „Am schnellsten“, Speed-Plaketten, „Hotline“) und „Partner werden“ (feste Breite) bleiben – in der Erklärung als Abweichung genannt. */
.bricks-button.bricks-background-primary, .standard-button-hover, .fadebutton-cta-box { font-weight: 700 !important; }
#brxe-eswsgs, .brxe-eswsgs, #brxe-gbrxcx .cta-base, .brxe-gbrxcx .cta-base { font-size: 19px !important; font-weight: 700 !important; }
/* „Partner werden“ (.brxe-iqajvc, feste Breite 217 px) bleibt 16 px: bei 19 px bricht der Text um – Ausnahme wie „Hotline“ */
#brxe-cpbqpp .content p, #brxe-cpbqpp .content, #brxe-ciarzz, #brxe-ciarzz * { font-weight: 700 !important; }
#brxe-cpbqpp .reachability, #brxe-cpbqpp .status-text { font-size: 19px !important; font-weight: 700 !important; }
@media (max-width: 767px) { #brxe-shmmfj, .brxe-shmmfj { font-size: 24px !important; } }

/* Formulare: Fokus sichtbar bei verborgenen Kontrollkästchen/Optionsfeldern (Rahmen am Label) und bei Tom-Select-Feldern (WCAG 2.4.7) */
.gfield input[type="checkbox"]:focus-visible + label, .gfield input[type="radio"]:focus-visible + label, .gchoice input:focus-visible + label { outline: 2px solid #23805f !important; outline-offset: 3px; border-radius: 4px; }
.ts-wrapper.focus .ts-control, .ts-wrapper .ts-control:focus-within { outline: 2px solid #23805f !important; outline-offset: 2px; }

/* Unsichtbarer „Dialog schließen“-Knopf in Popups ohne eigenen Schließen-Knopf: erscheint nur bei Tastaturfokus */
.ugg-popup-close { position: absolute; top: 10px; right: 10px; z-index: 5; padding: 10px 16px; border: 0; border-radius: 10px; background: #1b1b1b; color: #fff; font: 600 15px/1.2 Poppins, system-ui, sans-serif; cursor: pointer; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; white-space: nowrap; }
.ugg-popup-close:focus, .ugg-popup-close:focus-visible { clip-path: none; width: auto; height: auto; overflow: visible; outline: 3px solid #41b991; outline-offset: 2px; }

/* Nur für Screenreader (Ansagen) */
.ugg-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }