/* ---- Einwilligung Vorlesefunktion ---- */
.olio-a11y-tts{ position:fixed; inset:0; z-index:999995; display:flex; align-items:center; justify-content:center; padding:18px; background:rgba(5,8,6,.72); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.olio-a11y-tts[hidden]{ display:none !important; }
.olio-a11y-tts-karte{ width:min(520px,100%); max-height:88vh; overflow:auto; background:#101512; border:2px solid #FFEE00; border-radius:20px; padding:26px 26px 22px; box-shadow:0 28px 70px rgba(0,0,0,.6); text-align:center; color:#ffffff; font-family:inherit; }
.olio-a11y-tts-ic{ width:60px; height:60px; border-radius:50%; background:#1c2320; border:2px solid #FFEE00; color:#FFEE00; display:inline-flex; align-items:center; justify-content:center; margin-bottom:14px; }
.olio-a11y-tts-ic svg{ width:30px; height:30px; }
.olio-a11y-tts-karte h2{ margin:0 0 8px; font-size:20px; font-weight:800; color:#ffffff; line-height:1.25; }
.olio-a11y-tts-lead{ margin:0 0 16px; font-size:13.5px; line-height:1.55; color:#c9d2cc; }
.olio-a11y-tts-liste{ display:flex; flex-direction:column; gap:8px; text-align:left; margin-bottom:16px; }
.olio-a11y-tts-punkt{ display:flex; gap:10px; align-items:flex-start; background:#1c2320; border:1px solid #4a544e; border-radius:12px; padding:11px 13px; font-size:12.5px; line-height:1.5; color:#d6ded9; }
.olio-a11y-tts-punkt strong{ color:#ffffff; }
.pk-ic{ color:#FFEE00; font-weight:800; flex:0 0 auto; }
.olio-a11y-tts-fuss{ margin:0 0 16px; font-size:12px; color:#b9c6bf; line-height:1.5; }
.olio-a11y-tts-fuss a{ color:#FFEE00 !important; text-decoration:underline; }
.olio-a11y-tts-aktionen{ display:flex; flex-direction:column; gap:9px; }
.olio-a11y-tts-ja,.olio-a11y-tts-nein{ min-height:48px; border-radius:99px; cursor:pointer; font-size:14px; font-weight:700; font-family:inherit; }
.olio-a11y-tts-ja{ background:#FFEE00; color:#000000; border:2px solid #FFEE00; box-shadow:0 8px 22px rgba(255,238,0,.25); }
.olio-a11y-tts-ja:hover{ background:#ffffff; border-color:#ffffff; }
.olio-a11y-tts-nein{ background:#000000; color:#ffffff; border:2px solid #4a544e; }
.olio-a11y-tts-nein:hover{ border-color:#ffffff; }
@media (max-width:700px){ .olio-a11y-tts-karte{ padding:22px 18px 18px; } .olio-a11y-tts-karte h2{ font-size:18px; } .olio-a11y-tts-ja,.olio-a11y-tts-nein{ min-height:52px; } }
/* OLIO Barrierefreiheit 1.0.0 */
/* ============ Sprunglink ============ */
.olio-a11y-skip{ position:absolute; left:-9999px; top:0; z-index:999999; background:#009C32; color:#fff !important; font-weight:700; font-size:15px; padding:14px 22px; border-radius:0 0 12px 0; text-decoration:none !important; box-shadow:0 6px 18px rgba(0,0,0,.28); }
.olio-a11y-skip:focus{ left:0; outline:3px solid #FFEE00; outline-offset:-3px; }
/* ============ Auslöse-Button ============ */
.olio-a11y-btn{
position:fixed; right:16px; bottom:16px; z-index:999992;
display:inline-flex; align-items:center; gap:10px;
height:52px; padding:0 20px 0 8px;
border:2px solid transparent; border-radius:99px; cursor:pointer;
color:#fff; font-size:14px; font-weight:700; font-family:inherit; letter-spacing:.01em; line-height:1;
background-image:linear-gradient(#009C32,#009C32),linear-gradient(90deg,#009C32,#FFEE00);
background-origin:border-box; background-clip:padding-box,border-box;
box-shadow:0 8px 22px rgba(0,0,0,.24);
transition:transform .15s ease, box-shadow .15s ease, background-image .15s ease;
}
.olio-a11y-btn-ic{
flex:0 0 auto; width:36px; height:36px; border-radius:50%;
background:rgba(255,255,255,.15);
display:flex; align-items:center; justify-content:center;
}
.olio-a11y-btn-ic svg{ width:26px; height:26px; color:#fff; display:block; }
.olio-a11y-btn-txt{ white-space:nowrap; }
.olio-a11y-btn:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(0,156,50,.36);
background-image:linear-gradient(#007d28,#007d28),linear-gradient(90deg,#009C32,#FFEE00);
}
.olio-a11y-btn:focus-visible{ outline:3px solid #FFEE00; outline-offset:3px; }
.olio-a11y-btn.is-aktiv .olio-a11y-btn-ic{ background:#FFEE00; }
.olio-a11y-btn.is-aktiv .olio-a11y-btn-ic svg{ color:#007d28; }
/* ============ Panel ============ */
.olio-a11y-panel{
position:fixed; right:16px; bottom:80px; z-index:999993;
width:min(360px, calc(100vw - 32px));
max-height:min(78vh, 640px); overflow:auto;
background:#101512; border:2px solid #FFEE00; border-radius:18px;
box-shadow:0 24px 60px rgba(0,0,0,.55);
padding:0 0 16px; overflow-x:hidden;
opacity:0; transform:translateY(12px);
transition:opacity .2s ease, transform .2s ease;
font-family:inherit; color:#ffffff;
}
.olio-a11y-panel[hidden]{ display:none !important; }
.olio-a11y-panel.is-offen{ opacity:1; transform:none; }
.olio-a11y-accent{ height:4px; background:linear-gradient(90deg,#009C32,#FFEE00); border-radius:18px 18px 0 0; }
.olio-a11y-kopf{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px 10px; }
.olio-a11y-kopf h2{ margin:0; font-size:17px; font-weight:800; color:#ffffff; line-height:1.25; }
.olio-a11y-close{
background:#1c2320 !important; border:2px solid #FFEE00 !important;
width:48px !important; height:48px !important; min-height:0 !important; min-width:0 !important;
border-radius:12px !important; font-size:30px !important; line-height:1 !important;
color:#FFEE00 !important; cursor:pointer; flex:0 0 auto;
display:flex !important; align-items:center; justify-content:center; padding:0 0 4px 0 !important; margin:0 !important;
}
.olio-a11y-close:hover{ background:#FFEE00; color:#000000; }
/* Schriftgröße */
.olio-a11y-zeile{
display:flex; align-items:center; justify-content:space-between; gap:12px;
margin:0 18px 12px; padding:12px 14px;
background:#1c2320; border:1px solid #4a544e; border-radius:13px;
}
.olio-a11y-label{ font-size:13.5px; font-weight:700; color:#ffffff; }
.olio-a11y-stepper{ display:flex; align-items:center; gap:8px; }
.olio-a11y-step{
min-width:42px; height:36px; border-radius:9px; cursor:pointer;
border:2px solid #FFEE00; font-weight:800; font-size:14px; color:#FFEE00;
background:#000000;
background-origin:border-box; background-clip:padding-box,border-box;
display:flex; align-items:center; justify-content:center; gap:1px;
}
.olio-a11y-step span{ font-size:11px; }
.olio-a11y-step:hover{ background:#FFEE00; color:#000000; }
.olio-a11y-wert{ min-width:52px; text-align:center; font-size:12.5px; font-weight:700; color:#FFEE00; }
/* Liste */
.olio-a11y-liste{ display:flex; flex-direction:column; gap:6px; padding:0 18px; }
.olio-a11y-item{ display:flex; align-items:center; gap:11px; padding:9px 10px; border-radius:12px; cursor:pointer; margin:0; }
.olio-a11y-item:hover{ background:#1c2320; }
.olio-a11y-ic{
flex:0 0 auto; width:34px; height:34px; border-radius:10px;
background:#1c2320; color:#FFEE00; border:1px solid #FFEE00; display:flex; align-items:center; justify-content:center;
}
.olio-a11y-ic svg{ width:18px; height:18px; }
.olio-a11y-txt{ display:flex; flex-direction:column; gap:1px; flex:1; min-width:0; }
.olio-a11y-txt strong{ font-size:13.5px; color:#ffffff; }
.olio-a11y-txt small{ font-size:11.5px; line-height:1.35; color:#c9d2cc; }
.olio-a11y-switch{ position:relative; flex:0 0 auto; width:42px; height:24px; }
.olio-a11y-switch input{ position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.olio-a11y-slider{ position:absolute; inset:0; border-radius:99px; background:#4a544e; transition:background .18s ease; }
.olio-a11y-slider::before{
content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%;
background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .18s ease;
}
.olio-a11y-switch input:checked + .olio-a11y-slider{ background:#FFEE00; }
.olio-a11y-switch input:checked + .olio-a11y-slider::before{ transform:translateX(18px); background:#000000; }
.olio-a11y-switch input:focus-visible + .olio-a11y-slider{ outline:2px solid #009C32; outline-offset:2px; }
/* ---- Stimmen-Einstellungen ---- */
.olio-a11y-stimmbox{ margin:6px 18px 0; padding:12px 14px; background:#1c2320; border:1px solid #4a544e; border-radius:13px; display:flex; flex-direction:column; gap:10px; }
.olio-a11y-stimmbox[hidden]{ display:none !important; }
.olio-a11y-stimmzeile{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0; }
.olio-a11y-stimmzeile > span{ font-size:13px; font-weight:700; color:#ffffff; flex:0 0 auto; }
#olio-a11y-stimme{ flex:1 1 auto; min-width:0; max-width:200px; background:#000000; color:#ffffff; border:2px solid #4a544e; border-radius:9px; padding:8px 10px; font-size:12.5px; font-family:inherit; min-height:40px; }
#olio-a11y-stimme:focus-visible{ outline:2px solid #FFEE00; outline-offset:2px; }
.olio-a11y-probe{ width:100%; min-height:40px; border-radius:99px; cursor:pointer; border:2px solid #4a544e; background:#000000; color:#ffffff; font-size:12.5px; font-weight:700; font-family:inherit; }
.olio-a11y-probe:hover{ border-color:#FFEE00; color:#FFEE00; }
@media (max-width:700px){
.olio-a11y-stimmbox{ margin:6px 16px 0; }
#olio-a11y-stimme{ min-height:46px; font-size:13.5px; }
.olio-a11y-probe{ min-height:46px; font-size:13.5px; }
.olio-a11y-stimmzeile > span{ font-size:14px; }
}
.olio-a11y-fuss{ padding:14px 18px 0; display:flex; flex-direction:column; gap:7px; }
.olio-a11y-reset{
width:100%; min-height:40px; border-radius:99px; cursor:pointer;
border:2px solid #FFEE00; font-size:13px; font-weight:700; color:#FFEE00;
background:#000000;
background-origin:border-box; background-clip:padding-box,border-box;
}
.olio-a11y-reset:hover{ background:#FFEE00; color:#000000; }
.olio-a11y-hinweis{ font-size:11px; color:#b9c6bf; text-align:center; }
@media (max-width:700px){
/* Bedienfeld als Blatt am unteren Rand — gut erreichbar mit dem Daumen */
.olio-a11y-panel{ right:8px; left:8px; width:auto; bottom:72px; max-height:70vh; border-radius:20px; }
.olio-a11y-btn{ right:12px; bottom:12px; height:52px; padding:0 8px; gap:0; }
.olio-a11y-btn-txt{ display:none; }
.olio-a11y-btn-ic{ width:36px; height:36px; }
/* Größere Tippflächen (mind. 46px) */
.olio-a11y-kopf{ padding:16px 16px 10px; }
.olio-a11y-kopf h2{ font-size:18px; }
.olio-a11y-close{ width:58px !important; height:58px !important; min-height:0 !important; font-size:38px !important; padding:0 0 5px 0 !important; }
.olio-a11y-zeile{ margin:0 16px 12px; padding:12px; }
.olio-a11y-label{ font-size:14.5px; }
.olio-a11y-step{ min-width:52px; height:46px; font-size:15px; }
.olio-a11y-wert{ font-size:13.5px; min-width:58px; }
.olio-a11y-liste{ padding:0 16px; gap:4px; }
.olio-a11y-item{ padding:11px 10px; gap:12px; min-height:52px; }
.olio-a11y-ic{ width:38px; height:38px; }
.olio-a11y-ic svg{ width:20px; height:20px; }
.olio-a11y-txt strong{ font-size:14.5px; }
.olio-a11y-txt small{ font-size:12.5px; }
.olio-a11y-switch{ width:52px; height:30px; }
.olio-a11y-slider::before{ width:24px; height:24px; top:3px; left:3px; }
.olio-a11y-switch input:checked + .olio-a11y-slider::before{ transform:translateX(22px); }
.olio-a11y-fuss{ padding:14px 16px 0; }
.olio-a11y-reset{ min-height:50px; font-size:14.5px; }
.olio-a11y-hinweis{ font-size:12px; }
}
}
/* ============ Darstellungsmodi ============ */
/* Schriftgröße — echtes Zoomen der Seiteninhalte, Bedienfeld bleibt unberührt */
html.olio-a11y-schrift body > *:not(#olio-a11y-panel):not(#olio-a11y-btn){
zoom: var(--olio-a11y-scale, 1);
}
@supports not (zoom: 1.5){
html.olio-a11y-schrift body > *:not(#olio-a11y-panel):not(#olio-a11y-btn){
font-size: calc(100% * var(--olio-a11y-scale, 1));
}
}
/* Fixierte Overlays trotz Zoom korrekt im Bildschirm halten */
html.olio-a11y-schrift .olio-form-overlay,
html.olio-a11y-schrift #prod-overlay,
html.olio-a11y-schrift .olio-pdfv-overlay{
top:0 !important; left:0 !important; right:auto !important; bottom:auto !important;
width:calc(100vw / var(--olio-a11y-scale, 1)) !important;
height:calc(100vh / var(--olio-a11y-scale, 1)) !important;
overflow-y:auto !important; -webkit-overflow-scrolling:touch;
}
html.olio-a11y-schrift .olio-popup,
html.olio-a11y-schrift .olio-prodpop{ margin:16px auto !important; }
/* Kontrast — auf Seiteninhalt begrenzt, Bedienfeld bleibt unberührt */
html.olio-a11y-kontrast body{ background:#0c0f0d !important; }
html.olio-a11y-kontrast #wrapper, html.olio-a11y-kontrast #main-menu{ background:#0c0f0d !important; }
html.olio-a11y-kontrast #wrapper *:not(a):not(img):not(svg):not(svg *),
html.olio-a11y-kontrast #main-menu *:not(a):not(img):not(svg):not(svg *){
background-color:transparent !important; background-image:none !important;
color:#ffffff !important; border-color:#7d8a80 !important;
text-shadow:none !important; box-shadow:none !important;
backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
/* Flächen mit eigener Kontur */
html.olio-a11y-kontrast #wrapper .olio-popup, html.olio-a11y-kontrast #wrapper .olio-prodpop{ background:#232c27 !important; border:3px solid #FFEE00 !important; box-shadow:0 0 0 9999px rgba(0,0,0,.75) !important; }
html.olio-a11y-kontrast #wrapper .olio-card, html.olio-a11y-kontrast #wrapper .olio-zert, html.olio-a11y-kontrast #wrapper .olio-dl, html.olio-a11y-kontrast #wrapper .olio-sort, html.olio-a11y-kontrast #wrapper .olio-bel, html.olio-a11y-kontrast #wrapper .olio-werk, html.olio-a11y-kontrast #wrapper .olio-pf, html.olio-a11y-kontrast #wrapper .olio-prodnote, html.olio-a11y-kontrast #wrapper .olio-actionbox{ background:#242e28 !important; border:2px solid #b9c6bf !important; }
/* Links */
html.olio-a11y-kontrast #wrapper a, html.olio-a11y-kontrast #main-menu a{ color:#FFEE00 !important; background-color:transparent !important; background-image:none !important; text-decoration:underline !important; }
/* Schaltflächen */
html.olio-a11y-kontrast #wrapper a.button,
html.olio-a11y-kontrast #wrapper button,
html.olio-a11y-kontrast #wrapper input[type="submit"],
html.olio-a11y-kontrast #wrapper .olio-btn,
html.olio-a11y-kontrast #wrapper .olio-btn-cream,
html.olio-a11y-kontrast #wrapper .olio-btn-ghost,
html.olio-a11y-kontrast #wrapper .olio-pbtn,
html.olio-a11y-kontrast #wrapper .olio-pbtn-ghost,
html.olio-a11y-kontrast #wrapper .wpcf7-submit,
html.olio-a11y-kontrast #main-menu .olio-mnav-btns a,
html.olio-a11y-kontrast #wrapper .header-nav a{
background:#000000 !important; background-image:none !important; color:#FFEE00 !important;
border:2px solid #FFEE00 !important; text-decoration:none !important; box-shadow:none !important;
}
html.olio-a11y-kontrast #wrapper a.button:hover,html.olio-a11y-kontrast #wrapper .olio-btn:hover,html.olio-a11y-kontrast #wrapper .olio-pbtn:hover,html.olio-a11y-kontrast #wrapper .wpcf7-submit:hover{ background:#FFEE00 !important; color:#000000 !important; }
/* Beschriftungen in Schaltflächen erben die Buttonfarbe (sonst weiß auf Gelb beim Hover) */
html.olio-a11y-kontrast #wrapper a.button *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper button *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper input[type="submit"] *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper .olio-btn *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper .olio-btn-cream *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper .olio-btn-ghost *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper .olio-pbtn *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper .olio-pbtn-ghost *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper .wpcf7-submit *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #wrapper .header-nav a *:not(#olio-a11y-panel),
html.olio-a11y-kontrast #main-menu .olio-mnav-btns a *:not(#olio-a11y-panel){ color:inherit !important; background:transparent !important; }
/* Formularfelder */
html.olio-a11y-kontrast #wrapper input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),html.olio-a11y-kontrast #wrapper textarea,html.olio-a11y-kontrast #wrapper select{ background:#1a1f1c !important; color:#ffffff !important; border:2px solid #ffffff !important; }
html.olio-a11y-kontrast #wrapper ::placeholder{ color:#c9d2cc !important; opacity:1; }
html.olio-a11y-kontrast #wrapper img{ filter:brightness(.92) contrast(1.08); }
/* Slider-Textbox: undurchsichtig, damit Text vom Foto abgesetzt ist */
html.olio-a11y-kontrast #wrapper .text-box-content{ background:#0c0f0d !important; border:3px solid #FFEE00 !important; border-radius:22px !important; }
html.olio-a11y-kontrast #wrapper .slider .banner{ }
/* Logo im Kontrastmodus: invertiert als weiße Silhouette — Wortmarke und Slogan bleiben lesbar */
html.olio-a11y-kontrast #wrapper #logo a{ background:transparent !important; background-image:none !important; padding:0 !important; border:0 !important; }
html.olio-a11y-kontrast #wrapper #logo img{ filter:none !important; }
/* Graustufen */
html.olio-a11y-graustufen body > *:not(#olio-a11y-panel):not(#olio-a11y-btn){ filter:grayscale(1); }
/* Lesbare Schrift — Icon-Schriften bleiben unangetastet */
html.olio-a11y-lesbar body *:not(#olio-a11y-panel):not(#olio-a11y-panel *):not(#olio-a11y-btn):not(#olio-a11y-btn *):not(i):not(.icon):not([class*="icon-"]):not([class*="fa-"]):not(.fa):not(.nav-icon):not(.nav-icon *):not(.button-icon):not(svg):not(svg *){
font-family:Verdana, "DejaVu Sans", Tahoma, sans-serif !important;
letter-spacing:.012em !important; word-spacing:.06em !important;
}
html.olio-a11y-lesbar body p,html.olio-a11y-lesbar body li{ line-height:1.75 !important; }
html.olio-a11y-lesbar body i,html.olio-a11y-lesbar body .icon,html.olio-a11y-lesbar body [class*="icon-"],html.olio-a11y-lesbar body [class*="fa-"]{ font-family:inherit; }
html.olio-a11y-lesbar body i[class*="icon-"],html.olio-a11y-lesbar body span[class*="icon-"],html.olio-a11y-lesbar body [class*="icon-"]::before{ font-family:"fl-icons" !important; }
/* Links hervorheben — Schaltflächen und Kacheln bleiben unangetastet */
html.olio-a11y-links body a:not(.olio-a11y-btn):not(.olio-a11y-skip):not(.button):not(.olio-btn):not(.olio-btn-cream):not(.olio-btn-ghost):not(.olio-pbtn):not(.olio-pbtn-ghost):not(.olio-dl):not(.olio-zert):not(.olio-mnav-btns a):not(.header-nav a):not([class*="button"]){
text-decoration:underline !important; text-underline-offset:3px !important;
outline:2px solid rgba(0,156,50,.55) !important; outline-offset:2px !important; border-radius:3px;
}
html.olio-a11y-links.olio-a11y-kontrast body a:not(.button):not([class*="button"]):not(.olio-btn){ outline-color:#FFEE00 !important; }
/* Animationen stoppen */
html.olio-a11y-ruhe *,
html.olio-a11y-ruhe *::before,
html.olio-a11y-ruhe *::after{
animation-duration:0s !important;
animation-iteration-count:1 !important;
transition-duration:0s !important;
scroll-behavior:auto !important;
}
html.olio-a11y-ruhe video{ /* Autoplay-Videos pausieren optisch entschärfen */ }
/* Großer Mauszeiger */
html.olio-a11y-cursor,
html.olio-a11y-cursor *{
cursor:url("data:image/svg+xml;utf8,") 6 4, auto !important;
}
html.olio-a11y-cursor a,
html.olio-a11y-cursor button,
html.olio-a11y-cursor [role="button"]{
cursor:url("data:image/svg+xml;utf8,") 16 6, pointer !important;
}
/* Vorlesen aktiv: Hinweis-Cursor */
html.olio-a11y-vorlesen p:hover,
html.olio-a11y-vorlesen li:hover,
html.olio-a11y-vorlesen h1:hover,
html.olio-a11y-vorlesen h2:hover,
html.olio-a11y-vorlesen h3:hover{ outline:2px dashed rgba(0,156,50,.45); outline-offset:3px; }
/* Fokus generell sichtbar machen (Tastaturbedienung) */
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible{
outline:3px solid #009C32 !important;
outline-offset:2px !important;
}
@media (prefers-reduced-motion:reduce){
.olio-a11y-panel, .olio-a11y-btn, .olio-a11y-slider, .olio-a11y-slider::before{ transition:none; }
}
/* ============ Bedienfeld folgt dem Kontrastmodus ============ */
html.olio-a11y-kontrast .olio-a11y-panel{ background:#000000 !important; border:2px solid #FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-kopf h2{ color:#ffffff !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-txt strong{ color:#ffffff !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-txt small{ color:#d6ded9 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-label{ color:#ffffff !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-wert{ color:#FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-hinweis{ color:#b9c6bf !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-zeile{ background:#151a17 !important; border-color:#7d8a80 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-item:hover{ background:#151a17 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-ic{ background:#151a17 !important; color:#FFEE00 !important; border:1px solid #FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-step{ background-image:none !important; background:#000 !important; color:#FFEE00 !important; border:2px solid #FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-step:hover{ background:#FFEE00 !important; color:#000 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-reset{ background-image:none !important; background:#000 !important; color:#FFEE00 !important; border:2px solid #FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-reset:hover{ background:#FFEE00 !important; color:#000 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-close{ background:#151a17 !important; color:#ffffff !important; border:1px solid #7d8a80 !important; }
html.olio-a11y-kontrast .olio-a11y-panel .olio-a11y-slider{ background:#4a544e !important; }
html.olio-a11y-kontrast .olio-a11y-panel input:checked + .olio-a11y-slider{ background:#FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-panel input:checked + .olio-a11y-slider::before{ background:#000 !important; }
html.olio-a11y-kontrast .olio-a11y-btn{ background-image:none !important; background:#000 !important; color:#FFEE00 !important; border:2px solid #FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-btn .olio-a11y-btn-ic{ background:rgba(255,238,0,.16) !important; }
html.olio-a11y-kontrast .olio-a11y-btn .olio-a11y-btn-ic svg{ color:#FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-btn.is-aktiv .olio-a11y-btn-ic{ background:#FFEE00 !important; }
html.olio-a11y-kontrast .olio-a11y-btn.is-aktiv .olio-a11y-btn-ic svg{ color:#000 !important; }