:root {
  --bg: #000;
  --graphit: #000;
  --flaeche: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .55));
  --flaeche-flach: rgba(0, 0, 0, .5);
  --linie: rgba(60, 196, 245, .16);
  --kante-licht: 0 0 0 transparent;
  --kante-schatten: 0 0 0 transparent;
  --schatten-tief: 0 0 0 transparent;
  --text: #e6f9ff;
  --text-2: rgba(230, 249, 255, .72);
  --leise: rgba(230, 249, 255, .46);
  --silber-hell: #e6f9ff;
  --silber: #9fe6ff;
  --stahl: linear-gradient(180deg, #e6f9ff, #e6f9ff);
  --chrom: linear-gradient(180deg, #e6f9ff, #e6f9ff);
  --gruen: #3cc4f5;
  --radius: 2px;
  --radius-klein: 2px;
  --serif: -apple-system, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
  --sans: -apple-system, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --ok-eis: #3cc4f5;
  --ok-eis-hell: #9fe6ff;
  --ok-eis-tief: #0a5f9e;
  --ok-weiss: #e6f9ff;
  --ok-linie: rgba(60, 196, 245, .32);
  --ok-linie2: rgba(60, 196, 245, .14);
  --ok-leise: rgba(230, 249, 255, .46);
  --ok-schwach: rgba(230, 249, 255, .24);
  --ok-gold: #e8b830;
  --ok-rot: #ff5d5d;
  --ok-duenn: -apple-system, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI Light", "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
}
@media (prefers-color-scheme: dark)  { :root { --bg: #000; } }
@media (prefers-color-scheme: light) { :root { --bg: #000; } }

html { background-color: #000; }
html, body { overscroll-behavior-x: none; }
body { background: #000; color: var(--ok-weiss); font-family: var(--sans); font-weight: 300; letter-spacing: 0; }
::selection { background: rgba(60, 196, 245, .35); }

#ok2-grund {
  position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; height: 100lvh; z-index: 0;
  pointer-events: none; display: block; background: #000;
}
main { position: relative; z-index: 1; }

h1 { font-family: var(--ok-duenn); font-weight: 200; background: none; -webkit-background-clip: border-box; background-clip: border-box;
  color: var(--ok-weiss); -webkit-text-fill-color: currentColor; -webkit-filter: none; filter: none; letter-spacing: -.02em; }
h2 { font-family: var(--mono); font-weight: 500; font-size: 10.5px; letter-spacing: .16em; color: var(--ok-eis); }
b { color: var(--ok-weiss); font-weight: 500; }
.hinweis { color: var(--ok-leise); font-weight: 300; }
.ok { color: var(--ok-eis); }
.fehler { color: var(--ok-rot); }
.nummer { font-family: var(--mono); letter-spacing: .06em; color: var(--ok-eis-hell); }
:focus-visible { outline: 1px solid var(--ok-eis-hell); outline-offset: 3px; }

input, textarea {
  background: rgba(0, 0, 0, .55); border: 0; border-bottom: 1px solid var(--ok-linie); border-radius: 0;
  box-shadow: none; color: var(--ok-weiss); font-weight: 300;
}
input::placeholder, textarea::placeholder { color: var(--ok-schwach); }
input:focus, textarea:focus { border-color: var(--ok-eis); box-shadow: 0 1px 0 0 rgba(60, 196, 245, .45); }
button {
  background: rgba(0, 0, 0, .55); border: 1px solid var(--ok-linie); border-radius: 0; box-shadow: none; text-shadow: none;
  color: var(--ok-eis-hell); font-weight: 400; letter-spacing: .02em;
}
button:active { background: rgba(60, 196, 245, .10); }
button.haupt {
  background: rgba(0, 0, 0, .55); color: var(--ok-eis); border: 1px solid var(--ok-eis); text-shadow: none; box-shadow: none;
  font-family: var(--mono); font-weight: 500; font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
}
button.haupt:active { background: rgba(60, 196, 245, .14); }
button.klein { border-radius: 0; }

.kopf-zeile::before { visibility: hidden !important; opacity: 0 !important; animation: none !important; }

.kopf-zeile { min-height: 52px; -webkit-justify-content: flex-start; justify-content: flex-start; }
.kopf { padding-top: 0; text-align: left; }

.kopf-zeile .kopf-titel { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; }
#s-haupt .kopf-zeile .kopf-titel h1 {
  position: relative !important; left: auto; top: auto; opacity: 1 !important; visibility: visible !important;
  display: inline-block; margin: 0; padding: 0 0 4px; animation: none !important;
  font-family: var(--ok-duenn); font-size: 15px; font-weight: 200; letter-spacing: .42em; text-transform: uppercase;
  color: var(--ok-eis) !important; -webkit-text-fill-color: var(--ok-eis) !important; -webkit-text-stroke: 0; background: none; text-shadow: none;
  border-bottom: 1px solid var(--ok-linie); -webkit-filter: none !important; filter: none !important; pointer-events: none;
}
.kopf-zeile .kopf-rest { right: 0; top: -12px; font-family: var(--mono); letter-spacing: .1em; }

.sx-text {
  position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important;
}
.sx-bild { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; align-items: flex-end;
  row-gap: calc(var(--sx-h, 20px) * .7); vertical-align: bottom; line-height: 1; padding: calc(var(--sx-w, 1px) + 1px) calc(var(--sx-w, 1px) / 2 + 1px); }
.sx-wort { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: flex-end; align-items: flex-end; white-space: nowrap; }
.sx-wort.sx-wortende { margin-right: calc(var(--sx-h, 20px) * (.5 + var(--sx-a, .45))); }
.sx-lauf { display: block; height: calc(var(--sx-h, 20px) * 1.35); margin-top: calc(var(--sx-h, 20px) * -.35); overflow: visible; -webkit-flex: none; flex: none; }
.sx-lauf path { fill: none; stroke: currentColor; stroke-width: var(--sx-w, 1px); stroke-linecap: round; stroke-linejoin: round; }
.sx-abstand { margin-right: calc(var(--sx-h, 20px) * var(--sx-a, .45)); }
.sx-ersatz { display: inline-block; font-family: var(--ok-duenn); font-weight: 200; font-size: calc(var(--sx-h, 20px) * 1.24);     line-height: var(--sx-h, 20px);
  height: var(--sx-h, 20px); letter-spacing: 0; text-transform: uppercase; }
.sx-ersatz::before { content: attr(data-z); }
.sx-an { overflow: visible !important; text-overflow: clip !important; }
#s-haupt .kopf-zeile .kopf-titel h1.sx-an { --sx-h: 11px; --sx-w: 1.05px; --sx-a: .62; letter-spacing: 0; padding: 0 0 6px; line-height: 1; }
.kopf-zeile .kopf-rest.sx-an { --sx-h: 7px; --sx-w: 1px; --sx-a: .4; letter-spacing: 0; top: -14px; }
.kopf-zeile .kopf-rest.sx-an:not(.knapp):not(.rot) { color: var(--ok-eis); opacity: .8; }
.kopf-zeile .kopf-rest.kritisch.sx-an { --sx-h: 18px; --sx-w: 1.4px; }
.status { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; color: var(--ok-leise); }
.status.ok { color: var(--ok-eis); }
.status.fehler { color: var(--ok-rot); }

#t-chats > h2.seiten-titel, #t-oeff > h2.seiten-titel, #kon-titel {
  display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; gap: 14px;
  margin: 26px 0 6px; padding: 0 0 18px; text-align: left; white-space: nowrap;
  font-family: var(--ok-duenn); font-size: 50px; line-height: .95; font-weight: 100; letter-spacing: -.045em; text-transform: none;
  color: var(--ok-weiss); border-bottom: 1px solid var(--ok-linie);
}
#t-chats > h2.seiten-titel::before, #t-chats > h2.seiten-titel::after, #t-oeff > h2.seiten-titel::before, #t-oeff > h2.seiten-titel::after,
#kon-titel::before, #kon-titel::after { display: none !important; content: none !important; }
#t-chats > h2.seiten-titel.sx-an, #t-oeff > h2.seiten-titel.sx-an, #kon-titel > span.sx-an {
  --sx-h: 24px; --sx-w: 1.5px; --sx-a: .42; color: var(--ok-eis-hell); letter-spacing: 0; line-height: 1;
}
#t-chats > h2.seiten-titel.sx-an, #t-oeff > h2.seiten-titel.sx-an, #kon-titel { -webkit-align-items: flex-end; align-items: flex-end; padding-top: 6px; }
.kon-trenner { height: 1px; background: var(--ok-linie2); margin: 14px 0 6px; }

#s-menue .menue-kopf h1, #t-chat .menue-kopf h1, .mein-kopf h2 {
  font-family: var(--ok-duenn); font-weight: 200; text-transform: none; letter-spacing: -.02em; color: var(--ok-weiss); text-shadow: none;
}
#s-menue .menue-kopf h1 { font-size: 40px; letter-spacing: -.04em; line-height: 48px; color: var(--ok-weiss); text-shadow: none; }

#t-chat .menue-kopf h1 { font-size: 26px; letter-spacing: -.01em; }
#s-menue .menue-kopf h1::before, #s-menue .menue-kopf h1::after, #t-chat .menue-kopf h1::before, #t-chat .menue-kopf h1::after, .mein-kopf h2::before, .mein-kopf h2::after { background: linear-gradient(90deg, transparent, var(--ok-linie2)) !important; }
#s-menue .menue-kopf h1::after, #t-chat .menue-kopf h1::after, .mein-kopf h2::after { background: linear-gradient(90deg, var(--ok-linie2), transparent) !important; }
.menue-kopf::after { background: var(--ok-linie) !important; }
#s-menue .menue-kopf h1.sx-an { --sx-h: 22px; --sx-w: 1.4px; --sx-a: .45; color: var(--ok-eis-hell); letter-spacing: 0; line-height: 48px; }

.mein-kopf h2.sx-an { --sx-h: 16px; --sx-w: 1.3px; --sx-a: .42; letter-spacing: 0; line-height: 1; }
#s-menue > h2.sx-an { --sx-h: 8px; --sx-w: 1.05px; --sx-a: .55; letter-spacing: 0; line-height: 1; }
#t-chat .menue-kopf::before { background: rgba(0, 0, 0, .9); }
#t-chat .menue-kopf #b-chat-zu, #b-menue-zu {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14' fill='none' stroke='%239fe6ff' stroke-width='1.1'%3E%3Cpath d='M24 7H1.5M7 1.5L1.5 7 7 12.5'/%3E%3C/svg%3E") center / 26px no-repeat !important;
  -webkit-filter: none !important; filter: none !important;
}

#dock {
  border-radius: 0; padding: 0; border: 0; border-top: 1px solid var(--ok-linie2);
  left: max(0px, calc(50% - 280px)); right: max(0px, calc(50% - 280px)); bottom: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .9));
  box-shadow: none; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
#dock button {
  height: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 0; color: var(--ok-schwach); background: none; position: relative;
  font-family: var(--mono); font-size: 6.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; line-height: 1;
}
#dock button::before { content: ""; position: absolute; left: 50%; top: -1px; width: 22px; height: 1px; margin-left: -11px; background: transparent; }
#dock button + button { margin-left: 0; }
#dock svg { width: 16px; height: 16px; stroke-width: 1; margin-bottom: 4px; }
#dock span { opacity: .7; }
#dock button.an { color: var(--ok-eis-hell); background: none; box-shadow: none; }
#dock button.an::before { background: var(--ok-eis); }
#dock button.an span { opacity: 1; }
#dock button.an svg { -webkit-filter: none; filter: none; }
#dock button:active { -webkit-transform: none; transform: none; background: rgba(60, 196, 245, .06); }
.dock-zahl, .chat-zahl { background: none !important; color: var(--ok-eis) !important; box-shadow: none !important; border: 1px solid var(--ok-eis);
  font-family: var(--mono) !important; font-weight: 500 !important; border-radius: 0 !important; }
.dock-zahl { top: 3px; height: 13px; min-width: 13px; padding: 0 3px; line-height: 11px; font-size: 8.5px; letter-spacing: 0; margin-left: 8px; }
.dock-zahl.leer { display: none !important; }

.neu-knopf {
  bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  width: 64px; height: 64px; color: var(--ok-eis); background: rgba(0, 0, 0, .6);
  border: 1px solid var(--ok-linie); box-shadow: 0 0 0 6px rgba(0, 0, 0, .0), inset 0 0 18px -10px rgba(60, 196, 245, .6);
}
.neu-knopf svg { width: 30px; height: 30px; stroke-width: 1; }
.neu-knopf:active, .neu-knopf.gedrueckt { border-color: var(--ok-eis-hell); background: rgba(60, 196, 245, .12); }
.gruppe-knopf { background: rgba(0, 0, 0, .6) !important; border: 1px solid var(--ok-linie2) !important; color: var(--ok-eis-hell) !important; box-shadow: none !important;
  bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
.gruppe-knopf svg { stroke-width: 1.2 !important; }
.alle-weg-knopf { bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }

#chat-liste .kon-zeile, #kontaktliste .kon-zeile {
  padding: 18px 2px 17px; border-bottom: 1px solid var(--ok-linie2); background: none;
  font-family: var(--ok-duenn); font-weight: 300; font-size: 20px; letter-spacing: -.01em; color: var(--ok-weiss);
}
#chat-liste .kon-zeile.streifen, #kontaktliste .kon-zeile.streifen { background: none; box-shadow: none; }
.chat-text > b { font-weight: 300; }
.chat-zeile.neu .chat-text > b { color: var(--ok-weiss); font-weight: 400; }
.chat-unter { font-family: var(--sans); font-size: 13px; font-weight: 300; color: var(--ok-leise); letter-spacing: 0; }
.chat-zeit { font-family: var(--mono); font-size: 10.5px; color: var(--ok-leise); letter-spacing: .04em; }
.chat-pfeil.aus, .chat-pfeil.ein { -webkit-filter: none; filter: none; }
.chat-pfeil.ein { color: var(--ok-leise); }
.verl-tag, #chat-liste .verl-tag { font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .16em; color: var(--ok-schwach); text-shadow: none; }
.kon-buchstabe { font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .16em; color: var(--ok-eis); margin: 22px 2px 0; }
.kon-anzahl { font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ok-leise); }
.kon-zeile .kon-name::before { box-shadow: none !important; }

.kon-suche { border-bottom: 1px solid var(--ok-linie2); }
.kon-suche:focus-within { border-bottom-color: var(--ok-eis); box-shadow: none; }
.kon-suche svg { stroke: var(--ok-leise); stroke-width: 1.3; }
.kon-suche input, #t-kon .kon-suche input { background: none !important; border: 0 !important; box-shadow: none !important; font-weight: 300; }
.such-muell svg, .kon-suche .such-muell svg, .verl-tag .such-muell svg, .kon-anzahl .such-muell svg { -webkit-filter: none; filter: none; color: var(--ok-rot); stroke: var(--ok-rot); }

.kon-code-qr { width: 40px; height: 40px; margin-right: 16px; border-radius: 0; background: none; color: var(--ok-eis); border: 1px solid var(--ok-linie); box-shadow: none; }
.kon-code-qr svg { stroke-width: 1.2; }

#oeff-neu-box { padding: 0; border: 0; background: none; box-shadow: none; border-radius: 0; margin: 10px 0 14px; }
#oeff-feld { background: rgba(0, 0, 0, .5); border: 0; border-bottom: 1px solid var(--ok-linie); border-radius: 0; box-shadow: none;
  font-family: var(--ok-duenn); font-size: 21px; font-weight: 200; line-height: 1.3; padding: 10px 0; }
#oeff-feld:focus { border-color: var(--ok-eis); box-shadow: none; }
#b-oeff-senden, #b-oeff-senden:disabled {
  border-radius: 0; padding: 10px 0 8px; background: none; border: 0; border-bottom: 1px solid var(--ok-eis); box-shadow: none; text-shadow: none;
  font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-eis);
}
#b-oeff-senden:disabled { opacity: .5; }
.oeff-post { border-radius: 0; background: rgba(0, 0, 0, .5); border: 0; border-bottom: 1px solid var(--ok-linie2); box-shadow: none; padding: 20px 0 18px; }


#kon-auswahl-leiste { border-radius: 0 !important; background: rgba(0, 0, 0, .94) !important; border: 0 !important; border-top: 1px solid var(--ok-linie) !important; box-shadow: none !important; }

.bl { border-radius: 0; font-weight: 300; font-size: 16px; line-height: 1.38; }
.bl.ein { background: rgba(0, 0, 0, .55); border: 0; border-left: 1px solid var(--ok-eis); padding: 4px 4px 4px 14px; }
.bl.aus { background: rgba(0, 0, 0, .55); border: 0; border-right: 1px solid var(--ok-schwach); padding: 4px 14px 4px 4px; color: var(--ok-eis-hell); text-align: right; }
.bl-zeit { font-family: var(--mono); font-size: 10px; letter-spacing: .06em; color: var(--ok-leise); }
.bl.aus .bl-zeit { text-align: right; }
.bl.ein .bl-zeit { text-align: left; }
.eingabe {
  border-radius: 0; border: 0; border-top: 1px solid var(--ok-linie);
  left: max(0px, calc(50% - 280px)); right: max(0px, calc(50% - 280px)); bottom: calc(45px + env(safe-area-inset-bottom, 0px));
  padding: 10px 14px; background: rgba(0, 0, 0, .92); box-shadow: none;
}
body.tippt .eingabe { bottom: calc(var(--tastatur, 0px) + env(safe-area-inset-bottom, 0px)); }
#chat-feld, #t-chat #chat-feld { border: 0; border-bottom: 1px solid var(--ok-linie); border-radius: 0; background: none; font-weight: 300; font-size: 16px; }
#chat-feld:focus { border-color: var(--ok-eis); }
.eingabe .rund { background: none; border: 1px solid var(--ok-linie2); color: var(--ok-eis-hell); box-shadow: none; }
.eingabe .rund.mikro { color: var(--ok-eis-hell); border-color: var(--ok-linie); box-shadow: none; }
.eingabe .rund.mikro svg, .eingabe .rund.verdeckt svg { stroke-width: 1.3; }
.eingabe .rund.send { background: none; border: 1px solid var(--ok-eis); color: var(--ok-eis); box-shadow: none; }
.eingabe .rund.knobeln { background: none; box-shadow: none; }
.eingabe .rund.verdeckt.an, .eingabe .rund.roboter.an { background: rgba(60, 196, 245, .14); box-shadow: none; }
#t-chat .menue-kopf #b-chat-leeren, #b-chat-leeren { background: rgba(0, 0, 0, .55); border: 1px solid var(--ok-linie); box-shadow: none; color: var(--ok-eis-hell); }
#b-chat-leeren svg { -webkit-filter: none; filter: none; }
body.chat-fest #t-chat { background: linear-gradient(180deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .55) 30%, rgba(0, 0, 0, .55) 70%, rgba(0, 0, 0, .8)); }
body.chat-fest #t-chat .eingabe { margin-bottom: calc(6px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ok-linie); }
body.chat-fest.tippt #t-chat .eingabe { margin-bottom: calc(4px + env(safe-area-inset-bottom, 0px)); }

#s-menue > h2 { font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .16em; color: var(--ok-eis); margin: 34px 0 6px; }
#s-menue > h2::before { display: none; }
#s-menue > h2::after { display: none; }
.verl-schalter span, #s-menue .m4-schalter span { font-weight: 300; color: var(--ok-weiss); }
.karte, #s-menue .karte.m4 { border-radius: 0; background: rgba(0, 0, 0, .55); border: 0; border-top: 1px solid var(--ok-linie2); box-shadow: none; padding-left: 0; padding-right: 0; }
.zeile { border-bottom: 1px solid var(--ok-linie2); }
.zeile > span:first-child { color: var(--ok-leise); }
.m4-text > b { font-family: var(--ok-duenn); font-size: 34px; font-weight: 100; letter-spacing: -.04em; line-height: 1.1; }
.m4-text > b.m4-nummer { font-family: var(--mono); font-size: 13px; font-weight: 400; letter-spacing: .08em; color: var(--ok-eis-hell); }
.m4-unter { font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; color: var(--ok-leise); }
#s-menue .m4-qr { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-linie) !important; color: var(--ok-eis) !important; box-shadow: none !important; }
#s-menue .m4-liste > button, #s-menue .m4-liste > div:not(#m-name-form) > button { border-radius: 0; background: none; border: 0; border-bottom: 1px solid var(--ok-linie2); box-shadow: none; color: var(--ok-weiss); font-weight: 300; }
#s-menue #m-name-form #m-name-neu, #s-menue .m4-text #m-name-form #m-name-neu { font-family: var(--ok-duenn); font-size: 28px; font-weight: 200; background: none; border-bottom-color: var(--ok-linie); }
#s-menue #m-name-form #m-name-speichern, #s-menue .m4-text #m-name-form #m-name-speichern { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis) !important; box-shadow: none !important; }
.verl-schalter { border-top: 1px solid var(--ok-linie2); font-weight: 300; }
.regler { width: 40px; height: 22px; border-radius: 11px; background: none; border: 1px solid var(--ok-linie); box-shadow: none; }
.regler::after { top: 4px; left: 4px; width: 12px; height: 12px; background: var(--ok-leise); box-shadow: none; }
.verl-schalter input:checked + .regler { background: none; border-color: var(--ok-eis); }
.verl-schalter input:checked + .regler::after { -webkit-transform: translateX(18px); transform: translateX(18px); background: var(--ok-eis); }
#s-menue .sprache-wahl button, .sprache-wahl button { border-radius: 0 !important; background: none !important; border: 0 !important; border-bottom: 1px solid transparent !important; box-shadow: none !important;
  font-family: var(--mono) !important; font-size: 12px !important; letter-spacing: .08em; color: var(--ok-leise) !important; }
#s-menue .sprache-wahl button.an, .sprache-wahl button.an, .sprache-wahl button[aria-pressed="true"] { color: var(--ok-eis-hell) !important; border-bottom-color: var(--ok-eis) !important; }
#m-problem-knopf { border-radius: 0; background: none; border: 0; border-bottom: 1px solid var(--ok-linie2); text-align: left; color: var(--ok-weiss); font-weight: 300; padding-left: 0; }
#s-menue #m-tag-block > #m-freischalten.kon-code { border-radius: 0 !important; background: none !important; border: 1px solid rgba(232, 184, 48, .5) !important; color: var(--ok-gold) !important; box-shadow: none !important; }
#s-menue #m-tag-block > #m-freischalten .kon-code-qr { color: var(--ok-gold); border-color: rgba(232, 184, 48, .5); background: none; }
#s-menue #m-update { border-radius: 0; box-shadow: none; }
#s-menue > #m-verloren, #s-menue #m-verloren.rot { border-radius: 0 !important; background: none !important; box-shadow: none !important;
  border: 0 !important; border-top: 1px solid rgba(255, 93, 93, .35) !important; border-bottom: 1px solid rgba(255, 93, 93, .35) !important; color: var(--ok-rot) !important; font-weight: 300; }
#s-menue #m-verloren .verloren-ic { background: none !important; box-shadow: none !important; }
.pruef { border-radius: 0; background: rgba(0, 0, 0, .6); }

#frage-schleier { background: rgba(0, 0, 0, .74); -webkit-backdrop-filter: none; backdrop-filter: none; }
#frage-box {
  width: min(88vw, 340px); padding: 28px 24px 20px; border-radius: 0; text-align: left;
  background: #000; border: 1px solid var(--ok-linie); box-shadow: 0 0 40px -18px rgba(60, 196, 245, .6);
}
#frage-symbol { -webkit-filter: none; filter: none; color: var(--ok-eis); }
#frage-symbol svg { width: 24px; height: 24px; }
#frage-titel { margin: 12px 0 0; font-family: var(--ok-duenn); font-size: 30px; line-height: 1.05; font-weight: 200; letter-spacing: -.035em; color: var(--ok-weiss); }
#frage-text { margin: 12px 0 0; font-size: 15px; font-weight: 300; line-height: 1.45; color: var(--ok-leise); }
#frage-feld, #frage-problem { border-radius: 0; background: none; border: 0; border-bottom: 1px solid var(--ok-linie); text-align: left; box-shadow: none; }
#frage-problem { border: 1px solid var(--ok-linie2); }
.frage-knoepfe { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--ok-linie2); gap: 14px; }
.frage-knoepfe button { border-radius: 0; padding: 12px 8px; font-family: var(--mono); font-size: 11.5px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
#frage-nein { background: none; border: 1px solid var(--ok-linie2); color: var(--ok-leise); }
#frage-ja { background: none; border: 1px solid var(--ok-eis); color: var(--ok-eis); box-shadow: none; }
#frage-box.rot { border-color: rgba(255, 93, 93, .55) !important; box-shadow: 0 0 40px -18px rgba(255, 93, 93, .6) !important; background: #000 !important; }
#frage-box.rot #frage-symbol { color: var(--ok-rot); -webkit-filter: none; filter: none; }
#frage-box.rot #frage-ja { background: none !important; border: 1px solid var(--ok-rot) !important; color: var(--ok-rot) !important; box-shadow: none !important; }

#info-mitte { border-radius: 0; background: rgba(0, 0, 0, .94); border: 1px solid var(--ok-linie); box-shadow: 0 0 40px -18px rgba(60, 196, 245, .6); -webkit-backdrop-filter: none; backdrop-filter: none; }
#info-symbol { -webkit-filter: none; filter: none; }
#info-text { font-weight: 300; }
#druck-menue { border-radius: 0; padding: 0; background: #000; border: 1px solid var(--ok-linie); box-shadow: 0 18px 40px -10px rgba(0, 0, 0, .95); }
#druck-menue button { border-radius: 0; font-weight: 300; padding: 14px 18px; }
#druck-menue button + button { border-top: 1px solid var(--ok-linie2); }
#druck-menue button.rot, #druck-menue button.rot svg { color: var(--ok-rot); }
#druck-menue .reakt-leiste button + button { border-radius: 0; }

.mein-kopf h2 { font-size: 30px; }
#mein-voll #mein-name { font-family: var(--ok-duenn); font-size: 30px; font-weight: 200; letter-spacing: -.03em; }
#b-mein-senden { border-radius: 0 !important; background: rgba(0, 0, 0, .35) !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important; box-shadow: none !important; text-shadow: none !important; }
body.qr-tag #b-mein-senden { background: none !important; color: #0a5f9e !important; border-color: #0a5f9e !important; }
#b-mein-zu, #b-voll-zu, #b-voll-weg { border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; }
.mein-knoepfe button, .voll-knoepfe button { border-radius: 0; font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.tag-nacht { border-radius: 0; }
.tag-nacht button { border-radius: 0; }

#kamera-box #scan-unten { background: #000; border-top: 1px solid var(--ok-linie); }
#kamera-box #scan-unten #b-kamera-stop, #kamera-box #scan-extra button { border-radius: 0; }

  html.ruhig #ok2-grund { transition: none; }

#s-haupt > .kopf { position: absolute; left: 0; right: 0; top: 0; height: 0; padding: 0; margin: 0; z-index: 4; pointer-events: none; }

#s-haupt > .kopf::before { content: ""; position: absolute; left: -17px; top: 14px; width: 1px; height: 34px; background: linear-gradient(180deg, transparent, var(--ok-eis), transparent); opacity: .55; }
#s-haupt .kopf-zeile { position: relative; min-height: 0; height: 0; display: block; }

#s-haupt .kopf-zeile .kopf-titel {
  position: absolute; top: -24px; right: -10px; left: auto; width: max-content; -webkit-flex: none; flex: none;
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 12px;
  -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(90deg) translateX(100%); transform: rotate(90deg) translateX(100%);
}
#s-haupt .kopf-zeile .kopf-titel h1.sx-an { --sx-h: 8px; --sx-w: 1px; --sx-a: .7; color: var(--ok-eis) !important; opacity: .62; padding: 0 0 5px; border-bottom: 1px solid var(--ok-linie); }
#s-haupt .kopf-zeile .kopf-rest { position: static; top: auto; right: auto; margin: 0 0 5px; }
#s-haupt .kopf-zeile .kopf-rest.sx-an { --sx-h: 6px; top: auto; }
#s-haupt .kopf-zeile .kopf-rest.kritisch.sx-an { --sx-h: 12px; }
#t-chats > h2.seiten-titel, #t-oeff > h2.seiten-titel, #kon-titel { margin-top: 4px; margin-right: 10px; }

#dock button { height: 50px; min-height: 50px; }
#dock button > span { display: none !important; }
#dock svg { width: 23px; height: 23px; stroke-width: 1.1; margin-bottom: 0; }
#dock .dock-zahl { position: absolute; top: 7px; left: 50%; margin-left: 9px; }

#kon-titel > span.sx-an { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; line-height: 1; }
#t-chats > h2.seiten-titel, #t-oeff > h2.seiten-titel, #kon-titel { margin-right: 30px; width: auto !important; }
#s-haupt .kopf-zeile .kopf-titel h1.sx-an { --sx-h: 10px; --sx-w: 1.1px; --sx-a: 1.05; opacity: .72; padding-bottom: 6px; }
#s-haupt .kopf-zeile .kopf-titel.tagescode-tipp { pointer-events: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#s-haupt .kopf-zeile .kopf-titel.tagescode-tipp::before { content: ""; position: absolute; inset: -14px -10px; }
#s-haupt .kopf-zeile .kopf-titel.tagescode-tipp h1.sx-an { opacity: .9; }
#s-haupt .kopf-zeile .kopf-titel.tagescode-tipp:active h1.sx-an { opacity: .5; }

.sx-doppel { --sx-a: .5 !important; }
.sx-doppel .sx-lauf path.sx-aussen { stroke-width: 5.2px; }
.sx-doppel .sx-lauf path.sx-innen { stroke: #000; stroke-width: 2.8px; }

#t-chat .menue-kopf h1.sx-an { --sx-h: 16px; --sx-w: 1.3px; --sx-a: .45; color: var(--ok-eis-hell); letter-spacing: 0; line-height: 1;
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
#t-chats.chat-auswahl #b-neu, #t-chats.chat-auswahl #b-gruppe-neu { display: none !important; }
#chat-liste.auswahl-an .chat-zeile::after {
  content: ""; -webkit-flex: none; flex: none; width: 22px; height: 22px; margin-left: 12px; align-self: center;
  border: 1px solid var(--ok-linie); background: transparent;
}
#chat-liste.auswahl-an .chat-zeile.gewaehlt::after {
  border-color: var(--ok-eis); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fe6ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat;
  box-shadow: 0 0 10px -2px rgba(60, 196, 245, .6);
}
#chat-liste.auswahl-an .chat-zeile.nicht-waehlbar { opacity: .35; }
#chat-liste.auswahl-an .chat-zeile.nicht-waehlbar::after { visibility: hidden; }
#chat-liste.auswahl-an .chat-rechts .chat-zahl { display: none; }
#chat-liste.auswahl-an { padding-bottom: 90px; }
#chat-auswahl-leiste {
  position: fixed; z-index: 31; left: max(14px, calc(50% - 220px)); right: max(14px, calc(50% - 220px));
  bottom: calc(62px + env(safe-area-inset-bottom, 0px));
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 6px; padding: 6px 6px 6px 14px;
  background: rgba(0, 0, 0, .94); border: 1px solid var(--ok-linie); box-shadow: 0 0 30px -14px rgba(60, 196, 245, .7);
}
#chat-auswahl-leiste.weg, body.tippt #chat-auswahl-leiste { display: none !important; }
#chat-auswahl-zahl { -webkit-flex: 1; flex: 1; min-width: 0; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; color: var(--ok-leise); white-space: nowrap; }
#chat-auswahl-leiste button {
  width: auto; height: 36px; min-height: 0; margin: 0; padding: 0 11px; border-radius: 0; background: none; box-shadow: none; text-shadow: none;
  font-family: var(--mono); font-size: 10.5px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ok-eis-hell); border: 1px solid var(--ok-linie2);
}
#b-chat-auswahl-weg { color: var(--ok-rot) !important; border-color: rgba(255, 93, 93, .45) !important; }
#b-chat-auswahl-weg:disabled { opacity: .4; }

#kontaktliste.auswahl-an .kon-zeile::after {
  width: 22px; height: 22px; border-radius: 0; margin-left: 12px; align-self: center;
  background: transparent !important; box-shadow: none !important; border: 1px solid var(--ok-linie);
}
#kontaktliste.auswahl-an .kon-zeile.gewaehlt::after {
  border-color: var(--ok-eis); box-shadow: 0 0 10px -2px rgba(60, 196, 245, .6) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fe6ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat !important;
}
#kon-auswahl-leiste {
  bottom: calc(62px + env(safe-area-inset-bottom, 0px)); border-radius: 0; gap: 6px; padding: 6px 6px 6px 14px;
  background: rgba(0, 0, 0, .94); border: 1px solid var(--ok-linie); box-shadow: 0 0 30px -14px rgba(60, 196, 245, .7);
}
#kon-auswahl-zahl { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; color: var(--ok-leise); }
#kon-auswahl-leiste button {
  height: 36px; padding: 0 11px; border-radius: 0; font-family: var(--mono); font-size: 10.5px; font-weight: 500; letter-spacing: .1em;
  color: var(--ok-eis-hell); border: 1px solid var(--ok-linie2);
}
#b-kon-auswahl-weg { color: var(--ok-rot) !important; border-color: rgba(255, 93, 93, .45) !important; }

#s-haupt .kopf-zeile .kopf-titel h1.sx-an { border-bottom: 0 !important; padding-bottom: 0 !important; }
#s-haupt .kopf-zeile .kopf-titel { border-bottom: 1px solid var(--ok-linie); padding-bottom: 6px; }
#s-haupt .kopf-zeile .kopf-rest { margin: 0; }

#chat-liste .chat-zeile .chat-text > b.sx-an { --sx-h: 9px; --sx-w: 1.05px; --sx-a: .45; color: var(--ok-weiss); letter-spacing: 0; line-height: 1;
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 2px 0 6px; overflow: visible; }
#chat-liste .chat-zeile.neu .chat-text > b.sx-an { color: var(--ok-eis-hell); }

.sx-lauf { height: calc(var(--sx-h, 20px) * 1.35 * var(--sx-y, 1)); margin-top: calc(var(--sx-h, 20px) * -.35 * var(--sx-y, 1)); }
#t-chats > h2.seiten-titel.sx-an, #t-oeff > h2.seiten-titel.sx-an, #kon-titel > span.sx-an { --sx-h: 25px; }

#s-haupt, #ok2-grund { transition: transform .35s cubic-bezier(.2, .8, .2, 1), filter .35s ease; }
body.blatt-offen #s-haupt { -webkit-transform: scale(.92) translateY(14px); transform: scale(.92) translateY(14px); -webkit-transform-origin: 50% 0; transform-origin: 50% 0;
  -webkit-filter: blur(2px) brightness(.45); filter: blur(2px) brightness(.45); pointer-events: none; }
body.blatt-offen #ok2-grund { -webkit-filter: brightness(.5); filter: brightness(.5); }
body.blatt-offen #dock { opacity: .25; pointer-events: none; }
#oeff-blatt { position: fixed; inset: 0; z-index: 60; }
#oeff-blatt.weg { display: none !important; }
#oeff-blatt .blatt-schleier { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); opacity: 0; transition: opacity .3s ease; }
#oeff-blatt.an .blatt-schleier { opacity: 1; }
#oeff-blatt .blatt {
  position: absolute; left: max(0px, calc(50% - 260px)); right: max(0px, calc(50% - 260px)); bottom: 0;
  max-height: calc(100% - 40px); overflow-y: auto; overscroll-behavior: contain;
  padding: 10px 20px calc(18px + env(safe-area-inset-bottom, 0px));
  background: #000; border-top: 1px solid var(--ok-linie); box-shadow: 0 -20px 50px -20px rgba(60, 196, 245, .45);
  -webkit-transform: translateY(100%); transform: translateY(100%); transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
#oeff-blatt.an .blatt { -webkit-transform: none; transform: none; }
.blatt-griff { width: 38px; height: 3px; margin: 2px auto 12px; background: var(--ok-linie); }
.blatt-kopf { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;
  padding-bottom: 12px; border-bottom: 1px solid var(--ok-linie2); margin-bottom: 12px; }
#oeff-blatt-titel { margin: 0; color: var(--ok-eis-hell); font-family: var(--ok-duenn); font-weight: 200; font-size: 22px; letter-spacing: 0; text-transform: none; }
#oeff-blatt-titel.sx-an { --sx-h: 16px; --sx-w: 1.3px; --sx-a: .45; line-height: 1; display: -webkit-flex; display: flex; }
#b-oeff-blatt-zu { width: 44px; height: 44px; min-height: 0; margin: -8px -10px -8px 0; padding: 0; border: 0; background: none; box-shadow: none; color: var(--ok-eis-hell); }
#b-oeff-blatt-zu svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; }
#oeff-blatt #oeff-neu-box { margin: 0; }
#oeff-blatt #oeff-feld { min-height: 130px; font-size: 17px; line-height: 1.4; padding: 12px 2px; background: transparent; }
.blatt-zaehler { -webkit-flex: none; flex: none; font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; color: var(--ok-leise); }
.blatt-zaehler.knapp { color: #ffcf7a; }
.blatt-info { display: -webkit-flex; display: flex; gap: 12px; -webkit-align-items: flex-start; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--ok-linie2); border-bottom: 1px solid var(--ok-linie2); }
.blatt-info svg { -webkit-flex: none; flex: none; width: 18px; height: 18px; margin-top: 2px; fill: none; stroke: var(--ok-eis); stroke-width: 1.1; }
.blatt-info p { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--ok-leise); font-weight: 300; }
.blatt-info b { color: var(--ok-eis-hell); font-weight: 500; }
.blatt-fuss { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; gap: 12px; margin-top: 14px; }
.blatt-fuss button, #oeff-blatt #b-oeff-senden {
  width: auto; height: 42px; min-height: 0; margin: 0; padding: 0 16px; border-radius: 0; box-shadow: none; text-shadow: none;
  font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
}
#oeff-blatt #b-oeff-senden { background: none; color: var(--ok-eis-hell); border: 1px solid var(--ok-eis); }
#oeff-blatt #b-oeff-senden:disabled { opacity: .35; }
#t-oeff > .seiten-titel + #oeff-liste, #t-oeff #oeff-liste { margin-top: 6px; }

#s-haupt .kopf-zeile .kopf-titel { pointer-events: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#s-haupt .kopf-zeile .kopf-titel::before { content: ""; position: absolute; inset: -14px -10px; }
#s-haupt .kopf-zeile .kopf-titel:active h1.sx-an { opacity: .45; }
.tagescode-kopf { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.tagescode-kopf:active .sx-bild { opacity: .6; }

#chat-blatt { position: fixed; inset: 0; z-index: 60; }
#chat-blatt.weg { display: none !important; }
#chat-blatt .blatt-schleier { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); opacity: 0; transition: opacity .3s ease; }
#chat-blatt.an .blatt-schleier { opacity: 1; }
#chat-blatt .blatt {
  position: absolute; left: max(0px, calc(50% - 260px)); right: max(0px, calc(50% - 260px)); bottom: 0;
  max-height: calc(100% - 30px); overflow-y: auto; overscroll-behavior: contain;
  padding: 10px 20px calc(18px + env(safe-area-inset-bottom, 0px));
  background: #000; border-top: 1px solid var(--ok-linie); box-shadow: 0 -20px 50px -20px rgba(60, 196, 245, .45);
  -webkit-transform: translateY(100%); transform: translateY(100%); transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
#chat-blatt.an .blatt { -webkit-transform: none; transform: none; }
#chat-blatt-titel { margin: 0; color: var(--ok-eis-hell); font-family: var(--ok-duenn); font-weight: 200; font-size: 22px; letter-spacing: 0; text-transform: none; }
#chat-blatt-titel.sx-an { --sx-h: 16px; --sx-w: 1.3px; --sx-a: .45; line-height: 1; display: -webkit-flex; display: flex; }
.blatt-zu { width: 44px; height: 44px; min-height: 0; margin: -8px -10px -8px 0; padding: 0; border: 0; background: none; box-shadow: none; color: var(--ok-eis-hell); }
.blatt-zu svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; }
.blatt-an { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; gap: 6px;
  padding: 4px 0 8px; border-bottom: 1px solid var(--ok-linie2); }
.blatt-an-label { font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-eis); margin-right: 4px; }
.blatt-chips { display: contents; }
.blatt-chip { width: auto; height: 28px; min-height: 0; margin: 0; padding: 0 10px; border-radius: 0; background: rgba(60, 196, 245, .1); box-shadow: none;
  border: 1px solid var(--ok-linie); color: var(--ok-eis-hell); font-size: 13px; font-weight: 400; }
#chat-blatt-suche { -webkit-flex: 1; flex: 1; min-width: 120px; height: 32px; margin: 0; padding: 0 2px; background: transparent; border: 0; box-shadow: none; font-size: 15px; }
.blatt-liste { max-height: 168px; overflow-y: auto; overscroll-behavior: contain; margin: 4px 0 10px; border-bottom: 1px solid var(--ok-linie2); }
.blatt-zeile { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 10px; width: 100%; height: 42px; min-height: 0; margin: 0;
  padding: 0 4px; border: 0; border-radius: 0; background: none; box-shadow: none; text-align: left; color: var(--ok-weiss); font-size: 15px; font-weight: 300; }
.blatt-zeile + .blatt-zeile { border-top: 1px solid var(--ok-linie2); }
.blatt-zeile::after { content: ""; margin-left: auto; -webkit-flex: none; flex: none; width: 20px; height: 20px; border: 1px solid var(--ok-linie); }
.blatt-zeile.gewaehlt { color: var(--ok-eis-hell); }
.blatt-zeile.gewaehlt::after { border-color: var(--ok-eis); box-shadow: 0 0 10px -2px rgba(60, 196, 245, .6);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fe6ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 15px no-repeat; }
.blatt-zeile small { font-family: var(--mono); font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ok-leise); }
.blatt-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blatt-leer { margin: 10px 4px; font-size: 13px; color: var(--ok-leise); }
#chat-blatt-feld { width: 100%; min-height: 96px; margin: 0; padding: 10px 2px; resize: none; background: transparent; border: 0; border-bottom: 1px solid var(--ok-linie);
  border-radius: 0; box-shadow: none; color: var(--ok-weiss); font-size: 17px; line-height: 1.4; font-weight: 300; }
#chat-blatt-feld:focus { border-color: var(--ok-eis); }
.blatt-senden { background: none !important; color: var(--ok-eis-hell) !important; border: 1px solid var(--ok-eis) !important; }
.blatt-senden:disabled { opacity: .35; }

#gruppe-blatt { position: fixed; inset: 0; z-index: 60; }
#gruppe-blatt.weg { display: none !important; }
#gruppe-blatt .blatt-schleier { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); opacity: 0; transition: opacity .3s ease; }
#gruppe-blatt.an .blatt-schleier { opacity: 1; }
#gruppe-blatt .blatt {
  position: absolute; left: max(0px, calc(50% - 260px)); right: max(0px, calc(50% - 260px)); bottom: 0;
  max-height: calc(100% - 30px); overflow-y: auto; overscroll-behavior: contain;
  padding: 10px 20px calc(18px + env(safe-area-inset-bottom, 0px));
  background: #000; border-top: 1px solid var(--ok-linie); box-shadow: 0 -20px 50px -20px rgba(60, 196, 245, .45);
  -webkit-transform: translateY(100%); transform: translateY(100%); transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
#gruppe-blatt.an .blatt { -webkit-transform: none; transform: none; }
#gruppe-blatt-titel { margin: 0; color: var(--ok-eis-hell); font-family: var(--ok-duenn); font-weight: 200; font-size: 22px; letter-spacing: 0; text-transform: none; }
#gruppe-blatt-titel.sx-an { --sx-h: 16px; --sx-w: 1.3px; --sx-a: .45; line-height: 1; display: -webkit-flex; display: flex; }
.blatt-gname { width: 100%; height: 46px; margin: 0 0 6px; padding: 0 2px; background: transparent; border: 0; border-bottom: 1px solid var(--ok-linie); border-radius: 0;
  box-shadow: none; color: var(--ok-weiss); font-size: 19px; font-weight: 300; }
.blatt-gname:focus { border-color: var(--ok-eis); }
#gruppe-blatt-suche { -webkit-flex: 1; flex: 1; min-width: 120px; height: 32px; margin: 0; padding: 0 2px; background: transparent; border: 0; box-shadow: none; font-size: 15px; }
#gruppe-blatt-feld { width: 100%; min-height: 70px; margin: 0 0 10px; padding: 10px 2px; resize: none; background: transparent; border: 0; border-bottom: 1px solid var(--ok-linie);
  border-radius: 0; box-shadow: none; color: var(--ok-weiss); font-size: 16px; line-height: 1.4; font-weight: 300; }
#gruppe-blatt-feld:focus { border-color: var(--ok-eis); }

#oeff-blatt .blatt-fuss, #chat-blatt .blatt-fuss { -webkit-justify-content: flex-end; justify-content: flex-end; }
#gruppe-blatt #b-gruppe-blatt-ok.unfertig { opacity: .45; }

.blatt-info p.fehler { color: var(--ok-rot); }

#oeff-blatt .blatt-info, #chat-blatt .blatt-info { display: none !important; }
#oeff-blatt .blatt-fuss, #chat-blatt .blatt-fuss { -webkit-justify-content: center; justify-content: center; margin-top: 16px; }
#oeff-blatt .blatt-fuss > *, #chat-blatt .blatt-fuss > * { -webkit-flex: 1; flex: 1; }
#oeff-blatt #b-oeff-senden, #chat-blatt #b-chat-blatt-senden { width: 100%; height: 48px; }

#t-chat .menue-kopf { border: 0 !important; box-shadow: none !important; padding-top: 6px; padding-bottom: 6px; -webkit-justify-content: flex-start; justify-content: flex-start; gap: 6px; }
#t-chat .menue-kopf::after, #t-chat .menue-kopf h1::before, #t-chat .menue-kopf h1::after { display: none !important; }
#t-chat .menue-kopf #chat-name { -webkit-flex: 1; flex: 1; min-width: 0; text-align: left; margin: 0; }
#t-chat .menue-kopf #chat-name.sx-an { --sx-h: 20px; --sx-w: 1.3px; --sx-a: .5; color: var(--ok-eis-hell); -webkit-justify-content: flex-start; justify-content: flex-start; }
#t-chat .menue-kopf #b-chat-leeren { margin-left: auto; }
#blasen .bl:not(.hinweis) {
  display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;
  max-width: 88%; padding: 0; margin: 4px 0 10px; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  font-family: var(--ok-duenn); font-weight: 200; font-size: 19px; line-height: 1.3; letter-spacing: -.01em; color: var(--ok-weiss);
}
#blasen .bl.aus:not(.hinweis) { -webkit-align-items: flex-end; align-items: flex-end; text-align: right; color: var(--ok-eis-hell); margin-left: auto; }
#blasen .bl.ein:not(.hinweis) { -webkit-align-items: flex-start; align-items: flex-start; text-align: left; margin-right: auto; }
#blasen .bl:not(.hinweis)::before, #blasen .bl:not(.hinweis)::after { display: none !important; }
#blasen .bl:not(.hinweis) .bl-zeit {
  -webkit-order: -1; order: -1; position: static !important; float: none !important; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 8px;
  margin: 0 0 8px; padding: 0 0 6px; border-bottom: 1px solid var(--ok-linie2); align-self: stretch;
  font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-leise); opacity: 1;
}
#blasen .bl.ein:not(.hinweis) .bl-zeit::before { content: "Empfangen · entschlüsselt ·"; -webkit-order: 0; order: 0; }
#blasen .bl.aus:not(.hinweis) .bl-zeit { -webkit-justify-content: flex-end; justify-content: flex-end; }
#blasen .bl.aus:not(.hinweis) .bl-zeit::before { content: "Gesendet ·"; }
#blasen .bl:not(.hinweis) .bl-zeit::after { content: ""; -webkit-order: -1; order: -1; width: 5px; height: 5px; background: var(--ok-eis); box-shadow: 0 0 8px var(--ok-eis); -webkit-flex: none; flex: none; }
#blasen .bl.aus:not(.hinweis) .bl-zeit::after { -webkit-order: 9; order: 9; background: var(--ok-eis-hell); }
#blasen .bl:not(.hinweis) .bl-von { -webkit-order: -2; order: -2; font-family: var(--mono); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-eis); margin-bottom: 4px; }
#blasen .bl.geheim .bl-kopf { font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
#blasen .bl.sprache { font-size: 15px; }
#blasen .bl-tag { font-family: var(--mono); font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--ok-schwach); background: none; border: 0; box-shadow: none; }
#t-chat .eingabe { background: #000 !important; border-top: 1px solid var(--ok-linie2) !important; box-shadow: none !important; gap: 4px; -webkit-align-items: flex-end; align-items: flex-end; }
#t-chat #chat-feld { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ok-linie) !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: var(--ok-duenn); font-size: 17px; font-weight: 300; padding: 9px 2px; }
#t-chat #chat-feld:focus { border-bottom-color: var(--ok-eis) !important; }
#t-chat .eingabe .rund { width: 40px; height: 40px; min-height: 0; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--ok-eis-hell); border-radius: 0; }
#t-chat .eingabe .rund svg { width: 22px; height: 22px; stroke-width: 1.1; }
#t-chat .eingabe #b-verdeckt { -webkit-order: -1; order: -1; }
#t-chat .eingabe .rund.send { color: var(--ok-eis); }
#t-chat .eingabe .rund.mikro { position: relative; }
#t-chat .eingabe .rund.verdeckt.an { color: var(--ok-eis); background: none !important; }
#t-chat { background: none !important; }
#t-chat .menue-kopf #b-chat-leeren { border: 0 !important; background-color: transparent !important; box-shadow: none !important; }
#t-chat .menue-kopf, #t-chat .menue-kopf::before, #t-chat .eingabe, #t-chat .eingabe::before,
body.chat-fest #t-chat .menue-kopf, body.chat-fest #t-chat .eingabe { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; }
#t-chat .eingabe { border-top-color: transparent !important; }
#t-chat .menue-kopf { border-bottom: 1px solid var(--ok-linie) !important; }
#t-chat .eingabe { border-top: 1px solid var(--ok-linie) !important; }
#t-chat .menue-kopf { border-bottom: .5px solid var(--ok-linie2) !important; }
#t-chat .eingabe { border-top: .5px solid var(--ok-linie2) !important; }
#t-chat .menue-kopf { border-bottom: 1px solid rgba(60, 196, 245, .22) !important; }
#t-chat .eingabe { border-top: 0 !important;
  box-shadow: 0 -1px 0 0 rgba(60, 196, 245, .22), -14px -1px 0 0 rgba(60, 196, 245, .22), 14px -1px 0 0 rgba(60, 196, 245, .22) !important; }
#t-chat .eingabe { box-shadow: none !important; border-top: 0 !important; }
#blasen .bl.aus:not(.hinweis) {
  padding: 10px 14px 12px !important; margin-right: -6px;
  background: radial-gradient(ellipse 75% 85% at 60% 55%, rgba(60, 196, 245, .16), rgba(60, 196, 245, .07) 55%, rgba(60, 196, 245, 0) 78%) !important;
}
#blasen .bl.aus:not(.hinweis) { color: #c9d3d8 !important; }
#blasen .bl.ein:not(.hinweis) { color: var(--ok-eis-hell) !important; }
#t-chat #blasen { margin-left: -14px !important; margin-right: -14px !important; padding-left: 14px !important; padding-right: 14px !important; }
#blasen .bl.aus:not(.hinweis) { margin-right: 0 !important; }
html, body, * { scrollbar-width: none; -ms-overflow-style: none; }
::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; }
#ok2-grund { left: 0 !important; right: auto !important; min-width: 100vw; }
#blasen .bl.aus:not(.hinweis) {
  padding: 16px 22px 18px !important;
  background: radial-gradient(farthest-side at 55% 55%, rgba(60, 196, 245, .17), rgba(60, 196, 245, .08) 45%, rgba(60, 196, 245, .025) 75%, rgba(60, 196, 245, 0) 100%) !important;
}

#t-chat .menue-kopf #chat-name.sx-an { overflow: hidden !important; padding: 8px 0 6px; margin-top: -8px; margin-bottom: -6px; position: relative; }
#t-chat .menue-kopf #chat-name.sx-an .sx-bild { -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; white-space: nowrap; will-change: transform; }
#t-chat .menue-kopf #chat-name.sx-an.laeuft { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 18px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 18px), transparent 100%); }
#t-chat .menue-kopf #chat-name.sx-an.laeuft .sx-bild { -webkit-animation: name-wandern var(--lauf-zeit, 8s) ease-in-out infinite; animation: name-wandern var(--lauf-zeit, 8s) ease-in-out infinite; }
@-webkit-keyframes name-wandern { 0%, 18% { -webkit-transform: translateX(0); } 50%, 68% { -webkit-transform: translateX(var(--lauf, 0px)); } 100% { -webkit-transform: translateX(0); } }
@keyframes name-wandern { 0%, 18% { transform: translateX(0); } 50%, 68% { transform: translateX(var(--lauf, 0px)); } 100% { transform: translateX(0); } }
  html.ruhig #t-chat .menue-kopf #chat-name.sx-an.laeuft .sx-bild { -webkit-animation: none; animation: none; }
#t-chat .menue-kopf #chat-name.sx-an { margin-right: 54px !important; }
#t-chat .menue-kopf #chat-name.sx-an { margin-left: 50px !important; }
#t-chat .menue-kopf #chat-name.sx-an { margin-left: 38px !important; padding-left: 12px !important; }
#t-chat #blasen { padding-right: 0 !important; }
#blasen .bl.aus:not(.hinweis) { padding-right: 14px !important; }
#blasen .bl.ein:not(.hinweis), #blasen .bl-tag, #blasen .hinweis { margin-right: 14px; }
#t-chat .menue-kopf #b-chat-leeren { left: auto !important; right: 0 !important; }
#t-chat .eingabe { margin-right: -14px !important; padding-right: 4px !important; }
#t-chat #chat-feld { margin-right: 2px !important; }
#t-chat .menue-kopf #chat-name.sx-an { margin-right: 40px !important; }
#t-chat .eingabe { padding-right: 9px !important; }

#t-chat .menue-kopf #b-chat-zu { background: none !important; font-size: 0 !important; color: transparent !important; width: 44px; display: grid; place-items: center; }
#t-chat .menue-kopf #b-chat-zu svg.lichtlauf { width: 12px; height: 20px; overflow: visible; fill: none; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
#b-chat-zu svg.lichtlauf .grund { stroke: rgba(159, 230, 255, .4); }
#b-chat-zu svg.lichtlauf .licht { stroke: #9fe6ff; stroke-dasharray: 6 34; -webkit-animation: pfeil-licht 2.6s linear infinite; animation: pfeil-licht 2.6s linear infinite;
  -webkit-filter: drop-shadow(0 0 3px #3cc4f5); filter: drop-shadow(0 0 3px #3cc4f5); }
#t-chat .menue-kopf #b-chat-zu:active svg.lichtlauf { -webkit-transform: translateX(-3px); transform: translateX(-3px); opacity: .6; }
@-webkit-keyframes pfeil-licht { from { stroke-dashoffset: 40; } to { stroke-dashoffset: -40; } }
@keyframes pfeil-licht { from { stroke-dashoffset: 40; } to { stroke-dashoffset: -40; } }
  html.ruhig #b-chat-zu svg.lichtlauf .licht { -webkit-animation: none; animation: none; }

#b-chat-zu, #b-menue-zu { background: none !important; font-size: 0 !important; color: transparent !important; text-shadow: none !important; box-shadow: none !important; border: 0 !important; }
#b-menue-zu svg.lichtlauf, #b-chat-zu svg.lichtlauf { width: 12px; height: 20px; overflow: visible; fill: none; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; display: block; margin: auto; }
#b-menue-zu svg.lichtlauf .grund { stroke: rgba(159, 230, 255, .4); }
#b-menue-zu svg.lichtlauf .licht { stroke: #9fe6ff; stroke-dasharray: 6 34; -webkit-animation: pfeil-licht 2.6s linear infinite; animation: pfeil-licht 2.6s linear infinite;
  -webkit-filter: drop-shadow(0 0 3px #3cc4f5); filter: drop-shadow(0 0 3px #3cc4f5); }
#b-menue-zu:active svg.lichtlauf { -webkit-transform: translateX(-3px); transform: translateX(-3px); opacity: .6; }
  html.ruhig #b-menue-zu svg.lichtlauf .licht { -webkit-animation: none; animation: none; }
#t-chat .menue-kopf #b-chat-zu svg.lichtlauf { -webkit-transform: translate(-16px, -12px); transform: translate(-16px, -12px); }
#t-chat .menue-kopf #b-chat-zu:active svg.lichtlauf { -webkit-transform: translate(-19px, -12px); transform: translate(-19px, -12px); }

#b-menue-zu svg.lichtlauf { -webkit-transform: translate(-16px, 7px); transform: translate(-16px, 7px); }
#b-menue-zu:active svg.lichtlauf { -webkit-transform: translate(-19px, 7px); transform: translate(-19px, 7px); }

#t-chat .menue-kopf #b-chat-leeren svg.lichtlauf-rad { width: 22px; height: 22px; overflow: visible; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#b-chat-leeren svg.lichtlauf-rad .grund { stroke: rgba(159, 230, 255, .4) !important; stroke-width: 1 !important; }
#b-chat-leeren svg.lichtlauf-rad .licht { stroke: #9fe6ff; stroke-width: 1; stroke-dasharray: 6 34; -webkit-animation: pfeil-licht 2.6s linear infinite; animation: pfeil-licht 2.6s linear infinite;
  -webkit-filter: drop-shadow(0 0 3px #3cc4f5); filter: drop-shadow(0 0 3px #3cc4f5); }
#t-chat .menue-kopf #b-chat-leeren:active svg.lichtlauf-rad { opacity: .6; }
  html.ruhig #b-chat-leeren svg.lichtlauf-rad .licht { -webkit-animation: none; animation: none; }
#t-chat .menue-kopf #b-chat-leeren svg.lichtlauf-rad { -webkit-transform: translate(-1px, -8.5px); transform: translate(-1px, -8.5px); }
#b-menue-zu svg.lichtlauf .licht, #b-chat-zu svg.lichtlauf .licht, #b-chat-leeren svg.lichtlauf-rad .licht { -webkit-animation-duration: 6s !important; animation-duration: 6s !important; }
#b-menue-zu svg.lichtlauf .licht, #b-chat-zu svg.lichtlauf .licht, #b-chat-leeren svg.lichtlauf-rad .licht { display: none !important; -webkit-animation: none !important; animation: none !important; }

#t-oeff #oeff-liste { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; -webkit-align-items: start; align-items: start; }
#oeff-liste .oeff-post, #oeff-liste .oeff-post.neu {
  position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 0;
  min-height: 150px; margin: 0; padding: 12px 12px 34px; border: 1px solid var(--ok-linie2); border-radius: 0;
  background: rgba(0, 0, 0, .55); box-shadow: none; overflow: hidden;
}
#oeff-liste .oeff-post.neu { border-color: var(--ok-linie); }
#oeff-liste .oeff-post::after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: calc(var(--rest, 1) * 100%); background: var(--ok-eis); box-shadow: 0 0 6px var(--ok-eis); }
#oeff-liste .oeff-post.gross { grid-column: 1 / -1; }
#oeff-liste .oeff-post.gross { min-height: 190px; border-color: var(--ok-linie); }
#oeff-liste .oeff-post .oeff-ava { display: none; }
#oeff-liste .oeff-rechts { -webkit-flex: 1; flex: 1; min-width: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 8px; }
#oeff-liste .oeff-kopf { -webkit-align-items: center; align-items: center; gap: 7px; margin: 0; min-width: 0; }
#oeff-liste .oeff-kopf b { color: var(--ok-weiss) !important; font-weight: 300; min-width: 0; }
#oeff-liste .oeff-kopf b.sx-an { --sx-h: 8px; --sx-w: 1px; --sx-a: .45; color: var(--ok-weiss) !important; letter-spacing: 0; line-height: 1; }
#oeff-liste .oeff-post.neu .oeff-kopf b.sx-an { color: var(--ok-eis-hell) !important; }
#oeff-liste .oeff-kopf small { display: none; }
#oeff-liste .oeff-neu { -webkit-order: 1; order: 1; -webkit-flex: none; flex: none; margin: 0; width: 6px; height: 6px; padding: 0; font-size: 0; line-height: 0; overflow: hidden;
  border: 0; border-radius: 0; background: var(--ok-eis) !important; box-shadow: 0 0 8px var(--ok-eis); color: transparent !important; }
#oeff-liste .oeff-kopf .rs-vor { -webkit-order: 2; order: 2; margin-left: auto; font-family: var(--mono); font-size: 8.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ok-leise); white-space: nowrap; }
#oeff-liste .oeff-t { margin: 0; font-family: var(--ok-duenn); font-weight: 300; font-size: 13.5px; line-height: 1.38; color: rgba(230, 249, 255, .82); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
#oeff-liste .oeff-post.gross .oeff-t { display: block; -webkit-line-clamp: unset; overflow: visible; font-weight: 200; font-size: 21px; line-height: 1.28; color: var(--ok-weiss); }
#oeff-liste .oeff-qr { gap: 10px; margin: 2px 0 0; background: none; border: 0; box-shadow: none; font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--ok-eis-hell); }
#oeff-liste .oeff-qr-bild { width: 30px; height: 30px; border-radius: 0; box-shadow: 0 0 0 1px var(--ok-linie); opacity: .9; }
#oeff-liste .reakt-chips { gap: 9px; margin: 0 52px 0 0; }
#oeff-liste .reakt-chip, #oeff-liste .reakt-chip.mein { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 12px; font-weight: 400; color: var(--ok-leise); }
#oeff-liste .reakt-chip.mein { color: var(--ok-eis-hell); }
#oeff-liste .rs-spalte { position: absolute; right: 12px; bottom: 9px; display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; gap: 3px; padding: 0; }
#oeff-liste .rs-spalte b { font-family: var(--ok-duenn); font-weight: 200; font-size: 20px; line-height: 1; color: var(--ok-eis-hell); }
#oeff-liste .oeff-post.gross .rs-spalte b { font-size: 26px; }
#oeff-liste .oeff-post.gross .oeff-qr-bild { width: 72px; height: 72px; }
#oeff-liste .rs-spalte small { font-family: var(--mono); font-size: 8px; letter-spacing: .12em; color: var(--ok-leise); }
#oeff-liste .rs-spalte i { display: none; }
#oeff-liste .oeff-post.rs-alt .rs-spalte b { color: var(--ok-schwach); }

#t-chats > h2.sx-doppel .sx-bild, #t-oeff > h2.sx-doppel .sx-bild, #kon-titel > span.sx-doppel .sx-bild, #s-menue .menue-kopf h1.sx-doppel .sx-bild {
  color: #c8f2ff;
  -webkit-filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5));
  filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5));
  -webkit-animation: neon-flackern 11s linear infinite; animation: neon-flackern 11s linear infinite;
}
@-webkit-keyframes neon-flackern { 0%, 88%, 90.5%, 92%, 100% { opacity: 1; } 89% { opacity: .55; } 91% { opacity: .75; } }
@keyframes neon-flackern { 0%, 88%, 90.5%, 92%, 100% { opacity: 1; } 89% { opacity: .55; } 91% { opacity: .75; } }
  html.ruhig #t-chats > h2.sx-doppel .sx-bild, html.ruhig #t-oeff > h2.sx-doppel .sx-bild, html.ruhig #kon-titel > span.sx-doppel .sx-bild, html.ruhig #s-menue .menue-kopf h1.sx-doppel .sx-bild { -webkit-animation: none; animation: none; }

.kopf-zeile .kopf-rest.knapp, #s-menue #m-tag-block > #m-laufzeit.knapp { color: #ff8c1a !important; opacity: 1 !important; }
.kopf-zeile .kopf-rest.rot, #s-menue #m-tag-block > #m-laufzeit.rot { color: #ff3b30 !important; opacity: 1 !important; }
.kopf-zeile .kopf-rest.knapp.sx-an .sx-bild { -webkit-filter: drop-shadow(0 0 3px rgba(255, 140, 26, .8)); filter: drop-shadow(0 0 3px rgba(255, 140, 26, .8)); }
.kopf-zeile .kopf-rest.rot.sx-an .sx-bild { -webkit-filter: drop-shadow(0 0 3px rgba(255, 59, 48, .9)) drop-shadow(0 0 8px rgba(255, 59, 48, .55)); filter: drop-shadow(0 0 3px rgba(255, 59, 48, .9)) drop-shadow(0 0 8px rgba(255, 59, 48, .55)); }
.kopf-zeile .kopf-rest.rot.sx-an path { stroke-width: 1.6px; }
#s-haupt .kopf-zeile .kopf-rest.kritisch.sx-an { --sx-h: 10px; --sx-w: 1.6px; font-size: 0 !important; line-height: 0 !important; top: auto; right: auto; }

#blasen .bl.verdeckt { min-width: 0; }
.tarnfeld { position: relative; display: grid; touch-action: pan-y;     -webkit-user-select: none; user-select: none; cursor: grab; white-space: pre-wrap; overflow-wrap: anywhere; }
.tarnfeld > .tarn-echt, .tarnfeld > .tarn-text { grid-area: 1 / 1; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.tarnfeld .tarn-text { --tf: rgba(230, 249, 255, .82); color: transparent !important; -webkit-text-fill-color: transparent;
  background: linear-gradient(100deg, var(--tf) 0 40%, #fff 48%, #c8f2ff 52%, var(--tf) 60% 100%) 0 0 / 250% 100%; -webkit-background-clip: text; background-clip: text;
  -webkit-animation: tarn-schimmer 3.2s linear infinite; animation: tarn-schimmer 3.2s linear infinite; }
.bl.ein .tarnfeld .tarn-text { --tf: #9fe6ff; }
@-webkit-keyframes tarn-schimmer { 0% { background-position: 150% 0; } 100% { background-position: -100% 0; } }
@keyframes tarn-schimmer { 0% { background-position: 150% 0; } 100% { background-position: -100% 0; } }
  html.ruhig .tarnfeld .tarn-text { -webkit-animation: none; animation: none; background-position: 100% 0; }
.tarnfeld .tarn-echt { color: #fff !important; -webkit-text-fill-color: #fff; }
.tarnfeld.offen { cursor: default; touch-action: auto; }
.tarnfeld.offen .tarn-text { visibility: hidden; }
.tarn-lampe { position: absolute; top: .45em; width: 7px; height: 7px; border-radius: 50%; background: var(--ok-eis); pointer-events: none;
  box-shadow: 0 0 6px var(--ok-eis), 0 0 14px rgba(60, 196, 245, .7); -webkit-animation: tarn-lampe 2.4s ease-in-out infinite; animation: tarn-lampe 2.4s ease-in-out infinite; }
.bl.ein .tarn-lampe { left: -13px; }
.bl.aus .tarn-lampe { right: -13px; }
.tarnfeld.offen .tarn-lampe { background: transparent; border: 1px solid var(--ok-eis); box-shadow: none; -webkit-animation: none; animation: none; }
@-webkit-keyframes tarn-lampe { 50% { opacity: .35; } }
@keyframes tarn-lampe { 50% { opacity: .35; } }

.neu-knopf, .neu-knopf:active, .neu-knopf.gedrueckt, .gruppe-knopf {
  border: 0 !important; background: none !important; box-shadow: none !important; -webkit-animation: none; animation: none;
}
.neu-knopf { width: 56px; height: 56px; }
.neu-knopf svg { width: 40px !important; height: 40px !important; }
.gruppe-knopf { width: 44px !important; height: 44px !important; -webkit-align-items: center !important; align-items: center !important; }
.gruppe-knopf svg { width: 30px !important; height: 30px !important; margin: 0 !important; }
.neu-knopf svg, .gruppe-knopf svg { overflow: visible;
  -webkit-filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5)) !important;
  filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5)) !important;
  -webkit-animation: neon-flackern 11s linear infinite; animation: neon-flackern 11s linear infinite; }
.neu-knopf svg .neon-aus, .gruppe-knopf svg .neon-aus { fill: none !important; stroke: #c8f2ff !important; stroke-width: 4.4px !important; stroke-linecap: round; stroke-linejoin: round; }
.neu-knopf svg .neon-inn, .gruppe-knopf svg .neon-inn { fill: none !important; stroke: #000 !important; stroke-width: 2.2px !important; stroke-linecap: round; stroke-linejoin: round; }
.neu-knopf:active svg, .gruppe-knopf:active svg { opacity: .6; }
  html.ruhig .neu-knopf svg, html.ruhig .gruppe-knopf svg { -webkit-animation: none; animation: none; }

#t-chat .eingabe { position: relative; }
#blasen .bl.inkognito { position: relative; }
#blasen .bl.inkognito > .tarn-lampe { top: 34px; }
#t-chat .eingabe #b-ton-weg { position: static; -webkit-order: 1; order: 1; width: 44px; height: 44px; margin: 0; border: 0 !important; background: none !important;
  box-shadow: none !important; color: #ff5d5d; -webkit-animation: none; animation: none; -webkit-flex: none; flex: none; }
#t-chat .eingabe #b-ton-weg svg { width: 22px; height: 22px; stroke-width: 1.2; }
#t-chat .eingabe #b-send { -webkit-order: 2; order: 2; }
#blasen .bl.aus.inkognito > .tarn-lampe { left: auto; right: 3px; }

.tarnfeld .tarn-text { --tf: rgba(230, 249, 255, .62);
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-filter: drop-shadow(0 0 4px rgba(159, 230, 255, .35)); filter: drop-shadow(0 0 4px rgba(159, 230, 255, .35)); }
.bl.ein .tarnfeld .tarn-text { --tf: rgba(159, 230, 255, .62); }
.neu-knopf { width: 66px !important; height: 66px !important; }
.neu-knopf svg { width: 54px !important; height: 54px !important; }
#t-chat .eingabe.rubbel-an { border-color: transparent !important; box-shadow: none !important; }
#t-chat .eingabe.rubbel-an::before {
  content: attr(data-schild) !important; position: absolute; top: -30px; left: 12px; z-index: 5;
  padding: 5px 11px 5px 27px; border-radius: 999px; white-space: nowrap;
  font-family: var(--mono); font-size: 9.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;
  color: #041521 !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .8) !important;
  background: #9fe6ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23041521' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.2 10.2V7.6a3.8 3.8 0 0 1 7.6 0v2.6'/%3E%3Cpath d='M12 9.4l6 3.3v6.1l-6 3.3-6-3.3v-6.1z'/%3E%3C/svg%3E") 9px 50% / 13px 13px no-repeat !important;
}
#t-chat .eingabe .rund.verdeckt.an { color: var(--ok-eis) !important; }

.tarnfeld .tarn-text {
  background-image: linear-gradient(100deg, var(--tf) 0 30%, rgba(255, 255, 255, .95) 42%, #fff 50%, rgba(200, 242, 255, 1) 56%, var(--tf) 70% 100%) !important;
  background-size: 220% 100% !important; background-repeat: no-repeat; background-position: 150% 0;
  -webkit-animation: tarn-schimmer 2.4s linear infinite !important; animation: tarn-schimmer 2.4s linear infinite !important;
}
#dock button::before { top: auto !important; bottom: 3px !important; }
.neu-knopf { width: 78px !important; height: 78px !important; }
.neu-knopf svg { width: 66px !important; height: 66px !important; }
.tarnfeld .tarn-text { background-repeat: repeat-x !important; }

#blasen .bl.inkognito .ton { position: relative; }
#blasen .bl.inkognito .ton > .tarn-lampe { top: 50%; margin-top: -3.5px; }
#blasen .bl.ein.inkognito .ton > .tarn-lampe { left: -13px; right: auto; }
#blasen .bl.aus.inkognito .ton > .tarn-lampe { right: -11px; left: auto; }

   

#b-knobeln { display: none !important; }
#blasen .bl-tag.bl-spiel.dk-zeile { display: block; width: 100%; padding: 0; border: 0; background: none; text-transform: none; letter-spacing: 0; }
.dk-karte { width: 100%; max-width: 360px; margin: 6px auto; text-align: center; color: var(--ok-weiss); }
.dk-kz { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 8px;
  font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-leise);
  padding-bottom: 6px; margin-bottom: 10px; border-bottom: 1px solid var(--ok-linie2); }
.dk-kz::before { content: ""; width: 5px; height: 5px; background: var(--ok-eis); box-shadow: 0 0 8px var(--ok-eis); }
.dk-satz { font-family: var(--ok-duenn); font-weight: 200; font-size: 17px; line-height: 1.3; color: var(--ok-weiss); }
.dk-wahl { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: 22px; margin-top: 14px; }
.dk-hand-knopf { display: grid; justify-items: center; gap: 6px; padding: 4px; background: none !important; border: 0 !important; box-shadow: none !important; min-height: 0;
  font-family: var(--mono); font-size: 8.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--ok-leise); }
.dk-hand-knopf:active { -webkit-transform: scale(.92); transform: scale(.92); }
.dk-hand { width: 58px; height: 58px; fill: none; stroke-linecap: round; stroke-linejoin: round; overflow: visible;
  -webkit-filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5));
  filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5)); }
.dk-hand .aus { stroke: #c8f2ff; stroke-width: 4px; } .dk-hand .inn { stroke: #000; stroke-width: 2px; }
.dk-fuss { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: 18px; margin-top: 10px; }
.dk-link { background: none !important; border: 0 !important; box-shadow: none !important; min-height: 0; padding: 8px 6px;
  font-family: var(--mono); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-leise); }
.dk-codes { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 14px; }
.dk-seite { display: grid; justify-items: center; gap: 6px; font-family: var(--mono); font-size: 8.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-leise); }
.dk-feld { width: 82px; height: 82px; display: grid; place-items: center; border: 1px solid var(--ok-linie); padding: 8px;
  font-family: var(--mono); font-size: 11px; line-height: 1.3; letter-spacing: .08em; color: var(--ok-eis-hell); word-break: break-all; text-align: center; }
.dk-feld .dk-hand { width: 60px; height: 60px; }
.dk-feld.dk-fest { color: var(--ok-leise); }
.dk-gegen { font-family: var(--mono); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-schwach); }
.dk-urteil { margin-top: 10px; font-family: var(--mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--ok-leise); opacity: 0; transition: opacity .3s; }
.dk-urteil.an { opacity: 1; }
.dk-sieg .dk-urteil { color: #c8f2ff; text-shadow: 0 0 8px rgba(60, 196, 245, .9); }
.dk-sieg .dk-feld:first-child { border-color: #c8f2ff; }
.dk-info .dk-satz { font-size: 14px; color: var(--ok-leise); }
#oeff-liste .oeff-post .oeff-kopf b.sx-an, #oeff-liste .oeff-post.neu .oeff-kopf b.sx-an { color: var(--ton, var(--ok-weiss)) !important; }

#b-knobeln { display: -webkit-flex !important; display: flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
  width: 42px; height: 42px; min-height: 0; padding: 0; border: 0 !important; background: none !important; box-shadow: none !important; font-size: 0; }
#b-knobeln.weg { display: none !important; }
#b-knobeln .dk-knopf-hand { width: 30px; height: 30px; }
#kon-titel { overflow: visible !important; }

.blatt-art { display: -webkit-flex; display: flex; gap: 0; margin: 2px 0 10px; border-bottom: 1px solid var(--ok-linie2); }
.blatt-art button { -webkit-flex: 1; flex: 1; min-height: 0; padding: 7px 0 6px; border: 0; border-radius: 0; background: none; box-shadow: none; position: relative;
  font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--ok-schwach); }
.blatt-art button.an { color: var(--ok-eis-hell); }
.blatt-art button.an::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: -1px; height: 1px; background: var(--ok-eis-hell); box-shadow: 0 0 6px var(--ok-eis); }

#oeff-liste .oeff-post.rs-aus { display: none !important; }
#rs-blaettern { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;
  margin: 14px 0 0; padding: 10px 0; border-top: 1px solid var(--ok-linie2); }
#rs-blaettern.weg { display: none !important; }
#rs-blaettern button { min-height: 0; padding: 10px 4px; border: 0; background: none; box-shadow: none; font-family: var(--mono); font-size: 10px; font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase; color: var(--ok-eis-hell); }
#rs-blaettern .rs-zahl { font-family: var(--mono); font-size: 9px; letter-spacing: .16em; color: var(--ok-schwach); }
.blatt-hinweis-24 { margin: 12px 0 0; font-family: var(--mono); font-size: 9.5px; line-height: 1.5; letter-spacing: .06em; color: var(--ok-leise); text-align: center; }
.dk-warten .dk-fuss { margin-top: 6px; }
#rs-blaettern { display: grid !important; grid-template-columns: 1fr auto 1fr; }
#rs-blaettern.weg { display: none !important; }
#rs-blaettern > :first-child { justify-self: start; } #rs-blaettern > :last-child { justify-self: end; }
#rs-blaettern .rs-zahl { white-space: nowrap; }

.dk-hand .aus { stroke: #c8f2ff !important; stroke-width: 3.2px !important; }
.dk-hand .inn { stroke: #04141c !important; stroke-width: 1.1px !important; }
.dk-hand { width: 62px; height: 62px; }
#b-knobeln .dk-knopf-hand { width: 32px; height: 32px; }
.dk-hand { -webkit-filter: drop-shadow(0 0 6px rgba(60, 196, 245, .95)) drop-shadow(0 0 16px rgba(60, 196, 245, .6)) !important;
  filter: drop-shadow(0 0 6px rgba(60, 196, 245, .95)) drop-shadow(0 0 16px rgba(60, 196, 245, .6)) !important; }
.dk-hand .aus { stroke: #3cc4f5 !important; stroke-width: 4px !important; opacity: .55; }
.dk-hand .inn { stroke: #ffffff !important; stroke-width: 1.4px !important; }

#t-chat .eingabe { margin-left: -14px !important; padding-left: 9px !important; gap: 4px !important; }
#b-knobeln { width: 40px !important; height: 40px !important; }
.dk-zug .dk-fuss:not(:has(button:not([style*="none"]))) { display: none; }
.dk-zug .dk-wahl { margin-top: 10px; }
#t-chat .eingabe #chat-feld { margin-left: 0 !important; }
#t-chat .eingabe #b-knobeln { margin-right: 0 !important; }

#t-chat .eingabe #b-mikro > svg.gluehend { width: 28px !important; height: 28px !important; overflow: visible;
  -webkit-filter: drop-shadow(0 0 6px rgba(60, 196, 245, .95)) drop-shadow(0 0 16px rgba(60, 196, 245, .6)) !important;
  filter: drop-shadow(0 0 6px rgba(60, 196, 245, .95)) drop-shadow(0 0 16px rgba(60, 196, 245, .6)) !important; }
#b-mikro > svg.gluehend .gl-aus { fill: none !important; stroke: #3cc4f5 !important; stroke-width: 4px !important; opacity: .55; stroke-linecap: round; stroke-linejoin: round; }
#b-mikro > svg.gluehend .gl-inn { fill: none !important; stroke: #fff !important; stroke-width: 1.4px !important; stroke-linecap: round; stroke-linejoin: round; }
#t-chat .eingabe #b-knobeln .dk-knopf-hand, #t-chat .eingabe #b-mikro > svg.gluehend {
  width: 22px !important; height: 22px !important; -webkit-filter: none !important; filter: none !important; }
#t-chat .eingabe #b-knobeln .dk-knopf-hand .aus, #t-chat .eingabe #b-mikro > svg.gluehend .gl-aus {
  stroke: #9fe6ff !important; stroke-width: 1.1px !important; opacity: 1 !important; }
#t-chat .eingabe #b-knobeln .dk-knopf-hand .inn, #t-chat .eingabe #b-mikro > svg.gluehend .gl-inn { display: none !important; }

#b-stimme { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
  width: 40px; height: 40px; min-height: 0; padding: 0; margin: 0; border: 0 !important; background: none !important; box-shadow: none !important; color: #9fe6ff; -webkit-flex: none; flex: none; }
#b-stimme.weg { display: none !important; }
#b-stimme svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; }
#t-chat .eingabe #aufnahme { -webkit-flex: 1; flex: 1; min-width: 0; height: 44px; margin: 0 !important; padding: 0 0 0 4px !important; gap: 10px;
  border: 0 !important; border-bottom: 1px solid var(--ok-linie) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
#t-chat .eingabe #aufnahme.weg { display: none !important; }
#aufnahme .ton-punkt { width: 6px !important; height: 6px !important; border-radius: 50%; background: #ff4d4d !important; box-shadow: 0 0 6px #ff4d4d !important; -webkit-flex: none; flex: none; }
#aufnahme #ton-zeit { font-family: var(--mono) !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: .06em; color: var(--ok-weiss) !important; -webkit-flex: none; flex: none; }
#aufnahme .az-welle { -webkit-flex: 1; flex: 1; min-width: 0; height: 22px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 2px; overflow: hidden; }
#aufnahme .az-welle i { display: block; width: 2px; -webkit-flex: none; flex: none; background: #9fe6ff; opacity: .55; border-radius: 1px; transition: height .08s linear; }
#aufnahme.az-ink .az-welle i { background: #c8f2ff; opacity: .9; }
#t-chat .eingabe #aufnahme #b-ton-weg { position: static !important; width: 34px !important; height: 34px !important; margin: 0 !important; color: #9fe6ff !important;
  border: 0 !important; background: none !important; box-shadow: none !important; -webkit-flex: none; flex: none; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#t-chat .eingabe #aufnahme #b-ton-weg.weg { display: none !important; }
#t-chat .eingabe #aufnahme #b-ton-weg svg { width: 20px !important; height: 20px !important; fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linecap: round; }

#kf-schleier { position: fixed; inset: 0; z-index: 900; background: rgba(0, 0, 0, .62); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 24px; }
#kf-schleier.weg { display: none; }
#kf-box { width: 100%; max-width: 360px; background: #04070a; border: 1px solid var(--ok-linie); padding: 24px 0 6px; box-shadow: 0 0 50px rgba(60, 196, 245, .18);
  -webkit-animation: kf-auf .18s ease-out; animation: kf-auf .18s ease-out; }
@-webkit-keyframes kf-auf { from { opacity: 0; -webkit-transform: scale(.96); } }
@keyframes kf-auf { from { opacity: 0; transform: scale(.96); } }
.kf-kopf { display: grid; justify-items: center; gap: 12px; padding: 0 16px 18px; }
.kf-ring { width: 60px; height: 60px; border-radius: 50%; border: 1.5px solid var(--ok-linie); display: grid; place-items: center;
  font: 200 26px/1 var(--ok-duenn); color: var(--ok-eis-hell); }
.kf-ring.an { border-color: #c8f2ff; color: #e2f8ff;
  -webkit-filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 5px rgba(60, 196, 245, .8)) drop-shadow(0 0 14px rgba(60, 196, 245, .45));
  filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 5px rgba(60, 196, 245, .8)) drop-shadow(0 0 14px rgba(60, 196, 245, .45)); }
.kf-name { max-width: 100%; font: 200 22px/1.15 var(--ok-duenn); letter-spacing: .3em; text-transform: uppercase; color: #e2f8ff; text-align: center;
  overflow-wrap: anywhere; padding-left: .3em;
  -webkit-filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 5px rgba(60, 196, 245, .8)) drop-shadow(0 0 14px rgba(60, 196, 245, .45));
  filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 5px rgba(60, 196, 245, .8)) drop-shadow(0 0 14px rgba(60, 196, 245, .45)); }
.kf-marken { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 6px; -webkit-justify-content: center; justify-content: center; }
.kf-mk { font: 500 9px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ok-leise); border: 1px solid var(--ok-linie2); padding: 5px 8px; }
.kf-mk.gut { color: var(--ok-eis-hell); border-color: var(--ok-linie); }
.kf-mk.rot { color: var(--ok-rot); border-color: rgba(255, 93, 93, .4); }
.kf-zeile { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; gap: 12px;
  width: 100%; margin: 0; padding: 14px 18px; border: 0; border-top: 1px solid var(--ok-linie2); border-radius: 0; background: none; box-shadow: none;
  font: 300 16px var(--ok-duenn); color: var(--ok-weiss); text-shadow: none; }
.kf-zeile svg { width: 22px; height: 22px; color: var(--ok-eis-hell); stroke: currentColor; fill: none; stroke-width: 1.2; }
.kf-zeile.rot, .kf-zeile.rot svg { color: var(--ok-rot); }
.kf-zeile:active { background: rgba(60, 196, 245, .06); }

#kontaktliste.kacheln { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 4px 0 120px; }
#kontaktliste.kacheln > .kon-anzahl, #kontaktliste.kacheln > .hinweis, #kontaktliste.kacheln > .kon-nichts { grid-column: 1 / -1; }
#kontaktliste.kacheln > .kon-buchstabe { display: none !important; }
#kontaktliste.kacheln > .kon-zeile, #kontaktliste.kacheln > .kk-code {
  display: grid !important; justify-items: center; align-content: center; gap: 10px; aspect-ratio: .9; min-width: 0; width: auto;
  margin: 0; padding: 10px 6px; border: 1px solid var(--ok-linie2); border-radius: 0; background: rgba(60, 196, 245, .03); box-shadow: none;
  font: 300 13px/1.2 var(--ok-duenn); color: var(--ok-weiss); text-align: center; letter-spacing: 0; }
#kontaktliste.kacheln > .kon-zeile:active, #kontaktliste.kacheln > .kk-code:active { background: rgba(60, 196, 245, .08); }
#kontaktliste.kacheln > .kon-zeile.kk-ohne { opacity: .45; }
#kontaktliste.kacheln > .kon-zeile.gewaehlt { opacity: 1; border-color: var(--ok-eis); background: rgba(60, 196, 245, .1); box-shadow: inset 0 0 0 1px var(--ok-eis); }
#kontaktliste.kacheln .kon-name { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
#kontaktliste.kacheln .kon-name::before, #kontaktliste.kacheln .kon-pfeil, #kontaktliste.kacheln .kon-ohne, #kontaktliste.kacheln .kon-offline { display: none !important; }
#kontaktliste.kacheln .kon-ungeprueft { display: block; max-width: 100%; margin: -6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 400 8.5px var(--mono); letter-spacing: .08em; color: var(--ok-schwach); font-style: normal; }
.kk-ring { width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--ok-linie); display: grid; place-items: center;
  font: 200 20px/1 var(--ok-duenn); color: var(--ok-eis-hell); }
.kk-ring.an { border-color: var(--ok-eis); color: #e2f8ff; box-shadow: 0 0 8px rgba(60, 196, 245, .45), inset 0 0 6px rgba(60, 196, 245, .25); }
#kontaktliste.kacheln > .kk-code { border-style: dashed; border-color: var(--ok-linie); background: none; }
.kk-code svg { width: 40px; height: 40px; fill: none; stroke: #fff; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; overflow: visible;
  -webkit-filter: drop-shadow(0 0 3px rgba(60, 196, 245, .95)) drop-shadow(0 0 10px rgba(60, 196, 245, .6)); filter: drop-shadow(0 0 3px rgba(60, 196, 245, .95)) drop-shadow(0 0 10px rgba(60, 196, 245, .6)); }
.kk-code span { font: 500 11px var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--ok-eis-hell); }

.kon-suche input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
.kon-suche .such-x { -webkit-flex: none; flex: none; width: 36px; height: 36px; margin: 0 -6px 0 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  display: grid; place-items: center; color: var(--ok-eis-hell); cursor: pointer; }
.kon-suche .such-x.weg { display: none; }
.kon-suche .such-x svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; }

#kontaktliste.kacheln .kon-zeile .kon-name.sx-an { --sx-h: 8px; --sx-w: 1.05px; --sx-a: .45; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;
  -webkit-align-items: center; align-items: center; padding: 2px 0 4px; overflow: hidden; color: var(--ok-weiss); letter-spacing: 0; line-height: 1; }
#kf-box .kf-name.sx-an { --sx-h: 15px; --sx-w: 1.3px; --sx-a: .6; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;
  -webkit-align-items: center; align-items: center; padding: 2px 0 4px; letter-spacing: 0; line-height: 1; overflow: visible; }
#kontaktliste.kacheln .kon-zeile .kon-name.sx-an { -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; row-gap: 5px; overflow: visible; white-space: normal; }
#kontaktliste.kacheln .kon-ungeprueft { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; }
#kontaktliste.kacheln .kon-zeile .kon-name .sx-bild { display: block; width: 100%; text-align: center; }

#t-kon:has(#kon-auswahl-leiste:not(.weg)) #b-kon-code { display: none !important; }

#kf-box { position: relative; }
#kf-box .kf-zu { position: absolute; top: 6px; right: 6px; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  display: grid; place-items: center; color: var(--ok-eis-hell); cursor: pointer; }
#kf-box .kf-zu svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; }
#kf-box .kf-zu:active { opacity: .6; }

#kontaktliste.kacheln.auswahl-an > .kon-zeile { position: relative; }
#kontaktliste.kacheln.auswahl-an > .kon-zeile::after { content: ""; position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; border: 0 !important;
  background: none !important; box-shadow: none !important; pointer-events: none; }
#kontaktliste.kacheln.auswahl-an > .kon-zeile.gewaehlt { border-color: rgba(255, 93, 93, .55) !important; background: rgba(255, 93, 93, .06) !important; box-shadow: none !important; }
#kontaktliste.kacheln.auswahl-an > .kon-zeile.gewaehlt::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M10 10L90 90M90 10L10 90' stroke='%23ff5d5d' stroke-width='1.6' stroke-linecap='round' vector-effect='non-scaling-stroke' fill='none'/%3E%3C/svg%3E") center / 100% 100% no-repeat !important;
  -webkit-filter: drop-shadow(0 0 4px rgba(255, 93, 93, .7)); filter: drop-shadow(0 0 4px rgba(255, 93, 93, .7)); }
#kontaktliste.kacheln.auswahl-an > .kon-zeile.gewaehlt .kk-ring, #kontaktliste.kacheln.auswahl-an > .kon-zeile.gewaehlt .kon-name { opacity: .45; }
#kontaktliste.kacheln.auswahl-an > .kk-code { opacity: .25; pointer-events: none; }
#kon-auswahl-leiste, #chat-auswahl-leiste {
  display: -webkit-flex !important; display: flex !important; -webkit-align-items: center; align-items: center; gap: 4px !important;
  position: fixed !important; z-index: 31 !important; left: 0 !important; right: 0 !important; bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
  height: 58px; margin: 0 !important; padding: 0 14px 0 18px !important; border: 0 !important; border-top: 1px solid var(--ok-linie) !important; border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, .9), #000) !important; box-shadow: 0 -16px 30px -18px rgba(60, 196, 245, .45) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#kon-auswahl-leiste.weg, #chat-auswahl-leiste.weg, body.tippt #kon-auswahl-leiste, body.tippt #chat-auswahl-leiste { display: none !important; }
#kon-auswahl-zahl, #chat-auswahl-zahl { -webkit-flex: 1; flex: 1; min-width: 0; display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; gap: 7px;
  overflow: hidden; white-space: nowrap; color: var(--ok-leise); }
#kon-auswahl-zahl b, #chat-auswahl-zahl b { font: 200 26px/1 var(--ok-duenn); color: var(--ok-weiss); font-variant-numeric: tabular-nums; }
#kon-auswahl-zahl span, #chat-auswahl-zahl span { font: 500 9px var(--mono); letter-spacing: .16em; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; }
#kon-auswahl-leiste button, #chat-auswahl-leiste button {
  -webkit-flex: none; flex: none; width: auto !important; height: 34px !important; min-height: 0; margin: 0 !important; padding: 0 9px !important;
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-shadow: none !important;
  font: 500 10px var(--mono) !important; letter-spacing: .14em !important; text-transform: uppercase; white-space: nowrap; color: var(--ok-eis-hell) !important; }
#kon-auswahl-leiste #b-kon-auswahl-weg, #chat-auswahl-leiste #b-chat-auswahl-weg { margin-left: 4px !important; padding: 0 12px !important; color: var(--ok-rot) !important; border: 1px solid rgba(255, 93, 93, .5) !important; }
#kon-auswahl-leiste #b-kon-auswahl-weg:disabled, #chat-auswahl-leiste #b-chat-auswahl-weg:disabled { opacity: .35; }
#kon-auswahl-leiste button:active, #chat-auswahl-leiste button:active { opacity: .6; -webkit-transform: none; transform: none; }

#t-chat .menue-kopf #b-chat-zu, #t-chat .menue-kopf #b-chat-leeren { top: 8px !important; }

input[type="search"] { -webkit-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }

#ml-leiste { position: fixed; z-index: 950; left: 0; right: 0; top: calc(env(safe-area-inset-top, 0px));
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 10px; min-height: 38px; padding: 8px 18px;
  background: rgba(0, 0, 0, .94); border-bottom: 1px solid var(--ok-eis); box-shadow: 0 8px 24px -12px rgba(60, 196, 245, .7);
  font: 400 11.5px/1.35 var(--mono); letter-spacing: .04em; color: var(--ok-eis-hell); cursor: pointer; }
#ml-leiste.weg { display: none; }
#ml-leiste.an { -webkit-animation: ml-rein .22s ease-out; animation: ml-rein .22s ease-out; }
@-webkit-keyframes ml-rein { from { opacity: 0; -webkit-transform: translateY(-8px); } }
@keyframes ml-rein { from { opacity: 0; transform: translateY(-8px); } }
#ml-leiste .ml-sym { -webkit-flex: none; flex: none; width: 18px; height: 18px; display: grid; place-items: center; }
#ml-leiste .ml-sym svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#ml-leiste .ml-text { -webkit-flex: 1; flex: 1; min-width: 0; }
#ml-leiste.fehler { color: #ff8a8a; border-bottom-color: var(--ok-rot); box-shadow: 0 8px 24px -12px rgba(255, 93, 93, .7); }

.info-marke { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; gap: 8px; color: var(--ok-eis); }
.info-marke svg { width: 22px !important; height: 22px !important; fill: none; stroke: currentColor; stroke-width: 1.4; }
.info-marke b { font: 500 11px var(--mono); letter-spacing: .2em; text-transform: uppercase; }

#kamera-box #scan-unten { background: #000 !important; border-top: 1px solid var(--ok-linie); column-gap: 20px; }
#kamera-box #scan-unten::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000); }
#kamera-box #b-kamera-logo { width: 64px; height: 64px; display: grid; place-items: center; border: 1px dashed var(--ok-linie) !important; }
#kamera-box #b-kamera-logo svg { width: 38px; height: 38px; fill: none; stroke: #fff; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; overflow: visible;
  -webkit-filter: drop-shadow(0 0 3px rgba(60, 196, 245, .95)) drop-shadow(0 0 10px rgba(60, 196, 245, .6)); filter: drop-shadow(0 0 3px rgba(60, 196, 245, .95)) drop-shadow(0 0 10px rgba(60, 196, 245, .6)); }
#kamera-box #scan-rechts { justify-items: start; }

#kamera-box #kamera-zweck { text-align: left; font: 400 12px/1.4 var(--mono) !important; letter-spacing: .03em; color: var(--ok-weiss); padding: 0 !important;
  border: 0 !important; background: none !important; box-shadow: none !important; }
#kamera-box #kamera-zweck:not(.warnung):not(.fehler):not(.ok)::before { background: var(--ok-eis); box-shadow: 0 0 8px var(--ok-eis); }
#kamera-box #kamera-zweck.ok { color: var(--ok-eis-hell); }
#kamera-box #kamera-zweck.ok::before { display: none !important; }
#kamera-box #kamera-zweck.fehler, #kamera-box #kamera-zweck.warnung, #kamera-box #kamera-zweck.schwer { color: #ff8a8a !important; font-weight: 400 !important; }
#kamera-box #kamera-zweck.fehler::before, #kamera-box #kamera-zweck.warnung::before { content: "⚠"; margin-right: 7px; }
#kamera-box #zoom-leiste { border-radius: 0; background: none; border: 1px solid var(--ok-linie2); }
#kamera-box #zoom-leiste button { color: var(--ok-eis-hell); background: none; border: 0; box-shadow: none; }
#kamera-box #zoom-leiste b { font: 400 11px var(--mono); color: var(--ok-weiss); }
#kamera-box #scan-unten #b-kamera-stop { height: 40px; border-radius: 0 !important; border: 1px solid var(--ok-linie) !important; box-shadow: none !important; text-shadow: none !important;
  font: 500 10.5px var(--mono) !important; letter-spacing: .18em !important; color: var(--ok-eis-hell) !important; background: none !important; }
#kamera-box #scan-extra button { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-linie2) !important; box-shadow: none !important;
  font: 500 10px var(--mono) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-eis-hell) !important; }

.eingabe.anfrage-zu { display: none !important; }
#anfrage-leiste { display: grid; gap: 10px; padding: 12px 14px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ok-linie); background: #000; }
#anfrage-leiste.weg { display: none; }
#anfrage-leiste p { margin: 0; font: 400 12px/1.45 var(--mono); letter-spacing: .02em; color: var(--ok-leise); }
#anfrage-leiste button { justify-self: start; height: 36px; margin: 0; padding: 0 14px; border-radius: 0; background: none; box-shadow: none; text-shadow: none;
  font: 500 10.5px var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--ok-eis-hell); border: 1px solid var(--ok-linie); }
#anfrage-leiste button.zurueck { color: var(--ok-rot); border-color: rgba(255, 93, 93, .5); }

#anfrage-leiste { margin-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
#anfrage-leiste.leer { min-height: 0; height: 0; padding: 0; border: 0; background: none; overflow: hidden; }

#mein-voll.mc-ruhig { background: #000 !important; --text: var(--ok-weiss); --leise: var(--ok-leise); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;
  -webkit-align-items: center; align-items: center; gap: 16px; padding: calc(env(safe-area-inset-top, 0px) + 12px) 22px calc(22px + env(safe-area-inset-bottom, 0px)) !important; }
#mein-voll.mc-ruhig .mein-kopf { width: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin: 0; padding: 0; }
#mein-voll.mc-ruhig .mein-kopf h2 { margin: 0; font: 500 9px var(--mono) !important; letter-spacing: .2em !important; text-transform: uppercase; color: var(--ok-leise) !important; filter: none !important; }
#mein-voll.mc-ruhig .mein-kopf h2::before, #mein-voll.mc-ruhig .mein-kopf h2::after { display: none !important; }
#mein-voll.mc-ruhig .mein-kopf h2.sx-an { --sx-h: 8px; --sx-w: 1px; --sx-a: .6; }
#mc-tagnacht { width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; display: grid; place-items: center; color: var(--ok-eis-hell); }
#mc-tagnacht svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
#mein-voll.mc-ruhig #mein-name { margin: 4px 0 2px; font: 100 34px var(--ok-duenn) !important; color: var(--ok-weiss) !important; text-align: center; }
#mein-voll.mc-ruhig #mein-name.sx-an { --sx-h: 22px; --sx-w: 1.2px; --sx-a: .6; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
#mein-voll.mc-ruhig .mein-qr { margin: 0; }
#mein-voll.mc-ruhig .mein-qr::before, #mein-voll.mc-ruhig .mein-qr::after { display: none !important; }
#mein-voll.mc-ruhig .mein-qr canvas { border-radius: 0 !important; box-shadow: none !important; }
#mein-voll.mc-ruhig .mein-unter { display: grid; justify-items: center; gap: 6px; margin: 0; }
#mein-voll.mc-ruhig #mein-nummer { font: 400 13px var(--mono) !important; letter-spacing: .08em; color: var(--ok-leise) !important; }
#mein-voll.mc-ruhig .tag-nacht { display: none !important; }
#mein-voll.mc-ruhig .mein-knoepfe { margin-top: auto; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: 60px; width: 100%; }
#mein-voll.mc-ruhig .mein-knoepfe button { width: 56px !important; height: 56px !important; min-height: 0; margin: 0; padding: 0; border-radius: 50% !important; background: none !important; box-shadow: none !important;
  display: grid; place-items: center; font-size: 0 !important; color: var(--ok-eis-hell) !important; border: 1px solid var(--ok-linie) !important; }
#mein-voll.mc-ruhig #b-mein-zu { color: var(--ok-leise) !important; border-color: var(--ok-linie2) !important; }
#mein-voll.mc-ruhig .mein-knoepfe button svg { width: 22px; height: 22px; margin: 0 !important; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
#s-menue #m-name.sx-an { --sx-h: 15px; --sx-w: 1.15px; --sx-a: .55; overflow: hidden; max-width: calc(100% - 4px); color: var(--ok-weiss); line-height: 1; display: -webkit-flex; display: flex; padding: 6px 0; }

#mein-voll.mc-ruhig #mein-name.sx-an { --sx-h: 18px; max-width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; row-gap: 6px; margin-top: 6px; }
#mein-voll.mc-ruhig .mein-knoepfe button { display: -webkit-flex !important; display: flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; gap: 0 !important; line-height: 0; }

#mein-voll.mc-ruhig .mein-qr { margin-top: auto !important; }
#mein-voll.mc-ruhig .mein-knoepfe { margin-top: auto !important; padding-top: 24px; }
body.qr-tag #mein-voll.mc-ruhig { background: #fff !important; --text: #15161a; --leise: #4a4f57; }
body.qr-tag #mein-voll.mc-ruhig .mein-kopf h2 { color: #4a4f57 !important; }
body.qr-tag #mein-voll.mc-ruhig #mc-tagnacht { color: #0a5f9e; }
body.qr-tag #mein-voll.mc-ruhig #mein-nummer { color: #15161a !important; text-shadow: none !important; }
body.qr-tag #mein-voll.mc-ruhig #mein-name { color: #15161a !important; }
body.qr-tag #mein-voll.mc-ruhig .mein-knoepfe button { color: #0a5f9e !important; border-color: rgba(10, 95, 158, .55) !important; }
body.qr-tag #mein-voll.mc-ruhig #b-mein-zu { color: #4a4f57 !important; border-color: rgba(21, 22, 26, .3) !important; }

#kamera-box.ka::after {
  background:
    linear-gradient(var(--ok-eis), var(--ok-eis)) top left / 26px 1.5px no-repeat, linear-gradient(var(--ok-eis), var(--ok-eis)) top left / 1.5px 26px no-repeat,
    linear-gradient(var(--ok-eis), var(--ok-eis)) top right / 26px 1.5px no-repeat, linear-gradient(var(--ok-eis), var(--ok-eis)) top right / 1.5px 26px no-repeat,
    linear-gradient(var(--ok-eis), var(--ok-eis)) bottom left / 26px 1.5px no-repeat, linear-gradient(var(--ok-eis), var(--ok-eis)) bottom left / 1.5px 26px no-repeat,
    linear-gradient(var(--ok-eis), var(--ok-eis)) bottom right / 26px 1.5px no-repeat, linear-gradient(var(--ok-eis), var(--ok-eis)) bottom right / 1.5px 26px no-repeat !important;
  -webkit-filter: none !important; filter: none !important; }
#kamera-box.ka #scan-unten { display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center;
  gap: 14px !important; padding: 34px 18px calc(28px + env(safe-area-inset-bottom, 0px)) !important; border: 0 !important;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .88) 32%) !important; }
#kamera-box.ka #scan-unten::before { display: none; }
#kamera-box.ka #scan-rechts { -webkit-order: 1; order: 1; justify-items: center !important; }
#kamera-box.ka #kamera-zweck { text-align: center !important; }
#kamera-box.ka #b-kamera-logo { -webkit-order: 3; order: 3; width: 66px !important; height: 66px !important; border-radius: 50% !important; border: 1.5px solid #c8f2ff !important; }
#kamera-box.ka #b-kamera-stop { position: fixed !important; top: calc(env(safe-area-inset-top, 0px) + 6px) !important; left: 8px !important; right: auto !important; bottom: auto !important;
  width: 44px !important; height: 44px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 0 !important; color: #9fe6ff !important;
  display: grid !important; place-items: center; z-index: 5; }
#kamera-box.ka #b-kamera-stop svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; -webkit-filter: drop-shadow(0 0 4px #000); filter: drop-shadow(0 0 4px #000); }
#kamera-box.ka #scan-extra { position: fixed !important; top: calc(env(safe-area-inset-top, 0px) + 10px); right: 12px; z-index: 5; margin: 0; }
#kamera-box.ka #scan-extra button { border: 0 !important; background: none !important; height: 36px; padding: 0 6px !important; color: var(--ok-eis-hell) !important; text-shadow: 0 0 6px #000; }
#kamera-box.ka #zoom-leiste { position: fixed !important; right: 10px; top: 32%; z-index: 5; -webkit-flex-direction: column-reverse; flex-direction: column-reverse;
  border: 0 !important; background: rgba(0, 0, 0, .35) !important; padding: 4px 0 !important; gap: 10px !important; }
#kamera-box.ka #zoom-leiste.weg { display: none !important; }
#kamera-box.ka #zoom-leiste b { min-width: 0 !important; font-size: 10px !important; }
#kamera-box.ka #scan-unten #b-kamera-stop { font-size: 0 !important; letter-spacing: 0 !important; border: 0 !important; box-shadow: none !important; width: 44px !important; height: 44px !important; }

#kamera-box.ka #scan-unten #b-kamera-stop { display: none !important; }
#kamera-box.ka #ka-reihe { -webkit-order: 3; order: 3; display: -webkit-flex; display: flex; gap: 28px; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#kamera-box.ka #ka-reihe #scan-extra { position: static !important; margin: 0; }
#kamera-box.ka #ka-reihe #scan-extra.weg { display: none !important; }
#kamera-box.ka #ka-reihe #b-scan-foto, #kamera-box.ka #ka-reihe #b-kamera-logo { width: 62px !important; height: 62px !important; padding: 0 !important; border-radius: 50% !important;
  display: -webkit-flex !important; display: flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
  font-size: 0 !important; background: rgba(0, 0, 0, .35) !important; box-shadow: none !important; }
#kamera-box.ka #ka-reihe #b-scan-foto { border: 1px solid var(--ok-linie) !important; color: var(--ok-eis-hell) !important; }
#kamera-box.ka #ka-reihe #b-kamera-logo { border: 1.5px solid #c8f2ff !important; color: #e2f8ff !important; }
#kamera-box.ka #ka-reihe svg { width: 24px !important; height: 24px !important; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; -webkit-filter: none !important; filter: none !important; }
#kamera-box.ka #zoom-leiste { top: calc(env(safe-area-inset-top, 0px) + 12px) !important; right: auto !important; left: 50% !important;
  -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; -webkit-flex-direction: row !important; flex-direction: row !important;
  padding: 0 4px !important; gap: 6px !important; border: 1px solid var(--ok-linie2) !important; }
#kamera-box.ka #zoom-leiste b { min-width: 40px !important; text-align: center; }

#kamera-box.ka.ka-ok::after { background:
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) top left / 26px 2px no-repeat,
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) top left / 2px 26px no-repeat,
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) top right / 26px 2px no-repeat,
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) top right / 2px 26px no-repeat,
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) bottom left / 26px 2px no-repeat,
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) bottom left / 2px 26px no-repeat,
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) bottom right / 26px 2px no-repeat,
    linear-gradient(var(--ok-eis-hell), var(--ok-eis-hell)) bottom right / 2px 26px no-repeat !important; -webkit-filter: drop-shadow(0 0 6px rgba(60, 196, 245, .7)) !important; filter: drop-shadow(0 0 6px rgba(60, 196, 245, .7)) !important; }
#kamera-box.ka.ka-fehler::after { background:
    linear-gradient(var(--ok-rot), var(--ok-rot)) top left / 26px 2px no-repeat,
    linear-gradient(var(--ok-rot), var(--ok-rot)) top left / 2px 26px no-repeat,
    linear-gradient(var(--ok-rot), var(--ok-rot)) top right / 26px 2px no-repeat,
    linear-gradient(var(--ok-rot), var(--ok-rot)) top right / 2px 26px no-repeat,
    linear-gradient(var(--ok-rot), var(--ok-rot)) bottom left / 26px 2px no-repeat,
    linear-gradient(var(--ok-rot), var(--ok-rot)) bottom left / 2px 26px no-repeat,
    linear-gradient(var(--ok-rot), var(--ok-rot)) bottom right / 26px 2px no-repeat,
    linear-gradient(var(--ok-rot), var(--ok-rot)) bottom right / 2px 26px no-repeat !important; -webkit-filter: drop-shadow(0 0 6px rgba(255, 93, 93, .7)) !important; filter: drop-shadow(0 0 6px rgba(255, 93, 93, .7)) !important; }
#kamera-box.ka.ka-ok #kamera-zweck { color: var(--ok-eis-hell) !important; }
#kamera-box.ka.ka-fehler #kamera-zweck { color: var(--ok-rot) !important; }

#s-menue.m8 > h2, #s-menue.m8 #m-technik > h2 { margin: 30px 0 4px !important; padding: 0 2px 10px !important; color: #c8f2ff !important; position: relative; }
#s-menue.m8 > h2::after, #s-menue.m8 #m-technik > h2::after { content: "" !important; display: block !important; position: absolute; left: 0; right: 28px; bottom: 0; height: 1px;
  background: var(--ok-linie) !important; box-shadow: 0 0 6px rgba(60, 196, 245, .6); }
#s-menue.m8 > h2.sx-an, #s-menue.m8 #m-technik > h2.sx-an { --sx-h: 17px; --sx-w: 1.2px; --sx-a: .5; display: -webkit-flex; display: flex; }
#s-menue.m8 > h2.sx-doppel .sx-bild, #s-menue.m8 #m-technik > h2.sx-doppel .sx-bild { color: #c8f2ff;
  -webkit-filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5));
  filter: drop-shadow(0 0 1px rgba(200, 242, 255, .9)) drop-shadow(0 0 4px rgba(60, 196, 245, .85)) drop-shadow(0 0 12px rgba(60, 196, 245, .5)); }
#s-menue.m8 .karte, #s-menue.m8 .karte.m4 { border: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important; }
#s-menue.m8 .m8-zeile { padding: 10px 4px; }
#s-menue.m8 .m8-zeile.leer { display: none; }
#s-menue.m8 .m8-zeile.streifen { background: rgba(60, 196, 245, .035); }
#s-menue.m8 .m8-zeile > .hinweis { margin: 4px 0 0 !important; }

#s-haupt .kopf-zeile .kopf-titel h1.sx-an.mw-menue { color: #fff !important; opacity: 1 !important; -webkit-filter: drop-shadow(0 0 4px rgba(255, 255, 255, .45)); filter: drop-shadow(0 0 4px rgba(255, 255, 255, .45)); }
#s-haupt .kopf-zeile .kopf-titel h1.sx-an.mw-salat { color: #c8f2ff !important; opacity: .9 !important; }
#s-haupt .kopf-zeile .kopf-titel h1.sx-an { --sx-a: .45 !important; }

#ml-leiste { top: auto !important; left: 50% !important; right: auto !important; bottom: calc(env(safe-area-inset-bottom, 0px) + 90px);
  -webkit-transform: translateX(-50%); transform: translateX(-50%); width: max-content; max-width: calc(100vw - 48px);
  min-height: 0; padding: 9px 16px; gap: 9px; background: rgba(0, 0, 0, .78); border: 1px solid var(--ok-eis); border-radius: 0;
  box-shadow: 0 0 18px -6px rgba(60, 196, 245, .6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
#ml-leiste.fehler { border-color: var(--ok-rot); box-shadow: 0 0 18px -6px rgba(255, 93, 93, .6); }
#ml-leiste .ml-sym, #ml-leiste .ml-sym svg { width: 15px; height: 15px; }
@-webkit-keyframes ml-rein { from { opacity: 0; -webkit-transform: translate(-50%, 6px); } to { opacity: 1; -webkit-transform: translate(-50%, 0); } }
@keyframes ml-rein { from { opacity: 0; transform: translate(-50%, 6px); } to { opacity: 1; transform: translate(-50%, 0); } }

#voll.mc-ruhig { background: #000 !important; --text: var(--ok-weiss); --leise: var(--ok-leise); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;
  -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; gap: 16px;
  padding: calc(env(safe-area-inset-top, 0px) + 12px) 22px calc(22px + env(safe-area-inset-bottom, 0px)) !important; }
#voll.mc-ruhig.weg { display: none !important; }
#voll.mc-ruhig .mein-kopf { width: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin: 0; padding: 0; }
#voll.mc-ruhig .mein-kopf h2 { margin: 0; font: 500 9px var(--mono) !important; letter-spacing: .2em !important; text-transform: uppercase; color: var(--ok-leise) !important; -webkit-text-fill-color: currentColor !important; filter: none !important; text-shadow: none !important; }
#voll.mc-ruhig .mein-kopf h2::before, #voll.mc-ruhig .mein-kopf h2::after { display: none !important; }
#vc-tagnacht { width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; display: grid; place-items: center; color: var(--ok-eis-hell); }
#vc-tagnacht svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
#voll.mc-ruhig .mein-qr { margin: auto 0 0 !important; }
#voll.mc-ruhig .mein-qr::before, #voll.mc-ruhig .mein-qr::after { display: none !important; }
#voll.mc-ruhig .mein-qr canvas { border-radius: 0 !important; box-shadow: none !important; }
#voll.mc-ruhig .mein-unter { display: grid; justify-items: center; gap: 6px; margin: 0; text-align: center; }
#voll.mc-ruhig .mein-unter b { font: 200 20px var(--ok-duenn) !important; color: var(--ok-weiss) !important; text-shadow: none !important; }
#voll.mc-ruhig #voll-info { font: 400 12px var(--mono) !important; letter-spacing: .06em; color: var(--ok-leise) !important; }
#voll.mc-ruhig .tag-nacht { display: none !important; }
#voll.mc-ruhig .voll-knoepfe { margin-top: auto !important; padding-top: 24px; display: -webkit-flex !important; display: flex !important; -webkit-justify-content: center; justify-content: center; gap: 60px; width: 100%; }
#voll.mc-ruhig .voll-knoepfe button { width: 56px !important; height: 56px !important; min-height: 0; margin: 0; padding: 0; border-radius: 50% !important; background: none !important; box-shadow: none !important; text-shadow: none !important;
  display: -webkit-flex !important; display: flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; gap: 0 !important; line-height: 0;
  font-size: 0 !important; color: var(--ok-leise) !important; border: 1px solid var(--ok-linie2) !important; }
#voll.mc-ruhig #b-voll-weg.weg { display: none !important; }
#voll.mc-ruhig .voll-knoepfe button svg { width: 22px; height: 22px; margin: 0 !important; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
#voll.mc-ruhig .voll-knoepfe button:active { background: rgba(60, 196, 245, .08) !important; }
body.qr-tag #voll.mc-ruhig { background: #fff !important; --text: #15161a; --leise: #4a4f57; }
body.qr-tag #voll.mc-ruhig .mein-kopf h2 { color: #4a4f57 !important; }
body.qr-tag #voll.mc-ruhig #vc-tagnacht { color: #0a5f9e; }
body.qr-tag #voll.mc-ruhig .mein-unter b, body.qr-tag #voll.mc-ruhig #voll-info { color: #15161a !important; }
body.qr-tag #voll.mc-ruhig .voll-knoepfe button { color: #0a5f9e !important; border-color: rgba(10, 95, 158, .55) !important; }
#voll.mc-ruhig .mein-kopf h2.sx-an { --sx-h: 8px !important; --sx-w: 1px !important; --sx-a: .6 !important; }

#s-menue #m-tag-block > #m-freischalten.kon-code { border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important;
  background: rgba(60, 196, 245, .06) !important; box-shadow: 0 0 18px -8px rgba(60, 196, 245, .55) !important;
  font: 500 12px var(--mono) !important; letter-spacing: .14em !important; text-transform: uppercase; }
#s-menue #m-tag-block > #m-freischalten .kon-code-qr { color: var(--ok-eis-hell) !important; border-color: var(--ok-eis) !important; background: none !important; box-shadow: none !important; }
#m-problem-knopf, #s-menue #m-problem-knopf { display: block; width: 100%; margin: 14px 0 4px !important; padding: 13px 14px !important; min-height: 0;
  border: 1px solid var(--ok-eis) !important; border-radius: 0 !important; background: rgba(60, 196, 245, .06) !important;
  box-shadow: 0 0 18px -8px rgba(60, 196, 245, .55) !important; text-align: center !important; color: var(--ok-eis-hell) !important;
  font: 500 12px var(--mono) !important; letter-spacing: .16em !important; text-transform: uppercase; }
#m-problem-knopf:active { background: rgba(60, 196, 245, .14) !important; }
#s-menue #m-verloren .verloren-ic { color: var(--ok-rot) !important; width: 30px !important; height: 30px !important; margin-right: 10px !important; border-radius: 0 !important; }
#s-menue #m-verloren .verloren-ic svg { stroke: currentColor !important; }

#s-menue.m8 .karte, #s-menue.m8 .karte.m4 { background: rgba(60, 196, 245, .062) !important;
  box-shadow: 0 0 22px -10px rgba(60, 196, 245, .16) !important; }
#s-menue.m8 .m8-zeile.streifen { background: none !important; }

#update-voll .uv-titel { font: 500 11px var(--mono) !important; letter-spacing: .2em; text-transform: uppercase; color: var(--ok-leise) !important; }
#uv-leinwand { border-radius: 0 !important; }
#update-voll .uv-balken { height: 2px !important; border-radius: 0 !important; background: rgba(60, 196, 245, .15) !important; }
#update-voll .uv-balken i { background: var(--ok-eis-hell) !important; box-shadow: 0 0 6px rgba(60, 196, 245, .7); }
#update-voll .uv-text { color: var(--ok-leise) !important; font-weight: 300; }
#update-voll .uv-wahl button, #update-voll #uv-zu { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-linie2) !important; color: var(--ok-leise) !important;
  font: 500 11px var(--mono) !important; letter-spacing: .16em; text-transform: uppercase; box-shadow: none !important; }
#update-voll .uv-wahl button.an { border-color: var(--ok-eis) !important; color: var(--ok-eis-hell) !important; background: rgba(60, 196, 245, .08) !important; }
#s-menue #m-update { border-radius: 0 !important; background: rgba(60, 196, 245, .06) !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important;
  box-shadow: 0 0 18px -8px rgba(60, 196, 245, .55) !important; font: 500 12px var(--mono) !important; letter-spacing: .14em; text-transform: uppercase; text-align: center; }
#s-menue #m-tag-block > #m-laufzeit { font: 400 12px var(--mono) !important; letter-spacing: .06em; color: var(--ok-leise); }
#s-menue #m-tag-block > #m-aufladen { color: var(--ok-rot) !important; font-weight: 300; }
#s-menue #m-tag-block > #m-aufladen a { color: var(--ok-rot) !important; }
#m-aufladen-code { border-radius: 0 !important; background: none !important; border: 0 !important; border-bottom: 1px solid var(--ok-linie) !important; color: var(--ok-weiss) !important; }
#m-aufladen-code:focus { border-bottom-color: var(--ok-eis) !important; outline: none; }
#m-aufladen-ok { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important; box-shadow: none !important;
  font: 500 12px var(--mono) !important; letter-spacing: .16em; text-transform: uppercase; }
#m-aufladen-ok.bereit { background: rgba(60, 196, 245, .1) !important; box-shadow: 0 0 18px -6px rgba(60, 196, 245, .8) !important; }
#m-aufladen-form .aufladen-bild { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-linie2) !important; color: var(--ok-leise) !important;
  font: 500 11px var(--mono) !important; letter-spacing: .1em; text-transform: uppercase; }
#m-aufladen-form .aufladen-bild svg { color: var(--ok-eis) !important; stroke-width: 1.3 !important; }
#m-aufladen-text.ok { color: var(--ok-eis-hell) !important; } #m-aufladen-text.fehler { color: var(--ok-rot) !important; }

#blasen .bl.hinweis { border-radius: 0 !important; background: #000 !important; border: 0 !important; border-left: 2px solid var(--ok-eis) !important;
  box-shadow: none !important; padding: 8px 12px !important; color: var(--ok-weiss); font-weight: 300; }
#blasen .bl.hinweis.s-ok { border-left-color: var(--ok-eis) !important; background: rgba(60, 196, 245, .05) !important; }
#blasen .bl.hinweis.s-ok .hw-titel { color: var(--ok-eis-hell) !important; }
#blasen .bl.hinweis.s-rot { border-left-color: var(--ok-rot) !important; background: rgba(255, 93, 93, .05) !important; }
#blasen .bl.hinweis.s-rot .hw-titel { color: var(--ok-rot) !important; }
#blasen .bl.hinweis .hw-titel { font: 500 11px var(--mono) !important; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 4px; }
#blasen .bl.hinweis .hw-zeit { font: 400 9px var(--mono) !important; letter-spacing: .1em; opacity: 1; color: var(--ok-leise); }
#blasen .bl.hinweis .hw-knopf { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important;
  font: 500 11px var(--mono) !important; letter-spacing: .16em; text-transform: uppercase; box-shadow: none !important; }
#blasen .bl.offcode .bl-kopf { color: var(--ok-eis-hell) !important; }
#blasen .bl.offcode .off-knopf { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important;
  font: 500 11px var(--mono) !important; letter-spacing: .14em; text-transform: uppercase; }

#sende-fortschritt { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(0, 0, 0, .74) !important; }
#sende-fortschritt .sf-karte { border-radius: 0 !important; background: #000 !important; border: 1px solid var(--ok-linie) !important; box-shadow: 0 0 40px -18px rgba(60, 196, 245, .6) !important; }
#sende-fortschritt .sf-ring { -webkit-animation: none !important; animation: none !important; background: conic-gradient(var(--ok-eis-hell) calc(var(--anteil) * 360deg), rgba(60, 196, 245, .12) 0) !important; }
#sende-fortschritt .sf-ring span { width: 72px !important; height: 72px !important; background: #000 !important; font: 400 13px var(--mono) !important; color: var(--ok-eis-hell) !important; }
#sende-fortschritt b { font: 500 11px var(--mono) !important; letter-spacing: .18em; text-transform: uppercase; color: var(--ok-eis-hell); }
#sende-fortschritt p { color: var(--ok-leise) !important; font-weight: 300; }

.ton-knopf, #blasen .ton-knopf { background: none !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important; box-shadow: none !important; }
.bl.ein .ton-knopf, #blasen .bl.ein .ton-knopf { border-color: var(--ok-linie) !important; color: var(--ok-weiss) !important; }
.ton-spur { height: 2px !important; border-radius: 0 !important; background: rgba(60, 196, 245, .15) !important; }
.ton-fort { border-radius: 0 !important; background: var(--ok-eis-hell) !important; }
.ton-dauer { font: 400 11px var(--mono) !important; color: var(--ok-leise) !important; }
.ton-fx { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-linie2); color: var(--ok-leise) !important; font: 500 9px var(--mono) !important;
  letter-spacing: .14em; text-transform: uppercase; }
#blasen .reakt-chip, .reakt-chip { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-linie2) !important; color: var(--ok-leise) !important;
  font-weight: 400 !important; box-shadow: none !important; }
#blasen .reakt-chip.mein, .reakt-chip.mein { border-color: var(--ok-eis) !important; color: var(--ok-eis-hell) !important; }
#druck-menue .reakt-leiste button, #druck-menue .reakt-leiste button + button { border-radius: 0 !important; }
#druck-menue .reakt-leiste button.an { background: none !important; box-shadow: inset 0 0 0 1px var(--ok-eis) !important; }
#blasen .bl-tag.bl-spiel.bl-anfrage { border: 1px solid var(--ok-eis) !important; padding: 8px 14px !important; color: var(--ok-eis-hell) !important; background: rgba(60, 196, 245, .06) !important;
  font: 500 10px var(--mono) !important; letter-spacing: .14em !important; cursor: pointer; }
#blasen .bl-tag.bl-spiel.bl-anfrage:active { background: rgba(60, 196, 245, .16) !important; }

#info-zu { border-radius: 0 !important; background: none !important; border: 1px solid var(--ok-eis) !important; color: var(--ok-eis-hell) !important; font: 500 11px var(--mono) !important; letter-spacing: .16em; text-transform: uppercase; }
.blatt-zeile.blatt-neu-gruppe { color: var(--ok-eis-hell); }
.blatt-zeile.blatt-neu-gruppe::after { display: none; }
#b-chat-zu svg.lichtlauf .grund { stroke: var(--ok-eis-hell) !important; }
#b-chat-leeren svg.lichtlauf-rad .grund { stroke: var(--ok-eis-hell) !important; }

html.ks-laeuft body > *:not(#ok2-grund):not(#ks-start):not(#ks-defs):not(#kc-ebene) { visibility: hidden !important; }
#ks-start { position: fixed; inset: 0; z-index: 9999; pointer-events: auto; touch-action: none; background: transparent; }
#ks-start .ks-logo { position: absolute; opacity: 0; }
#ks-start .ks-logo svg { width: 100%; height: 100%; display: block; transform-origin: 50% 50%; }
#ks-titel { position: absolute; left: 0; right: 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; opacity: 0;
  font: 100 28px var(--ok-duenn); letter-spacing: .1em; color: var(--ok-eis-hell); }
#ks-titel.sx-an { --sx-h: 24px; --sx-w: 1.5px; --sx-a: .42; line-height: 1; }

#kontaktliste .sperr-kopf { grid-column: 1 / -1; margin: 22px 2px 6px; font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-rot); opacity: .8; }
#kontaktliste .sperr-zeile { grid-column: 1 / -1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 12px; width: 100%;
  margin: 0 0 6px; padding: 12px 14px; border: 1px solid rgba(255, 93, 93, .35); border-radius: 12px; background: rgba(255, 93, 93, .06); color: var(--ok-rot); text-align: left; }
#kontaktliste .sperr-zeile svg { -webkit-flex: none; flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }
#kontaktliste .sperr-zeile .kon-name { -webkit-flex: 1; flex: 1; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#kontaktliste .sperr-zeile .sperr-hinweis { font-size: 11px; opacity: .85; white-space: nowrap; }

#ks-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
html.ks-laeuft #ks-defs, html.ks-laeuft #ks-defs * { visibility: visible !important; }
#ks-vor { position: fixed; inset: 0; z-index: 9998; background: #000; pointer-events: none; }
#ks-vor .ks-kachel, #ks-start .ks-kachel { position: absolute; left: 50%; top: var(--ks-y, 50%); width: 274.3px; height: 274.3px; margin: -137.15px 0 0 -137.15px;
  background: url("ks-kachel.png") center / 100% 100% no-repeat; -webkit-clip-path: url(#ks-maske); clip-path: url(#ks-maske); }
#ks-vor .ks-kachel-logo, #ks-start .ks-kachel-logo { background-image: url("icon-maskable-512.png"); }
#ks-start .ks-schwarz { position: absolute; inset: 0; background: #000; }

#info-zusatz { margin: 6px 0 0; font-size: 13px; line-height: 1.35; color: var(--ok-rot); text-align: center; }
#info-zusatz.weg { display: none; }

#kontaktliste .kon-zeile.kk-status .kk-ring { position: relative; filter: grayscale(1); opacity: .55; }
#kontaktliste .kon-zeile.kk-status .kon-name { opacity: .5; }
#kontaktliste .kk-marke { position: absolute; right: -4px; bottom: -4px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center;
  background: #000; border: 1px solid currentColor; color: var(--ok-rot); filter: none; opacity: 1; }
#kontaktliste .kk-getrennt .kk-marke { color: var(--ok-leise); }
#kontaktliste .kk-marke svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#kontaktliste .kk-status-text { display: block; margin-top: 2px; font-size: 10.5px; letter-spacing: .02em; color: var(--ok-rot); text-align: center; }
#kontaktliste .kk-getrennt .kk-status-text { color: var(--ok-leise); }

#ks-start .ks-schluessel { transform-box: view-box; transform-origin: 62px 62px; }
#ks-start .ks-deckel { position: absolute; inset: 0; width: 100%; height: 100%; }
#ks-fx { position: fixed; inset: 0; z-index: 10000; pointer-events: none; }
#ks-fx .ks-blitz { position: absolute; width: 180px; height: 180px; border-radius: 50%; opacity: 0;
  background: radial-gradient(circle, rgba(200, 240, 255, .9), rgba(60, 196, 245, 0) 70%); }
#ks-fx .ks-welle { position: absolute; width: 0; height: 0; border-radius: 50%; border: 2px solid var(--ok-eis-hell);
  box-shadow: 0 0 24px 4px rgba(60, 196, 245, .6), inset 0 0 24px 2px rgba(60, 196, 245, .35); }

#ml-leiste .ml-zusatz { display: block; margin-top: 3px; font-size: 12px; line-height: 1.3; color: var(--ok-rot); letter-spacing: 0; text-transform: none; }
#kontaktliste.kacheln > .kon-zeile.kk-status { gap: 4px; padding-top: 6px; padding-bottom: 6px; }
#kontaktliste.kacheln > .kon-zeile.kk-status .kk-ring { width: 40px; height: 40px; font-size: 18px; }
#kontaktliste.kacheln > .kon-zeile.kk-status .kk-marke { width: 19px; height: 19px; right: -5px; bottom: -5px; }
#kontaktliste.kacheln > .kon-zeile.kk-status .kk-marke svg { width: 12px; height: 12px; }
#kontaktliste.kacheln > .kon-zeile.kk-status .kk-status-text { margin-top: 0; font-size: 10px; line-height: 1.1; }

#chat-liste .chat-unter.chat-leer { font-style: italic; color: var(--ok-schwach); }
#chat-liste .chat-pfeil.leer { opacity: .35; }

html.kc-zu body > *:not(#ok2-grund):not(#kc-ebene):not(#ks-defs) { visibility: hidden !important; }
#kc-ebene { position: fixed; inset: 0; z-index: 10050; touch-action: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
#kc-ebene .kc-deckel { position: absolute; inset: 0; width: 100%; height: 100%; }
#kc-ebene .kc-bild { position: absolute; inset: 0; pointer-events: none; }
#kc-ebene .kc-logo { position: absolute; }
#kc-ebene .kc-logo svg { width: 100%; height: 100%; display: block; }
#kc-ebene .kc-schluessel { transform-box: view-box; transform-origin: 62px 62px; }
#kc-ebene .kc-titel { opacity: .9; }
#kc-ebene .kc-raster { position: absolute; left: 0; right: 0; top: 0; bottom: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 1fr); }
#kc-ebene .kc-kachel { position: relative; margin: 0; padding: 0; min-height: 0; border: 0; border-radius: 0; background: none; box-shadow: none; outline: none;
  touch-action: none; -webkit-tap-highlight-color: transparent; }
#kc-ebene.einrichten .kc-kachel { box-shadow: inset 0 0 0 .5px rgba(60, 196, 245, .22); }
#kc-ebene.einrichten .kc-kachel.gewaehlt { background: rgba(60, 196, 245, .16); box-shadow: inset 0 0 0 1.5px var(--ok-eis), inset 0 0 18px rgba(60, 196, 245, .35); }
#kc-ebene .kc-marke { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center;
  font: 300 22px/1.1 var(--ok-duenn); color: var(--ok-eis-hell); text-shadow: 0 0 10px rgba(60, 196, 245, .8); pointer-events: none; }
#kc-ebene .kc-tipp { position: absolute; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; pointer-events: none;
  border: 1px solid rgba(160, 225, 255, .55); animation: kc-tipp .5s ease-out forwards; }
@keyframes kc-tipp { from { transform: scale(.4); opacity: 1; } to { transform: scale(1.4); opacity: 0; } }
#kc-ebene .kc-finger { position: absolute; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; pointer-events: none; opacity: 0;
  background: radial-gradient(circle, rgba(230, 249, 255, .95), rgba(60, 196, 245, .35) 60%, rgba(60, 196, 245, 0) 72%);
  transition: left .45s cubic-bezier(.45, 0, .25, 1), top .45s cubic-bezier(.45, 0, .25, 1), opacity .3s, transform .15s; }
#kc-ebene .kc-finger.da { opacity: 1; }
#kc-ebene .kc-finger.tippt { transform: scale(.72); }
#kc-ebene .kc-text { position: absolute; left: max(16px, env(safe-area-inset-left, 0px)); right: max(16px, env(safe-area-inset-right, 0px));
  bottom: calc(78px + env(safe-area-inset-bottom, 0px)); padding: 14px 16px; pointer-events: none; display: none;
  background: rgba(2, 10, 16, .82); border: 1px solid var(--ok-linie2); color: var(--ok-weiss); font: 300 14px/1.45 var(--ok-duenn); }
#kc-ebene .kc-text.an { display: block; }
#kc-ebene .kc-text b { display: block; margin-bottom: 4px; font: 400 15px var(--ok-duenn); letter-spacing: .04em; color: var(--ok-eis-hell); }
#kc-ebene .kc-text em { font-style: normal; color: var(--ok-eis-hell); }
#kc-ebene .kc-text.warn { color: var(--ok-rot); }
#kc-ebene .kc-text.fenster { pointer-events: auto; }
#kc-ebene .kc-leiste { position: absolute; left: 0; right: 0; bottom: 0; height: calc(64px + env(safe-area-inset-bottom, 0px));
  padding: 0 max(16px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(16px, env(safe-area-inset-left, 0px));
  display: flex; align-items: center; justify-content: center; gap: 10px; }
#kc-ebene .kc-leiste button { margin: 0; padding: 10px 14px; min-height: 0; border-radius: 0; border: 1px solid var(--ok-linie); background: rgba(2, 10, 16, .7);
  color: var(--ok-weiss); font: 400 13px var(--ok-duenn); letter-spacing: .04em; box-shadow: none; }
#kc-ebene .kc-leiste .kc-haupt { border-color: var(--ok-eis); color: var(--ok-eis-hell); box-shadow: 0 0 10px rgba(60, 196, 245, .35); }
#kc-ebene .kc-leiste .kc-haupt.aus { opacity: .35; box-shadow: none; }
#kc-ebene .kc-leiste .kc-zaehler { border-color: transparent; background: none; color: var(--ok-leise); font-family: var(--mono); }
#kc-ebene .kc-leiste .kc-rot { border-color: var(--ok-rot); color: var(--ok-rot); }
#kc-ebene .kc-leiste .kc-vergessen { border-color: transparent; background: none; color: var(--ok-leise); font-size: 12px; }
#kc-ebene .kc-welle { position: absolute; width: 0; height: 0; border-radius: 50%; border: 2px solid var(--ok-eis-hell); pointer-events: none;
  box-shadow: 0 0 24px 4px rgba(60, 196, 245, .6), inset 0 0 24px 2px rgba(60, 196, 245, .35); }
#kc-ebene .kc-bild { z-index: 0; }
#kc-ebene .kc-text { z-index: 1; }
#kc-ebene .kc-raster { z-index: 2; }
#kc-ebene .kc-leiste { z-index: 3; }
#kc-ebene .kc-finger, #kc-ebene .kc-tipp, #kc-ebene .kc-welle { z-index: 4; }
#kc-ebene .kc-text.fenster { z-index: 3; }
#kc-ebene .kc-leiste { pointer-events: none; }
#kc-ebene .kc-leiste > * { pointer-events: auto; }

html.ks-laeuft.ks-kopf-an #s-haupt .kopf-zeile .kopf-titel h1, html.ks-laeuft.ks-kopf-an #s-haupt .kopf-zeile .kopf-titel h1 * { visibility: visible !important; }
html.ks-laeuft:not(.ks-kopf-an) #s-haupt .kopf-zeile .kopf-titel h1, html.ks-laeuft:not(.ks-kopf-an) #s-haupt .kopf-zeile .kopf-titel h1 * { visibility: hidden !important; }

#kc-ebene .kc-wort { position: absolute; z-index: 3; left: max(16px, env(safe-area-inset-left, 0px)); right: max(16px, env(safe-area-inset-right, 0px));
  top: calc(env(safe-area-inset-top, 0px) + 56px); bottom: auto; padding: 16px; display: grid; gap: 10px;
  background: rgba(2, 10, 16, .92); border: 1px solid var(--ok-linie); color: var(--ok-weiss); font: 300 14px/1.45 var(--ok-duenn); }
#kc-ebene .kc-wort b { font: 400 15px var(--ok-duenn); letter-spacing: .04em; color: var(--ok-eis-hell); }
#kc-ebene .kc-wort input { width: 100%; box-sizing: border-box; margin: 0; padding: 12px; border: 1px solid var(--ok-linie); border-radius: 0; background: #000;
  color: var(--ok-weiss); font: 300 17px var(--ok-duenn); -webkit-user-select: text; user-select: text; }
#kc-ebene .kc-wort input:focus { outline: none; border-color: var(--ok-eis); box-shadow: 0 0 10px rgba(60, 196, 245, .35); }
#kc-ebene .kc-wort-fehler { margin: 0; min-height: 1.2em; color: var(--ok-rot); font-size: 13px; }
#kc-ebene .kc-wort .kc-klein { justify-self: start; margin: 0; padding: 0; min-height: 0; border: 0; background: none; box-shadow: none; color: var(--ok-leise); font: 400 12px var(--ok-duenn); }

#chat-blatt .blatt-weiter { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; align-items: center; margin: 4px 0 2px; padding: 12px 14px;
  border: 1px solid var(--ok-linie); background: rgba(60, 196, 245, .05); color: var(--ok-weiss); }
#chat-blatt .blatt-weiter.weg, #chat-blatt .weg { display: none !important; }
#chat-blatt .blatt-weiter svg { grid-row: span 2; width: 22px; height: 22px; fill: none; stroke: var(--ok-eis); stroke-width: 1.5; }
#chat-blatt .blatt-weiter b { font: 400 15px var(--ok-duenn); color: var(--ok-eis-hell); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#chat-blatt .blatt-weiter span { font: 300 12.5px/1.35 var(--ok-duenn); color: var(--ok-leise); }

#neu-kontakt-box { position: fixed; inset: 0; z-index: 900; background: rgba(0, 0, 0, .62); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 24px; }
#neu-kontakt-box.weg { display: none; }
#nk-box { position: relative; width: 100%; max-width: 360px; background: #04070a; border: 1px solid var(--ok-linie); padding: 24px 0 6px;
  box-shadow: 0 0 50px rgba(60, 196, 245, .18); -webkit-animation: kf-auf .18s ease-out; animation: kf-auf .18s ease-out; }
#nk-box .kf-zu { position: absolute; top: 6px; right: 6px; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  display: grid; place-items: center; color: var(--ok-eis-hell); cursor: pointer; }
#nk-box .kf-zu svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; }
#nk-box .kf-zu:active { opacity: .6; }
#neu-name { display: block; width: calc(100% - 48px); margin: 0 24px; padding: 6px 0 8px; background: none; border: 0; border-bottom: 1px solid var(--ok-linie);
  border-radius: 0; box-shadow: none; font: 200 22px/1.2 var(--ok-duenn); letter-spacing: .08em; color: var(--ok-weiss); text-align: center; outline: none; }
#neu-name:focus { border-bottom-color: var(--ok-eis); }
#neu-name::placeholder { color: var(--ok-schwach); }
.nk-hinweis { margin: 8px 24px 0; font: 300 12.5px/1.45 var(--ok-duenn); color: var(--ok-leise); text-align: center; }
.nk-nummer { display: grid; justify-items: center; gap: 6px; margin: 18px 24px 0; }
.nk-nummer > span { font: 500 9px/1 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--ok-leise); }
.nk-nummer > b { font: 400 16px var(--mono); font-size: min(16px, calc((100vw - 96px) / 17.5)); letter-spacing: .02em; white-space: nowrap; color: var(--ok-eis-hell); }
#nk-box #b-kon-ok { margin-top: 18px; color: var(--ok-eis-hell); }
.kf-mitglieder { border-top: 1px solid var(--ok-linie2); max-height: 46vh; overflow-y: auto; }
.kf-mitglied { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 10px 20px;
  border: 0; border-radius: 0; background: none; box-shadow: none; text-align: left; color: var(--ok-weiss); text-shadow: none; }
.kf-mitglied + .kf-mitglied { border-top: 1px solid rgba(60, 196, 245, .06); }
button.kf-mitglied:active { background: rgba(60, 196, 245, .06); }
.kf-mring { -webkit-flex: none; flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--ok-linie); display: grid; place-items: center;
  font: 200 14px/1 var(--ok-duenn); color: var(--ok-eis-hell); }
.kf-mtext { display: grid; gap: 2px; min-width: 0; }
.kf-mname { font: 300 16px var(--ok-duenn); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kf-mstatus { font: 500 9px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ok-leise); }
.kf-mitglied.rot .kf-mring { border-color: rgba(255, 93, 93, .45); color: var(--ok-rot); }
.kf-mitglied.rot .kf-mstatus { color: var(--ok-rot); }
#kc-ebene.kc-wort-an .kc-leiste { top: var(--kc-wort-unten, auto); bottom: auto; height: 52px; padding-bottom: 0; }

#kontaktliste.kacheln .kon-zeile .kon-name .sx-wort, #kf-box .kf-name .sx-wort { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;
  -webkit-justify-content: center; justify-content: center; max-width: 100%; min-width: 0; }
#kontaktliste.kacheln .kon-zeile .kon-name .sx-wort > svg, #kf-box .kf-name .sx-wort > svg { -webkit-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; max-width: 100%; height: auto; }
#kontaktliste.kacheln .kon-zeile .kon-name .sx-wort > .sx-ersatz, #kf-box .kf-name .sx-wort > .sx-ersatz { -webkit-flex: 0 0 auto; flex: 0 0 auto; }

html.kc-vorhang body > *:not(#ok2-grund):not(#kc-ebene):not(#ks-defs) { visibility: hidden !important; }

#chat-liste .chat-zeile .chat-text > b.sx-an { min-width: 0; max-width: 100%; }
#chat-liste .chat-zeile .chat-text > b.sx-an .sx-bild { -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-align-items: center !important; align-items: center !important; min-width: 0; max-width: 100%; }
#chat-liste .chat-zeile .chat-text > b.sx-an .sx-wort { -webkit-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; -webkit-align-items: center; align-items: center; }
#chat-liste .chat-zeile .chat-text > b.sx-an .sx-wort > svg { -webkit-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; max-width: 100%; height: auto; }
#chat-liste .chat-zeile .chat-text > b.sx-an .sx-ersatz { -webkit-flex: 0 0 auto; flex: 0 0 auto; }

.sx-an, .sx-an * { -webkit-text-size-adjust: none !important; text-size-adjust: none !important; }

#feld-zaehler { position: absolute; right: 56px; bottom: 100%; margin-bottom: 3px; pointer-events: none; font-family: var(--mono); font-size: 10.5px;
  letter-spacing: .06em; color: var(--ok-leise); }
#feld-zaehler:empty { display: none; }
#feld-zaehler.knapp { color: #ffcf7a; }

#feld-zaehler.voll, .blatt-zaehler.voll { color: var(--ok-rot) !important; }

#oeff-liste .oeff-post { position: relative; }
#oeff-liste .oeff-kopf .rs-vor { position: absolute; left: 12px; bottom: 11px; margin: 0; -webkit-order: 0; order: 0; }
#oeff-liste .oeff-kopf > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

#s-haupt .kopf-zeile .kopf-rest.null { position: relative; z-index: 40; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;
  -webkit-animation: null-hebt 9s linear infinite; animation: null-hebt 9s linear infinite; }
#s-haupt .kopf-zeile .kopf-rest.null.sx-an .sx-bild { -webkit-filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 3px rgba(255, 59, 48, .9)) drop-shadow(0 0 9px rgba(255, 59, 48, .6));
  filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 3px rgba(255, 59, 48, .9)) drop-shadow(0 0 9px rgba(255, 59, 48, .6)); }
@-webkit-keyframes null-hebt {
  0%, 2.0% { -webkit-transform: none; }
  2.52% { -webkit-transform: translate(-0.04px, 0.09px) scale(1.000); }
  3.04% { -webkit-transform: translate(-0.23px, 0.36px) scale(1.000); }
  3.56% { -webkit-transform: translate(-0.60px, 0.81px) scale(1.002); }
  4.08% { -webkit-transform: translate(-1.19px, 1.44px) scale(1.007); }
  4.60% { -webkit-transform: translate(-2.03px, 2.24px) scale(1.017); }
  5.12% { -webkit-transform: translate(-3.12px, 3.21px) scale(1.034); }
  5.65% { -webkit-transform: translate(-4.48px, 4.33px) scale(1.062); }
  6.17% { -webkit-transform: translate(-6.11px, 5.58px) scale(1.105); }
  6.69% { -webkit-transform: translate(-8.00px, 6.94px) scale(1.164); }
  7.21% { -webkit-transform: translate(-10.15px, 8.38px) scale(1.244); }
  7.73% { -webkit-transform: translate(-12.53px, 9.86px) scale(1.347); }
  8.25% { -webkit-transform: translate(-15.10px, 11.34px) scale(1.473); }
  8.77% { -webkit-transform: translate(-17.83px, 12.77px) scale(1.624); }
  9.29% { -webkit-transform: translate(-20.66px, 14.09px) scale(1.798); }
  9.81% { -webkit-transform: translate(-23.54px, 15.25px) scale(1.992); }
  10.33% { -webkit-transform: translate(-26.39px, 16.19px) scale(2.200); }
  10.85% { -webkit-transform: translate(-29.15px, 16.87px) scale(2.416); }
  11.38% { -webkit-transform: translate(-31.74px, 17.25px) scale(2.633); }
  11.90% { -webkit-transform: translate(-34.09px, 17.30px) scale(2.841); }
  12.42% { -webkit-transform: translate(-36.12px, 17.03px) scale(3.041); }
  12.94% { -webkit-transform: translate(-37.77px, 16.42px) scale(3.253); }
  13.46% { -webkit-transform: translate(-39.00px, 15.52px) scale(3.510); }
  13.98% { -webkit-transform: translate(-39.75px, 14.36px) scale(3.777); }
  14.50% { -webkit-transform: translate(-40.00px, 13.00px) scale(3.900); }
  15.02% { -webkit-transform: translate(-39.75px, 11.50px) scale(3.777); }
  15.54% { -webkit-transform: translate(-39.00px, 9.94px) scale(3.510); }
  16.06% { -webkit-transform: translate(-37.77px, 8.37px) scale(3.253); }
  16.58% { -webkit-transform: translate(-36.12px, 6.86px) scale(3.041); }
  17.10% { -webkit-transform: translate(-34.09px, 5.45px) scale(2.841); }
  17.62% { -webkit-transform: translate(-31.74px, 4.19px) scale(2.633); }
  18.15% { -webkit-transform: translate(-29.15px, 3.10px) scale(2.416); }
  18.67% { -webkit-transform: translate(-26.39px, 2.19px) scale(2.200); }
  19.19% { -webkit-transform: translate(-23.54px, 1.46px) scale(1.992); }
  19.71% { -webkit-transform: translate(-20.66px, 0.90px) scale(1.798); }
  20.23% { -webkit-transform: translate(-17.83px, 0.49px) scale(1.624); }
  20.75% { -webkit-transform: translate(-15.10px, 0.20px) scale(1.473); }
  21.27% { -webkit-transform: translate(-12.53px, 0.02px) scale(1.347); }
  21.79% { -webkit-transform: translate(-10.15px, -0.09px) scale(1.244); }
  22.31% { -webkit-transform: translate(-8.00px, -0.13px) scale(1.164); }
  22.83% { -webkit-transform: translate(-6.11px, -0.14px) scale(1.105); }
  23.35% { -webkit-transform: translate(-4.48px, -0.13px) scale(1.062); }
  23.88% { -webkit-transform: translate(-3.12px, -0.11px) scale(1.034); }
  24.40% { -webkit-transform: translate(-2.03px, -0.08px) scale(1.017); }
  24.92% { -webkit-transform: translate(-1.19px, -0.05px) scale(1.007); }
  25.44% { -webkit-transform: translate(-0.60px, -0.03px) scale(1.002); }
  25.96% { -webkit-transform: translate(-0.23px, -0.01px) scale(1.000); }
  26.48% { -webkit-transform: translate(-0.04px, -0.00px) scale(1.000); }
  27.0%, 100% { -webkit-transform: none; }
}
@keyframes null-hebt {
  0%, 2.0% { transform: none; }
  2.52% { transform: translate(-0.04px, 0.09px) scale(1.000); }
  3.04% { transform: translate(-0.23px, 0.36px) scale(1.000); }
  3.56% { transform: translate(-0.60px, 0.81px) scale(1.002); }
  4.08% { transform: translate(-1.19px, 1.44px) scale(1.007); }
  4.60% { transform: translate(-2.03px, 2.24px) scale(1.017); }
  5.12% { transform: translate(-3.12px, 3.21px) scale(1.034); }
  5.65% { transform: translate(-4.48px, 4.33px) scale(1.062); }
  6.17% { transform: translate(-6.11px, 5.58px) scale(1.105); }
  6.69% { transform: translate(-8.00px, 6.94px) scale(1.164); }
  7.21% { transform: translate(-10.15px, 8.38px) scale(1.244); }
  7.73% { transform: translate(-12.53px, 9.86px) scale(1.347); }
  8.25% { transform: translate(-15.10px, 11.34px) scale(1.473); }
  8.77% { transform: translate(-17.83px, 12.77px) scale(1.624); }
  9.29% { transform: translate(-20.66px, 14.09px) scale(1.798); }
  9.81% { transform: translate(-23.54px, 15.25px) scale(1.992); }
  10.33% { transform: translate(-26.39px, 16.19px) scale(2.200); }
  10.85% { transform: translate(-29.15px, 16.87px) scale(2.416); }
  11.38% { transform: translate(-31.74px, 17.25px) scale(2.633); }
  11.90% { transform: translate(-34.09px, 17.30px) scale(2.841); }
  12.42% { transform: translate(-36.12px, 17.03px) scale(3.041); }
  12.94% { transform: translate(-37.77px, 16.42px) scale(3.253); }
  13.46% { transform: translate(-39.00px, 15.52px) scale(3.510); }
  13.98% { transform: translate(-39.75px, 14.36px) scale(3.777); }
  14.50% { transform: translate(-40.00px, 13.00px) scale(3.900); }
  15.02% { transform: translate(-39.75px, 11.50px) scale(3.777); }
  15.54% { transform: translate(-39.00px, 9.94px) scale(3.510); }
  16.06% { transform: translate(-37.77px, 8.37px) scale(3.253); }
  16.58% { transform: translate(-36.12px, 6.86px) scale(3.041); }
  17.10% { transform: translate(-34.09px, 5.45px) scale(2.841); }
  17.62% { transform: translate(-31.74px, 4.19px) scale(2.633); }
  18.15% { transform: translate(-29.15px, 3.10px) scale(2.416); }
  18.67% { transform: translate(-26.39px, 2.19px) scale(2.200); }
  19.19% { transform: translate(-23.54px, 1.46px) scale(1.992); }
  19.71% { transform: translate(-20.66px, 0.90px) scale(1.798); }
  20.23% { transform: translate(-17.83px, 0.49px) scale(1.624); }
  20.75% { transform: translate(-15.10px, 0.20px) scale(1.473); }
  21.27% { transform: translate(-12.53px, 0.02px) scale(1.347); }
  21.79% { transform: translate(-10.15px, -0.09px) scale(1.244); }
  22.31% { transform: translate(-8.00px, -0.13px) scale(1.164); }
  22.83% { transform: translate(-6.11px, -0.14px) scale(1.105); }
  23.35% { transform: translate(-4.48px, -0.13px) scale(1.062); }
  23.88% { transform: translate(-3.12px, -0.11px) scale(1.034); }
  24.40% { transform: translate(-2.03px, -0.08px) scale(1.017); }
  24.92% { transform: translate(-1.19px, -0.05px) scale(1.007); }
  25.44% { transform: translate(-0.60px, -0.03px) scale(1.002); }
  25.96% { transform: translate(-0.23px, -0.01px) scale(1.000); }
  26.48% { transform: translate(-0.04px, -0.00px) scale(1.000); }
  27.0%, 100% { transform: none; }
}
@media (prefers-reduced-motion: reduce) { #s-haupt .kopf-zeile .kopf-rest.null { -webkit-animation: none; animation: none; } }

#kf-box.kf-einst { max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
#kf-box.kf-einst .kf-kopf { padding-bottom: 14px; }
#kf-box.kf-einst .kf-zeile { padding: 13px 18px; line-height: 1.25; text-align: center; }
#kf-box .kf-zeile .kf-schalter { -webkit-flex: none; flex: none; padding: 4px 6px; }

#kontaktliste.kacheln .kon-zeile .kon-name .sx-wort { display: -webkit-inline-flex; display: inline-flex; vertical-align: bottom; }

.eingabe .rund.foto svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.bl.foto { padding: 4px !important; max-width: 74%; }
.bl-foto { width: 240px; max-width: 100%; max-height: 320px; aspect-ratio: 4 / 3; background: #050a0e center / cover no-repeat; cursor: zoom-in;
  -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.bl-foto.fehlt { display: grid; place-items: center; aspect-ratio: 4 / 3; color: var(--ok-leise); font: 400 12px var(--mono); }
.bl-foto-text { display: block; margin: 6px 6px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.bl.foto .bl-zeit, .bl.foto .bl-von { margin-left: 6px; margin-right: 6px; }
#foto-voll { position: fixed; inset: 0; z-index: 950; background: rgba(0, 0, 0, .96); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 10px calc(14px + env(safe-area-inset-bottom, 0px)); cursor: zoom-out; -webkit-touch-callout: none; user-select: none; }
#foto-voll.weg { display: none; }
#foto-voll { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#foto-voll .foto-voll-bild { -webkit-flex: none; flex: none; position: relative; aspect-ratio: var(--r, .75); max-height: 100%;
  width: min(100%, calc((100vh - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) * var(--r, .75))); background: center / contain no-repeat; }
#foto-voll .foto-voll-text { position: absolute; left: 0; right: 0; bottom: 0; max-height: 45%; overflow-y: auto; margin: 0; padding: 34px 14px 12px;
  background: linear-gradient(transparent, rgba(0, 0, 0, .78) 38%); color: var(--ok-weiss); font: 300 16px/1.35 var(--ok-duenn); text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; }
#foto-voll .foto-voll-text.weg { display: none; }
#foto-voll .foto-voll-text:not(.offen) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--zeilen, 3); max-height: none; overflow: hidden;
  padding-bottom: 0; border-bottom: 12px solid rgba(0, 0, 0, .78); }
#foto-voll .foto-voll-text.lang { cursor: pointer; }
#foto-voll .foto-voll-text.offen { top: 0; max-height: none; overflow-y: auto; padding-top: 16px; background: rgba(0, 0, 0, .8); -webkit-overflow-scrolling: touch; }
.oeff-foto { width: 50%; max-height: 28vh; aspect-ratio: 4 / 3; margin: 2px 0; background: center / contain no-repeat; cursor: zoom-in;
  -webkit-touch-callout: none; user-select: none; }
#oeff-liste .oeff-post:not(.gross) .oeff-foto { display: none; }
#oeff-liste .oeff-post.mit-foto:not(.gross) .oeff-t::before { content: "📷 "; }
#oeff-liste .oeff-post.gross .oeff-t.nur-klein { display: none; }
#oeff-liste .oeff-foto-reihe { display: -webkit-flex; display: flex; gap: 12px; -webkit-align-items: flex-start; align-items: flex-start; min-width: 0; }
#oeff-liste .oeff-foto-reihe .oeff-foto { -webkit-flex: none; flex: none; width: 50%; margin: 2px 0; }
#oeff-liste .oeff-post.gross .oeff-foto-reihe .oeff-t:not(.nur-klein) { -webkit-flex: 1; flex: 1; min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;
  overflow: hidden; font-size: 16px; line-height: 1.35; cursor: zoom-in; }

#inst { position: fixed; inset: 0; z-index: 30000; background: #000; color: var(--ok-weiss, #e6f9ff); overflow-y: auto;
  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
  padding: calc(24px + env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) calc(24px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
  font-family: -apple-system, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif; font-weight: 300; }
#inst .inst-karte { width: 100%; max-width: 380px; display: grid; gap: 14px; justify-items: center; text-align: center; }
#inst .inst-logo { width: 96px; height: 96px; border-radius: 22px; box-shadow: 0 0 40px rgba(60, 196, 245, .35); }
#inst .inst-name { margin: 6px 0 0; font: 200 34px/1 -apple-system, "SF Pro Display", "Segoe UI Light", Roboto, Arial, sans-serif; letter-spacing: .35em; padding-left: .35em;
  text-transform: uppercase; color: #e2f8ff; text-shadow: 0 0 12px rgba(60, 196, 245, .6); }
#inst .inst-titel { margin: 0; font: 500 12px ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .18em; text-transform: uppercase; color: #3cc4f5; }
#inst .inst-unter { margin: 0 0 6px; font-size: 15px; line-height: 1.45; color: rgba(230, 249, 255, .62); }
#inst #inst-knopf { width: 100%; padding: 16px 18px; background: rgba(60, 196, 245, .1); border: 1px solid #3cc4f5; color: #e2f8ff; border-radius: 0;
  font: 500 14px ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; box-shadow: 0 0 22px rgba(60, 196, 245, .3); }
#inst #inst-knopf:disabled { opacity: .55; }
#inst .inst-meldung { min-height: 1.4em; margin: 10px 0 0; font-size: 14px; color: #9fe6ff; }
#inst .inst-schritte { list-style: none; margin: 4px 0 0; padding: 0; width: 100%; display: grid; gap: 0; text-align: left; }
#inst .inst-schritte li { display: -webkit-flex; display: flex; gap: 12px; -webkit-align-items: center; align-items: center; padding: 12px 4px; border-top: 1px solid rgba(60, 196, 245, .16); font-size: 15px; line-height: 1.35; }
#inst .inst-schritte li:last-child { border-bottom: 1px solid rgba(60, 196, 245, .16); }
#inst .inst-nr { -webkit-flex: none; flex: none; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #3cc4f5; display: grid; place-items: center; font: 500 12px ui-monospace, Menlo, monospace; color: #3cc4f5; }
#inst .inst-sym { display: inline-grid; vertical-align: -5px; margin-right: 6px; }
#inst .inst-sym svg { width: 22px; height: 22px; fill: none; stroke: #9fe6ff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#inst .inst-sym svg circle { fill: #9fe6ff; stroke: none; }
#inst .inst-klein { margin: 4px 0 0; font-size: 13px; color: rgba(230, 249, 255, .5); }

#foto-kamera, #foto-pruefen { position: fixed; inset: 0; z-index: 960; background: #000; overflow: hidden; touch-action: none; -webkit-user-select: none; user-select: none; }
#foto-kamera.weg, #foto-pruefen.weg { display: none; }
#foto-kamera video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform-origin: 50% 50%; }
#foto-kamera .fk-zoom { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 14px); left: 50%; transform: translateX(-50%); padding: 5px 10px;
  font: 500 12px var(--mono); letter-spacing: .1em; color: #e2f8ff; background: rgba(0, 0, 0, .45); border: 1px solid var(--ok-linie); opacity: 0; transition: opacity .2s; }
#foto-kamera .fk-zoom.an { opacity: 1; }
#foto-kamera .fk-unten, #foto-pruefen .fp-reihe { position: absolute; left: 0; right: 0; bottom: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;
  -webkit-justify-content: space-around; justify-content: space-around; padding: 18px max(16px, env(safe-area-inset-right, 0px)) calc(22px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  background: linear-gradient(transparent, rgba(0, 0, 0, .75) 40%); }
#foto-kamera .fk-rund, #foto-pruefen .fk-rund { width: 62px; height: 62px; padding: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(0, 0, 0, .35);
  border: 1px solid var(--ok-linie); color: var(--ok-eis-hell); box-shadow: none; }
#foto-kamera .fk-rund svg, #foto-pruefen .fk-rund svg, #foto-pruefen .fp-schnitt svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
#foto-kamera .fk-ausloeser { width: 78px; height: 78px; padding: 0; border-radius: 50%; border: 2px solid #e2f8ff; background: transparent; display: grid; place-items: center;
  box-shadow: 0 0 18px rgba(60, 196, 245, .45); }
#foto-kamera .fk-ausloeser i { display: block; width: 60px; height: 60px; border-radius: 50%; background: #e2f8ff; transition: transform .12s; }
#foto-kamera .fk-ausloeser:active i, #foto-kamera .fk-ausloeser.blitz i { transform: scale(.86); }
#foto-pruefen .fp-flaeche { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#foto-pruefen .fp-flaeche canvas { width: 100%; height: 100%; display: block; }
#foto-pruefen .fp-oben { position: absolute; left: 0; right: 0; top: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;
  gap: 10px; padding: calc(env(safe-area-inset-top, 0px) + 10px) max(14px, env(safe-area-inset-right, 0px)) 18px max(14px, env(safe-area-inset-left, 0px)); background: linear-gradient(rgba(0, 0, 0, .7), transparent); }
#foto-pruefen .fp-info { font: 400 10.5px var(--mono); letter-spacing: .06em; color: var(--ok-leise); }
#foto-pruefen .fp-schnitt { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; gap: 8px; padding: 9px 12px; background: rgba(0, 0, 0, .45);
  border: 1px solid var(--ok-linie); border-radius: 0; color: var(--ok-eis-hell); font: 500 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; box-shadow: none; }
#foto-pruefen .fp-schnitt:disabled { opacity: .35; }
#foto-pruefen .fp-unten { position: absolute; left: 0; right: 0; bottom: 0; }
#foto-pruefen .fp-text { position: absolute; left: max(16px, env(safe-area-inset-left, 0px)); right: max(16px, env(safe-area-inset-right, 0px)); bottom: calc(env(safe-area-inset-bottom, 0px) + 128px);
  width: auto; box-sizing: border-box; background: rgba(0, 0, 0, .6); border: 0; border-bottom: 1px solid var(--ok-linie); color: var(--ok-weiss); font: 300 16px var(--ok-duenn); padding: 9px 4px; resize: none; touch-action: auto; }
#foto-pruefen .fp-reihe { -webkit-align-items: flex-start; align-items: flex-start; }
#foto-pruefen .fp-knopf { display: grid; justify-items: center; gap: 6px; }
#foto-pruefen .fp-knopf small { font: 500 9.5px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ok-leise); }
#foto-pruefen .fp-los { border-color: var(--ok-eis); color: var(--ok-eis); box-shadow: 0 0 16px rgba(60, 196, 245, .35); }

#foto-kamera .fk-blitz { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 10px); left: max(12px, env(safe-area-inset-left, 0px)); display: -webkit-inline-flex; display: inline-flex;
  -webkit-align-items: center; align-items: center; gap: 6px; padding: 8px 12px; background: rgba(0, 0, 0, .45); border: 1px solid var(--ok-linie); border-radius: 0; color: var(--ok-eis-hell);
  font: 500 10.5px var(--mono); letter-spacing: .12em; text-transform: uppercase; box-shadow: none; }
#foto-kamera .fk-blitz.weg { display: none; }
#foto-kamera .fk-blitz svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; }
#foto-kamera .fk-blitz.an { color: #000; background: #ffe49a; border-color: #ffe49a; }
#foto-kamera .fk-blitz.an svg { fill: #000; }
#foto-pruefen .fp-rahmen { position: absolute; box-sizing: border-box; border: 1.5px solid #e2f8ff; box-shadow: 0 0 0 9999px rgba(0, 0, 0, .6); touch-action: none; cursor: move; }
#foto-pruefen .fp-rahmen.weg { display: none; }
#foto-pruefen .fp-ecke { position: absolute; width: 34px; height: 34px; z-index: 2; }
#foto-pruefen .fp-kante { position: absolute; z-index: 1; }
#foto-pruefen .fp-kante::before { content: ""; position: absolute; left: 50%; top: 50%; background: #e2f8ff; border-radius: 2px; transform: translate(-50%, -50%); }
#foto-pruefen .fp-kante.o, #foto-pruefen .fp-kante.u { left: 22px; right: 22px; height: 32px; cursor: ns-resize; }
#foto-pruefen .fp-kante.o { top: -16px; } #foto-pruefen .fp-kante.u { bottom: -16px; }
#foto-pruefen .fp-kante.l, #foto-pruefen .fp-kante.r { top: 22px; bottom: 22px; width: 32px; cursor: ew-resize; }
#foto-pruefen .fp-kante.l { left: -16px; } #foto-pruefen .fp-kante.r { right: -16px; }
#foto-pruefen .fp-kante.o::before, #foto-pruefen .fp-kante.u::before { width: 28px; height: 4px; }
#foto-pruefen .fp-kante.l::before, #foto-pruefen .fp-kante.r::before { width: 4px; height: 28px; }
#foto-kamera .fk-blitz { width: auto !important; min-width: 0 !important; max-width: none; margin: 0 !important; }
#foto-pruefen .fp-ecke::before { content: ""; position: absolute; width: 18px; height: 18px; border-color: #e2f8ff; border-style: solid; }
#foto-pruefen .fp-ecke.lo { left: -12px; top: -12px; cursor: nwse-resize; } #foto-pruefen .fp-ecke.lo::before { left: 10px; top: 10px; border-width: 3px 0 0 3px; }
#foto-pruefen .fp-ecke.ro { right: -12px; top: -12px; cursor: nesw-resize; } #foto-pruefen .fp-ecke.ro::before { right: 10px; top: 10px; border-width: 3px 3px 0 0; }
#foto-pruefen .fp-ecke.lu { left: -12px; bottom: -12px; cursor: nesw-resize; } #foto-pruefen .fp-ecke.lu::before { left: 10px; bottom: 10px; border-width: 0 0 3px 3px; }
#foto-pruefen .fp-ecke.ru { right: -12px; bottom: -12px; cursor: nwse-resize; } #foto-pruefen .fp-ecke.ru::before { right: 10px; bottom: 10px; border-width: 0 3px 3px 0; }
#foto-pruefen .fp-text.weg, #foto-pruefen .fp-reihe.weg, #foto-pruefen .fp-schnitt.weg { display: none; }
.blatt-fuss .blatt-kamera { width: 46px !important; min-width: 46px !important; max-width: 46px; height: 46px !important; padding: 0 !important; -webkit-flex: none !important; flex: none !important;
  border-radius: 50% !important; display: grid !important; place-items: center; background: none !important; border: 1px solid var(--ok-linie) !important; color: var(--ok-eis-hell); box-shadow: none !important; }
.blatt-fuss .blatt-kamera svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }

#inst .inst-fertig { margin: 6px 0 0; font: 200 30px/1.1 -apple-system, "SF Pro Display", "Segoe UI Light", Roboto, Arial, sans-serif; color: #9fe6ff; text-shadow: 0 0 14px rgba(60, 196, 245, .55); }
#inst .inst-knopf { display: block; width: 100%; box-sizing: border-box; padding: 16px 18px; background: rgba(60, 196, 245, .1); border: 1px solid #3cc4f5; color: #e2f8ff; text-decoration: none;
  font: 500 14px ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; box-shadow: 0 0 22px rgba(60, 196, 245, .3); margin: 6px 0 4px; }
#inst #inst-chrome .inst-titel { margin-top: 4px; }

#anfrage-leiste p.zu-grund { color: var(--ok-rot); text-align: center; }
#t-chat #anfrage-leiste { margin-bottom: 0; }

#kf-box .kf-nr { margin: -2px 0 2px; font: 400 11px var(--mono); letter-spacing: .14em; color: var(--ok-leise); text-align: center; -webkit-user-select: text; user-select: text; }
#wartung-zeile { position: fixed; left: 0; right: 0; top: 0; z-index: 9000; padding: calc(env(safe-area-inset-top, 0px) + 8px) 16px 9px; background: rgba(4, 14, 20, .96);
  border-bottom: 1px solid var(--ok-linie); color: var(--ok-eis-hell); font: 400 12.5px/1.4 var(--mono); letter-spacing: .04em; text-align: center; }
#wartung-zeile.weg { display: none; }

#wk-schleier { position: fixed; inset: 0; z-index: 950; background: rgba(0, 0, 0, .78); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: center; justify-content: center;
  padding: calc(env(safe-area-inset-top, 0px) + 9vh) 20px 20px; overflow-y: auto; }
#wk-schleier.weg { display: none; }
#wk-box { width: 100%; max-width: 360px; background: #04070a; border: 1px solid var(--ok-linie); padding: 26px 22px 22px; display: grid; justify-items: center; gap: 12px;
  text-align: center; box-shadow: 0 0 50px rgba(60, 196, 245, .2); -webkit-animation: kf-auf .25s ease-out; animation: kf-auf .25s ease-out; }
#wk-box .wk-logo { width: 64px; height: 64px; border-radius: 16px; box-shadow: 0 0 22px rgba(60, 196, 245, .35); }
#wk-box .wk-titel { margin: 4px 0 0; font: 200 24px/1.1 var(--ok-duenn); letter-spacing: .3em; text-transform: uppercase; color: #e2f8ff; }
#wk-box .wk-titel.sx-an { --sx-h: 17px; --sx-w: 1.4px; --sx-a: .6; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
#wk-box .wk-text { margin: 0 0 6px; font: 300 14.5px/1.5 var(--ok-duenn); color: rgba(230, 249, 255, .82); }
#wk-box .wk-frage { justify-self: stretch; text-align: left; font: 500 10.5px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ok-eis-hell); }
#wk-box #wk-name { width: 100%; box-sizing: border-box; margin: 0; padding: 10px 2px; background: transparent; border: 0; border-bottom: 1px solid var(--ok-linie);
  border-radius: 0; color: var(--ok-weiss); font: 300 19px var(--ok-duenn); box-shadow: none; }
#wk-box #wk-name:focus { outline: none; border-bottom-color: var(--ok-eis); }
#wk-box .wk-klein { justify-self: stretch; margin: -4px 0 6px; text-align: left; font: 400 11.5px/1.4 var(--mono); color: var(--ok-leise); }
#wk-box #wk-los { width: 100%; margin: 4px 0 0; padding: 14px; background: rgba(60, 196, 245, .1); border: 1px solid var(--ok-eis); border-radius: 0; color: #e2f8ff;
  font: 500 13px var(--mono); letter-spacing: .18em; text-transform: uppercase; box-shadow: 0 0 18px rgba(60, 196, 245, .3); }
#wk-box #wk-los:disabled { opacity: .35; box-shadow: none; }
#wk-box .wk-text { margin: 0; font: 300 16px/1.4 var(--ok-duenn); color: #e2f8ff; }
#wk-box .wk-punkte { justify-self: stretch; margin: 2px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; text-align: left; }
#wk-box .wk-punkte li { position: relative; padding-left: 16px; font: 300 13px/1.45 var(--ok-duenn); color: rgba(230, 249, 255, .78); }
#wk-box .wk-punkte li::before { content: ""; position: absolute; left: 2px; top: .55em; width: 6px; height: 6px; background: var(--ok-eis); box-shadow: 0 0 6px var(--ok-eis); }
#wk-box .wk-punkte b { font-weight: 500; color: #e2f8ff; }
#wk-box .wk-schluss { margin: 2px 0 6px; font: 500 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ok-eis-hell); }
#wk-schleier { padding-top: calc(env(safe-area-inset-top, 0px) + 4vh); }