:root[data-thema="dunkel"] {
color-scheme: dark;

--wp--preset--color--flaeche:            transparent;
--wp--preset--color--flaeche-abschnitt:  var(--wp--custom--abend--mulde);

--wp--preset--color--flaeche-erhaben:    var(--wp--custom--abend--mulde);
--wp--preset--color--flaeche-ruhig:      var(--wp--custom--abend--band-kuehl);
--wp--preset--color--flaeche-dunkel:     var(--wp--custom--abend--mulde-tief);

--wp--preset--color--schleife:           var(--wp--custom--abend--leinen);

--wp--preset--color--text:       var(--wp--custom--abend--licht);
--wp--preset--color--text-leise: color-mix(in srgb, var(--wp--custom--abend--licht) 80%, transparent);

--wp--preset--color--text-zart:  color-mix(in srgb, var(--wp--custom--abend--licht) 70%, transparent);

--wp--preset--color--text-auf-dunkel:       var(--wp--custom--abend--licht);
--wp--preset--color--text-auf-dunkel-leise: color-mix(in srgb, var(--wp--custom--abend--licht) 80%, transparent);

--wp--preset--color--text-auf-dunkel-zart:  color-mix(in srgb, var(--wp--custom--abend--licht) 70%, transparent);
--wp--preset--color--beschriftung-auf-dunkel: color-mix(in srgb, var(--wp--custom--abend--licht) 70%, transparent);

--wp--preset--color--akzent:            var(--wp--custom--marke--terra-300);
--wp--preset--color--akzent-text:       var(--wp--custom--marke--terra-300);
--wp--preset--color--akzent-auf-dunkel: var(--wp--custom--marke--terra-300);

--wp--preset--color--akzent-flaeche:    var(--wp--custom--abend--mulde-warm);

--wp--preset--color--ton-warm:          var(--wp--custom--abend--putz-warm);
--wp--preset--color--ton-warm-rand:     var(--wp--custom--abend--holz);
--wp--preset--color--ton-ruhig:         var(--wp--custom--abend--putz-kuehl);
--wp--preset--color--ton-ruhig-rand:    var(--wp--custom--marke--sage-600);
--wp--preset--color--ton-menschen:      var(--wp--custom--abend--putz);
--wp--preset--color--ton-menschen-rand: var(--wp--custom--marke--honey-700);

--wp--preset--color--aktion:          var(--wp--custom--abend--licht);
--wp--preset--color--aktion-aktiv:    color-mix(in srgb, var(--wp--custom--abend--licht) 88%, transparent);
--wp--preset--color--aktion-kontrast: var(--wp--custom--abend--mulde-tief);
--wp--preset--color--aktion-zart:     color-mix(in srgb, var(--wp--custom--abend--licht) 8%, transparent);

--wp--preset--color--rand:        color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);
--wp--preset--color--rand-leise:  color-mix(in srgb, var(--wp--custom--abend--licht) 10%, transparent);
--wp--preset--color--rand-stark:  color-mix(in srgb, var(--wp--custom--abend--licht) 26%, transparent);
--wp--preset--color--rand-auf-dunkel:       color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);
--wp--preset--color--rand-auf-dunkel-stark: color-mix(in srgb, var(--wp--custom--abend--licht) 30%, transparent);

--wp--preset--color--menschen-flaeche: var(--wp--custom--abend--mulde-tief);
--wp--preset--color--menschen-rand:    color-mix(in srgb, var(--wp--custom--marke--blossom-500) 30%, transparent);
--wp--preset--color--menschen-akzent:  var(--wp--custom--marke--blossom-300);

--wp--preset--color--menschen-text:    var(--wp--custom--abend--licht);

--wp--preset--color--erreichbar: var(--wp--custom--marke--sage-200);
--wp--preset--color--spotlight:  var(--wp--custom--marke--honey-300);
--wp--preset--color--spotlight-kontrast: var(--wp--custom--abend--putz-text);

--wp--custom--karte--frei:            var(--wp--custom--marke--sage-600);
--wp--custom--karte--frei-stark:      var(--wp--custom--marke--sage-400);

--wp--custom--karte--wartezeit:       var(--wp--custom--marke--honey-700);
--wp--custom--karte--wartezeit-stark: var(--wp--custom--marke--honey-300);
--wp--custom--karte--absprache:       var(--wp--custom--marke--ink-700);
--wp--custom--karte--absprache-stark: var(--wp--custom--marke--ink-300);
--wp--custom--karte--offen:           var(--wp--custom--abend--mulde);
--wp--custom--karte--offen-stark:     var(--wp--custom--abend--huelle);
--wp--custom--karte--rand:            var(--wp--custom--marke--sage-800);
--wp--custom--karte--fuge:            var(--wp--custom--abend--mulde-tief);
--wp--custom--karte--kontur:          var(--wp--custom--marke--cream-100);
--wp--custom--karte--faden:           var(--wp--custom--marke--sage-500);

--wp--custom--schatten--ton: var(--wp--custom--abend--schatten);
--wp--custom--schatten--figur: 0 18px 26px color-mix(in srgb, var(--wp--custom--abend--schatten) 55%, transparent);

}

:root[data-thema="dunkel"] .ll-abschnitt--abschnitt,
:root[data-thema="dunkel"] .ll-abschnitt--erhaben,
:root[data-thema="dunkel"] .ll-abschnitt--ruhig,
:root[data-thema="dunkel"] .ll-abschnitt--warm,
:root[data-thema="dunkel"] .ll-abschnitt--dunkel {
box-shadow:
inset 0 1px 0 color-mix(in srgb, var(--wp--custom--abend--licht) 11%, transparent),
inset 0 14px 30px color-mix(in srgb, var(--wp--custom--abend--schatten) 26%, transparent),
inset 0 -10px 22px color-mix(in srgb, var(--wp--custom--abend--schatten) 18%, transparent);
}

:root[data-thema="dunkel"] body {

background: var(--wp--custom--abend--huelle);
background-attachment: scroll;
color: var(--wp--preset--color--text-leise);
}

:root[data-thema="dunkel"] body::before {
background:
radial-gradient(1150px 820px at 74% 2%, color-mix(in srgb, var(--wp--custom--marke--honey-500) 11%, transparent), transparent 68%),
radial-gradient(1000px 780px at 8% 64%, color-mix(in srgb, var(--wp--custom--abend--sand) 6%, transparent), transparent 70%);
}

@media (max-width: 689px) {
:root[data-thema="dunkel"] body::before {
background:
radial-gradient(520px 440px at 80% 1%, color-mix(in srgb, var(--wp--custom--marke--honey-500) 11%, transparent), transparent 68%),
radial-gradient(480px 420px at 4% 66%, color-mix(in srgb, var(--wp--custom--abend--sand) 6%, transparent), transparent 70%);
}
}

:root[data-thema="dunkel"] .ll-abschnitt--abschnitt::after,
:root[data-thema="dunkel"] .ll-abschnitt--erhaben::after,
:root[data-thema="dunkel"] .ll-abschnitt--ruhig::after,
:root[data-thema="dunkel"] .ll-abschnitt--warm::after {
background-image: none;
}

:root[data-thema="dunkel"] body::after {
opacity: .05;
mix-blend-mode: overlay;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23k)'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.014' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23m)'/%3E%3C/svg%3E");
background-size: 180px 180px, 320px 320px;
}

:root[data-thema="dunkel"] {

--ll-kopf-ton: color-mix(in srgb, var(--wp--custom--abend--schatten) 35%, var(--wp--custom--abend--mulde-tief));
--ll-kopf-flaeche: color-mix(in srgb, var(--ll-kopf-ton) 80%, transparent);
--ll-kopf-flaeche-gescrollt: color-mix(in srgb, var(--ll-kopf-ton) 62%, transparent);
--ll-kopf-rand: color-mix(in srgb, var(--wp--custom--abend--licht) 12%, transparent);

--ll-leiste-flaeche: var(--wp--custom--abend--mulde-tief);
--ll-leiste-stand: color-mix(in srgb, var(--wp--custom--abend--licht) 6%, var(--wp--custom--abend--mulde-tief));

--ll-einwilligung-flaeche: var(--wp--custom--abend--putz);
--ll-einwilligung-rand: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
}

:root[data-thema="dunkel"] {
--ll-menue-flaeche: var(--wp--custom--abend--mulde);
}

:root[data-thema="dunkel"] .ll-fuss {
background: color-mix(in srgb, var(--wp--custom--abend--mulde-tief) 72%, transparent);
border-block-start-color: color-mix(in srgb, var(--wp--custom--abend--licht) 12%, transparent);
}

:root[data-thema="dunkel"] .ll-fuss__licht { background: none; }

:root[data-thema="dunkel"] .ll-karten--kachel .ll-karte,
:root[data-thema="dunkel"] .ll-karten--gegenueber .ll-karte,
:root[data-thema="dunkel"] .ll-verbund__teil,
:root[data-thema="dunkel"] .ll-termin,
:root[data-thema="dunkel"] .ll-orte__widget,
:root[data-thema="dunkel"] .ll-gebiete__antwort,
:root[data-thema="dunkel"] .ll-handlung:not(.ll-handlung--keine),
:root[data-thema="dunkel"] .ll-stellen__rolle,
:root[data-thema="dunkel"] .ll-stellen__leer,
:root[data-thema="dunkel"] .ll-stellen__regionen > li,
:root[data-thema="dunkel"] .ll-bewerbung__formular,
:root[data-thema="dunkel"] .ll-bewerbung__danke,
:root[data-thema="dunkel"] .ll-kontakt__formular,
:root[data-thema="dunkel"] .ll-zufriedenheit__formular,
:root[data-thema="dunkel"] .ll-kontakt__karte,

:root[data-thema="dunkel"] .ll-orte__treffer,
:root[data-thema="dunkel"] .ll-einwilligung,

:root[data-thema="dunkel"] .ll-preisliste__tafel,
:root[data-thema="dunkel"] .ll-anfrage__kasten,
:root[data-thema="dunkel"] .ll-karte--ton-warm,
:root[data-thema="dunkel"] .ll-karte--ton-ruhig,
:root[data-thema="dunkel"] .ll-preise__tafel--zweit,
:root[data-thema="dunkel"] .ll-preise__stapel > .ll-preise__tafel:first-child {

--wp--preset--color--text:                    var(--wp--custom--abend--putz-text);
--wp--preset--color--text-leise:              var(--wp--custom--abend--putz-leise);
--wp--preset--color--text-zart:               var(--wp--custom--abend--putz-zart);

--wp--preset--color--text-auf-dunkel:         var(--wp--custom--abend--putz-text);
--wp--preset--color--text-auf-dunkel-leise:   var(--wp--custom--abend--putz-leise);
--wp--preset--color--text-auf-dunkel-zart:    var(--wp--custom--abend--putz-zart);
--wp--preset--color--beschriftung-auf-dunkel: var(--wp--custom--abend--putz-zart);

--wp--preset--color--akzent:                  var(--wp--custom--abend--putz-akzent);
--wp--preset--color--akzent-text:             var(--wp--custom--abend--putz-akzent);
--wp--preset--color--akzent-auf-dunkel:       var(--wp--custom--abend--putz-akzent);

--wp--preset--color--akzent-flaeche:          color-mix(in srgb, var(--wp--custom--abend--putz-akzent) 12%, var(--wp--custom--abend--putz));

--wp--preset--color--aktion:                  var(--wp--custom--abend--putz-akzent);
--wp--preset--color--aktion-aktiv:            var(--wp--custom--abend--putz-text);
--wp--preset--color--aktion-kontrast:         var(--wp--custom--abend--putz);
--wp--preset--color--aktion-zart:             color-mix(in srgb, var(--wp--custom--abend--putz-akzent) 10%, transparent);

--wp--preset--color--rand:                    color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
--wp--preset--color--rand-leise:              color-mix(in srgb, var(--wp--custom--abend--putz-text) 12%, transparent);
--wp--preset--color--rand-stark:              color-mix(in srgb, var(--wp--custom--abend--putz-text) 34%, transparent);
--wp--preset--color--rand-auf-dunkel:         color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
--wp--preset--color--rand-auf-dunkel-stark:   color-mix(in srgb, var(--wp--custom--abend--putz-text) 34%, transparent);

--wp--preset--color--erreichbar:              var(--wp--custom--marke--sage-700);
--wp--preset--color--erreichbar-auf-dunkel:   var(--wp--custom--marke--sage-700);
--wp--preset--color--menschen-text:           var(--wp--custom--abend--putz-akzent);

--wp--custom--schatten--ton:                  var(--wp--custom--marke--ink-900);

color: var(--wp--custom--abend--putz-text);
}

:root[data-thema="dunkel"] .ll-karten--kachel .ll-karte,

:root[data-thema="dunkel"] .ll-verbund__teil,
:root[data-thema="dunkel"] .ll-termin,
:root[data-thema="dunkel"] .ll-orte__widget,
:root[data-thema="dunkel"] .ll-gebiete__antwort,
:root[data-thema="dunkel"] .ll-handlung:not(.ll-handlung--keine),

:root[data-thema="dunkel"] .ll-stellen__rolle,
:root[data-thema="dunkel"] .ll-stellen__leer,
:root[data-thema="dunkel"] .ll-stellen__regionen > li,
:root[data-thema="dunkel"] .ll-bewerbung__formular,
:root[data-thema="dunkel"] .ll-bewerbung__danke {

background: var(--wp--custom--abend--putz);
border-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
border-block-start-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
box-shadow: none;
}

:root[data-thema="dunkel"] .ll-handlung:not(.ll-handlung--keine) {
background: var(--wp--custom--abend--putz-kuehl);
border-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
border-block-start-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
box-shadow: none;

}

:root[data-thema="dunkel"] .ll-orte__widget {
background: linear-gradient(
180deg,
color-mix(in srgb, var(--wp--custom--abend--licht) 8.5%, transparent) 0%,
color-mix(in srgb, var(--wp--custom--abend--licht) 3%, transparent) 100%
);
border-color: color-mix(in srgb, var(--wp--custom--abend--licht) 18%, transparent);
border-block-start-color: color-mix(in srgb, var(--wp--custom--abend--licht) 26%, transparent);
}

:root[data-thema="dunkel"] .ll-verbund__teil--ton-spotlight,
:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight {
background: var(--wp--custom--marke--honey-500);
color: var(--wp--custom--abend--putz-text);
}

:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight .ll-karte__text :is(h2, h3, h4),
:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight .ll-karte__text p,
:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight .ll-karte__weg,
:root[data-thema="dunkel"] .ll-verbund__teil--ton-spotlight .ll-verbund__name,
:root[data-thema="dunkel"] .ll-verbund__teil--ton-spotlight .ll-verbund__weg,
:root[data-thema="dunkel"] .ll-verbund__teil--ton-spotlight .ll-verbund__satz {
color: var(--wp--custom--abend--putz-text);
}

:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-warm,
:root[data-thema="dunkel"] .ll-verbund__teil--ton-warm,

:root[data-thema="dunkel"] .ll-preise__tafel--zweit,

:root[data-thema="dunkel"] .ll-bewerbung__formular,

:root[data-thema="dunkel"] .ll-karten--gegenueber .ll-karte:last-child {
background: var(--wp--preset--color--ton-warm);
border-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
border-block-start-color: var(--wp--preset--color--ton-warm-rand);

--ll-abend-hebung-flaeche: var(--wp--preset--color--ton-warm);
--ll-abend-hebung-rand:    var(--wp--preset--color--ton-warm-rand);
}

:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-ruhig,
:root[data-thema="dunkel"] .ll-verbund__teil--ton-ruhig,

:root[data-thema="dunkel"] .ll-orte__widget,

:root[data-thema="dunkel"] .ll-kontakt__formular,

:root[data-thema="dunkel"] .ll-zufriedenheit__formular,

:root[data-thema="dunkel"] .ll-karten--gegenueber .ll-karte:first-child {
background: var(--wp--preset--color--ton-ruhig);
border-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
border-block-start-color: var(--wp--preset--color--ton-ruhig-rand);

}

:root[data-thema="dunkel"] .ll-kontakt__karte {
background: var(--wp--preset--color--ton-menschen);
border-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
border-block-start-color: var(--wp--preset--color--ton-menschen-rand);

--ll-abend-hebung-flaeche: var(--wp--preset--color--ton-menschen);
--ll-abend-hebung-rand:    var(--wp--preset--color--ton-menschen-rand);
}

:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-dunkel,
:root[data-thema="dunkel"] .ll-verbund__teil--ton-dunkel {
background: var(--wp--custom--abend--mulde-tief);
background-image: none;
border-color: transparent;
border-block-start-color: color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);

--wp--preset--color--text:        var(--wp--custom--abend--licht);
--wp--preset--color--text-leise:  color-mix(in srgb, var(--wp--custom--abend--licht) 85%, transparent);
--wp--preset--color--text-zart:   color-mix(in srgb, var(--wp--custom--abend--licht) 78%, transparent);

--wp--preset--color--text-auf-dunkel:         var(--wp--custom--abend--licht);
--wp--preset--color--text-auf-dunkel-leise:   color-mix(in srgb, var(--wp--custom--abend--licht) 85%, transparent);
--wp--preset--color--text-auf-dunkel-zart:    color-mix(in srgb, var(--wp--custom--abend--licht) 78%, transparent);
--wp--preset--color--beschriftung-auf-dunkel: color-mix(in srgb, var(--wp--custom--abend--licht) 78%, transparent);

--wp--preset--color--akzent:            var(--wp--custom--abend--sand);
--wp--preset--color--akzent-text:       var(--wp--custom--abend--sand);
--wp--preset--color--akzent-auf-dunkel: var(--wp--custom--abend--sand);
--wp--preset--color--akzent-flaeche:    color-mix(in srgb, var(--wp--custom--abend--licht) 10%, transparent);

--wp--preset--color--aktion:          var(--wp--custom--abend--leinen);
--wp--preset--color--aktion-aktiv:    var(--wp--custom--abend--licht);
--wp--preset--color--aktion-kontrast: var(--wp--custom--abend--mulde-tief);
--wp--preset--color--aktion-zart:     color-mix(in srgb, var(--wp--custom--abend--licht) 8%, transparent);

--wp--preset--color--rand:                  color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);
--wp--preset--color--rand-auf-dunkel:       color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);
--wp--preset--color--rand-auf-dunkel-stark: color-mix(in srgb, var(--wp--custom--abend--licht) 30%, transparent);

--wp--preset--color--erreichbar:            var(--wp--custom--marke--sage-200);
--wp--preset--color--erreichbar-auf-dunkel: var(--wp--custom--marke--sage-200);

--wp--custom--schatten--ton: var(--wp--custom--abend--schatten);

color: var(--wp--custom--abend--licht);
}

:root[data-thema="dunkel"] .ll-preise__stapel > .ll-preise__tafel:first-child {
background: var(--wp--custom--abend--putz);
border-color: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);

}

:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-dunkel .ll-karte__zeichnung,
:root[data-thema="dunkel"] .ll-verbund__teil--ton-dunkel .ll-verbund__grund {
color: var(--wp--preset--color--lampe-wasserzeichen);
}

:root[data-thema="dunkel"] .ll-karten--papier .ll-karte,
:root[data-thema="dunkel"] .ll-karten--warm .ll-karte {
background: var(--wp--preset--color--papier);
border-color: var(--wp--preset--color--papier-rand);
color: var(--wp--preset--color--papier-text);
}

:root[data-thema="dunkel"] .ll-karten--warm .ll-karte {
background: var(--wp--preset--color--papier-warm);
border-color: var(--wp--preset--color--papier-warm-rand);
}

:root[data-thema="dunkel"] .ll-karten--papier .ll-karte__text :is(h2, h3, h4),
:root[data-thema="dunkel"] .ll-karten--warm .ll-karte__text :is(h2, h3, h4) {
color: var(--wp--preset--color--papier-text);
}

:root[data-thema="dunkel"] .ll-karten--papier .ll-karte__text p,
:root[data-thema="dunkel"] .ll-karten--warm .ll-karte__text p {
color: var(--wp--preset--color--papier-text-leise);
}

:root[data-thema="dunkel"] .ll-karten--papier .ll-karte__weg,
:root[data-thema="dunkel"] .ll-karten--warm .ll-karte__weg {
color: var(--wp--custom--marke--terra-700);
}

:root[data-thema="dunkel"] .ll-termine {
background: none;
border-color: color-mix(in srgb, var(--wp--custom--marke--terra-500) 34%, transparent);
color: var(--wp--preset--color--text-leise);
}

:root[data-thema="dunkel"] .ll-termin__marke {
background: var(--wp--custom--abend--huelle);
box-shadow: none;
--wp--preset--color--text-auf-dunkel:      var(--wp--custom--abend--licht);
--wp--preset--color--text-auf-dunkel-zart: color-mix(in srgb, var(--wp--custom--abend--licht) 70%, transparent);
}

@media (min-width: 690px) {
:root[data-thema="dunkel"] .ll-termine__tafel {

background: var(--wp--custom--abend--mulde);
border-color: color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);
}

:root[data-thema="dunkel"] .ll-termine__liste--kacheln .ll-termin {
background: none;
border-block-start-color: color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);

--wp--preset--color--text:        var(--wp--custom--abend--licht);
--wp--preset--color--text-leise:  color-mix(in srgb, var(--wp--custom--abend--licht) 85%, transparent);
--wp--preset--color--text-zart:   color-mix(in srgb, var(--wp--custom--abend--licht) 78%, transparent);
--wp--preset--color--text-auf-dunkel:       var(--wp--custom--abend--licht);
--wp--preset--color--text-auf-dunkel-leise: color-mix(in srgb, var(--wp--custom--abend--licht) 85%, transparent);
--wp--preset--color--text-auf-dunkel-zart:  color-mix(in srgb, var(--wp--custom--abend--licht) 78%, transparent);
--wp--preset--color--akzent:      var(--wp--custom--abend--sand);
--wp--preset--color--akzent-text: var(--wp--custom--abend--sand);
--wp--preset--color--aktion:      var(--wp--custom--abend--leinen);
--wp--preset--color--aktion-zart: color-mix(in srgb, var(--wp--custom--abend--licht) 8%, transparent);
--wp--preset--color--rand:        color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);
color: var(--wp--custom--abend--licht);
}

:root[data-thema="dunkel"] .ll-termine__liste--kacheln .ll-termin.ist-ausgebucht,
:root[data-thema="dunkel"] .ll-termine__liste--kacheln .ll-termin.ist-abgesagt {
background: var(--wp--preset--color--aktion-zart);
}

:root[data-thema="dunkel"] .ll-termine__liste--kacheln .ll-termin__marke {
background: none;
box-shadow: none;
}
}

:root[data-thema="dunkel"] .ll-person__mehr {
background-color: color-mix(in srgb, var(--wp--custom--abend--mulde-tief) 82%, transparent);
}

:root[data-thema="dunkel"] .ll-person__karte {
box-shadow:
inset 0 1px 0 color-mix(in srgb, var(--wp--custom--abend--licht) 12%, transparent),
inset 0 10px 22px color-mix(in srgb, var(--wp--custom--abend--schatten) 22%, transparent);
}

:root[data-thema="dunkel"] .ll-schwung {
color: color-mix(in srgb, var(--wp--custom--marke--terra-500) 55%, transparent);
}

:root[data-thema="dunkel"] .ll-hero {

--wp--preset--color--flaeche:            var(--wp--custom--marke--cream-100);
--wp--preset--color--flaeche-abschnitt:  var(--wp--custom--marke--cream-200);
--wp--preset--color--flaeche-erhaben:    var(--wp--custom--marke--cream-50);
--wp--preset--color--flaeche-dunkel:     var(--wp--custom--marke--sage-900);

--wp--preset--color--text:               var(--wp--custom--marke--ink-900);
--wp--preset--color--text-leise:         var(--wp--custom--marke--ink-700);
--wp--preset--color--text-zart:          var(--wp--custom--marke--ink-500);
--wp--preset--color--text-auf-dunkel:    var(--wp--custom--marke--cream-100);
--wp--preset--color--text-auf-dunkel-leise: var(--wp--custom--marke--sage-200);
--wp--preset--color--text-auf-dunkel-zart:  var(--wp--custom--marke--sage-300);
--wp--preset--color--beschriftung-auf-dunkel: var(--wp--custom--marke--sage-400);

--wp--preset--color--akzent:             var(--wp--custom--marke--terra-500);
--wp--preset--color--akzent-text:        var(--wp--custom--marke--terra-700);
--wp--preset--color--akzent-auf-dunkel:  var(--wp--custom--marke--terra-300);
--wp--preset--color--akzent-flaeche:     var(--wp--custom--marke--terra-100);

--wp--preset--color--aktion:             var(--wp--custom--marke--sage-700);
--wp--preset--color--aktion-aktiv:       var(--wp--custom--marke--sage-800);
--wp--preset--color--aktion-kontrast:    var(--wp--custom--marke--cream-100);
--wp--preset--color--aktion-zart:        var(--wp--custom--marke--sage-50);

--wp--preset--color--rand:               var(--wp--custom--marke--cream-300);
--wp--preset--color--rand-leise:         var(--wp--custom--marke--cream-200);
--wp--preset--color--rand-stark:         var(--wp--custom--marke--sage-300);
--wp--preset--color--rand-auf-dunkel:    var(--wp--custom--marke--sage-800);
--wp--preset--color--rand-auf-dunkel-stark: var(--wp--custom--marke--sage-500);

--wp--preset--color--erreichbar:         var(--wp--custom--marke--sage-700);
--wp--preset--color--spotlight:          var(--wp--custom--marke--honey-500);
--wp--preset--color--spotlight-kontrast: var(--wp--custom--marke--sage-900);

--wp--custom--schatten--ton:             var(--wp--custom--marke--ink-900);
}

:root[data-thema="dunkel"] .ll-orte__eingabe,
:root[data-thema="dunkel"] .ll-feld input,
:root[data-thema="dunkel"] .ll-feld select,

:root[data-thema="dunkel"] .ll-feld textarea,
:root[data-thema="dunkel"] .ll-knopf--hell,
:root[data-thema="dunkel"] .is-style-hell .wp-block-button__link {
background-color: var(--wp--custom--marke--cream-50);
border-color: var(--wp--custom--marke--cream-300);
color: var(--wp--custom--marke--ink-900);
}

:root[data-thema="dunkel"] .ll-feld__datei input[type="file"]::file-selector-button {
background-color: var(--wp--custom--marke--cream-100);
border-color: var(--wp--custom--marke--cream-300);
color: var(--wp--custom--marke--ink-900);
}

:root[data-thema="dunkel"] .ll-feld__datei input[type="file"]:hover::file-selector-button,
:root[data-thema="dunkel"] .ll-feld__datei input[type="file"]:focus-visible::file-selector-button {
background-color: var(--wp--custom--marke--cream-200);
border-color: var(--wp--custom--marke--ink-500);
color: var(--wp--custom--marke--ink-900);
}

:root[data-thema="dunkel"] .ll-orte__feld::before {
background: var(--wp--custom--marke--ink-700);
}

@media print {
:root[data-thema="dunkel"] {
color-scheme: light;

--wp--custom--abend--licht:   var(--wp--custom--marke--ink-900);
--wp--custom--abend--huelle:     var(--wp--custom--marke--cream-100);
--wp--custom--abend--mulde:      var(--wp--custom--marke--cream-200);
--wp--custom--abend--mulde-tief: var(--wp--custom--marke--cream-200);
--wp--custom--abend--band-kuehl: var(--wp--custom--marke--cream-200);

--wp--custom--abend--putz:       var(--wp--custom--marke--cream-50);
--wp--custom--abend--putz-kuehl: var(--wp--custom--marke--cream-50);
--wp--custom--abend--putz-text:  var(--wp--custom--marke--ink-900);
--wp--custom--abend--putz-leise: var(--wp--custom--marke--ink-700);
--wp--custom--abend--putz-zart:  var(--wp--custom--marke--ink-500);
--wp--custom--abend--putz-akzent: var(--wp--custom--marke--terra-700);
--wp--custom--abend--holz:       var(--wp--custom--marke--cream-400);
--wp--custom--abend--holz-hell:  var(--wp--custom--marke--cream-300);
--wp--custom--abend--sand:       var(--wp--custom--marke--terra-700);
--wp--custom--abend--leinen:     var(--wp--custom--marke--cream-100);
--wp--custom--abend--schatten: var(--wp--custom--marke--cream-400);

--wp--preset--color--ton-warm:          var(--wp--custom--marke--terra-100);
--wp--preset--color--ton-warm-rand:     var(--wp--custom--marke--terra-300);
--wp--preset--color--ton-ruhig:         var(--wp--custom--marke--sage-100);
--wp--preset--color--ton-ruhig-rand:    var(--wp--custom--marke--sage-300);
--wp--preset--color--ton-menschen:      var(--wp--custom--marke--blossom-100);
--wp--preset--color--ton-menschen-rand: var(--wp--custom--marke--blossom-300);

--wp--custom--abend--putz-zart: var(--wp--preset--color--lampe-text-zart);

--wp--preset--color--flaeche:           var(--wp--custom--marke--cream-100);
--wp--preset--color--flaeche-abschnitt: var(--wp--custom--marke--cream-200);
--wp--preset--color--flaeche-erhaben:   var(--wp--custom--marke--cream-50);
--wp--preset--color--flaeche-ruhig:     var(--wp--custom--marke--sage-100);
--wp--preset--color--flaeche-dunkel:    var(--wp--custom--marke--cream-200);
--wp--preset--color--text:              var(--wp--custom--marke--ink-900);
--wp--preset--color--text-leise:        var(--wp--custom--marke--ink-700);
--wp--preset--color--text-zart:         var(--wp--custom--marke--ink-500);
--wp--preset--color--akzent:            var(--wp--custom--marke--terra-500);
--wp--preset--color--akzent-text:       var(--wp--custom--marke--terra-700);
--wp--preset--color--rand:              var(--wp--custom--marke--cream-300);

--wp--preset--color--text-auf-dunkel:         var(--wp--custom--marke--ink-900);
--wp--preset--color--text-auf-dunkel-leise:   var(--wp--custom--marke--ink-700);
--wp--preset--color--text-auf-dunkel-zart:    var(--wp--custom--marke--ink-500);
--wp--preset--color--beschriftung-auf-dunkel: var(--wp--custom--marke--ink-500);
--wp--preset--color--akzent-auf-dunkel:       var(--wp--custom--marke--terra-700);
--wp--preset--color--rand-auf-dunkel:         var(--wp--custom--marke--cream-300);
--wp--preset--color--rand-auf-dunkel-stark:   var(--wp--custom--marke--sage-500);
--wp--preset--color--menschen-akzent:         var(--wp--custom--marke--blossom-700);
--wp--preset--color--menschen-text:           var(--wp--custom--marke--blossom-700);

--wp--preset--color--aktion:          var(--wp--custom--marke--sage-700);
--wp--preset--color--aktion-aktiv:    var(--wp--custom--marke--sage-800);
--wp--preset--color--aktion-kontrast: var(--wp--custom--marke--cream-100);

--wp--custom--karte--kontur: var(--wp--custom--marke--ink-900);
--wp--custom--karte--faden:  var(--wp--custom--marke--ink-500);

--ll-abend-hebung-flaeche: var(--wp--custom--marke--cream-50);
--ll-abend-hebung-rand:    var(--wp--custom--marke--cream-300);
}

:root[data-thema="dunkel"] body {
background: var(--wp--custom--marke--cream-100);
}

:root[data-thema="dunkel"] body::before,
:root[data-thema="dunkel"] body::after { background: none; opacity: 0; }

:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight {
background: var(--wp--custom--marke--honey-100);
color: var(--wp--custom--marke--ink-900);
}

:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight .ll-karte__text :is(h2, h3, h4),
:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight .ll-karte__text p,
:root[data-thema="dunkel"] .ll-karte.ll-karte--ton-spotlight .ll-karte__weg {
color: var(--wp--custom--marke--ink-900);
}

:root[data-thema="dunkel"] .ll-hero__anruf {
background: var(--wp--custom--marke--cream-50);
color: var(--wp--custom--marke--ink-900);
}

:root[data-thema="dunkel"] .ll-abschnitt--abschnitt,
:root[data-thema="dunkel"] .ll-abschnitt--erhaben,
:root[data-thema="dunkel"] .ll-abschnitt--ruhig,
:root[data-thema="dunkel"] .ll-abschnitt--warm,
:root[data-thema="dunkel"] .ll-abschnitt--dunkel {
box-shadow: none;
}

:root[data-thema="dunkel"] .ll-hebung {
box-shadow: none;
}
}

:root[data-thema="dunkel"] .ll-kopf-seite__zeichnung {
color: color-mix(in srgb, var(--wp--custom--marke--sage-500) 22%, transparent);
}

@media (max-width: 899px) {

:root[data-thema="dunkel"] .ll-gebiet-marke {
background: linear-gradient(
180deg,
color-mix(in srgb, var(--wp--custom--abend--licht) 6.2%, transparent) 0%,
color-mix(in srgb, var(--wp--custom--abend--licht) 2.2%, transparent) 100%
);
border-color: color-mix(in srgb, var(--wp--custom--abend--licht) 14%, transparent);
}
}

:root[data-thema="dunkel"] .ll-fehlt {
background: var(--wp--preset--color--flaeche-erhaben);
color: var(--wp--preset--color--text);
border-inline-start-color: var(--wp--preset--color--akzent-auf-dunkel);
}

:root[data-thema="dunkel"] .ll-orte__treffer,
:root[data-thema="dunkel"] .ll-einwilligung,
:root[data-thema="dunkel"] .ll-preisliste__tafel {
--ll-abend-hebung-flaeche: var(--wp--custom--abend--putz);
--ll-abend-hebung-rand: color-mix(in srgb, var(--wp--custom--abend--putz-text) 18%, transparent);
}

:root[data-thema="dunkel"] .ll-hebung {
background: var(--ll-abend-hebung-flaeche, var(--wp--custom--abend--huelle));
border-color: var(--ll-abend-hebung-rand, color-mix(in srgb, var(--wp--custom--abend--licht) 18%, transparent));
box-shadow: 0 12px 32px color-mix(in srgb, var(--wp--custom--abend--schatten) 55%, transparent);
}