/* ================================================================
   MEHRFACH-THEMES · pro Benutzer wählbar
   "Dezent & Edel" = Basis (keine Klasse). Vier weitere per body-Klasse.
   Jedes Theme = ein Satz Tokens; eine gemeinsame Ebene wendet sie an.
   ================================================================ */

/* ---------- Theme-Tokens ---------- */
body.theme-glas{
  --t-bg:#08120f; --t-text:#e9f3ef; --t-muted:#8aa39c;
  --t-panel:rgba(255,255,255,.045); --t-rand:rgba(127,227,176,.16); --t-blur:blur(12px); --t-radius:16px;
  --t-accent:#7fe3b0; --t-accent2:#4fd3a3; --t-ink:#06231a;
  --t-ok:#7fe3b0; --t-warn:#f0b657; --t-danger:#ef7a7a;
  --t-field:rgba(255,255,255,.04); --t-head:rgba(8,20,16,.72);
  --t-font:"Inter",system-ui,sans-serif; --t-fontd:"Space Grotesk",system-ui,sans-serif;
  --t-shadow:0 10px 34px rgba(0,0,0,.34);
  --t-bgimg:radial-gradient(480px 480px at 8% 0%,rgba(18,138,99,.42),transparent 70%),radial-gradient(440px 440px at 100% 100%,rgba(14,111,130,.38),transparent 70%),radial-gradient(360px 360px at 60% 45%,rgba(29,122,85,.30),transparent 70%);
}
body.theme-swiss{
  --t-bg:#f4f6f5; --t-text:#0f1c18; --t-muted:#5b6b64;
  --t-panel:#ffffff; --t-rand:#e2e8e5; --t-blur:none; --t-radius:14px;
  --t-accent:#1a9c6b; --t-accent2:#0f3d2e; --t-ink:#ffffff;
  --t-ok:#1a7d57; --t-warn:#b3730d; --t-danger:#c0392b;
  --t-field:#ffffff; --t-head:rgba(244,246,245,.9);
  --t-font:"Manrope",system-ui,sans-serif; --t-fontd:"Manrope",system-ui,sans-serif;
  --t-shadow:0 1px 2px rgba(15,28,24,.05);
  --t-bgimg:linear-gradient(rgba(15,61,46,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,61,46,.05) 1px,transparent 1px);
  --t-bgsize:44px 44px;
}
body.theme-terminal{
  --t-bg:#0a0e0d; --t-text:#c8f2df; --t-muted:#6f9a8a;
  --t-panel:rgba(18,255,160,.025); --t-rand:rgba(80,255,180,.22); --t-blur:none; --t-radius:0px;
  --t-accent:#12ffa0; --t-accent2:#12ffa0; --t-ink:#03130d;
  --t-ok:#12ffa0; --t-warn:#ffbe3c; --t-danger:#ff6b6b;
  --t-field:rgba(18,255,160,.03); --t-head:rgba(10,14,13,.9);
  --t-font:"JetBrains Mono",ui-monospace,monospace; --t-fontd:"JetBrains Mono",monospace;
  --t-shadow:none;
  --t-bgimg:repeating-linear-gradient(0deg,rgba(80,255,180,.03) 0 2px,transparent 2px 4px);
}
body.theme-holo{
  --t-bg:#0b0a1a; --t-text:#e9e6ff; --t-muted:#9a94c4;
  --t-panel:rgba(255,255,255,.05); --t-rand:rgba(180,160,255,.2); --t-blur:blur(16px); --t-radius:18px;
  --t-accent:#9b7bff; --t-accent2:#4bd6ff; --t-ink:#0b0a1a;
  --t-ok:#7be0ff; --t-warn:#ffd27a; --t-danger:#ff9ed4;
  --t-field:rgba(255,255,255,.05); --t-head:rgba(11,10,26,.82);
  --t-font:"Space Grotesk",system-ui,sans-serif; --t-fontd:"Space Grotesk",system-ui,sans-serif;
  --t-shadow:0 16px 44px rgba(80,40,160,.3);
  --t-bgimg:radial-gradient(600px 500px at 12% 10%,rgba(155,123,255,.4),transparent 65%),radial-gradient(560px 520px at 90% 30%,rgba(75,214,255,.32),transparent 65%),radial-gradient(520px 480px at 60% 95%,rgba(255,110,199,.28),transparent 65%);
}

/* ---------- Gemeinsame Ebene (alle Nicht-Basis-Themes) ---------- */
body[class*="theme-"]{background:var(--t-bg)!important;color:var(--t-text)!important;font-family:var(--t-font)!important;position:relative;-webkit-font-smoothing:antialiased}
body[class*="theme-"]::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--t-bgimg);background-size:var(--t-bgsize,auto)}
body.theme-glas::before,body.theme-holo::before{filter:blur(28px);animation:tHintergrund 24s ease-in-out infinite}
@keyframes tHintergrund{50%{transform:translate(28px,18px) scale(1.07)}}
body[class*="theme-"] > *{position:relative;z-index:1}

/* Kopf / Navigation / Marke */
body[class*="theme-"] .kopf{background:var(--t-head)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--t-rand)!important;box-shadow:var(--t-shadow)}
body[class*="theme-"] .marke,body[class*="theme-"] .marke:visited{color:var(--t-accent)!important;font-family:var(--t-fontd)}
body[class*="theme-"] .marke span{color:var(--t-muted)!important}
body[class*="theme-"] nav a,body[class*="theme-"] .kopf .user,body[class*="theme-"] .kopf .user a{color:var(--t-muted)!important}
body[class*="theme-"] nav a:hover,body[class*="theme-"] nav a.an{color:var(--t-text)!important}
body[class*="theme-"] nav a.an{border-bottom:2px solid var(--t-accent)!important}

/* Texte */
body[class*="theme-"] h1,body[class*="theme-"] .kt,body[class*="theme-"] legend,body[class*="theme-"] .art-titel{color:var(--t-text)!important;font-family:var(--t-fontd)}
body[class*="theme-"] .sub,body[class*="theme-"] .ku,body[class*="theme-"] .klein,body[class*="theme-"] .hinweis,body[class*="theme-"] .legende,body[class*="theme-"] .rw-quelle,body[class*="theme-"] .rw-label,body[class*="theme-"] .art-info,body[class*="theme-"] .art-anzahl,body[class*="theme-"] footer,body[class*="theme-"] .maske label,body[class*="theme-"] .eingaben label{color:var(--t-muted)!important}

/* Glas-/Panel-Flächen */
body[class*="theme-"] .kachel,body[class*="theme-"] .maske fieldset,body[class*="theme-"] table,
body[class*="theme-"] .rblock,body[class*="theme-"] .rechnungsweg,body[class*="theme-"] .basis-hinweis,
body[class*="theme-"] .meld,body[class*="theme-"] .login,body[class*="theme-"] .eingaben,
body[class*="theme-"] .stunden-hilfe,body[class*="theme-"] .schritte li,body[class*="theme-"] .rechner-fuss,
body[class*="theme-"] .modal,body[class*="theme-"] .phase,body[class*="theme-"] .art-kopf{
  background:var(--t-panel)!important;border:1px solid var(--t-rand)!important;color:var(--t-text)!important;
  border-radius:var(--t-radius)!important;box-shadow:var(--t-shadow)!important}
body[class*="theme-"] .maske fieldset,body[class*="theme-"] .kachel,body[class*="theme-"] .modal,
body[class*="theme-"] .rblock,body[class*="theme-"] table{backdrop-filter:var(--t-blur);-webkit-backdrop-filter:var(--t-blur)}
body[class*="theme-"] .modal{background:var(--t-bg)!important;opacity:.98}

/* Kacheln: Einblenden + Hover-Glow */
body[class*="theme-"] .kacheln .kachel{opacity:0;transform:translateY(14px);animation:tAuf .55s cubic-bezier(.2,.7,.3,1) forwards}
body[class*="theme-"] .kacheln .kachel:nth-child(2){animation-delay:.06s}
body[class*="theme-"] .kacheln .kachel:nth-child(3){animation-delay:.12s}
body[class*="theme-"] .kacheln .kachel:nth-child(4){animation-delay:.18s}
body[class*="theme-"] .kacheln .kachel:nth-child(5){animation-delay:.24s}
body[class*="theme-"] .kacheln .kachel:nth-child(6){animation-delay:.30s}
body[class*="theme-"] .kacheln .kachel:nth-child(7){animation-delay:.36s}
body[class*="theme-"] .kacheln .kachel:nth-child(8){animation-delay:.42s}
body[class*="theme-"] .kacheln .kachel:nth-child(9){animation-delay:.48s}
@keyframes tAuf{to{opacity:1;transform:none}}
body[class*="theme-"] .kachel{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
body[class*="theme-"] .kachel:hover{transform:translateY(-4px);border-color:var(--t-accent)!important;box-shadow:var(--t-shadow),0 0 24px color-mix(in srgb,var(--t-accent) 18%,transparent)!important}

/* Tabellen */
body[class*="theme-"] table{overflow:hidden}
body[class*="theme-"] th{background:color-mix(in srgb,var(--t-accent) 8%,transparent)!important;color:var(--t-muted)!important;border-bottom:1px solid var(--t-rand)!important;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}
body[class*="theme-"] td{border-top:1px solid color-mix(in srgb,var(--t-accent) 10%,transparent)!important;color:var(--t-text)}
body[class*="theme-"] tbody tr{transition:background-color .15s ease}
body[class*="theme-"] tbody tr:hover{background:color-mix(in srgb,var(--t-accent) 6%,transparent)!important}
body[class*="theme-"] tr.markiert{background:color-mix(in srgb,var(--t-danger) 12%,transparent)!important}
body[class*="theme-"] td.ref,body[class*="theme-"] td.ref a,body[class*="theme-"] .ref{color:var(--t-accent)!important;cursor:pointer}
body[class*="theme-"] .ja{color:var(--t-ok)!important}body[class*="theme-"] .offen{color:var(--t-warn)!important}

/* Buttons */
body[class*="theme-"] .knopf,body[class*="theme-"] .filter button,body[class*="theme-"] .login button,body[class*="theme-"] .maske-aktionen button{
  background:linear-gradient(120deg,var(--t-accent2),var(--t-accent))!important;color:var(--t-ink)!important;border:0!important;
  font-weight:600;border-radius:var(--t-radius)!important;box-shadow:var(--t-shadow);transition:filter .2s,box-shadow .2s,transform .12s}
body.theme-terminal .knopf,body.theme-terminal .filter button,body.theme-terminal .maske-aktionen button{border-radius:0!important}
body[class*="theme-"] .knopf:hover,body[class*="theme-"] .filter button:hover,body[class*="theme-"] .maske-aktionen button:hover{filter:brightness(1.08);box-shadow:var(--t-shadow),0 0 20px color-mix(in srgb,var(--t-accent) 25%,transparent)}
body[class*="theme-"] .knopf:active,body[class*="theme-"] .maske-aktionen button:active{transform:translateY(1px)}
body[class*="theme-"] .knopf.leise{background:var(--t-field)!important;color:var(--t-text)!important;border:1px solid var(--t-rand)!important;box-shadow:none}
body[class*="theme-"] .knopf.leise:hover{border-color:var(--t-accent)!important;filter:none}
body[class*="theme-"] .knopf.gefahr{background:color-mix(in srgb,var(--t-danger) 16%,transparent)!important;color:var(--t-danger)!important;border:1px solid color-mix(in srgb,var(--t-danger) 30%,transparent)!important}

/* Eingabefelder */
body[class*="theme-"] .maske input,body[class*="theme-"] .maske select,body[class*="theme-"] .maske textarea,
body[class*="theme-"] .filter input,body[class*="theme-"] .filter select,body[class*="theme-"] .login input,
body[class*="theme-"] .eingaben input,body[class*="theme-"] .eingaben select{
  background:var(--t-field)!important;color:var(--t-text)!important;border:1px solid var(--t-rand)!important;border-radius:calc(var(--t-radius) - 4px)!important}
body[class*="theme-"] .maske input:focus,body[class*="theme-"] .maske select:focus,body[class*="theme-"] .maske textarea:focus,
body[class*="theme-"] .filter input:focus,body[class*="theme-"] .eingaben input:focus{
  outline:none;border-color:var(--t-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--t-accent) 20%,transparent)!important}
body.theme-glas .maske select option,body.theme-terminal .maske select option,body.theme-holo .maske select option{background:var(--t-bg);color:var(--t-text)}
body[class*="theme-"] .stern{color:var(--t-danger)!important}

/* Pillen / Ampeln */
body[class*="theme-"] .pill{background:color-mix(in srgb,var(--t-accent) 12%,transparent)!important;color:var(--t-accent)!important;border:1px solid color-mix(in srgb,var(--t-accent) 22%,transparent)!important;box-shadow:none!important}
body[class*="theme-"] .pill.warn,body[class*="theme-"] .ampel-warn{background:color-mix(in srgb,var(--t-warn) 14%,transparent)!important;color:var(--t-warn)!important;border:1px solid color-mix(in srgb,var(--t-warn) 26%,transparent)!important}
body[class*="theme-"] .pill.danger,body[class*="theme-"] .ampel-danger{background:color-mix(in srgb,var(--t-danger) 14%,transparent)!important;color:var(--t-danger)!important;border:1px solid color-mix(in srgb,var(--t-danger) 30%,transparent)!important}
body[class*="theme-"] .ampel-ok,body[class*="theme-"] .pill.ok{background:color-mix(in srgb,var(--t-ok) 14%,transparent)!important;color:var(--t-ok)!important;border:1px solid color-mix(in srgb,var(--t-ok) 24%,transparent)!important}
body[class*="theme-"] .ampel-neutral{background:color-mix(in srgb,var(--t-muted) 16%,transparent)!important;color:var(--t-muted)!important}
body.theme-glas .ampel-danger,body.theme-terminal .ampel-danger,body.theme-holo .ampel-danger{animation:tBlink 2.6s ease-in-out infinite}
@keyframes tBlink{50%{opacity:.55}}

/* Prozesspunkte / Fortschritt */
body[class*="theme-"] .prozesspunkt{background:color-mix(in srgb,var(--t-muted) 40%,transparent)!important}
body[class*="theme-"] .prozesspunkt.pp-ok{background:var(--t-ok)!important}
body[class*="theme-"] .prozesspunkt.pp-warn{background:var(--t-warn)!important}
body[class*="theme-"] .prozesspunkt.pp-danger{background:var(--t-danger)!important}
body[class*="theme-"] .fortschritt{background:color-mix(in srgb,var(--t-muted) 20%,transparent)!important}
body[class*="theme-"] .fortschritt-bar{background:linear-gradient(90deg,var(--t-accent2),var(--t-accent))!important}

/* Kernzahl + Rechnungsweg */
body[class*="theme-"] .kernzahl{background:linear-gradient(150deg,color-mix(in srgb,var(--t-accent) 20%,var(--t-bg)),var(--t-bg))!important;border:1px solid var(--t-rand)!important;box-shadow:var(--t-shadow)!important}
body[class*="theme-"] .kernzahl-betrag{color:var(--t-text)!important}
body[class*="theme-"] .kernzahl-label,body[class*="theme-"] .kernzahl-sub{color:var(--t-muted)!important}
body[class*="theme-"] .rechnungsweg,body[class*="theme-"] .basis-hinweis{border-left:3px solid var(--t-accent)!important}
body[class*="theme-"] .rw-titel,body[class*="theme-"] .rw-wert{color:var(--t-text)!important}
body[class*="theme-"] .rw-zeile{border-bottom:1px dotted var(--t-rand)!important}
body[class*="theme-"] .basis-hinweis strong{color:var(--t-accent)!important}
body[class*="theme-"] .rechner-warnung{background:color-mix(in srgb,var(--t-danger) 12%,transparent)!important;color:var(--t-danger)!important;border-left:3px solid var(--t-danger)!important}
body[class*="theme-"] .meld.info{color:var(--t-muted)!important}
body[class*="theme-"] .meld.danger{background:color-mix(in srgb,var(--t-danger) 12%,transparent)!important;color:var(--t-danger)!important}

/* Rechner-Tabs / Fallwahl */
body[class*="theme-"] .rechner-tabs .tab{color:var(--t-muted)!important}
body[class*="theme-"] .rechner-tabs .tab.an{color:var(--t-text)!important;border-bottom-color:var(--t-accent)!important}
body[class*="theme-"] .fallknopf,body[class*="theme-"] .sprung{background:var(--t-field)!important;color:var(--t-text)!important;border:1px solid var(--t-rand)!important}
body[class*="theme-"] .fallknopf.an{background:linear-gradient(120deg,var(--t-accent2),var(--t-accent))!important;color:var(--t-ink)!important;border-color:transparent!important}

/* Fenster */
body[class*="theme-"] .modal-bg{background:color-mix(in srgb,var(--t-bg) 70%,transparent)!important;backdrop-filter:blur(4px)}
body[class*="theme-"] .modal-bg.auf .modal{animation:tModal .26s cubic-bezier(.2,.7,.3,1)}
@keyframes tModal{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
body[class*="theme-"] .zu{color:var(--t-muted)!important}

/* ---- Terminal-Spezial: Ecken-Akzent + Cursor ---- */
body.theme-terminal .kachel{position:relative}
body.theme-terminal .kachel::after{content:"";position:absolute;top:0;left:0;width:9px;height:9px;border-top:2px solid var(--t-accent);border-left:2px solid var(--t-accent)}
body.theme-terminal h1::after{content:"_";color:var(--t-accent);animation:tBlink 1.1s steps(1) infinite}

/* ---- Holo-Spezial: Verlaufsrand ---- */
body.theme-holo .kachel::before{content:"";position:absolute;inset:0;border-radius:var(--t-radius);padding:1px;
  background:linear-gradient(140deg,rgba(155,123,255,.6),rgba(75,214,255,.3),transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
body.theme-holo .kachel{position:relative}
body.theme-holo .kachel:hover::before{opacity:1}

/* ---------- Themenwähler im Kopf ---------- */
.theme-waehler{display:inline-flex;align-items:center;gap:8px;margin-left:16px;font-size:13px}
.theme-waehler select{font:inherit;padding:6px 10px;border-radius:8px;border:1px solid rgba(128,128,128,.3);background:transparent;color:inherit;cursor:pointer}
body[class*="theme-"] .theme-waehler select{border-color:var(--t-rand);color:var(--t-text);background:var(--t-field)}
body[class*="theme-"] .theme-waehler{color:var(--t-muted)}

/* Bewegung respektieren */
@media(prefers-reduced-motion:reduce){
  body[class*="theme-"] *,body[class*="theme-"] *::before,body[class*="theme-"] *::after{animation:none!important;transition:none!important}
  body[class*="theme-"] .kacheln .kachel{opacity:1;transform:none}
}

/* Vertragsart-Umschalter in Themes */
body[class*="theme-"] .vart-schalter{border-color:var(--t-rand)!important}
body[class*="theme-"] .vart-schalter a{background:var(--t-field)!important;color:var(--t-muted)!important;border-left-color:var(--t-rand)!important}
body[class*="theme-"] .vart-schalter a:hover{background:transparent!important;color:var(--t-text)!important}
body[class*="theme-"] .vart-schalter a.an{background:linear-gradient(120deg,var(--t-accent2),var(--t-accent))!important;color:var(--t-ink)!important;font-weight:600}

/* ---------- Zusätzliche Themes (6 & 7) ---------- */
body.theme-slate{
  --t-bg:#131720; --t-text:#e7ecf3; --t-muted:#94a0b3;
  --t-panel:rgba(255,255,255,.04); --t-rand:rgba(130,150,190,.18); --t-blur:blur(10px); --t-radius:12px;
  --t-accent:#7aa2f7; --t-accent2:#5d7fe0; --t-ink:#0b1220;
  --t-ok:#7ee0b0; --t-warn:#f0c060; --t-danger:#f28a8a;
  --t-field:rgba(255,255,255,.05); --t-head:rgba(19,23,32,.85);
  --t-font:"Inter",system-ui,sans-serif; --t-fontd:"Space Grotesk",system-ui,sans-serif;
  --t-shadow:0 8px 26px rgba(0,0,0,.4);
  --t-bgimg:radial-gradient(600px 420px at 18% 0%,rgba(90,120,220,.14),transparent 70%),radial-gradient(520px 400px at 95% 30%,rgba(70,90,170,.1),transparent 70%);
}
body.theme-sepia{
  --t-bg:#f3ede0; --t-text:#3a3226; --t-muted:#8a7d68;
  --t-panel:#fbf6ec; --t-rand:#e4d8c4; --t-blur:none; --t-radius:12px;
  --t-accent:#a6763f; --t-accent2:#6f4e2e; --t-ink:#ffffff;
  --t-ok:#5b7d4a; --t-warn:#b3730d; --t-danger:#b1442e;
  --t-field:#fffaf0; --t-head:rgba(243,237,224,.92);
  --t-font:"Manrope",system-ui,sans-serif; --t-fontd:"Manrope",system-ui,sans-serif;
  --t-shadow:0 1px 3px rgba(80,60,30,.08);
  --t-bgimg:none;
}

/* KPI-Dashboard im Theme */
body[class*="theme-"] .kpi,body[class*="theme-"] .handlung,body[class*="theme-"] .dash-block,body[class*="theme-"] .mini-kachel{
  background:var(--t-panel)!important;border:1px solid var(--t-rand)!important;border-radius:var(--t-radius)!important;box-shadow:var(--t-shadow)!important;backdrop-filter:var(--t-blur)}
body[class*="theme-"] .kpi-label,body[class*="theme-"] .kpi-sub,body[class*="theme-"] .mk-sub,body[class*="theme-"] .handlung-leer{color:var(--t-muted)!important}
body[class*="theme-"] .kpi-num,body[class*="theme-"] .mk-zahl,body[class*="theme-"] .mk-name,body[class*="theme-"] .handlung-text,body[class*="theme-"] .handlung h2,body[class*="theme-"] .dash-block h2{color:var(--t-text)!important;font-family:var(--t-fontd)}
body[class*="theme-"] .handlung-text{font-family:var(--t-font)}
body[class*="theme-"] .kpi-num.rot,body[class*="theme-"] .handlung-num.danger{color:var(--t-danger)!important}
body[class*="theme-"] .kpi-num.warn,body[class*="theme-"] .handlung-num.warn{color:var(--t-warn)!important}
body[class*="theme-"] .handlung-num{color:var(--t-text)!important}
body[class*="theme-"] .handlung-zeile:hover{background:color-mix(in srgb,var(--t-accent) 9%,transparent)!important}
body[class*="theme-"] .handlung-dot.danger{background:var(--t-danger)!important}
body[class*="theme-"] .handlung-dot.warn{background:var(--t-warn)!important}
body[class*="theme-"] .handlung-dot.ok{background:var(--t-ok)!important}
body[class*="theme-"] .mini-kachel:hover{transform:translateY(-2px);border-color:var(--t-accent)!important}

/* Benutzer-Verwaltung im Theme */
body[class*="theme-"] .reg-check{background:var(--t-field)!important;border-color:var(--t-rand)!important;color:var(--t-text)!important}
body[class*="theme-"] .reg-check input{accent-color:var(--t-accent)}
body[class*="theme-"] .einladung-link code{background:var(--t-field)!important;border-color:var(--t-rand)!important;color:var(--t-text)!important}

/* 2FA im Theme */
body[class*="theme-"] .qr-block{background:var(--t-field)!important;border-color:var(--t-rand)!important}
body[class*="theme-"] .qr-manuell code{background:var(--t-panel)!important;border-color:var(--t-rand)!important;color:var(--t-text)!important}
body[class*="theme-"] .setup-schritte{color:var(--t-muted)!important}
body[class*="theme-"] .check-zeile{color:var(--t-muted)!important}
body[class*="theme-"] .check-zeile input{accent-color:var(--t-accent)}

/* Login-Vorschau im Theme */
body[class*="theme-"] .lv-schritt{background:var(--t-panel)!important;border-color:var(--t-rand)!important;color:var(--t-text)!important}
body[class*="theme-"] .lv-num{background:var(--t-accent)!important;color:var(--t-ink)!important}

/* Export-Leiste im Theme */
body[class*="theme-"] .export-knopf{background:var(--t-field)!important;border-color:var(--t-rand)!important;color:var(--t-accent)!important}
body[class*="theme-"] .export-knopf:hover{border-color:var(--t-accent)!important}