/* Umschalter der drei Friseur-Entwürfe: dunkle Pille unten links, passt auf helle und dunkle Seiten. */
.tkv{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:900;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;
  background:rgba(14,14,14,.86);color:#ededea;box-shadow:0 10px 30px -10px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.12);
  font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tkv__l{padding:0 8px 0 10px;color:#9d9d98;font-weight:500;letter-spacing:.02em}
.tkv a{position:relative;display:grid;place-items:center;min-width:34px;height:34px;padding:0 4px;border-radius:999px;color:inherit;text-decoration:none;transition:background .2s}
.tkv a:hover{background:rgba(255,255,255,.1)}
.tkv a[aria-current]{background:#ff5a1f;color:#fff}
.tkv a:focus-visible{outline:2px solid #ff5a1f;outline-offset:2px}
.tkv__n{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);padding:6px 10px;border-radius:8px;background:#111;color:#fff;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.tkv a:hover .tkv__n,.tkv a:focus-visible .tkv__n{opacity:1;transform:translate(-50%,0)}
html.bk-open .tkv{display:none}
@media print{.tkv{display:none}}