/* =================================================================== kb-fix.css - QA-Korrekturen kocherlball-verein.de, 19.08.2026 Wird als LETZTES Stylesheet im eingebunden. Nur Lesbarkeit, Fokus, Touch-Ziele und ein Ueberlauf. =================================================================== */ /* ---- 1. Kontrast der Gold-Auszeichnungen ------------------------- #C08A3E auf Creme ergibt 2,85:1 beziehungsweise 2,63:1, gefordert sind 4,5:1. #875D15 erreicht 5,49:1 und 5,07:1 und bleibt im gleichen Farbton. Betrifft 54 Stellen auf allen vier Seiten. */ .eyebrow,.kicker,.k,.date,.lead-gold,[class*="gold"]{color:#875d15} a.date{color:#875d15} /* Die helleren Goldtoene #E3A35C und #D8A857 liegen bei 2,04:1 und 2,4:1 auf Creme. Auch fuer grosse Schrift sind 3:1 gefordert. Die Regeln der Seite bringen hoehere Spezifitaet mit, daher !important. */ h1 em,h2 em,h3 em, li > .t, .card > .h > span, .facts .k, .sec .k{color:#875d15 !important} /* ---- 2. Graue Randnotizen ---------------------------------------- rgba(21,35,63,.55) ergibt auf Creme effektiv #797F88 und 3,51:1. */ p[style*="rgba(21,35,63,.55)"], p[style*="rgba(21, 35, 63, .55)"]{color:#5f656e !important} /* ---- 3. Sichtbarer Tastaturfokus ---------------------------------- */ a:focus-visible,button:focus-visible,input:focus-visible, textarea:focus-visible,select:focus-visible,summary:focus-visible{ outline:3px solid #875d15;outline-offset:2px;border-radius:2px } /* ---- 4. Touch-Ziele auf Mobilgeraeten ----------------------------- */ @media(max-width:768px) and (pointer:coarse){ header a,nav a,footer a{min-height:44px;display:inline-flex;align-items:center} .lang a{min-width:44px;justify-content:center} } /* ---- 5. Kein Querscrollen bei 320 px ------------------------------ Auf /impressum.html lief der Inhalt 14 px ueber den Rand hinaus. */ html,body{overflow-x:hidden} main,section,.wrap,.container{min-width:0} main a[href^="http"],main a[href^="mailto"],main p,main dd,main li{overflow-wrap:anywhere} /* Auf den dunklen Abschnitten muss das Gold heller bleiben: #875D15 erreicht auf #0F1D38 nur 2,87:1, #E3A35C dagegen 7,71:1. */ .dark h1 em,.dark h2 em,.dark h3 em, .sec.dark h1 em,.sec.dark h2 em,.sec.dark h3 em{color:#e3a35c !important}