/*
 * SiamPoints - der Dunkel-Modus von Team, Inhaber und Personal (seit 3.1.0 Teil 2, E2113-E2120; 3.2.0 Teil 2, E2135-E2142).
 * ERZEUGT - nicht von Hand aendern:
 * python3 _pruefstand/werkzeuge/dunkel_bauen.py <Plugin-Ordner>. Jede Regel mit Farbe der Dateien unten als dieselbe Regel unter
 * html[data-sp-thema="dunkel"], jede Farbe nach ihrer Rolle (Grund, Schrift, Linie, Schatten), die Schrift je Regel als Paar gegen
 * ihren neuen Grund (mindestens 4,6 : 1); app.css wiederholt (ihre Zeichen schalten selbst). Laedt im Team, beim Inhaber und beim
 * Personal, nur am Bildschirm; Druckseiten bleiben hell.
 *
 * gast.css      sha256 85c827cb191a8a64
 * design.css    sha256 84531a1dc861de67
 * geoapify.css  sha256 41b11abd623fe447
 * aussehen-editor.css sha256 7f9f92e763e9d4cc
 * anbieter.css  sha256 2dbeba95d4bd1842
 * app.css       sha256 4e3758cbc1fd3300
 */

/* ---------------------------------------------------------------- aus gast.css */
html[data-sp-thema="dunkel"] body.sp-gast {
	--spx-auf: initial;
	background-color: #0f172a;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-gast a {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-gast :focus-visible {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-kopf {
	--spx-auf: initial;
	background-color: #1e293b;
	border-bottom-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-logo-siam {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-logo-points {
	color: var(--spx-auf, #f59e0b);
}
html[data-sp-thema="dunkel"] .sp-sprache summary {
	--spx-auf: initial;
	border-color: #3c4757;
	color: #d5ddf0;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-sprachliste {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
html[data-sp-thema="dunkel"] .sp-sprachliste a[aria-current="true"] {
	--spx-auf: initial;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-goldlinie {
	--spx-auf: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-nummer {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-einleitung {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-klein {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-meldung,
html[data-sp-thema="dunkel"] .sp-fehler {
	--spx-auf: initial;
	background-color: #1e293b;
	border-left-color: #10b981;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-fehler {
	border-left-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-gast input[type="text"],
html[data-sp-thema="dunkel"] .sp-gast input[type="tel"],
html[data-sp-thema="dunkel"] .sp-gast input[type="email"],
html[data-sp-thema="dunkel"] .sp-gast input[type="password"],
html[data-sp-thema="dunkel"] .sp-gast input[type="search"],
html[data-sp-thema="dunkel"] .sp-gast select {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-gast input:focus,
html[data-sp-thema="dunkel"] .sp-gast select:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-knopf {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #f59e0b;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-knopf:hover {
	--spx-auf: #0f172a;
	background-color: #d97706;
	border-color: #d97706;
}
html[data-sp-thema="dunkel"] .sp-knopf-hell {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-knopf-hell:hover {
	--spx-auf: initial;
	background-color: #0f172a;
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-knopf-loeschen {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #ef4444;
	color: #e86868;
}
html[data-sp-thema="dunkel"] .sp-knopf-loeschen:hover {
	--spx-auf: initial;
	background-color: #0f172a;
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-verweis {
	--spx-auf: inherit;
	color: #d5ddf0;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] .sp-pdpa {
	--spx-auf: initial;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-haken span {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-karte {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-karte-name {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-karte-ort {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-karte-stand {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-karte-stand strong {
	color: var(--spx-auf, #d5ddf0);
	border-bottom-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-karte-hinweis {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-karte-zeit {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-karte-stufe {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-karte-belohnung {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-leer {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-leer p {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-suche {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-trefferzeile {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-keine {
	--spx-auf: initial;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-abschnitt {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-freiwillig {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-formular-klein {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-abschnitt-loeschen {
	border-color: #632828;
}
html[data-sp-thema="dunkel"] .sp-betrieb-ort {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-besuchsnummer-box {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #f59e0b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-besuchsnummer-titel {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-besuchsnummer {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-besuchsnummer-hinweis {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-gebucht {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-haekchen {
	color: var(--spx-auf, #10b981);
}
html[data-sp-thema="dunkel"] .sp-stand {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-stand-titel {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-stand-zahl {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-stand-wort {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-personal-betrieb,
html[data-sp-thema="dunkel"] .sp-betrieb-zeile {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-angemeldet {
	--spx-auf: initial;
	background-color: #334155;
}
html[data-sp-thema="dunkel"] .sp-zeilen > div {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-zeilen dt {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-buchung {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-buchung-zeit {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-buchung-betrag {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-buchung-status {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-buchung-storniert .sp-buchung-punkte {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-eingeloest {
	--spx-auf: initial;
	background-color: #1e293b;
	border-left-color: #10b981;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-pass {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #f59e0b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-pass-kopf {
	--spx-auf: initial;
	background-color: #0f172a;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-pass-name {
	color: var(--spx-auf, #fef3c7);
}
html[data-sp-thema="dunkel"] .sp-pass-zeile {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-pass .sp-besuchsnummer-box {
	box-shadow: none;
}
html[data-sp-thema="dunkel"] .sp-gesammelt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-punktekarte {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-pk-kopf {
	border-bottom-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-pk-name {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-punktekarte .sp-stand {
	--spx-auf: inherit;
	background-color: transparent;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] .sp-punktekarte .sp-stempelkarte {
	--spx-auf: inherit;
	background-color: transparent;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] .sp-stempel {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-stempel-voll {
	--spx-auf: initial;
	border-color: #f59e0b;
	background-color: #443015;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-stempel-geschenk {
	border-color: #f59e0b;
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-stempel-voll.sp-stempel-geschenk {
	box-shadow: 0 0 0 4px color-mix(in srgb, #f59e0b 30%, transparent);
}
html[data-sp-thema="dunkel"] .sp-pk-ring-spur {
	fill: none;
}
html[data-sp-thema="dunkel"] .sp-pk-ring-fuellung {
	fill: none;
}
html[data-sp-thema="dunkel"] .sp-pk-ring-von {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-pk-ziel {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-pk-noch {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-pk-regel {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-pk-geschafft {
	--spx-auf: initial;
	background-color: #443015;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-pk-fest .sp-pk-geschafft {
	box-shadow: 0 0 0 3px #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-pk-stufe {
	--spx-auf: initial;
	border-top-color: #3c4757;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-pk-stufe-fuellung {
	fill: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-pk-stufe p {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-pk-konfetti i {
	--spx-auf: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-pk-konfetti i:nth-child(3n) {
	--spx-auf: #0f172a;
	background-color: #d97706;
}
html[data-sp-thema="dunkel"] .sp-pk-konfetti i:nth-child(3n + 1) {
	--spx-auf: initial;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-treue-symbol-kachel {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-treue-symbol-kachel:has(input:checked) {
	--spx-auf: initial;
	background-color: #443015;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-treue-symbol-kachel:focus-within {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-pk-mini-ring {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-pk-mini-spur {
	fill: none;
}
html[data-sp-thema="dunkel"] .sp-pk-mini-fuellung {
	fill: none;
	stroke: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-pk-mini-feld {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-pk-mini-voll {
	--spx-auf: initial;
	background-color: #443015;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-pk-mini-geschenk {
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-stufe {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-stufe-einloesbar {
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-stufe-fehlt,
html[data-sp-thema="dunkel"] .sp-stufe-hinweis {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-stufe-erreicht .sp-stufe-fehlt {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-guthaben {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-werte dt {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-code-box {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #f59e0b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-code-titel {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-code-hinweis {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-code-balken {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-code-balken-fuellung {
	--spx-auf: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-code-knapp .sp-code-balken-fuellung {
	--spx-auf: #0f172a;
	background-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-code-abgelaufen {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-gastkarte {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #f59e0b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-gastzeile {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-buchung-titel {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-buchung-einloesung .sp-buchung-punkte {
	color: var(--spx-auf, #f6954b);
}
html[data-sp-thema="dunkel"] .sp-buchung-storniert.sp-buchung-einloesung .sp-buchung-punkte {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-fuss {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-fuss a {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-qr-gross {
	--spx-auf: initial;
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}
html[data-sp-thema="dunkel"] .sp-qr-vorschau {
	border-color: #e2e8f0;
}
html[data-sp-thema="dunkel"] .sp-druckkarte {
	--spx-auf: initial;
	background-color: #1e293b;
	color: #d5ddf0;
	border-color: #3c4757;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
html[data-sp-thema="dunkel"] .sp-druckkarte-linie {
	border-top-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-druckkarte-innen .sp-druckkarte-adresse {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-fenster {
	--spx-auf: inherit;
	background-color: rgba(15, 23, 42, 0.45);
}
html[data-sp-thema="dunkel"] .sp-fenster-karte {
	--spx-auf: initial;
	background-color: #047857;
	color: #ffffff;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
}
html[data-sp-thema="dunkel"] .sp-fenster-haken {
	--spx-auf: initial;
	background-color: #1e293b;
	color: #87fbda;
}
html[data-sp-thema="dunkel"] .sp-fenster-balken {
	--spx-auf: inherit;
	background-color: rgba(30, 41, 59, 0.3);
}
html[data-sp-thema="dunkel"] .sp-fenster-balken span {
	--spx-auf: initial;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-fenster-zu {
	--spx-auf: initial;
	color: #87fbda;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-fenster-zu:focus-visible {
	outline-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-ton {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-ton[aria-pressed="true"] {
	color: var(--spx-auf, #d5ddf0);
	border-color: #10b981;
}
html[data-sp-thema="dunkel"] .sp-karte-link {
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-karte-link::after {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-karte-link:active {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-hinweis-vor-ort {
	--spx-auf: initial;
	background-color: #1e293b;
	border-left-color: #f59e0b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .sp-inhaber input[type="url"],
html[data-sp-thema="dunkel"] .sp-inhaber input[type="time"],
html[data-sp-thema="dunkel"] .sp-inhaber textarea {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-inhaber textarea:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-inhaber-betrieb {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-kachel {
	--spx-auf: initial;
	color: inherit;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-kachel::after {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-kachel:active {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-kachel-text {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-feldfehler {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-inhaber [aria-invalid="true"] {
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-zeiten-zeile {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-zeiten-feld {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-mitarbeiter {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-mitarbeiter-nummer {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-zustand {
	--spx-auf: initial;
	background-color: #0f172a;
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .sp-zustand-aktiv {
	--spx-auf: initial;
	background-color: #15422b;
	color: #a0f9e0;
}
html[data-sp-thema="dunkel"] .sp-zustand-gesperrt {
	--spx-auf: initial;
	background-color: #3a1212;
	color: #e46666;
}
html[data-sp-thema="dunkel"] .sp-zustand-ohne_pin {
	--spx-auf: initial;
	background-color: #443015;
	color: #f19f6d;
}
html[data-sp-thema="dunkel"] .sp-zustand-geloescht {
	--spx-auf: inherit;
	background-color: transparent;
	color: #94a3b8;
}
html[data-sp-thema="dunkel"] .sp-erste-pin {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-menue summary {
	--spx-auf: initial;
	border-color: #3c4757;
	color: #d5ddf0;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-menue[open] summary {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-menue-panel {
	--spx-auf: initial;
	background-color: #1e293b;
	border-bottom-color: #f59e0b;
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.35);
}
html[data-sp-thema="dunkel"] .sp-menue-punkt {
	--spx-auf: inherit;
	color: #d5ddf0;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] a.sp-menue-punkt:active,
html[data-sp-thema="dunkel"] button.sp-menue-punkt:active {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-menue-punkt svg {
	color: var(--spx-auf, #faa542);
}
html[data-sp-thema="dunkel"] .sp-menue-sprachen a {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-menue-sprachen a[aria-current="true"] {
	--spx-auf: initial;
	background-color: #443015;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-gruppe summary {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-gruppe summary::after {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-gruppe-zahl {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-kontakt {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-kontakt-symbol {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-kontakt:active .sp-kontakt-symbol {
	--spx-auf: initial;
	background-color: #475569;
}
html[data-sp-thema="dunkel"] .sp-adresse {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-oeffnung {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-oeffnung-zeile {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-oeffnung-zeile.sp-heute {
	box-shadow: inset 4px 0 0 #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-oeffnung-heute {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-beschreibung {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-galerie-bild a {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-notizen textarea {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-notizen textarea:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-gast input[aria-invalid="true"],
html[data-sp-thema="dunkel"] .sp-gast textarea[aria-invalid="true"] {
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-foto img {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-foto-fehlt {
	--spx-auf: initial;
	color: #8e9bae;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-menue-panel {
	box-shadow: none;
}
html[data-sp-thema="dunkel"] .sp-menue-titel {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-menue-zu {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-menue-punkt[aria-current="page"] {
	--spx-auf: initial;
	background-color: #443015;
}
@media (min-width: 768px) {
	html[data-sp-thema="dunkel"] .sp-menue[open] > summary::before {
		--spx-auf: inherit;
		background-color: rgba(15, 23, 42, 0.45);
	}
	html[data-sp-thema="dunkel"] .sp-menue-panel {
		border-left-color: #f59e0b;
		box-shadow: -16px 0 40px rgba(0, 0, 0, 0.45);
	}
}
html[data-sp-thema="dunkel"] .sp-ablage {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-ablage-symbol {
	color: var(--spx-auf, #faa542);
}
html[data-sp-thema="dunkel"] .sp-ablage-titel {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-ablage-ziehen {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-ablage-zahl {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-ablage-hinweis {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-ablage.sp-ablage-js:focus-within {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-ablage.sp-ablage-ueber {
	--spx-auf: initial;
	background-color: #443015;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-ablage-liste img {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-ablage-weg {
	--spx-auf: initial;
	color: #ffffff;
	background-color: rgba(15, 23, 42, 0.72);
}
html[data-sp-thema="dunkel"] .sp-foto-weg,
html[data-sp-thema="dunkel"] .sp-foto-hoch {
	--spx-auf: initial;
	color: #ffffff;
	background-color: rgba(15, 23, 42, 0.72);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
html[data-sp-thema="dunkel"] .sp-foto-griff {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: rgba(30, 41, 59, 0.94);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
html[data-sp-thema="dunkel"] .sp-foto.sp-foto-zieht {
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.6);
}
html[data-sp-thema="dunkel"] .sp-aufklapp {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-aufklapp > summary {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-aufklapp > summary::after {
	border-right-color: #64748b;
	border-bottom-color: #64748b;
}
html[data-sp-thema="dunkel"] .sp-aufklapp-zusatz {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-knopf-google {
	--spx-auf: #ffffff;
	color: #ffffff;
	background-color: #4285f4;
	border-color: #4285f4;
}
html[data-sp-thema="dunkel"] .sp-knopf-google:hover {
	--spx-auf: initial;
	background-color: #3367d6;
	border-color: #3367d6;
}
html[data-sp-thema="dunkel"] .sp-rueckmeldung > summary::after {
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
}
html[data-sp-thema="dunkel"] .sp-rueckmeldung-formular {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-sterne-reihe label {
	color: var(--spx-auf, #e2e8f0);
}
html[data-sp-thema="dunkel"] .sp-sterne-reihe label svg {
	fill: currentColor;
	stroke: #94a3b8;
}
html[data-sp-thema="dunkel"] .sp-sterne-reihe input:checked ~ label,
html[data-sp-thema="dunkel"] .sp-sterne-reihe label:hover,
html[data-sp-thema="dunkel"] .sp-sterne-reihe label:hover ~ label {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-sterne-reihe input:checked ~ label svg,
html[data-sp-thema="dunkel"] .sp-sterne-reihe label:hover svg,
html[data-sp-thema="dunkel"] .sp-sterne-reihe label:hover ~ label svg {
	stroke: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-sterne-reihe input:focus-visible + label {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-rueckmeldung-formular textarea {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-rueckmeldung-formular textarea:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-rm {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-rm-neu {
	border-left-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-rm-kopf {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-rm-marke {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-rm-sterne {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-neues {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}
html[data-sp-thema="dunkel"] .sp-neues a {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-ruf-kontakt {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-ruf {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
	border-left-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-ruf-unterwegs,
html[data-sp-thema="dunkel"] .sp-ruf-inhaber {
	border-left-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-ruf-inhaber.sp-ruf-offen {
	border-left-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-ruf-zeit,
html[data-sp-thema="dunkel"] .sp-ruf-stand {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-ruf-art {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-res-meldung,
html[data-sp-thema="dunkel"] .sp-res-fehler {
	--spx-auf: initial;
	background-color: #1e293b;
	border-left-color: #10b981;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-res-fehler {
	border-left-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-res-karte {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
	border-left-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-res-karte.sp-res-bestaetigt {
	border-left-color: #10b981;
}
html[data-sp-thema="dunkel"] .sp-res-karte.sp-res-ausgebucht,
html[data-sp-thema="dunkel"] .sp-res-karte.sp-res-abgesagt {
	border-left-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-res-karte.sp-res-vorbei {
	border-left-color: #3c4757;
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-res-stand {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-res-bestaetigt .sp-res-stand {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-res-ausgebucht .sp-res-stand {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-res-satz {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-res-neu-marke {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-res-verlauf {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] details.sp-res-verlauf > summary {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-res-wann {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-res-text {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-res-absagen > summary,
html[data-sp-thema="dunkel"] .sp-res-andere > summary,
html[data-sp-thema="dunkel"] .sp-res-vorschlagen > summary {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-res-absagen > summary {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-res-formular {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-reservierung input[type="date"],
html[data-sp-thema="dunkel"] .sp-reservierung input[type="time"],
html[data-sp-thema="dunkel"] .sp-reservierung input[type="number"],
html[data-sp-thema="dunkel"] .sp-reservierung textarea,
html[data-sp-thema="dunkel"] .sp-res-einstellungen input[type="number"],
html[data-sp-thema="dunkel"] .sp-res-vorschlagen input[type="date"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-reservierung input[type="date"]:focus,
html[data-sp-thema="dunkel"] .sp-reservierung input[type="time"]:focus,
html[data-sp-thema="dunkel"] .sp-reservierung input[type="number"]:focus,
html[data-sp-thema="dunkel"] .sp-reservierung textarea:focus,
html[data-sp-thema="dunkel"] .sp-res-einstellungen input[type="number"]:focus,
html[data-sp-thema="dunkel"] .sp-res-vorschlagen input[type="date"]:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-reservierung input[aria-invalid="true"],
html[data-sp-thema="dunkel"] .sp-reservierung textarea[aria-invalid="true"],
html[data-sp-thema="dunkel"] .sp-res-einstellungen input[aria-invalid="true"],
html[data-sp-thema="dunkel"] .sp-res-einstellungen select[aria-invalid="true"],
html[data-sp-thema="dunkel"] .sp-res-vorschlagen input[aria-invalid="true"],
html[data-sp-thema="dunkel"] .sp-res-antwort textarea[aria-invalid="true"] {
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-res-hinweis {
	--spx-auf: initial;
	background-color: #443015;
	border-left-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-res-hinweis a {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-res-einstellungen {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-res-whatsapp {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-personal .sp-res-karte input[type="date"],
html[data-sp-thema="dunkel"] .sp-personal .sp-res-karte input[type="time"],
html[data-sp-thema="dunkel"] .sp-personal .sp-res-karte textarea {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-personal .sp-res-karte input[type="date"]:focus,
html[data-sp-thema="dunkel"] .sp-personal .sp-res-karte input[type="time"]:focus,
html[data-sp-thema="dunkel"] .sp-personal .sp-res-karte textarea:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-angebot {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-angebot-bild {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-angebot-badge {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-angebot-text {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-preis-vorher {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-angebot-gueltig {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-region-zeile {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-region-knoepfe .sp-knopf[aria-pressed="true"] {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-reiter-punkt {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-reiter-punkt[aria-current="page"] {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-banner-flaeche {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
html[data-sp-thema="dunkel"] .sp-top-karte {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-top-name {
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-google-fehlt {
	--spx-auf: initial;
	background-color: #443015;
	border-left-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-google-fehlt a {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-angebot-formular {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-angebot-formular input[type="date"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-angebot-formular input[type="date"]:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-angebot-zeile {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-angebot-stand {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-angebot-zeile[data-zustand="sichtbar"] .sp-angebot-stand {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-angebot-loeschen > summary {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-foto-wahl-punkt {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-foto-wahl-punkt:has(input:checked) {
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-aktion-stand {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-aktion-stand[data-zustand="laeuft"] {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-top-vorschau {
	border-color: #3c4757;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] .sp-gast input[type="color"] {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team input[type="url"],
html[data-sp-thema="dunkel"] .sp-team input[type="time"],
html[data-sp-thema="dunkel"] .sp-team textarea {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team textarea:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-team [aria-invalid="true"] {
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-team-abschnitt,
html[data-sp-thema="dunkel"] .sp-treue,
html[data-sp-thema="dunkel"] .sp-team-kunde {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-team-kunde-name a {
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-team-betriebe li {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team-ort,
html[data-sp-thema="dunkel"] .sp-team-stand,
html[data-sp-thema="dunkel"] .sp-team-rolle,
html[data-sp-thema="dunkel"] .sp-team-zustand,
html[data-sp-thema="dunkel"] .sp-team-schritt-stand,
html[data-sp-thema="dunkel"] .sp-treue-art {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-team-tarif {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-team-schritt {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team-schritt-name::before {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-team-schritt[data-zustand="erledigt"] .sp-team-schritt-name::before {
	color: var(--spx-auf, #10b981);
}
html[data-sp-thema="dunkel"] .sp-team-mitglied {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-treue-hinweis {
	border-left-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-treue-eintrag {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-treue-weg > summary,
html[data-sp-thema="dunkel"] .sp-treue-uebersetzung > summary {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-treue-voll {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-team input[type="date"],
html[data-sp-thema="dunkel"] .sp-team input[type="number"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team input[type="date"]:focus,
html[data-sp-thema="dunkel"] .sp-team input[type="number"]:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-team-uebersicht {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-team-heute a {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-team-heute li[data-heute="ergebnis"]:not([data-zahl="0"]) a,
html[data-sp-thema="dunkel"] .sp-team-heute li[data-heute="aufgaben"]:not([data-zahl="0"]) a {
	--spx-auf: initial;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-team-zahl {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team-zahl-name {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-team-seiten {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-team-lead {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-team-marke {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-team-marke[data-status="gewonnen"],
html[data-sp-thema="dunkel"] .sp-team-marke[data-zustand="erledigt"],
html[data-sp-thema="dunkel"] .sp-team-marke[data-status="ausgezahlt"] {
	--spx-auf: initial;
	background-color: #15422b;
	color: #a0f9e0;
}
html[data-sp-thema="dunkel"] .sp-team-marke[data-status="verloren"],
html[data-sp-thema="dunkel"] .sp-team-marke[data-status="gekuendigt"],
html[data-sp-thema="dunkel"] .sp-team-marke[data-status="gestrichen"],
html[data-sp-thema="dunkel"] .sp-team-marke[data-zustand="ueberfaellig"],
html[data-sp-thema="dunkel"] .sp-team-marke[data-zustand="ohne_ergebnis"] {
	--spx-auf: initial;
	background-color: #3a1212;
	color: #e65b5b;
}
html[data-sp-thema="dunkel"] .sp-team-marke[data-status="pausiert"],
html[data-sp-thema="dunkel"] .sp-team-marke[data-zustand="heute"] {
	--spx-auf: initial;
	background-color: #443015;
	color: #f19f6d;
}
html[data-sp-thema="dunkel"] .sp-team-liste > li {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team-aufgabe[data-zustand="ueberfaellig"] > a {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-team-aufgabe[data-zustand="erledigt"] > a {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-team-naehe-eintrag {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team-notiz {
	--spx-auf: initial;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-team-fruehere li {
	color: var(--spx-auf, #8e9bae);
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team-summen {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-anzeige {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: rgba(30, 41, 59, 0.9);
}
html[data-sp-thema="dunkel"] .sp-hinweis-kurz {
	--spx-auf: initial;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-gast-karte,
html[data-sp-thema="dunkel"] .sp-kb,
html[data-sp-thema="dunkel"] .sp-uebernahme,
html[data-sp-thema="dunkel"] .sp-platz {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-gast-ende {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-gast-sprache {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-gast-zahlen dt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-blatt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-kb-wahl {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-kb-wahl[aria-current="page"] {
	--spx-auf: initial;
	background-color: #0f172a;
	border-color: #0f172a;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-kb-zeit {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-kb[data-art="einloesen"] .sp-kb-punkte {
	color: var(--spx-auf, #f6954b);
}
html[data-sp-thema="dunkel"] .sp-kb[data-art="storno"] .sp-kb-punkte {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-kb[data-art="uebernahme"] .sp-kb-punkte {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-kb-text,
html[data-sp-thema="dunkel"] .sp-kb-titel,
html[data-sp-thema="dunkel"] .sp-kb-storno,
html[data-sp-thema="dunkel"] .sp-kb-grund {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-kb-gast {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-uebernahme-punkte {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-uebernahme[data-stand="storniert"] .sp-uebernahme-punkte {
	color: var(--spx-auf, #94a3b8);
}
html[data-sp-thema="dunkel"] .sp-uebernahme-pruefen .sp-gastname span {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-bericht-neu {
	--spx-auf: initial;
	background-color: #443015;
	border-left-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-bericht-neu a {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-af-eintrag {
	--spx-auf: initial;
	background-color: #0f172a;
	border-left-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-af-zeit {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-af-keine {
	color: var(--spx-auf, #10b981);
}
html[data-sp-thema="dunkel"] .sp-af-hinweis {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-bericht-name {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-bericht-teil {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-bericht-zahlen dt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-bericht-zahlen dd.sp-bericht-vormonat {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-stern {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-pflicht-hinweis {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-pflicht-hinweis span {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] [data-sp-formular] input[aria-invalid="true"],
html[data-sp-thema="dunkel"] [data-sp-formular] select[aria-invalid="true"],
html[data-sp-thema="dunkel"] [data-sp-formular] textarea[aria-invalid="true"] {
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-sendet::after {
	border-color: currentcolor;
	border-right-color: transparent;
}
html[data-sp-thema="dunkel"] .sp-badge-gold {
	--spx-auf: initial;
	background-color: #443015;
	color: #f19f6d;
}
html[data-sp-thema="dunkel"] .sp-badge-gruen {
	--spx-auf: initial;
	background-color: #15422b;
	color: #a0f9e0;
}
html[data-sp-thema="dunkel"] .sp-badge-rot {
	--spx-auf: initial;
	background-color: #3a1212;
	color: #e46666;
}
html[data-sp-thema="dunkel"] .sp-menue-aus-satz {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-gesperrt-kasten {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #0f172a;
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .sp-hinweis-regeln {
	--spx-auf: initial;
	border-left-color: #f59e0b;
	background-color: #443015;
	color: #f0ad87;
}
html[data-sp-thema="dunkel"] .sp-pruefung-eintrag {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-pruefung-rest {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-pruefung-kopf,
html[data-sp-thema="dunkel"] .sp-pruefung-inhalt {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-pruefung-angaben dt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-pruefung-stichwort {
	--spx-auf: initial;
	background-color: #5c451d;
	color: #edbb8e;
}
html[data-sp-thema="dunkel"] ins.sp-neu {
	--spx-auf: initial;
	background-color: #15422b;
	color: #a0f9e0;
}
html[data-sp-thema="dunkel"] del.sp-alt {
	--spx-auf: initial;
	background-color: #3a1212;
	color: #e46666;
}
html[data-sp-thema="dunkel"] .sp-pruefung-sprachen {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-mail-reiter a {
	border-color: #3c4757;
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-mail-reiter a[aria-current] {
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-mail-eigen {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-mail-vorschau {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-mail-text {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-team-geloescht {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-ob-kasten {
	--spx-auf: initial;
	border-color: #765432;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-to-doppelt {
	color: var(--spx-auf, #e86868);
}
html[data-sp-thema="dunkel"] .sp-meldung.sp-erfolg {
	--spx-auf: initial;
	background-color: #0f172a;
	border-left-color: #10b981;
	color: #a0f9e0;
}
html[data-sp-thema="dunkel"] .sp-nebenformular {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-backupweg > summary {
	color: var(--spx-auf, #4f8ff7);
}
html[data-sp-thema="dunkel"] .sp-tfa-qr {
	--spx-auf: initial;
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
html[data-sp-thema="dunkel"] .sp-tfa-schluessel {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-codekarte {
	--spx-auf: initial;
	background-color: #1e293b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-codeliste > li {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-bestaetigung {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-bestaetigung > legend {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-zurueck-web {
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-zurueck-web:hover,
html[data-sp-thema="dunkel"] .sp-zurueck-web:focus-visible {
	--spx-auf: inherit;
	background-color: rgba(15, 23, 42, 0.06);
}
html[data-sp-thema="dunkel"] .sp-streifen a {
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-streifen-gold {
	--spx-auf: initial;
	background-color: #443015;
	border-color: #f59e0b;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-streifen-rot {
	--spx-auf: initial;
	background-color: #0f172a;
	border-color: #ef4444;
	color: #e46666;
}
html[data-sp-thema="dunkel"] .sp-ul-balken-leiste {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-ul-balken-leiste span {
	--spx-auf: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-ul-balken[data-voll="1"] .sp-ul-balken-leiste span {
	--spx-auf: #0f172a;
	background-color: #10b981;
}
html[data-sp-thema="dunkel"] .sp-ul-punkt {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-ul-punkt[data-stand="neu_angefordert"],
html[data-sp-thema="dunkel"] .sp-ul-punkt[data-stand="abgelaufen"] {
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-ul-marke {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-ul-marke[data-stand="geprueft"] {
	--spx-auf: initial;
	background-color: #15422b;
	color: #a0f9e0;
}
html[data-sp-thema="dunkel"] .sp-ul-marke[data-stand="eingereicht"] {
	--spx-auf: initial;
	background-color: #443015;
	color: #f19f6d;
}
html[data-sp-thema="dunkel"] .sp-ul-marke[data-stand="neu_angefordert"],
html[data-sp-thema="dunkel"] .sp-ul-marke[data-stand="abgelaufen"],
html[data-sp-thema="dunkel"] .sp-ul-marke[data-stand="fehlt"] {
	--spx-auf: initial;
	background-color: #3a1212;
	color: #e46666;
}
html[data-sp-thema="dunkel"] .sp-ul-grund {
	color: var(--spx-auf, #e66f6f);
}
html[data-sp-thema="dunkel"] .sp-ul-zeile {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-ul-dokumente img.sp-ul-bild,
html[data-sp-thema="dunkel"] .sp-ul-dokumente iframe.sp-ul-pdf {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-ul-vergleich dt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-abo {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-abo-angaben dt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-ab-reiter a {
	border-color: #3c4757;
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-ab-reiter a[aria-current="page"] {
	--spx-auf: initial;
	background-color: #0f172a;
	border-color: #0f172a;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-ab-zeile {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-ab-zeile[data-stand="gesperrt"] {
	border-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-ab-rot,
html[data-sp-thema="dunkel"] .sp-karte-gesperrt {
	color: var(--spx-auf, #f26464);
}
html[data-sp-thema="dunkel"] .sp-ab-qr img,
html[data-sp-thema="dunkel"] .sp-zf-qr img {
	--spx-auf: initial;
	border-color: #e2e8f0;
	background-color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-zf-liste li {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-zf-betrag {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-zf-summe {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-zf-hinweis {
	--spx-auf: initial;
	background-color: #0f172a;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-zf-bank dt {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-zf-bank dd {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-res-schritt + .sp-res-schritt {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-res-schritt-titel {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] p.sp-res-badge {
	--spx-auf: initial;
	background-color: #1f7a3a;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-res-zusammenfassung {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-res-bezahlt {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-res-baukasten {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-res-karte.sp-res-abgelehnt {
	border-left-color: #ef4444;
}
html[data-sp-thema="dunkel"] .sp-shop-produkt {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-shop-varianten,
html[data-sp-thema="dunkel"] .sp-shop-angaben {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-hinweis-gold {
	--spx-auf: initial;
	background-color: #443015;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-shop-pille {
	--spx-auf: initial;
	border-color: #3c4757;
	color: #d5ddf0;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-shop-pille.sp-aktiv {
	--spx-auf: initial;
	border-color: #d97706;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-shop-karte a {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-shop-karte img,
html[data-sp-thema="dunkel"] .sp-shop-hauptbild {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-shop-karte-preis,
html[data-sp-thema="dunkel"] .sp-shop-preis {
	color: var(--spx-auf, #faa542);
}
html[data-sp-thema="dunkel"] .sp-shop-aus {
	color: var(--spx-auf, #f26464);
}
html[data-sp-thema="dunkel"] .sp-shop-posten li {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-shop-wahl,
html[data-sp-thema="dunkel"] .sp-shop-adresse {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-shop-bestellung {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-shop-stand {
	color: var(--spx-auf, #faa542);
}
html[data-sp-thema="dunkel"] .sp-shop-stand-storniert .sp-shop-stand,
html[data-sp-thema="dunkel"] .sp-shop-stand-verfallen .sp-shop-stand {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-shop-zone {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] details.sp-shop-verkaeufer,
html[data-sp-thema="dunkel"] .sp-shop-verkaeufer-kasse,
html[data-sp-thema="dunkel"] .sp-shop-verkaeufer-beleg,
html[data-sp-thema="dunkel"] .sp-shop-hinweis-angaben {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-shop-siegel {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-shop-kopf-link {
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-shop-zahlen {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-shop-qr,
html[data-sp-thema="dunkel"] .sp-shop-code-qr {
	--spx-auf: initial;
	background-color: #fff;
}
html[data-sp-thema="dunkel"] .sp-shop-code {
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-shopcode-ergebnis {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-shopcode-gueltig {
	--spx-auf: initial;
	border-color: #10b981;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-shopcode-nein {
	--spx-auf: initial;
	border-color: #ef4444;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-scanner-bild {
	--spx-auf: initial;
	background-color: #334155;
}
html[data-sp-thema="dunkel"] .sp-abholung-offen {
	color: var(--spx-auf, #f26464);
}
html[data-sp-thema="dunkel"] .sp-ls-empfaenger {
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-ls-posten th,
html[data-sp-thema="dunkel"] .sp-ls-posten td {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-art {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .sp-art strong {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-pw-zeigen {
	--spx-auf: inherit;
	color: #d5ddf0;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] .sp-pw-teil {
	--spx-auf: inherit;
	border-color: #64748b;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="0"] .sp-pw-teil:nth-child(-n+1),
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="0"] .sp-pw-wort {
	--spx-auf: initial;
	background-color: #b91c1c;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="1"] .sp-pw-teil:nth-child(-n+2),
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="1"] .sp-pw-wort {
	--spx-auf: initial;
	background-color: #c2410c;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="2"] .sp-pw-teil:nth-child(-n+3),
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="2"] .sp-pw-wort {
	--spx-auf: #422006;
	background-color: #facc15;
	color: #422006;
}
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="3"] .sp-pw-teil,
html[data-sp-thema="dunkel"] .sp-pw-staerke[data-stufe="3"] .sp-pw-wort {
	--spx-auf: initial;
	background-color: #15803d;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-liste-ende {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-ob-standort-info {
	--spx-auf: initial;
	border-color: #fcd34d;
	background-color: #443015;
	color: #f9d7bd;
}
html[data-sp-thema="dunkel"] .sp-ob-standort-symbol {
	fill: #faa542;
}
html[data-sp-thema="dunkel"] .sp-shop-wer-verkauft {
	--spx-auf: initial;
	border-color: #765432;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-melden-knopf {
	color: var(--spx-auf, #999da3);
}
html[data-sp-thema="dunkel"] .sp-melden-knopf:hover,
html[data-sp-thema="dunkel"] .sp-melden-knopf:focus-visible {
	color: var(--spx-auf, #ea6b62);
}
html[data-sp-thema="dunkel"] .sp-melden[open] .sp-melden-knopf {
	color: var(--spx-auf, #ea6b62);
}
html[data-sp-thema="dunkel"] .sp-melden-fenster {
	--spx-auf: initial;
	border-color: #6b322c;
	background-color: #1e293b;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}
html[data-sp-thema="dunkel"] .sp-dringend {
	--spx-auf: initial;
	border-color: #6b322c;
	border-left-color: #b42318;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-dringend h2 {
	color: var(--spx-auf, #ea6b62);
}
html[data-sp-thema="dunkel"] .sp-ampel {
	--spx-auf: initial;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-ampel[data-ampel="gruen"] {
	--spx-auf: initial;
	background-color: #15422b;
	color: #a0f9e0;
}
html[data-sp-thema="dunkel"] .sp-ampel[data-ampel="orange"] {
	--spx-auf: initial;
	background-color: #3f2c14;
	color: #ed8765;
}
html[data-sp-thema="dunkel"] .sp-ampel[data-ampel="rot"] {
	--spx-auf: initial;
	background-color: #3a1212;
	color: #e46666;
}
html[data-sp-thema="dunkel"] .sp-ampel[data-ampel="beantwortet"] {
	--spx-auf: initial;
	background-color: #2d394b;
	color: #aeb8c8;
}
html[data-sp-thema="dunkel"] .sp-behoerde,
html[data-sp-thema="dunkel"] .sp-behoerden li[data-ampel] {
	border-left-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-behoerde[data-ampel="gruen"],
html[data-sp-thema="dunkel"] .sp-behoerden li[data-ampel="gruen"] {
	border-left-color: #10b981;
}
html[data-sp-thema="dunkel"] .sp-behoerde[data-ampel="orange"],
html[data-sp-thema="dunkel"] .sp-behoerden li[data-ampel="orange"] {
	border-left-color: #f97316;
}
html[data-sp-thema="dunkel"] .sp-behoerde[data-ampel="rot"],
html[data-sp-thema="dunkel"] .sp-behoerden li[data-ampel="rot"] {
	border-left-color: #dc2626;
}
html[data-sp-thema="dunkel"] .sp-brief-unterschrift {
	border-bottom-color: #a6b6d8;
}
html[data-sp-thema="dunkel"] .sp-platz-nummern input[type="number"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-platz-nummern input[type="number"]:focus {
	outline-color: #3b82f6;
	border-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-bereich-name {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-bereich-mehr[open] {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-platz-kacheln > .sp-platz {
	--spx-auf: inherit;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] .sp-platz-knopf {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
	border-color: #644a29;
}
html[data-sp-thema="dunkel"] .sp-platz-knopf.sp-platz-aus {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-platz-knopf:focus-visible {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-platz-kachel[open] > .sp-platz-knopf {
	border-color: #d97706;
}
html[data-sp-thema="dunkel"] .sp-platz-panel {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-platz-kacheln > .sp-platz.sp-platz-zieht .sp-platz-knopf {
	outline-color: #d97706;
}
html[data-sp-thema="dunkel"] .sp-platz-kacheln > .sp-platz.sp-platz-ziel .sp-platz-knopf,
html[data-sp-thema="dunkel"] .sp-platz-kacheln > .sp-bereich-kopf.sp-platz-ziel {
	box-shadow: 0 0 0 3px #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-gast .sp-schalter-zeile {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-rufkarten-ton-knopf {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-rufkarten-ton-knopf[aria-pressed="false"] {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-rufkarten-ton-knopf:focus-visible {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-ruf.sp-rufkarte {
	border-color: #f59e0b;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
html[data-sp-thema="dunkel"] .sp-ruf.sp-rufkarte.sp-ruf-unterwegs {
	border-color: #3c4757;
	border-left-color: #10b981;
}
html[data-sp-thema="dunkel"] .sp-ruf.sp-rufkarte.sp-rufkarte-unbekannt {
	border-color: #c2410c;
}
html[data-sp-thema="dunkel"] .sp-rufkarte .sp-ruf-platz {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-rufkarte-unbekannt .sp-ruf-platz {
	color: var(--spx-auf, #f47a48);
}
html[data-sp-thema="dunkel"] .sp-rufkarte-alter {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-rufkarte-bereich {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-rufkarte-grund {
	color: var(--spx-auf, #ed8765);
}
html[data-sp-thema="dunkel"] .sp-rufkarte-wer {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-rufkarte-wer .sp-ruf-gast {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-rufkarte-wer .sp-ruf-art,
html[data-sp-thema="dunkel"] .sp-rufkarte-wer .sp-ruf-zeit {
	--spx-auf: inherit;
	color: #96a4b8;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] .sp-rufkarte-weitergeleitet {
	--spx-auf: initial;
	color: #ed8765;
	background-color: #3f2c14;
}
html[data-sp-thema="dunkel"] .sp-rufkarte .sp-ruf-stand {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-ruf-inhaber.sp-ruf-offen.sp-ruf-alt {
	border-left-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-platzwahl-bereich {
	color: var(--spx-auf, #96a4b8);
}
html[data-sp-thema="dunkel"] .sp-platz-kachel {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
	border-color: #644a29;
}
html[data-sp-thema="dunkel"] .sp-platz-kachel:hover {
	color: var(--spx-auf, #d5ddf0);
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-platz-kachel:focus-visible {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-platz-kachel.sp-platz-kachel-hell {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-platz-chip {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-ruf-grund-kachel {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-ruf-grund-kachel:has(input:checked) {
	--spx-auf: initial;
	background-color: #443015;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-ruf-grund-kachel:focus-within {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-rufstand {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .sp-rufstand-titel {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-rufstand-punkt {
	--spx-auf: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-rufstand-kommt .sp-rufstand-punkt,
html[data-sp-thema="dunkel"] .sp-rufstand-erledigt .sp-rufstand-punkt {
	--spx-auf: #0f172a;
	background-color: #10b981;
}
html[data-sp-thema="dunkel"] .sp-rufstand-stufen {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-rufstand-stufen .sp-erreicht {
	color: var(--spx-auf, #87fbda);
}
html[data-sp-thema="dunkel"] .sp-rufkarten-ton-knopf[data-sp-ton-wartet] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-theke {
	--spx-auf: initial;
	background-color: #0f172a;
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-theke-titel {
	color: var(--spx-auf, #d5ddf0);
}
html[data-sp-thema="dunkel"] .sp-theke-netz {
	--spx-auf: initial;
	color: #ed8765;
	background-color: #3f2c14;
}
html[data-sp-thema="dunkel"] .sp-theke-tippen {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .sp-theke-leer {
	color: var(--spx-auf, #96a4b8);
}
/* ---------------------------------------------------------------- aus design.css */
html[data-sp-thema="dunkel"] .sp-knopf,
html[data-sp-thema="dunkel"] .spd-knopf {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #f59e0b;
	border-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-knopf:hover,
html[data-sp-thema="dunkel"] .sp-knopf:focus-visible,
html[data-sp-thema="dunkel"] .spd-knopf:hover,
html[data-sp-thema="dunkel"] .spd-knopf:focus-visible {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #d97706;
	border-color: #d97706;
}
html[data-sp-thema="dunkel"] .sp-knopf:active,
html[data-sp-thema="dunkel"] .spd-knopf:active {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #d97706;
	border-color: #d97706;
}
html[data-sp-thema="dunkel"] .sp-knopf:focus-visible,
html[data-sp-thema="dunkel"] .spd-knopf:focus-visible,
html[data-sp-thema="dunkel"] .sp-fenster-zu:focus-visible,
html[data-sp-thema="dunkel"] .sp-melden-knopf:focus-visible,
html[data-sp-thema="dunkel"] .sp-reiter-punkt:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .sp-knopf-hell,
html[data-sp-thema="dunkel"] .spd-knopf-hell {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-knopf-hell:hover,
html[data-sp-thema="dunkel"] .sp-knopf-hell:focus-visible,
html[data-sp-thema="dunkel"] .spd-knopf-hell:hover,
html[data-sp-thema="dunkel"] .spd-knopf-hell:focus-visible {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-knopf-hell:active,
html[data-sp-thema="dunkel"] .spd-knopf-hell:active {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #2c384a;
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-knopf-loeschen,
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-loeschen {
	--spx-auf: initial;
	color: #e86868;
	background-color: #1e293b;
	border-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-loeschen:hover,
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-loeschen:focus-visible {
	--spx-auf: initial;
	color: #e65757;
	background-color: #0f172a;
	border-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-loeschen:active {
	--spx-auf: initial;
	color: #e65b5b;
	background-color: #3a1212;
	border-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .sp-knopf-google,
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-google {
	--spx-auf: #ffffff;
	color: #ffffff;
	background-color: #1a73e8;
	border-color: #1a73e8;
}
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-google:hover,
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-google:focus-visible {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #1765cc;
	border-color: #1765cc;
}
html[data-sp-thema="dunkel"] .sp-knopf.sp-knopf-google:active {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #185abc;
	border-color: #185abc;
}
html[data-sp-thema="dunkel"] .sp-knopf:disabled,
html[data-sp-thema="dunkel"] .sp-knopf[aria-disabled="true"],
html[data-sp-thema="dunkel"] .spd-knopf:disabled,
html[data-sp-thema="dunkel"] .spd-knopf[aria-disabled="true"] {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .sp-sendet,
html[data-sp-thema="dunkel"] .sp-foto-formular .sp-knopf[disabled] {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .sp-menue-zu {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-menue-zu:hover,
html[data-sp-thema="dunkel"] .sp-menue-zu:focus-visible {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #2c384a;
}
html[data-sp-thema="dunkel"] .sp-melden-knopf {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .spd-x {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-x:hover,
html[data-sp-thema="dunkel"] .spd-x:focus-visible {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #2c384a;
}
html[data-sp-thema="dunkel"] .spd-x:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .sp-ablage-weg,
html[data-sp-thema="dunkel"] .sp-foto-weg,
html[data-sp-thema="dunkel"] .sp-foto-hoch {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-leiste-unten {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	box-shadow: 0 -1px 0 #e2e8f0, 0 -8px 24px rgba(0, 0, 0, 0.15);
}
html[data-sp-thema="dunkel"] body select:not([multiple]):not([size]) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%23d5ddf0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-sp-thema="dunkel"] input[type="checkbox"],
html[data-sp-thema="dunkel"] input[type="radio"] {
	--spx-auf: initial;
	border-color: #64748b;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] input[type="checkbox"]:checked {
	--spx-auf: initial;
	border-color: #0f172a;
	background-color: #0f172a;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-sp-thema="dunkel"] input[type="radio"]:checked {
	--spx-auf: initial;
	border-color: #0f172a;
	background-color: #1e293b;
	background-image: radial-gradient(circle, #d5ddf0 0 42%, transparent 46%);
}
html[data-sp-thema="dunkel"] input[type="checkbox"]:focus-visible,
html[data-sp-thema="dunkel"] input[type="radio"]:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] input[type="checkbox"]:disabled,
html[data-sp-thema="dunkel"] input[type="radio"]:disabled {
	--spx-auf: initial;
	border-color: #435063;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] input[type="checkbox"][aria-invalid="true"],
html[data-sp-thema="dunkel"] input[type="radio"][aria-invalid="true"] {
	border-color: #b91c1c;
}
html[data-sp-thema="dunkel"] input[type="checkbox"][role="switch"] {
	--spx-auf: initial;
	border-color: #64748b;
	background-color: #64748b;
	background-image: radial-gradient(circle at 12px 50%, #ffffff 0 9px, transparent 10px);
}
html[data-sp-thema="dunkel"] input[type="checkbox"][role="switch"]:checked {
	--spx-auf: initial;
	border-color: #047857;
	background-color: #047857;
	background-image: radial-gradient(circle at calc(100% - 12px) 50%, #ffffff 0 9px, transparent 10px);
}
html[data-sp-thema="dunkel"] .spd-wahl {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .spd-wahl:hover {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
	border-color: #64748b;
}
html[data-sp-thema="dunkel"] .spd-wahl:focus-visible,
html[data-sp-thema="dunkel"] .spd-wahl[aria-expanded="true"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #1d4ed8;
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-wahl.spd-fehler {
	border-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .spd-wahl:disabled {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-wahl-leer .spd-wahl-wert {
	color: #8e9bae;
}
html[data-sp-thema="dunkel"] .spd-chip {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .spd-chip .spd-x {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: rgba(0, 0, 0, 0);
}
html[data-sp-thema="dunkel"] .spd-chip .spd-x:hover,
html[data-sp-thema="dunkel"] .spd-chip .spd-x:focus-visible {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #2c384a;
}
html[data-sp-thema="dunkel"] .spd-hinter {
	--spx-auf: inherit;
	background-color: rgba(15, 23, 42, 0.45);
}
html[data-sp-thema="dunkel"] .spd-liste {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #3c4757;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
html[data-sp-thema="dunkel"] .spd-blatt-kopf {
	border-bottom-color: #3c4757;
}
html[data-sp-thema="dunkel"] .spd-blatt-titel {
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .spd-suche {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .spd-suche:focus {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #1d4ed8;
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-suche::placeholder {
	color: #8e9bae;
}
html[data-sp-thema="dunkel"] .spd-eintrag {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-eintrag:hover,
html[data-sp-thema="dunkel"] .spd-eintrag.spd-aktiv {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-eintrag[aria-selected="true"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .spd-eintrag[aria-selected="true"].spd-aktiv {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
	box-shadow: inset 3px 0 0 #d97706;
}
html[data-sp-thema="dunkel"] .spd-eintrag.spd-aktiv {
	box-shadow: inset 3px 0 0 #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-eintrag[aria-disabled="true"] {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-haken {
	--spx-auf: initial;
	border-color: #64748b;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-eintrag[aria-selected="true"] .spd-haken {
	--spx-auf: initial;
	border-color: #0f172a;
	color: #ffffff;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-gruppe {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .spd-keine {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .spd-liste-fuss {
	border-top-color: #3c4757;
}
html[data-sp-thema="dunkel"] .spd-zeit-spalte {
	border-right-color: #3c4757;
}
html[data-sp-thema="dunkel"] .spd-zeit-titel {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .spd-bereich-reiter {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-bereich-reiter[aria-pressed="true"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-bereich-reiter:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-bereich-titel {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .spd-bereich-reiter[aria-pressed="true"] .spd-bereich-titel {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .spd-schnell-knopf {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
	border-color: #3c4757;
}
html[data-sp-thema="dunkel"] .spd-schnell-knopf:hover {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #2c384a;
}
html[data-sp-thema="dunkel"] .spd-schnell-knopf:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-monat-titel {
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .spd-monat-knopf {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-monat-knopf:hover {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-monat-knopf:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-monat-knopf:disabled {
	--spx-auf: initial;
	color: #8e9bae;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-kalender th {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-kalender td {
	--spx-auf: inherit;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] .spd-tag {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-tag:hover {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-tag:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-tag[aria-current="date"] {
	box-shadow: inset 0 0 0 2px #64748b;
}
html[data-sp-thema="dunkel"] .spd-tag.spd-tag-spanne,
html[data-sp-thema="dunkel"] .spd-tag.spd-tag-spanne:hover {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .spd-tag.spd-tag-wahl,
html[data-sp-thema="dunkel"] .spd-tag.spd-tag-wahl:hover {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spd-tag[aria-disabled="true"],
html[data-sp-thema="dunkel"] .spd-tag[aria-disabled="true"]:hover {
	--spx-auf: initial;
	color: #8e9bae;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spd-datum-gewaehlt {
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .sp-karte-zeit,
html[data-sp-thema="dunkel"] .sp-buchung-storniert .sp-buchung-punkte,
html[data-sp-thema="dunkel"] .sp-buchung-storniert.sp-buchung-einloesung .sp-buchung-punkte,
html[data-sp-thema="dunkel"] .sp-zustand-geloescht,
html[data-sp-thema="dunkel"] .sp-uebernahme[data-stand="storniert"] .sp-uebernahme-punkte {
	color: #8e9bae;
}
html[data-sp-thema="dunkel"] .sp-fuss {
	color: #8e9bae;
}
html[data-sp-thema="dunkel"] .sp-karte-link::after,
html[data-sp-thema="dunkel"] .sp-kachel::after,
html[data-sp-thema="dunkel"] .sp-gruppe summary::after,
html[data-sp-thema="dunkel"] .sp-team-schritt-name::before {
	color: #8e9bae;
}
html[data-sp-thema="dunkel"] .sp-foto-fehlt {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-haekchen,
html[data-sp-thema="dunkel"] .sp-af-keine,
html[data-sp-thema="dunkel"] .sp-team-schritt[data-zustand="erledigt"] .sp-team-schritt-name::before {
	color: #87fbda;
}
html[data-sp-thema="dunkel"] .sp-shop-karte-preis,
html[data-sp-thema="dunkel"] .sp-shop-preis,
html[data-sp-thema="dunkel"] .sp-shop-stand,
html[data-sp-thema="dunkel"] .sp-menue-punkt svg,
html[data-sp-thema="dunkel"] .sp-ablage-symbol {
	color: #f6954b;
}
html[data-sp-thema="dunkel"] .sp-ab-rot,
html[data-sp-thema="dunkel"] .sp-karte-gesperrt,
html[data-sp-thema="dunkel"] .sp-shop-aus,
html[data-sp-thema="dunkel"] .sp-abholung-offen {
	color: #e86868;
}
html[data-sp-thema="dunkel"] .sp-backupweg > summary {
	color: #6f90ec;
}
html[data-sp-thema="dunkel"] .sp-code-abgelaufen .sp-code,
html[data-sp-thema="dunkel"] .sp-code-abgelaufen .sp-code-hinweis,
html[data-sp-thema="dunkel"] .sp-res-aus,
html[data-sp-thema="dunkel"] .sp-menue-aus,
html[data-sp-thema="dunkel"] .sp-ob-hinweis,
html[data-sp-thema="dunkel"] .sp-to-angaben dt,
html[data-sp-thema="dunkel"] .sp-shop-code-aus {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .sp-team-mitglied[data-zustand="gesperrt"] {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-liste-mehr[aria-busy="true"] {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .sp-sterne-reihe label svg {
	stroke: #8e9bae;
}
html[data-sp-thema="dunkel"] body .sp-geo-fuss {
	color: #8e9bae;
}
html[data-sp-thema="dunkel"] body .sp-geo-symbol {
	color: #f47a48;
}
html[data-sp-thema="dunkel"] .spd-meldung {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #435063;
	border-left-color: #047857;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
html[data-sp-thema="dunkel"] .spd-meldung-fehler {
	border-left-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .spd-meldung-zeichen {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #047857;
}
html[data-sp-thema="dunkel"] .spd-meldung-fehler .spd-meldung-zeichen {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .spd-meldung-text {
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .spd-meldung-feld {
	--spx-auf: initial;
	color: #e65757;
	background-color: #0f172a;
	border-color: #5a2525;
}
html[data-sp-thema="dunkel"] .spd-meldung-feld:hover,
html[data-sp-thema="dunkel"] .spd-meldung-feld:focus-visible,
html[data-sp-thema="dunkel"] .spd-meldung-feld:active {
	--spx-auf: initial;
	color: #e65b5b;
	background-color: #3a1212;
}
html[data-sp-thema="dunkel"] .spd-meldung-feld:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-meldung-x::before,
html[data-sp-thema="dunkel"] .spd-meldung-x::after {
	--spx-auf: inherit;
	background-color: currentColor;
}
html[data-sp-thema="dunkel"] .spd-meldung-balken {
	--spx-auf: initial;
	background-color: #047857;
}
html[data-sp-thema="dunkel"] .sp-zf-liste li.sp-zf-rechnung {
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .sp-zf-handy {
	border-color: #64748b;
}
html[data-sp-thema="dunkel"] details.sp-zf-qst {
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .sp-geo .sp-geo-feld .sp-geo-lupe {
	--spx-auf: initial;
	color: #96a4b8;
	background-color: #0f172a;
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .spd-warnfenster {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-top-color: #b91c1c;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
html[data-sp-thema="dunkel"] .spd-warnfenster h2 {
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .spd-warnfenster-x {
	color: #d5ddf0;
}
html[data-sp-thema="dunkel"] .spd-warnfenster-x:hover,
html[data-sp-thema="dunkel"] .spd-warnfenster-x:focus-visible {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #2c384a;
}
html[data-sp-thema="dunkel"] .sp-web-veraltet span,
html[data-sp-thema="dunkel"] .sp-web-reiter.sp-web-veraltet .sp-web-zustand {
	color: #f6954b;
}
html[data-sp-thema="dunkel"] .sp-web-leer span,
html[data-sp-thema="dunkel"] .sp-web-reiter.sp-web-leer .sp-web-zustand {
	color: #8e9bae;
}
html[data-sp-thema="dunkel"] .sp-web-erfolg .sp-web-sichern {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #047857;
	border-color: #047857;
}
html[data-sp-thema="dunkel"] .sp-web-fehler .sp-web-sichern {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #b91c1c;
	border-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .sp-anfrage-geleert td,
html[data-sp-thema="dunkel"] .sp-anfrage-lead td {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .sp-web-ampel-gruen,
html[data-sp-thema="dunkel"] .sp-web-wert-gruen {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #10b981;
}
html[data-sp-thema="dunkel"] .sp-web-ampel-orange,
html[data-sp-thema="dunkel"] .sp-web-wert-orange {
	--spx-auf: #0f172a;
	color: #0f172a;
	background-color: #f59e0b;
}
html[data-sp-thema="dunkel"] .sp-web-ampel-rot,
html[data-sp-thema="dunkel"] .sp-web-wert-rot {
	--spx-auf: initial;
	color: #ffffff;
	background-color: #b91c1c;
}
html[data-sp-thema="dunkel"] .spd-d3-knopf:focus-visible,
html[data-sp-thema="dunkel"] .spd-d3-kreise a:focus-visible,
html[data-sp-thema="dunkel"] .spd-d3-zeile:focus-visible,
html[data-sp-thema="dunkel"] .spd-d3-link:focus-visible {
	outline-color: #1d4ed8;
}
html[data-sp-thema="dunkel"] .spd-d3-karte .spd-d3-feld-eingabe {
	--spx-auf: inherit;
	border-color: transparent;
}
@media (min-width: 900px) {
	html[data-sp-thema="dunkel"] .spd-d3-fest {
		--spx-auf: inherit;
		background-color: transparent;
	}
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-abschnitt {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], select, textarea) {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-abschnitt :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], select, textarea) {
	--spx-auf: inherit;
	border-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-knopf {
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-abschnitt .sp-knopf-hell {
	--spx-auf: inherit;
	border-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .spd-d3-bereiche .sp-kacheln .sp-kachel {
	--spx-auf: inherit;
	background-color: transparent;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt button.spd-d3-zeile {
	--spx-auf: inherit;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-angemeldet {
	--spx-auf: inherit;
	background-color: transparent;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-angemeldet .sp-verweis {
	--spx-auf: inherit;
	background-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt :is(p.sp-fehler, p.sp-meldung) {
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-abschnitt .sp-knopf-hell {
	outline-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt :is(.sp-treue, .sp-leer, .sp-gastkarte, .sp-banner-flaeche, .sp-team-abschnitt) {
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-ruf.sp-rufkarte {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-shop-pille {
	--spx-auf: inherit;
	border-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-platz-knopf {
	--spx-auf: inherit;
	border-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .spw-handy {
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .spw-v-hinweis {
	--spx-auf: inherit;
	color: var(--spd-ton-text);
	background-color: var(--spd-ton-flaeche-2);
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .sp-qr-gross {
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-leiter > .sp-stufe {
	--spx-auf: inherit;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-meinung-liste .sp-knopf-google {
	--spx-auf: inherit;
	color: var(--spd-ton-text);
	background-color: var(--spd-ton-flaeche);
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt :is(.sp-meinung-liste, .sp-angaben-liste, .sp-notizen) details {
	--spx-auf: inherit;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt :is(.sp-ruf-grund-kachel, .sp-platz-kachel) {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-res-karte {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-liste > li.sp-karte {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-angebot {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-code-box {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-rufstand {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt :is(.sp-shop-zahlen, .sp-pdpa) {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-fotos .sp-aufklapp-fotos {
	--spx-auf: inherit;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite.sp-gast .spd-d3-inhalt .sp-top-karte {
	--spx-auf: inherit;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .spd-d3-anmeldung :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select) {
	--spx-auf: inherit;
	border-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .spd-d3-anmeldung .sp-knopf-hell {
	--spx-auf: inherit;
	border-color: transparent;
}
html[data-sp-thema="dunkel"] body.spd-d3-seite .spd-d3-inhalt .spd-d3-anmeldung .sp-abschnitt .sp-knopf-hell {
	--spx-auf: inherit;
	border-color: transparent;
}
html[data-sp-thema="dunkel"] body.sp-team:not(.spd-d3-seite) .sp-inhalt :is(.sp-leer, .sp-abschnitt, .sp-team-abschnitt, .sp-team-kunde, .sp-team-lead, .sp-team-summen, .sp-team-uebersicht, .sp-meldung, .sp-fehler, .sp-karte, .sp-kachel, .sp-tfa-qr, .sp-codekarte, .spa-karten > li > a) {
	box-shadow: none;
}
/* ---------------------------------------------------------------- aus geoapify.css */
html[data-sp-thema="dunkel"] .sp-geo-lupe {
	color: var(--spx-auf, #989ca4);
}
html[data-sp-thema="dunkel"] .sp-geo-liste {
	--spx-auf: initial;
	background-color: #1e293b;
	border-color: #404c5f;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
html[data-sp-thema="dunkel"] .sp-geo-liste .sp-geo-punkt:hover,
html[data-sp-thema="dunkel"] .sp-geo-liste .sp-geo-punkt[aria-selected="true"] {
	--spx-auf: initial;
	background-color: #263040;
}
html[data-sp-thema="dunkel"] .sp-geo-symbol {
	color: var(--spx-auf, #e8731a);
}
html[data-sp-thema="dunkel"] .sp-geo-adresse .sp-geo-symbol {
	color: var(--spx-auf, #959ba7);
}
html[data-sp-thema="dunkel"] .sp-geo-titel {
	color: var(--spx-auf, #cfd5e2);
}
html[data-sp-thema="dunkel"] .sp-geo-zeile {
	color: var(--spx-auf, #959ba7);
}
html[data-sp-thema="dunkel"] .sp-geo-leer {
	color: var(--spx-auf, #959ba7);
}
html[data-sp-thema="dunkel"] .sp-geo-fuss {
	border-top-color: #384353;
	color: var(--spx-auf, #989ca4);
}
html[data-sp-thema="dunkel"] .sp-geo-hand {
	--spx-auf: inherit;
	background-color: transparent;
	color: inherit;
}
html[data-sp-thema="dunkel"] .sp-geo-hand:focus-visible,
html[data-sp-thema="dunkel"] .sp-geo .sp-geo-eingabe:focus-visible {
	outline-color: #e8731a;
}
html[data-sp-thema="dunkel"] .sp-adresssuche-laender fieldset {
	border-color: #404c5f;
}
html[data-sp-thema="dunkel"] .sp-flagge {
	border-color: rgba(16, 24, 40, 0.14);
}
/* ---------------------------------------------------------------- aus aussehen-editor.css */
html[data-sp-thema="dunkel"] .sp-gast .spw-farbe-zeile input.spw-waehler {
	--spx-auf: initial;
	border-color: #64748b;
	background-color: #1e293b;
}
html[data-sp-thema="dunkel"] .spw-auto,
html[data-sp-thema="dunkel"] .spw-vorschlag,
html[data-sp-thema="dunkel"] .spw-logo-farbe {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #64748b;
}
html[data-sp-thema="dunkel"] .spw-auto:hover,
html[data-sp-thema="dunkel"] .spw-vorschlag:hover,
html[data-sp-thema="dunkel"] .spw-logo-farbe:hover,
html[data-sp-thema="dunkel"] .spw-auto:focus-visible,
html[data-sp-thema="dunkel"] .spw-vorschlag:focus-visible,
html[data-sp-thema="dunkel"] .spw-logo-farbe:focus-visible {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spw-vorschlag-code {
	color: #96a4b8;
}
html[data-sp-thema="dunkel"] .spw-muster {
	--spx-auf: inherit;
	border-color: #64748b;
	background-color: var(--spw-m);
}
html[data-sp-thema="dunkel"] .spw-vorlage {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #1e293b;
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .spw-vorlage:hover,
html[data-sp-thema="dunkel"] .spw-vorlage:focus-visible {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #0f172a;
	border-color: #64748b;
}
html[data-sp-thema="dunkel"] .spw-vorlage[aria-pressed="true"] {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spw-form-wahl {
	border-color: #435063;
}
html[data-sp-thema="dunkel"] .spw-form-muster {
	border-color: #0f172a;
}
html[data-sp-thema="dunkel"] .spw-ungespeichert {
	--spx-auf: initial;
	color: #d5ddf0;
	background-color: #443015;
}
html[data-sp-thema="dunkel"] .spw-handy {
	--spx-auf: initial;
	background-color: #0f172a;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
}
html[data-sp-thema="dunkel"] .spw-v-seite {
	--spx-auf: inherit;
	color: var(--spw-text);
	background-color: var(--spw-grund);
}
html[data-sp-thema="dunkel"] .spw-v-kopf {
	--spx-auf: inherit;
	color: var(--spw-text);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-logo {
	--spx-auf: inherit;
	color: var(--spw-wort1);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-wort1 {
	--spx-auf: inherit;
	color: var(--spw-wort1);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-wort2 {
	--spx-auf: inherit;
	color: var(--spw-wort2);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-zeichen {
	--spx-auf: inherit;
	color: var(--spw-sp-siam);
	background-color: var(--spw-sp-grund);
}
html[data-sp-thema="dunkel"] .spw-v-zeichen-siam {
	--spx-auf: inherit;
	color: var(--spw-sp-siam);
	background-color: var(--spw-sp-grund);
}
html[data-sp-thema="dunkel"] .spw-v-zeichen-points {
	--spx-auf: inherit;
	color: var(--spw-sp-points);
	background-color: var(--spw-sp-grund);
}
html[data-sp-thema="dunkel"] .spw-v-titel {
	--spx-auf: inherit;
	color: var(--spw-text);
	background-color: var(--spw-grund);
}
html[data-sp-thema="dunkel"] .spw-v-karte {
	--spx-auf: inherit;
	color: var(--spw-text);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-klein {
	--spx-auf: inherit;
	color: var(--spw-nebentext);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-zahl {
	--spx-auf: inherit;
	color: var(--spw-text);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-plus {
	--spx-auf: inherit;
	color: var(--spw-haupt-schrift);
	background-color: var(--spw-karte);
}
html[data-sp-thema="dunkel"] .spw-v-balken {
	--spx-auf: inherit;
	background-color: var(--spw-flaeche);
}
html[data-sp-thema="dunkel"] .spw-v-balken > span {
	--spx-auf: inherit;
	background-color: var(--spw-akzent);
}
html[data-sp-thema="dunkel"] .spw-v-hinweis {
	--spx-auf: inherit;
	color: var(--spw-text);
	background-color: var(--spw-haupt-hell);
}
html[data-sp-thema="dunkel"] .spw-v-knopf {
	--spx-auf: inherit;
	color: var(--spw-knopf-text);
	background-color: var(--spw-knopf);
	border-color: var(--spw-knopf);
}
html[data-sp-thema="dunkel"] .spw-v-zweit {
	--spx-auf: inherit;
	color: var(--spw-zweit-text);
	background-color: var(--spw-zweit);
	border-color: var(--spw-zweit-rand);
}
html[data-sp-thema="dunkel"] .spw-v-link {
	--spx-auf: inherit;
	color: var(--spw-link);
	background-color: var(--spw-grund);
}
html[data-sp-thema="dunkel"] .spw-v-fuss {
	--spx-auf: inherit;
	color: var(--spw-nebentext);
	background-color: var(--spw-grund);
}
html[data-sp-thema="dunkel"] .spw-v-fuss b {
	--spx-auf: inherit;
	color: var(--spw-text);
	background-color: var(--spw-grund);
}
/* ---------------------------------------------------------------- aus anbieter.css */
html[data-sp-thema="dunkel"] .sp-anbieter-oder {
	color: var(--spx-auf, #8e9bae);
}
html[data-sp-thema="dunkel"] .sp-anbieter-oder::before,
html[data-sp-thema="dunkel"] .sp-anbieter-oder::after {
	--spx-auf: initial;
	background-color: #2c384a;
}
html[data-sp-thema="dunkel"] .sp-anbieter-knopf:focus-visible {
	outline-color: #3b82f6;
}
html[data-sp-thema="dunkel"] .sp-anbieter-google {
	--spx-auf: #1f1f1f;
	background-color: #ffffff;
	border-color: #747775;
	color: #1f1f1f;
}
html[data-sp-thema="dunkel"] .sp-anbieter-google:hover {
	--spx-auf: initial;
	background-color: #f8f9fa;
	box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
html[data-sp-thema="dunkel"] .sp-anbieter-apple {
	--spx-auf: initial;
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-anbieter-apple:hover {
	--spx-auf: initial;
	background-color: #1d1d1f;
}
html[data-sp-thema="dunkel"] .sp-anbieter-vorschau {
	--spx-auf: initial;
	background-color: #f8fafc;
	border-color: #e2e8f0;
}
html[data-sp-thema="dunkel"] .sp-anbieter-line {
	--spx-auf: #ffffff;
	background-color: #06c755;
	border-color: #06c755;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-anbieter-line:hover {
	--spx-auf: initial;
	background-color: #05b34c;
}
html[data-sp-thema="dunkel"] .sp-anbieter-line:active {
	--spx-auf: initial;
	background-color: #048b3b;
}
html[data-sp-thema="dunkel"] .sp-anbieter-facebook {
	--spx-auf: #ffffff;
	background-color: #1877f2;
	border-color: #1877f2;
	color: #ffffff;
}
html[data-sp-thema="dunkel"] .sp-anbieter-facebook:hover {
	--spx-auf: initial;
	background-color: #166fe5;
}
html[data-sp-thema="dunkel"] .sp-anbieter-browser {
	--spx-auf: initial;
	border-color: #3c4757;
	background-color: #0f172a;
	color: #aab8cc;
}
html[data-sp-thema="dunkel"] .sp-anbieter-offen {
	color: var(--spx-auf, #89f0e8);
}
html[data-sp-thema="dunkel"] .sp-anbieter-line .sp-anbieter-symbol + .sp-anbieter-text {
	border-left-color: rgba(0, 0, 0, 0.08);
}
/* ---------------------------------------------------------------- aus app.css */
html[data-sp-thema="dunkel"] .spa-leiste {
	--spx-auf: initial;
	color: var(--spa-text);
	background-color: var(--spa-karte);
	border-color: var(--spa-linie);
	box-shadow: var(--spa-schatten);
}
html[data-sp-thema="dunkel"] .spa-leiste-punkt {
	--spx-auf: initial;
	color: var(--spa-leise);
	background-color: var(--spa-karte);
}
html[data-sp-thema="dunkel"] body.sp-team .spa-leiste .spa-leiste-punkt,
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-leiste .spa-leiste-punkt,
html[data-sp-thema="dunkel"] body.sp-personal .spa-leiste .spa-leiste-punkt,
html[data-sp-thema="dunkel"] body.sp-gast .spa-leiste .spa-leiste-punkt {
	--spx-auf: initial;
	color: var(--spa-leise);
	background-color: var(--spa-karte);
}
html[data-sp-thema="dunkel"] body.sp-team .spa-leiste .spa-leiste-punkt[aria-current="page"],
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-leiste .spa-leiste-punkt[aria-current="page"],
html[data-sp-thema="dunkel"] body.sp-personal .spa-leiste .spa-leiste-punkt[aria-current="page"],
html[data-sp-thema="dunkel"] body.sp-gast .spa-leiste .spa-leiste-punkt[aria-current="page"] {
	--spx-auf: initial;
	color: var(--spa-akzent);
	background-color: var(--spa-akzent-flaeche);
}
@media (max-width: 1023.98px) {
	html[data-sp-thema="dunkel"] body.sp-team .sp-menue > summary.spa-menue-knopf,
	html[data-sp-thema="dunkel"] body.sp-inhaber .sp-menue > summary.spa-menue-knopf,
	html[data-sp-thema="dunkel"] body.sp-personal .sp-menue > summary.spa-menue-knopf,
	html[data-sp-thema="dunkel"] body.sp-gast .sp-menue > summary.spa-menue-knopf {
		--spx-auf: initial;
		color: var(--spa-leise);
		background-color: var(--spa-karte);
	}
	html[data-sp-thema="dunkel"] body.sp-team .sp-menue[open] > summary.spa-menue-knopf,
	html[data-sp-thema="dunkel"] body.sp-inhaber .sp-menue[open] > summary.spa-menue-knopf,
	html[data-sp-thema="dunkel"] body.sp-personal .sp-menue[open] > summary.spa-menue-knopf,
	html[data-sp-thema="dunkel"] body.sp-gast .sp-menue[open] > summary.spa-menue-knopf {
		--spx-auf: initial;
		color: var(--spa-akzent);
		background-color: var(--spa-akzent-flaeche);
	}
}
html[data-sp-thema="dunkel"] body.sp-team .sp-menue-panel.spa-panel,
html[data-sp-thema="dunkel"] body.sp-inhaber .sp-menue-panel.spa-panel,
html[data-sp-thema="dunkel"] body.sp-personal .sp-menue-panel.spa-panel,
html[data-sp-thema="dunkel"] body.sp-gast .sp-menue-panel.spa-panel {
	box-shadow: none;
}
@media (min-width: 1024px) {
	html[data-sp-thema="dunkel"] .spa-seite::-webkit-scrollbar-track {
		--spx-auf: inherit;
		background-color: transparent;
	}
	html[data-sp-thema="dunkel"] .spa-seite::-webkit-scrollbar-thumb {
		--spx-auf: inherit;
		background-color: transparent;
	}
	html[data-sp-thema="dunkel"] .spa-seite:hover::-webkit-scrollbar-thumb,
	html[data-sp-thema="dunkel"] .spa-seite:focus-within::-webkit-scrollbar-thumb {
		--spx-auf: initial;
		background-color: var(--spa-balken);
	}
	html[data-sp-thema="dunkel"] .spa-seite::-webkit-scrollbar-thumb:hover,
	html[data-sp-thema="dunkel"] .spa-seite::-webkit-scrollbar-thumb:active {
		--spx-auf: initial;
		background-color: var(--spa-balken-ueber);
	}
}
html[data-sp-thema="dunkel"] body.sp-team .spa-seite .spa-seite-logo .sp-logo-siam,
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-seite .spa-seite-logo .sp-logo-siam,
html[data-sp-thema="dunkel"] body.sp-personal .spa-seite .spa-seite-logo .sp-logo-siam,
html[data-sp-thema="dunkel"] body.sp-gast .spa-seite .spa-seite-logo .sp-logo-siam {
	color: var(--spa-text);
}
html[data-sp-thema="dunkel"] body.sp-team .sp-team-uebersicht {
	--spx-auf: inherit;
	background-color: transparent;
	box-shadow: none;
}
html[data-sp-thema="dunkel"] body.sp-team .spa-karten > li > a,
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-karten > li > a,
html[data-sp-thema="dunkel"] body.sp-personal .spa-karten > li > a,
html[data-sp-thema="dunkel"] body.sp-gast .spa-karten > li > a {
	--spx-auf: initial;
	color: var(--spa-text);
	background-color: var(--spa-karte);
	border-color: var(--spa-linie);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
html[data-sp-thema="dunkel"] body.sp-team .sp-team-heute.spa-karten li[data-heute]:not([data-zahl="0"]) a {
	--spx-auf: initial;
	color: var(--spa-text);
	background-color: var(--spa-akzent-flaeche);
}
html[data-sp-thema="dunkel"] .spa-kachel-symbol {
	--spx-auf: initial;
	color: var(--spa-akzent);
	background-color: var(--spa-akzent-flaeche);
}
html[data-sp-thema="dunkel"] .spa-kachel-knopf {
	--spx-auf: #0f172a;
	color: var(--spa-knopf-zeichen);
	background-color: var(--spa-knopf);
}
html[data-sp-thema="dunkel"] body.sp-team .spa-kachel-unter,
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-kachel-unter,
html[data-sp-thema="dunkel"] body.sp-personal .spa-kachel-unter,
html[data-sp-thema="dunkel"] body.sp-gast .spa-kachel-unter {
	color: var(--spa-leise);
}
html[data-sp-thema="dunkel"] body.sp-team .sp-team-zahl {
	--spx-auf: initial;
	color: var(--spa-text);
	background-color: var(--spa-karte);
	border-color: var(--spa-linie);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .sp-kacheln > li::before {
	--spx-auf: initial;
	background-color: var(--spa-akzent-flaeche);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .sp-kacheln .sp-kachel {
	--spx-auf: initial;
	color: var(--spa-text);
	background-color: var(--spa-karte);
	border-color: var(--spa-linie);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .sp-kacheln .sp-kachel::before {
	--spx-auf: initial;
	background-color: var(--spa-akzent);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .sp-kacheln .sp-kachel::after {
	--spx-auf: initial;
	background-color: var(--spa-knopf);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
html[data-sp-thema="dunkel"] body.sp-inhaber .sp-kacheln .sp-kachel-titel {
	color: var(--spa-text);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .sp-kacheln .sp-kachel-text {
	color: var(--spa-leise);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-allgemein {
	--spx-auf: initial;
	color: var(--spa-text);
	background-color: var(--spa-karte);
	border-color: var(--spa-linie);
}
html[data-sp-thema="dunkel"] .spa-allgemein-zeile + .spa-allgemein-zeile {
	border-top-color: var(--spa-linie);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-allgemein dt {
	color: var(--spa-leise);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-allgemein dd {
	color: var(--spa-text);
}
html[data-sp-thema="dunkel"] body.sp-inhaber .spa-allgemein .spa-allgemein-weg {
	color: var(--spa-akzent);
}
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-team .spa-leiste .spa-leiste-punkt[aria-current="page"],
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-inhaber .spa-leiste .spa-leiste-punkt[aria-current="page"],
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-personal .spa-leiste .spa-leiste-punkt[aria-current="page"],
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-gast .spa-leiste .spa-leiste-punkt[aria-current="page"],
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-team .sp-menue[open] > summary.spa-menue-knopf,
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-inhaber .sp-menue[open] > summary.spa-menue-knopf,
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-personal .sp-menue[open] > summary.spa-menue-knopf,
html[data-sp-thema="dunkel"][data-sp-thema="dunkel"] body.sp-gast .sp-menue[open] > summary.spa-menue-knopf {
	--spx-auf: initial;
	color: var(--spa-wahl-text);
	background-color: var(--spa-wahl);
	background-image: linear-gradient(var(--spa-akzent), var(--spa-akzent));
}