/* =====================================================================
   vml_hell.css – helle Designs für VoteMyLove
   Aktiv, wenn <html> eine der Klassen hat: th-rose, th-lavendel, th-sommer, th-blau
   (ohne Klasse bleibt alles im bisherigen dunklen Design)
   ===================================================================== */
html.th-rose{--h-bg:#fff6f8;--h-bg2:#ffe9ef;--h-flaeche:#ffffff;--h-flaeche2:#fff1f5;--h-rand:#f6cfdc;--h-text:#2a1630;--h-text2:#6d5470;--h-text3:#9a8399;--h-akzent:#e2337f;--h-akzent2:#8a3ffc;--h-verlauf:linear-gradient(90deg,#ff4f9a,#9b5cff);--h-glow:rgba(226,51,127,.12)}
html.th-lavendel{--h-bg:#f5f3ff;--h-bg2:#ebe6ff;--h-flaeche:#ffffff;--h-flaeche2:#f4f1ff;--h-rand:#ddd5fb;--h-text:#1f1838;--h-text2:#5b5378;--h-text3:#8c84a8;--h-akzent:#6c3cf0;--h-akzent2:#d6338a;--h-verlauf:linear-gradient(90deg,#7b4dff,#c24bd6);--h-glow:rgba(108,60,240,.12)}
html.th-sommer{--h-bg:#f4fbfb;--h-bg2:#e3f6f4;--h-flaeche:#ffffff;--h-flaeche2:#f0faf9;--h-rand:#cdebe7;--h-text:#13302f;--h-text2:#4a6766;--h-text3:#7d9796;--h-akzent:#d4402f;--h-akzent2:#0b766f;--h-verlauf:linear-gradient(90deg,#e0482c,#cc2f5c);--h-glow:rgba(15,158,148,.12)}
html.th-blau{--h-bg:#f0f2f5;--h-bg2:#e4e6eb;--h-flaeche:#ffffff;--h-flaeche2:#f7f8fa;--h-rand:#dadde1;--h-text:#050505;--h-text2:#65676b;--h-text3:#8a8d91;--h-akzent:#1877f2;--h-akzent2:#1561c9;--h-verlauf:linear-gradient(90deg,#1877f2,#1877f2);--h-glow:rgba(24,119,242,.14)}

/* ---- Grundfläche ---- */
html[class*="th-"] body{background:var(--h-bg) !important;background-image:radial-gradient(circle at 12% 0%,var(--h-bg2),transparent 45%),radial-gradient(circle at 90% 100%,var(--h-bg2),transparent 45%) !important;color:var(--h-text) !important}
html[class*="th-"] td,html[class*="th-"] .Backgraund,html[class*="th-"] .Klasse4,html[class*="th-"] .box1,html[class*="th-"] .box{background-color:transparent !important;background-image:none !important;color:var(--h-text) !important;border-color:var(--h-rand) !important;box-shadow:none !important}

/* ---- Karten / Panels ---- */
html[class*="th-"] .vml-panel,html[class*="th-"] .vml-rail-box,html[class*="th-"] .vml-usercard,html[class*="th-"] .vml-iconnav-item{background:var(--h-flaeche) !important;border:1px solid var(--h-rand) !important;box-shadow:0 4px 18px var(--h-glow) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-panel-title{background:var(--h-verlauf) !important;color:#fff !important;text-shadow:none !important}
html[class*="th-"] .vml-panel-title *{color:#fff !important}
html[class*="th-"] .vml-panel-body{background:transparent !important;color:var(--h-text) !important}
html[class*="th-"] .vml-usercard-photo,html[class*="th-"] .ve-platz-frei{background:var(--h-flaeche2) !important}
html[class*="th-"] details,html[class*="th-"] .vml-stat-kachel,html[class*="th-"] .vml-login-row,html[class*="th-"] .vml-admin-nav{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important}

/* ---- Kopfleiste, Radio, Laufschrift ---- */
html[class*="th-"] .vml-topbar{background:var(--h-flaeche) !important;border-bottom:1px solid var(--h-rand) !important;box-shadow:0 2px 14px var(--h-glow) !important}
html[class*="th-"] .vml-radio,html[class*="th-"] .vml-radio-viz{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-ticker-wrap{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important}

/* ---- Schrift ---- */
html[class*="th-"] p,html[class*="th-"] li,html[class*="th-"] span,html[class*="th-"] label,html[class*="th-"] div,html[class*="th-"] summary,html[class*="th-"] h1,html[class*="th-"] h2,html[class*="th-"] h3,html[class*="th-"] h4,html[class*="th-"] b,html[class*="th-"] strong,html[class*="th-"] font{color:inherit;text-shadow:none !important}
html[class*="th-"] small,html[class*="th-"] .vml-stat-text,html[class*="th-"] .ve-hilfe,html[class*="th-"] .ve-unten{color:var(--h-text2) !important}
html[class*="th-"] .vml-stat-kachel small{color:var(--h-text3) !important}
html[class*="th-"] .vml-stat-kachel,html[class*="th-"] .vml-stat-kachel b{color:var(--h-text) !important}
html[class*="th-"] .vml-stat-gruppe{color:var(--h-akzent2) !important}
html[class*="th-"] a,html[class*="th-"] a:link,html[class*="th-"] a:visited{color:var(--h-akzent);text-shadow:none !important}
html[class*="th-"] .vml-panel-body p,html[class*="th-"] .vml-panel-body div,html[class*="th-"] .vml-panel-body span,html[class*="th-"] .vml-panel-body li{color:var(--h-text)}

/* ---- Eingabefelder ---- */
html[class*="th-"] input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),html[class*="th-"] select,html[class*="th-"] textarea,html[class*="th-"] .vml-input{background:#fff !important;color:var(--h-text) !important;border:1px solid var(--h-rand) !important}
html[class*="th-"] input::placeholder,html[class*="th-"] textarea::placeholder{color:var(--h-text3) !important}

/* ---- Knöpfe behalten ihren Farbverlauf, Schrift weiß ---- */
html[class*="th-"] button[class*="btn"],html[class*="th-"] a[class*="btn"],html[class*="th-"] .ve-knopf,html[class*="th-"] .ve-gross,html[class*="th-"] .vml-login-btn,html[class*="th-"] .vml-register-btn,html[class*="th-"] input[type=submit]{background:var(--h-verlauf) !important;color:#fff !important;border:0 !important;text-shadow:none !important}
html[class*="th-"] .vml-stat-online{background:color-mix(in srgb,var(--h-akzent2) 10%,#fff) !important;border-color:color-mix(in srgb,var(--h-akzent2) 40%,#fff) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-stat-online b{color:var(--h-akzent2) !important}
html[class*="th-"] .ve-startcash{background:linear-gradient(90deg,#fff6d6,#ffe7f0) !important;color:var(--h-text) !important}
html[class*="th-"] .ve-startcash small{color:var(--h-text2) !important}

/* ---- Startseiten-Kacheln, Erste Schritte, freie Plätze ---- */
html[class*="th-"] .ve-kachel{background:var(--h-flaeche2) !important;border:1px solid var(--h-rand) !important;color:var(--h-text2) !important;box-shadow:none !important}
html[class*="th-"] .ve-kachel:hover{border-color:var(--h-akzent) !important}
html[class*="th-"] .ve-kachel b,html[class*="th-"] .ve-box b,html[class*="th-"] .ve-platz-frei b,html[class*="th-"] .ve-box .ve-pfeil{color:var(--h-text) !important}
html[class*="th-"] .ve-box a{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .ve-weg{color:var(--h-text3) !important}
html[class*="th-"] .ve-platz-frei small{color:var(--h-text2) !important}

/* ---- Begrüßung, Cash, Krone ---- */
html[class*="th-"] .vml-hello-chip{font-family:"Segoe UI",Roboto,Arial,sans-serif !important;color:var(--h-text2) !important}
html[class*="th-"] .vml-cash-chip,html[class*="th-"] .vml-krone-chip{background:var(--h-flaeche) !important;border:1px solid var(--h-rand) !important;color:var(--h-text) !important;box-shadow:none !important}
html[class*="th-"] .vml-cash-chip *,html[class*="th-"] .vml-krone-chip *{color:var(--h-text) !important}
html[class*="th-"] a.grus{color:var(--h-akzent) !important}
html[class*="th-"] .vml-radio-mode-btn{color:var(--h-text2) !important}
html[class*="th-"] .vml-ticker-label{color:#fff !important}

/* ---- Handy: Kopfleiste, untere Leiste, Menü ---- */
html[class*="th-"] .vmlm-bar{background:var(--h-flaeche) !important;border-bottom:1px solid var(--h-rand) !important;box-shadow:0 2px 12px var(--h-glow) !important}
html[class*="th-"] .vmlm-tabs{background:var(--h-flaeche) !important;border-top:1px solid var(--h-rand) !important;box-shadow:0 -2px 12px var(--h-glow) !important}
html[class*="th-"] .vmlm-tabs a,html[class*="th-"] .vmlm-tabs a *{color:var(--h-text2) !important}
html[class*="th-"] .vmlm-tabs a.aktiv,html[class*="th-"] .vmlm-tabs a.active,html[class*="th-"] .vmlm-tabs a[aria-current],html[class*="th-"] .vmlm-tabs a.aktiv *,html[class*="th-"] .vmlm-tabs a.active *,html[class*="th-"] .vmlm-tabs a[aria-current] *{color:var(--h-akzent) !important}
html[class*="th-"] .vmlm-iconbtn{background:var(--h-verlauf) !important;border:0 !important}
html[class*="th-"] .vmlm-drawer,html[class*="th-"] .vmlm-drawer-kopf,html[class*="th-"] .vmlm-drawer-head{background:var(--h-bg) !important;color:var(--h-text) !important}
html[class*="th-"] .vmlm-tabs a.vmlm-tab,html[class*="th-"] .vmlm-tabs a.vmlm-tab:link,html[class*="th-"] .vmlm-tabs a.vmlm-tab:visited{color:var(--h-text2) !important}
html[class*="th-"] .vmlm-tabs a.vmlm-tab.aktiv,html[class*="th-"] .vmlm-tabs a.vmlm-tab.aktiv:link,html[class*="th-"] .vmlm-tabs a.vmlm-tab.aktiv:visited{color:var(--h-akzent) !important}
html[class*="th-"] .vmlm-drawer-head b,html[class*="th-"] .vmlm-sheet-head b{color:var(--h-text) !important}
html[class*="th-"] .vmlm-drawer-head,html[class*="th-"] .vmlm-sheet-head{border-bottom-color:var(--h-rand) !important}
html[class*="th-"] .vmlm-close{background:var(--h-flaeche2) !important;color:var(--h-text) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .vmlm-sheet{background:var(--h-bg) !important;color:var(--h-text) !important}
html[class*="th-"] .vmlm-overlay{background:rgba(40,20,50,.35) !important}
html[class*="th-"] .vmlm-tabs a.vmlm-tab.aktiv .vmlm-tab-tx,html[class*="th-"] .vmlm-tabs a.vmlm-tab.aktiv span{color:var(--h-akzent) !important}
html[class*="th-"] .vml-glocke,html[class*="th-"] a.vml-bell,html[class*="th-"] .vml-notify-bell{background:var(--h-flaeche) !important;border:1px solid var(--h-rand) !important}

/* ---- Formulare (Anmeldung usw.) ---- */
html[class*="th-"] .ve-form .ve-feld label,html[class*="th-"] .ve-form label{color:var(--h-text) !important}
html[class*="th-"] .ve-form p,html[class*="th-"] .vml-panel-body > p{color:var(--h-text2) !important}

/* ---- Musik ---- */
html[class*="th-"] .mu-song,html[class*="th-"] .mu-liste > *,html[class*="th-"] .mu-komm,html[class*="th-"] .mu-form,html[class*="th-"] .mu-player{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .mu-song *,html[class*="th-"] .mu-liste *{color:inherit}
html[class*="th-"] .mu-k:not(.play){background:#fff !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}

/* ---- Knopf Hell/Dunkel (neben der Sprache, am Handy im Menü) ---- */
.vml-design-schalter{display:inline-block;margin:0 0 0 8px;vertical-align:middle}
.vml-design-knopf{min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid rgba(217,168,255,.55);background:rgba(255,255,255,.08);color:#fff;font:600 13px/1 "Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.vml-design-knopf:hover{border-color:#ff2fd0}
.vml-dk-dunkel{display:none}
html[class*="th-"] .vml-dk-hell{display:none}
html[class*="th-"] .vml-dk-dunkel{display:inline}
html[class*="th-"] .vml-design-knopf{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
.vmlm-drawer .vml-design-schalter{display:block;margin:10px 0 0}
.vmlm-drawer .vml-design-knopf{width:100%;min-height:44px;font-size:15px}

/* ---- Design-Auswahl in "Mein Raum" ---- */
.vml-design-ok{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(46,230,168,.12);border:1px solid rgba(46,230,168,.5);font-size:15px}
.vml-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.vml-design-option{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;border:2px solid rgba(217,168,255,.3);background:rgba(255,255,255,.04);cursor:pointer;text-align:left}
.vml-design-option input{position:absolute;opacity:0;pointer-events:none}
.vml-design-option.gewaehlt{border-color:#ff2fd0;box-shadow:0 0 0 3px rgba(255,47,208,.18)}
.vml-design-option.gewaehlt::after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#ff2fd0;color:#fff;font:700 14px/24px Arial,sans-serif;text-align:center}
.vml-design-option:focus-within{outline:2px solid #ff2fd0;outline-offset:2px}
.vml-design-option b{font-size:15px}
.vml-design-option small{font-size:12.5px;opacity:.8;line-height:1.35}
.vml-design-vorschau{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:14px 30px;gap:5px;height:62px;padding:7px;border-radius:10px;box-sizing:border-box;border:1px solid rgba(0,0,0,.12)}
.vml-design-vorschau span{grid-column:1 / span 2;border-radius:5px}
.vml-design-vorschau i{border-radius:6px;display:block}
.vml-design-speichern{margin-top:14px;min-height:44px;padding:0 22px}
html[class*="th-"] .vml-design-option{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .vml-design-option.gewaehlt{border-color:var(--h-akzent) !important;box-shadow:0 0 0 3px var(--h-glow) !important}
html[class*="th-"] .vml-design-option.gewaehlt::after{background:var(--h-akzent)}
html[class*="th-"] .vml-design-ok{background:#e9fbf4 !important;color:var(--h-text) !important}
html[class*="th-"] .ve-dgrid a,html[class*="th-"] .ve-dgrid a:link,html[class*="th-"] .ve-dgrid a:visited{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .ve-dgrid a.aktiv{background:var(--h-verlauf) !important;color:#fff !important}
html[class*="th-"] .ve-dmehr,html[class*="th-"] .ve-dmehr summary{background:transparent !important;color:var(--h-text) !important;border-color:var(--h-rand) !important}
@media (max-width:700px){.vml-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vml-design-option{padding:8px}.vml-design-vorschau{height:48px;grid-template-rows:10px 20px}.vml-design-option small{font-size:12px}}

/* =====================================================================
   Alte Farb-Variablen der Seite auf Hell umstellen (wirkt auf alle Seiten)
   ===================================================================== */
html[class*="th-"]{--bg-deep:var(--h-bg);--bg-panel:var(--h-flaeche);--bg-panel2:var(--h-flaeche2);--text-light:var(--h-text);--neon-gold:color-mix(in srgb,var(--h-akzent) 85%,#000);--neon-cyan:var(--h-akzent2);--neon-purple:var(--h-akzent2);--neon-pink:var(--h-akzent);--neon-orange:#d9661a}

/* ---- Karten, die noch dunkel waren (Shop, Premium, Plugins, Chat, Streak, 2FA …) ---- */
html[class*="th-"] :is(.vmlu-card,.vmlu-hero,.vml-gift-card,.vml-plugin-card,.vml-paket-card,.vml-info-row,.vml-info-block,.vml-friend-info,.vml-streak-day,.vml-auth-card,.vml-live-card,.vml-puls-stat-box,.vml-activity,.vml-right-section,.vml-level-box,.vmlgo-safety,.vml-skyline-live-status,.vml-task-row,.vml-forum-sidebar,.vml-bottom-cards > div,.vml-notify-prefs label,.vml-mini-tabs span,.vml-plugin-or,.vml-plugin-levelonly,.vml-plugin-level,.vmlc-price-row span,.mg-nofake,.vml-rank-badge){background:var(--h-flaeche2) !important;background-image:none !important;border-color:var(--h-rand) !important;color:var(--h-text) !important;box-shadow:none !important;text-shadow:none !important}
html[class*="th-"] :is(.vmlu-card,.vmlu-hero,.vml-gift-card,.vml-plugin-card,.vml-paket-card,.vml-info-row,.vml-info-block,.vml-friend-info,.vml-streak-day,.vml-auth-card,.vml-live-card,.vml-puls-stat-box,.vml-activity,.vml-right-section,.vml-level-box,.vml-task-row,.vml-forum-sidebar,.vml-bottom-cards > div) :is(p,h1,h2,h3,b,span,div,li,small,label){color:inherit;text-shadow:none !important}
html[class*="th-"] :is(.vmlu-card,.vml-gift-card,.vml-plugin-card,.vml-paket-card,.vml-streak-day,.vml-puls-stat-box,.vml-bottom-cards > div){background:var(--h-flaeche) !important}
html[class*="th-"] :is(.vml-paket-card div,.vml-act-time,.vml-small,.vmlu-card p){color:var(--h-text2) !important}
html[class*="th-"] :is(.vmlu-price,.vml-gift-price,.vmlu-kpi){color:var(--h-akzent) !important}
html[class*="th-"] :is(.vmlu-badge,.vmlc-release,.vml-plugin-cat){background:var(--h-bg2) !important;color:var(--h-text) !important;border-color:var(--h-rand) !important}

/* ---- Überschriften/Tabellenköpfe, die gelb waren ---- */
html[class*="th-"] th{color:var(--h-akzent) !important;background:var(--h-flaeche2) !important}
html[class*="th-"] .vml-panel-body :is(h1,h2,h3){color:var(--h-text) !important}

/* ---- Links und Knöpfe, die hellen Text hatten ---- */
html[class*="th-"] .vml-forum-sidebar a,html[class*="th-"] .vml-forum-sidebar a:link,html[class*="th-"] .vml-forum-sidebar a:visited{color:var(--h-text) !important;background:transparent !important}
html[class*="th-"] .vml-forum-sidebar a:hover,html[class*="th-"] .vml-forum-sidebar a.aktiv,html[class*="th-"] .vml-forum-sidebar a.active{color:var(--h-akzent) !important}
html[class*="th-"] a.ve-aktion,html[class*="th-"] a.ve-aktion:link,html[class*="th-"] a.ve-aktion:visited{background:var(--h-flaeche2) !important;border:1px solid var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] :is(.vml-raum-theme-option,.vml-task-go,.vml-toplist-tab){color:var(--h-akzent) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .vml-toplist-tab.aktiv,html[class*="th-"] .vml-toplist-tab.active{background:var(--h-verlauf) !important;color:#fff !important}
html[class*="th-"] .vml-sidebar a.active,html[class*="th-"] .vml-sidebar a.aktiv{color:#fff !important}
html[class*="th-"] :is(.vml-bubble,.vml-live-pulse,.vml-skyline-orb,.vmlc-notice,.vmls-hero,.vmlu-chip,.vml-skyline-live-status span,.vml-act-icon,.vml-gift-rarity,.vml-shop-discount-badge,.vml-new-chat){background:var(--h-flaeche2) !important;background-image:none !important;border-color:var(--h-rand) !important;color:var(--h-text) !important;text-shadow:none !important}
html[class*="th-"] .vml-msg-row.ich .vml-bubble,html[class*="th-"] .vml-msg-row.mine .vml-bubble,html[class*="th-"] .vml-msg-row.eigene .vml-bubble{background:color-mix(in srgb,var(--h-akzent) 12%,#fff) !important}
html[class*="th-"] .vml-bubble *,html[class*="th-"] .vmls-hero *{color:inherit !important}
html[class*="th-"] .vml-msg-meta{color:var(--h-text3) !important}
html[class*="th-"] :is(.vml-task-go,.vml-toplist-tab.vml-toplist-active){color:#fff !important}
html[class*="th-"] .vml-toplist-tab:not(.vml-toplist-active){background:var(--h-flaeche2) !important;color:var(--h-akzent) !important}
html[class*="th-"] a.vml-side-link{color:var(--h-text) !important}
html[class*="th-"] .vml-gift-rarity{font-weight:600}
html[class*="th-"] .vml-reaction{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .ve-haken,html[class*="th-"] .ve-platz-frei > span{background:var(--h-bg2) !important}
html[class*="th-"] p > b > span[style*="ff8aa5"]{color:#b8233f !important}
html[class*="th-"] .vml-page > p[style*="8b95a5"],html[class*="th-"] td.Backgraund .vml-page > p{color:var(--h-text2) !important}
html[class*="th-"] .vml-chat-head{background:var(--h-flaeche) !important;background-image:none !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-chat-head *{color:inherit}
html[class*="th-"] .ve-auge{color:var(--h-text2) !important}
html[class*="th-"] .vml-panel a.ve-gross,html[class*="th-"] .vml-panel a.ve-gross:link,html[class*="th-"] .vml-panel a.ve-gross:visited{background:var(--h-verlauf) !important;color:#fff !important}

/* ---- Profil-Navigation, Chatfenster, Forum, Profilkopf, Mitglieder-Karten ---- */
html[class*="th-"] :is(.vml-member-nav,.vml-msg-list,.vml-forum-hero,.vml-forum-category,.vml-forum-latest-row,.vml-forum-widget,.vml-profil-datahead,.mg-karte){background:var(--h-flaeche) !important;background-image:none !important;border-color:var(--h-rand) !important;color:var(--h-text) !important;box-shadow:0 2px 12px var(--h-glow) !important;text-shadow:none !important}
html[class*="th-"] .vml-msg-list{background:var(--h-flaeche2) !important}
html[class*="th-"] .mg-bild{background-color:var(--h-flaeche2) !important}
html[class*="th-"] :is(.vml-forum-hero,.vml-forum-category,.vml-forum-latest-row,.vml-forum-widget,.vml-profil-datahead,.mg-karte) :is(h1,h2,h3,h4,p,span,b,strong,small,div,li){color:inherit;text-shadow:none !important}
html[class*="th-"] :is(.vml-forum-category,.vml-forum-latest-row,.vml-forum-widget) :is(small,p){color:var(--h-text2) !important}
html[class*="th-"] .vml-member-nav a,html[class*="th-"] .vml-member-nav a:link,html[class*="th-"] .vml-member-nav a:visited,html[class*="th-"] .vml-member-nav-item{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-member-nav .vml-mnav-ic{color:var(--h-akzent) !important}
html[class*="th-"] .vml-member-nav summary,html[class*="th-"] .ve-mehr summary{background:var(--h-flaeche) !important;color:var(--h-text) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .chat-emoji-btn,html[class*="th-"] .vml-chat-emoji,html[class*="th-"] .vml-emoji-btn{background:var(--h-flaeche) !important;border:1px solid var(--h-rand) !important}
html[class*="th-"] .vml-upgrade-tile{background:var(--h-flaeche) !important;background-image:none !important;border-color:var(--h-rand) !important;color:var(--h-text) !important;box-shadow:0 2px 12px var(--h-glow) !important}
html[class*="th-"] .vml-upgrade-tile *{text-shadow:none !important}
html[class*="th-"] .vml-quick{background:var(--h-flaeche) !important;border:1px solid var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-notify-filters > a:not(.active){background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-notify-filters > a.active{background:var(--h-verlauf) !important;color:#fff !important}
html[class*="th-"] .vml-quick{background:transparent !important;border:0 !important}
html[class*="th-"] .vml-quick button{background:var(--h-flaeche) !important;border:1px solid var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-composer button:not([type=submit]),html[class*="th-"] .vml-emoji-toggle{background:var(--h-flaeche) !important;border:1px solid var(--h-rand) !important}
/* ---- Skyline-Hilfe-Fenster ---- */
html[class*="th-"] #vmlSkyBox{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important;box-shadow:0 18px 50px rgba(60,20,70,.25) !important}
html[class*="th-"] #vmlSkyBox .sk-kopf{background:var(--h-verlauf) !important}
html[class*="th-"] #vmlSkyBox .sk-bot{background:var(--h-flaeche2) !important;color:var(--h-text) !important;border:1px solid var(--h-rand)}
html[class*="th-"] #vmlSkyBox .sk-bot a,html[class*="th-"] #vmlSkyBox .sk-bot a:link,html[class*="th-"] #vmlSkyBox .sk-bot a:visited{color:var(--h-akzent) !important}
html[class*="th-"] #vmlSkyBox .sk-ich{background:var(--h-verlauf) !important;color:#fff !important}
html[class*="th-"] #vmlSkyBox .sk-chips button{color:var(--h-akzent) !important;border-color:var(--h-rand) !important;background:var(--h-flaeche) !important}
html[class*="th-"] #vmlSkyBox form{border-top-color:var(--h-rand) !important}
html[class*="th-"] #vmlSkyBox input{background:#fff !important;color:var(--h-text) !important;border-color:var(--h-rand) !important}
html[class*="th-"] #vmlSkyBox form button{background:var(--h-verlauf) !important;color:#fff !important}
html[class*="th-"] #vmlSkyBtn{background:var(--h-verlauf) !important;border-color:transparent !important}
html[class*="th-"] #vmlSkyBox .sk-kopf small,html[class*="th-"] #vmlSkyBox .sk-kopf b{color:#fff !important}

/* ---- Mein Bereich ---- */
html[class*="th-"] a.vml-hello-chip,html[class*="th-"] a.vml-hello-chip b{color:var(--h-text) !important}
html[class*="th-"] .vmb-schnell a,html[class*="th-"] .vmb-liste a,html[class*="th-"] .vmb-wahl label{background:var(--h-flaeche2) !important;border:1px solid var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vmb-schnell a span,html[class*="th-"] .vmb-liste a span,html[class*="th-"] .vmb-wahl label span{color:var(--h-text) !important}
html[class*="th-"] .vmb-schnell a:hover,html[class*="th-"] .vmb-liste a:hover{border-color:var(--h-akzent) !important;background:#fff !important}
html[class*="th-"] .vmb-gruppe{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .vmb-gruppe summary,html[class*="th-"] .vmb-gruppe summary *,html[class*="th-"] .vmb-anpassen summary{color:var(--h-text) !important}
html[class*="th-"] .vmb .vmb-karte .vmb-cash{background:#fff7dc !important;border-color:#f0cf6a !important}
html[class*="th-"] .vmb .vmb-karte .vmb-cash,html[class*="th-"] .vmb .vmb-karte .vmb-cash *{color:#7a5600 !important}
html[class*="th-"] .vmb .vmb-badge{background:var(--h-akzent) !important;color:#fff !important}
html[class*="th-"] .vmb-balken{background:var(--h-bg2) !important}
html[class*="th-"] .vmb-balken i{background:var(--h-verlauf) !important}
html[class*="th-"] .vmb-balken-gruen i{background:linear-gradient(90deg,#15b886,#0aa5b8) !important}
html[class*="th-"] .vmb-level small,html[class*="th-"] .vmb-neu-leer{color:var(--h-text2) !important}
html[class*="th-"] .vmb-fertig{background:#effcf6 !important;border-color:#a8e6cf !important}
html[class*="th-"] .vmb-fehlt a{background:#fff !important;border-color:#3cc794 !important;color:#0d5c40 !important}
html[class*="th-"] .vmb-fehlt a *{color:#0d5c40 !important}
html[class*="th-"] .vmb-neu a{background:var(--h-flaeche2) !important;border-color:var(--h-akzent) !important;color:var(--h-text) !important}
html[class*="th-"] .vmb-neu a *{color:var(--h-text) !important}
html[class*="th-"] .vmb-neu a b{color:var(--h-akzent) !important}
html[class*="th-"] .vmb-suche input{background:#fff !important;border-color:var(--h-rand) !important;color:var(--h-text) !important}
html[class*="th-"] .vmb-suche input:focus{border-color:var(--h-akzent) !important;box-shadow:0 0 0 3px var(--h-glow) !important}
html[class*="th-"] .vmb-nichts{background:var(--h-flaeche2) !important}
html[class*="th-"] .vmb-anpassen{background:#fffbea !important;border-color:#f0cf6a !important}
html[class*="th-"] .vmb-zurueck{border-color:var(--h-rand) !important;color:var(--h-text) !important;background:#fff !important}
/* aktive Reiter waren in hellen Designs teils unsichtbar (weiße Füllfarbe auf hellem Grund) – Schrift nimmt jetzt immer ihre eigene Farbe */
html[class*="th-"] a.aktiv,html[class*="th-"] a.aktiv *,html[class*="th-"] a.active,html[class*="th-"] a.active *{-webkit-text-fill-color:currentColor !important}
html[class*="th-"] .vmb-fertig-lob{color:#0d7a55 !important}

/* ---- Reiter Mein Bereich | Mein Raum | Design (helle Designs) ---- */
html[class*="th-"] .vmt-tabs{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .vmt-tabs a,html[class*="th-"] .vmt-tabs a span:not(.vmb-badge){color:var(--h-text2) !important;-webkit-text-fill-color:currentColor}
html[class*="th-"] .vmt-tabs a .vmb-badge{color:#fff !important;-webkit-text-fill-color:#fff}
html[class*="th-"] .vmt-tabs a:hover{background:var(--h-flaeche2) !important}
html[class*="th-"] .vmt-tabs a.aktiv{background:var(--h-verlauf) !important;box-shadow:0 4px 14px var(--h-glow) !important}
html[class*="th-"] .vmt-tabs a.aktiv,html[class*="th-"] .vmt-tabs a.aktiv span:not(.vmb-badge){color:#fff !important}
html[class*="th-"] .vmt-tabs a.aktiv .vmb-badge{background:#fff !important;color:var(--h-akzent) !important;-webkit-text-fill-color:var(--h-akzent)}

/* =====================================================================
   Design "Klassik Blau" – hell, flach und schlicht wie die großen sozialen Netzwerke
   (Grau-Hintergrund, weiße Karten, Blau als Akzent, Systemschrift)
   ===================================================================== */
html.th-blau body,html.th-blau input,html.th-blau select,html.th-blau textarea,html.th-blau button{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important}
html.th-blau body{background:#f0f2f5 !important;background-image:none !important}
html.th-blau .vml-panel,html.th-blau .vml-rail-box,html.th-blau .vml-usercard,html.th-blau .vml-sidebar > div,html.th-blau .vml-topbar{border:0 !important;border-radius:8px !important;box-shadow:0 1px 2px rgba(0,0,0,.2) !important}
html.th-blau .vml-topbar{border-radius:0 !important}
html.th-blau .vml-panel-title{background:#ffffff !important;border-bottom:1px solid #e4e6eb !important;text-align:left !important;letter-spacing:0 !important;font-size:17px !important;font-weight:700 !important;padding-left:16px !important}
html.th-blau .vml-panel-title,html.th-blau .vml-panel-title *{color:#050505 !important;-webkit-text-fill-color:#050505}
html.th-blau .vml-login-btn,html.th-blau .vml-register-btn,html.th-blau button.vml-login-btn,html.th-blau .vml-admin-zurueck{background:#1877f2 !important;background-image:none !important;border:0 !important;border-radius:6px !important;box-shadow:none !important;color:#fff !important;-webkit-text-fill-color:#fff;font-weight:600 !important}
html.th-blau .vml-register-btn{background:#e4e6eb !important;color:#050505 !important;-webkit-text-fill-color:#050505}
html.th-blau .vml-login-btn:hover{background:#166fe5 !important}
html.th-blau a,html.th-blau a:link,html.th-blau a:visited{color:#1877f2}
html.th-blau .vml-logo-cursive,html.th-blau .vmlm-brand{color:#1877f2 !important;-webkit-text-fill-color:#1877f2;text-shadow:none !important}
html.th-blau .vmlm-bar{background:#fff !important;box-shadow:0 1px 2px rgba(0,0,0,.15) !important;border:0 !important}
html.th-blau .vmlm-tabs{background:#fff !important;border-top:1px solid #dadde1 !important}
html.th-blau .vmlm-tab.aktiv::before{background:#1877f2 !important;box-shadow:none !important}
html.th-blau .vml-sidebar a.active,html.th-blau .vml-sidebar a.aktiv{background:#e7f3ff !important;color:#1877f2 !important;-webkit-text-fill-color:#1877f2}
html.th-blau .vmb-foto,html.th-blau .vmb-balken i{background:#1877f2 !important}
html.th-blau .vmb-gruppe,html.th-blau .vmt-tabs,html.th-blau .vmb-schnell a,html.th-blau .vmb-liste a{border-radius:8px !important}
html.th-blau .vmb-schnell a,html.th-blau .vmb-liste a{background:#f0f2f5 !important;border-color:transparent !important}
html.th-blau .vmb-schnell a:hover,html.th-blau .vmb-liste a:hover{background:#e4e6eb !important}
html.th-blau .vmt-tabs a.aktiv{background:#1877f2 !important;box-shadow:none !important}
html.th-blau .vmb-neu a{animation:none !important;background:#e7f3ff !important;border-color:#1877f2 !important}
html.th-blau .vml-design-option.gewaehlt{border-color:#1877f2 !important;box-shadow:0 0 0 3px rgba(24,119,242,.18) !important}
html.th-blau .vml-design-option.gewaehlt::after{background:#1877f2 !important}
/* Sternenkarte: Himmel bleibt dunkel -> Namen hell */
html[class*="th-"] .vml-sternenkarte-himmel .vml-stern-label,html[class*="th-"] .vml-sternenkarte-himmel .vml-stern-label *{color:#fff !important;-webkit-text-fill-color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85) !important}
/* Geschenke-Wand + Geschenk der Woche (helle Designs) */
html[class*="th-"] .vml-gw-item{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .vml-gw-item,html[class*="th-"] .vml-gw-item span{color:var(--h-text) !important}
html[class*="th-"] .vml-gw-von{color:var(--h-text2) !important}
html[class*="th-"] .vml-woche-band,html[class*="th-"] .vml-woche-band *{color:#2a1600 !important;-webkit-text-fill-color:#2a1600}
/* Kennenlernen (helle Designs) – Karten selbst bleiben dunkel für gute Lesbarkeit auf Fotos */
html[class*="th-"] .kl-reiter,html[class*="th-"] .kl-match{background:var(--h-flaeche) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .kl-reiter a{color:var(--h-text2) !important;-webkit-text-fill-color:currentColor}
html[class*="th-"] .kl-reiter a.aktiv{background:var(--h-verlauf) !important;color:#fff !important;-webkit-text-fill-color:#fff}
html[class*="th-"] .kl-reiter a .vmb-badge{color:#fff !important;-webkit-text-fill-color:#fff}
html[class*="th-"] .kl-filter a{border-color:var(--h-rand) !important;color:var(--h-text2) !important;background:var(--h-flaeche) !important}
html[class*="th-"] .kl-filter a.aktiv{border-color:var(--h-akzent) !important;color:var(--h-akzent) !important;-webkit-text-fill-color:var(--h-akzent);background:var(--h-flaeche2) !important}
html[class*="th-"] .kl-info,html[class*="th-"] .kl-info *,html[class*="th-"] .kl-match-box,html[class*="th-"] .kl-match-box *:not(.vml-login-btn){color:#fff !important;-webkit-text-fill-color:#fff}
html[class*="th-"] .kl-match-box .vml-login-btn{color:#8a2be2 !important;-webkit-text-fill-color:#8a2be2;background:#fff !important}
html[class*="th-"] .kl-match-wer,html[class*="th-"] .kl-match-wer *{color:var(--h-text) !important}
html[class*="th-"] .kl-leer{border-color:var(--h-rand) !important}
html[class*="th-"] .kl-nope{color:#e5385a !important;-webkit-text-fill-color:#e5385a;box-shadow:0 4px 14px rgba(0,0,0,.15)}
html.th-blau .kl-like{background:#1877f2 !important}
html.th-blau .kl-match-box{background:linear-gradient(160deg,#1877f2,#0b5fd1) !important}
html.th-blau .kl-match-box .vml-login-btn{color:#1877f2 !important;-webkit-text-fill-color:#1877f2}
/* App-Banner/Karte (helle Designs) */
html[class*="th-"] .vml-app-banner{background:#fff !important;border-color:var(--h-rand) !important;box-shadow:0 8px 26px rgba(0,0,0,.18) !important}
html[class*="th-"] .vml-app-banner-text b,html[class*="th-"] .vml-app-banner-text span{color:var(--h-text) !important}
html[class*="th-"] .vml-app-banner-zu{background:var(--h-flaeche2) !important;color:var(--h-text) !important}
html[class*="th-"] .vml-app-banner-los{background:var(--h-verlauf) !important}
html[class*="th-"] .vmb-app{background:var(--h-flaeche2) !important;border-color:var(--h-rand) !important}
html[class*="th-"] .vml-app-ios-box *{color:#1c1430 !important}
html[class*="th-"] .vml-app-ios-box .vml-login-btn{color:#fff !important;-webkit-text-fill-color:#fff}
html[class*="th-"] .kl-hinweis{background:var(--h-flaeche2) !important;border-color:var(--h-akzent) !important;color:var(--h-text) !important}
html[class*="th-"] .kl-hinweis b{color:var(--h-akzent) !important}