.sp-a11y-launch{position:fixed;z-index:1500;width:44px;height:44px;border-radius:50%;border:none;background:#00629B;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,20,35,.28)}
.sp-a11y-launch:hover{background:#004A75}
.sp-a11y-panel{position:fixed;z-index:1600;width:300px;max-width:calc(100vw - 36px);max-height:calc(100vh - 110px);overflow:auto;background:#14202b;color:#EAF3F9;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.45);padding:16px;font-family:'Karla',system-ui,sans-serif;-webkit-text-size-adjust:100%}
/* Positionen (Backend-gesteuert) */
.sp-a11y[data-pos="bottom-left"] .sp-a11y-launch{left:18px;bottom:18px}
.sp-a11y[data-pos="bottom-left"] .sp-a11y-panel{left:18px;bottom:80px}
.sp-a11y[data-pos="bottom-right"] .sp-a11y-launch{right:18px;bottom:18px}
.sp-a11y[data-pos="bottom-right"] .sp-a11y-panel{right:18px;bottom:80px}
.sp-a11y[data-pos="middle-left"] .sp-a11y-launch{left:18px;top:50%;transform:translateY(-50%)}
.sp-a11y[data-pos="middle-left"] .sp-a11y-panel{left:80px;top:50%;transform:translateY(-50%)}
.sp-a11y[data-pos="middle-right"] .sp-a11y-launch{right:18px;top:50%;transform:translateY(-50%)}
.sp-a11y[data-pos="middle-right"] .sp-a11y-panel{right:80px;top:50%;transform:translateY(-50%)}
.sp-a11y[data-pos="top-left"] .sp-a11y-launch{left:18px;top:80px}
.sp-a11y[data-pos="top-left"] .sp-a11y-panel{left:18px;top:80px}
.sp-a11y[data-pos="top-right"] .sp-a11y-launch{right:18px;top:80px}
.sp-a11y[data-pos="top-right"] .sp-a11y-panel{right:18px;top:80px}
/* Mobil: das Panel als volle Bodenleiste (Bottom-Sheet) — sonst wird es am Rand
   abgeschnitten. Unabhängig von der eingestellten Button-Position. */
@media (max-width:560px){
	.sp-a11y .sp-a11y-panel{left:10px !important;right:10px !important;top:auto !important;bottom:84px !important;transform:none !important;width:auto !important;max-width:none !important;max-height:74vh}
}
.sp-a11y-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sp-a11y-title{font:700 17px 'Poppins',sans-serif}
.sp-a11y-x{width:34px;height:34px;border:none;border-radius:50%;background:#22303d;color:#EAF3F9;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sp-a11y-group{margin-bottom:14px}
.sp-a11y-label{display:block;font:600 12px 'Karla',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#9FB4C4;margin-bottom:8px}
.sp-a11y-stepper{display:flex;align-items:center;gap:10px}
.sp-a11y-step{flex:none;width:46px;height:40px;border:none;border-radius:10px;background:#22303d;color:#EAF3F9;cursor:pointer;font:700 15px 'Karla',sans-serif;display:flex;align-items:center;justify-content:center}
.sp-a11y-step:hover{background:#2c3d4c}
.sp-a11y-step[disabled]{opacity:.4;cursor:default}
.sp-a11y-bar{flex:1;height:8px;background:#22303d;border-radius:999px;overflow:hidden;display:block}
.sp-a11y-bar span{display:block;height:100%;background:#5FB0E0;border-radius:999px;transition:width .12s ease;width:12.5%}
.sp-a11y-seg{display:flex;gap:6px}
.sp-a11y-opt{flex:1;font:600 13px 'Karla',sans-serif;background:#22303d;color:#EAF3F9;border:2px solid transparent;padding:9px 4px;border-radius:10px;cursor:pointer;text-align:center}
.sp-a11y-opt[aria-pressed="true"]{background:#00629B;border-color:#5FB0E0}
.sp-a11y-row{display:flex;align-items:center;gap:11px;width:100%;background:#22303d;color:#EAF3F9;border:none;border-radius:12px;padding:12px 14px;margin-bottom:9px;cursor:pointer;font:600 14px 'Karla',sans-serif;text-align:left}
.sp-a11y-row[aria-pressed="true"]{background:#00629B}
.sp-a11y-row-ic{flex:none;display:flex}
.sp-a11y-row>span:nth-child(2){flex:1}
.sp-a11y-state{font:600 12px 'Karla',sans-serif;color:#9FB4C4}
.sp-a11y-row[aria-pressed="true"] .sp-a11y-state{color:#CFE6F5}
.sp-a11y-reset{width:100%;background:none;border:1.5px solid #3a4b58;color:#CBE2F0;border-radius:999px;padding:9px;cursor:pointer;font:600 13px 'Karla',sans-serif;margin-top:4px}
.sp-a11y-note{font:400 11.5px/1.5 'Karla',sans-serif;color:#8296A3;margin:10px 0 0}
/* „Abschnitt anklicken"-Modus: vorlesbare Blöcke hervorheben (auch <span>, da die
   Screens Überschriften/Text oft als <span> auszeichnen). Der Assistent selbst ist
   ausgenommen. */
.sp-read-pick-root :is(p,h1,h2,h3,h4,h5,h6,li,blockquote,figcaption,span,dd,dt,td):hover:not(a *,button *,label *,summary *){outline:2px dashed var(--sp-link,#00629B);outline-offset:2px;cursor:pointer;border-radius:4px}
/* Links/Buttons/Felder bleiben normal bedienbar (kein Vorlese-Rahmen). */
.sp-read-pick-root :is(a[href],button,input,select,textarea,label,summary):hover{cursor:pointer}
.sp-read-pick-root [data-sp-a11y] :hover{outline:none;cursor:default}