/* Verbindliche Marketing-Farbwelt vom 19.10.2026: alles dunkel.
   Originalmarken/Produktbilder unverändert, kein neues Icon-System. */
:root{
 color-scheme:dark;
 --green-950:#080f0c;--green-900:#13271a;--green-800:#006837;--green-700:#0b7040;
 --green-500:#afbeb1;--green-400:#f4f6f2;
 --green-soft:#15241a;--green-mist:#101b14;
 --ink:#f4f6f2;--ink-soft:#bac5bc;--ink-faint:#aab7ad;
 --cream:#080f0c;--card:#101b14;--line:#2b392f;
 --mg-wald:#080f0c;--mg-tanne:#101e15;--mg-gras:#e1eae2;--mg-licht:#f4f6f2;
 --mg-minze:#15241a;--mg-tau:#0c1610;--mg-papier:#080f0c;--mg-rand:#2b392f;
}
body.marketing-nacht{background:var(--cream);color:var(--ink)}
.marketing-nacht a{color:var(--ink)}
.marketing-nacht header.site{background:rgba(12,26,14,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.marketing-nacht .oeko-leiste{background:#050b05}
.marketing-nacht .brand img{object-fit:contain}
.marketing-nacht .drop{background:#101b14;border-color:var(--line)}
.marketing-nacht .drop a:hover{background:#1a2a1e}
.marketing-nacht .drop b{color:var(--ink)}
.marketing-nacht .nav-links a.top{color:#d9e2da}
.marketing-nacht .nav-links a.top.aktiv{color:#fff}
.marketing-nacht .nav-cta .login,.marketing-nacht .nav-cta .nav-kontakt{color:#e2e9e2}
.marketing-nacht .nav-links .mobiler-kontakt{display:none}
.marketing-nacht :is(.btn,.mg-pfeiltaste,.mg-rollen-wahl button,.tarif-toggle button,.kt-termin){
 background-color:rgba(255,255,255,.07);background-image:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,0));
 color:var(--ink);border:1px solid rgba(255,255,255,.23);border-radius:6px;
 backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);
 box-shadow:0 8px 22px -15px rgba(0,0,0,.65);
 transition:background-color .28s,border-color .28s,box-shadow .28s;
}
.marketing-nacht .btn-primary{background-color:rgba(255,255,255,.16);border-color:rgba(255,255,255,.38)}
.marketing-nacht :is(.btn,.mg-pfeiltaste,.mg-rollen-wahl button,.tarif-toggle button,.kt-termin):hover:not(:disabled){background-color:rgba(255,255,255,.22);border-color:rgba(255,255,255,.6)}
.marketing-nacht :is(.btn,.mg-pfeiltaste,.mg-rollen-wahl button,.tarif-toggle button,.kt-termin):active:not(:disabled){background-color:rgba(255,255,255,.28)}
.marketing-nacht .btn-ghost{background-color:rgba(255,255,255,.055)}
.marketing-nacht :is(button,input,textarea,select):disabled{opacity:.55}
.marketing-nacht :is(input:not([type=checkbox]),textarea,select){background:#101b14;color:var(--ink);border-color:#596b5d}
.marketing-nacht :is(input,textarea)::placeholder{color:#aab7ad}
.marketing-nacht :is(input,textarea,select):focus-visible{outline:2px solid #d3dfd4;outline-offset:3px;box-shadow:none}
.marketing-nacht :is(.kt-kasten.fehler,.wl-kasten,.fehlerkasten){background:#321b18;border-color:#a96b61;color:#ffddd7}
.marketing-nacht :is(.kt-fehler,.wl-fehler,.fehler){color:#ffb6aa}
.marketing-nacht :is(.kt-kasten.ok,.kt-terminhilfe){background:transparent;color:var(--ink)}
.marketing-nacht .kt-verlauf{background:#0b150e;border-color:var(--line)}
.marketing-nacht .kt-beratung{background:transparent}
.marketing-nacht .kt-termin[aria-pressed=true]{background:rgba(255,255,255,.2);border-color:#d1ded3;color:#fff}
.marketing-nacht #chat-status[data-online=true]{color:#d9e8dc}
.marketing-nacht :is(.mg-kachel,.mg-grund,.mg-ort,.mg-rolle,.mg-weg,.mg-beweis,.mg-kopf:not(.mg-buehne),.mg-auftakt.breit,.card,.step,.formkarte){background:transparent}
.marketing-nacht .mg-fragen details{background:transparent}
.marketing-nacht .mg-tatsachen{background:#0b150f}
.marketing-nacht .mg-rolle ol li{background:transparent}
.marketing-nacht :is(.tarif-card,.mg-tarifkarte){background:transparent}
.marketing-nacht :is(.tarif-card:last-child,.mg-tarifkarte.empfohlen){background:transparent;border-color:#8ca18f;color:var(--ink)}
.marketing-nacht .tarif-card:last-child .tarif-cta{background-color:rgba(255,255,255,.16);color:var(--ink);border-color:rgba(255,255,255,.38)}
.marketing-nacht :is(.tarif-toggle button.aktiv,.mg-rollen-wahl button[aria-selected=true]){background-color:rgba(255,255,255,.22);border-color:#b5c6b8;color:#fff}
.marketing-nacht .mg-rollen-wahl{gap:8px}
.marketing-nacht .mg-pfeiltaste{width:auto;min-width:72px;font:inherit;font-size:13px;padding:10px 14px}
.marketing-nacht .mg-kachel h3{margin-top:0}
.marketing-nacht :is(.mg-zeichen,.mg-pfeil,.caret,.mg-rollen-wahl button i,.mg-rolle ol li i,.mg-rad li i,.geraet-punkt,.wl-fertig .haken){display:none}
.marketing-nacht .rollhinweis::before{content:none}
.marketing-nacht :is(.mg-haken li,.checks li,.tarif-features li){padding-left:0;display:block}
.marketing-nacht :is(.mg-haken li,.checks li,.tarif-features li,.mg-grund li,.mg-tarifkarte li,.mg-weitere a)::before,
.marketing-nacht :is(.checks li,.mg-weitere a,.faq summary,.mg-fragen summary)::after{content:none;display:none}
.marketing-nacht :is(.faq summary,.mg-fragen summary){text-decoration:underline;text-decoration-color:#6a7b6e;text-underline-offset:6px}
.marketing-nacht :is(.faq details[open] summary,.mg-fragen details[open] summary){text-decoration-color:#f4f6f2}
.marketing-nacht .mg-rolle ol li{grid-template-columns:minmax(0,1fr)}
.marketing-nacht .mg-haken{gap:14px}
.marketing-nacht .mg-weitere a{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.marketing-nacht .mg-weitere a:hover{padding-left:4px;background:#101b14}
.marketing-nacht .mg-weitere span{grid-column:auto}
.marketing-nacht .mg-vergleich .ja,.marketing-nacht .mg-vergleich .nein{width:auto;height:auto;background:transparent;color:var(--ink);font-size:13px;border-radius:0}
.marketing-nacht .mg-vergleich .ja{font-weight:600}
.marketing-nacht .mg-vergleich td.hervor{background:#132019}
.marketing-nacht .mg-vergleich thead th.hervor{background:#172a1d}
.marketing-nacht .wl{background:#0c1810}
.marketing-nacht .wl-karte{background:transparent}
.marketing-nacht .wl-hinweis{color:var(--ink-soft)}
.marketing-nacht footer.site{background:#060c08;border-color:#253129}
.marketing-nacht .foot a,.marketing-nacht .foot .ueber,.marketing-nacht .foot-unten,.marketing-nacht .foot-unten a{color:var(--ink-soft)}
.marketing-nacht .foot h3,.marketing-nacht .foot h4{color:var(--ink)}
.firmenfuss{display:grid;grid-template-columns:1.45fr 1fr 1.15fr 1fr;gap:48px;padding:72px 0 60px}
.firmenfuss-logo{display:inline-block;max-width:201px}
.firmenfuss-logo img{display:block;width:100%;height:auto}
.firmenfuss-marke p,.firmenfuss address{font-size:14px;line-height:1.7;color:var(--ink-soft);margin-top:22px;font-style:normal}
.firmenfuss-marke .firmenfuss-slogan{font-size:10px;letter-spacing:.06em;margin-top:14px;color:var(--ink)}
.firmenfuss nav h2{font-size:15px;line-height:1.5;font-weight:600;letter-spacing:0;margin-bottom:20px;color:var(--ink)}
.firmenfuss ul{list-style:none;padding:0;margin:0}
.firmenfuss li a{display:inline-block;padding:8px 0;font-size:14px;line-height:1.5;color:var(--ink-soft);overflow-wrap:anywhere}
.firmenfuss a:hover,.firmenfuss-basis a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.firmenfuss .firmenfuss-widerruf{margin-top:22px;padding:12px 16px;min-height:44px;font-size:13px;white-space:normal;text-align:center}
.firmenfuss-basis{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:24px 0 30px;font-size:13px;color:var(--ink-soft)}
.firmenfuss-basis nav,.firmenfuss-social{display:flex;gap:24px;flex-wrap:wrap}
.firmenfuss-basis a{color:var(--ink-soft);display:inline-block;padding:8px 0}
.firmenfuss-social{margin-top:24px;font-size:14px}
.firmenfuss-social a{padding:6px 0;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.firmenfuss{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}}
@media(max-width:640px){.firmenfuss{padding:48px 0 40px;gap:36px 20px}.firmenfuss-marke{grid-column:1/-1}.firmenfuss nav h2{font-size:14px;margin-bottom:12px}.firmenfuss li a{font-size:13px}.firmenfuss-basis{align-items:flex-start;flex-direction:column;gap:8px}}
.marketing-nacht ::selection{background:#31503a;color:#fff}
.marketing-nacht :focus-visible{outline-color:#d3dfd4}
html{scrollbar-color:#637b69 #080f0c}
::-webkit-scrollbar-track{background:#080f0c}
::-webkit-scrollbar-thumb{background:#637b69;border-color:#080f0c}
@supports not (backdrop-filter:blur(1px)){
 .marketing-nacht :is(.btn,.mg-pfeiltaste,.mg-rollen-wahl button,.tarif-toggle button,.kt-termin){background-color:#27382b}
}
@media(max-width:640px){
 .marketing-nacht .nav-links .mobiler-kontakt{display:inline-flex}
 .marketing-nacht .nav-cta .nav-kontakt{display:none}
 .marketing-nacht .mg-weitere a{grid-template-columns:1fr;gap:6px}
 .marketing-nacht .mg-weitere span{grid-column:1;margin-top:0}
 .marketing-nacht .nav-cta{gap:12px}
}
@media(prefers-reduced-transparency:reduce){
 .marketing-nacht :is(.btn,.film-halt,.mg-pfeiltaste,.mg-rollen-wahl button,.tarif-toggle button,.kt-termin){background:#27382b;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 .marketing-nacht *, .marketing-nacht *::before,.marketing-nacht *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}