/* Automatisch erzeugt von dunkel_auto.py – nicht von Hand ändern. Nachschärfen in d321-dunkel.css. */

/* d321-akademie.css */
.ak-fakten li { background: rgba(255,255,255,.05); }
.ak-chat { background: rgba(255,255,255,.05); }
.ak-chat__antwort { background: rgba(245,197,24,.1); }
.ak-vg { background: rgba(255,255,255,.05); }
.ak-vg__z span:nth-child(3) { background: rgba(255,255,255,.05); }
.ak-rollen span { background: rgba(255,255,255,.05); }
.ak-mod { background: rgba(255,255,255,.05); }
.ak-mod em { color: var(--accent); }
.ak-mod[open] { border-color: rgba(245,197,24,.35); }
.ak-preis { background: rgba(255,255,255,.05); }
.ak-passt > div { background: rgba(255,255,255,.05); }
.ak-ja li::before { background: rgba(245,197,24,.1); color: var(--accent); }
.ak-nein li::before { background: rgba(229,72,77,.14); }
.ak-geraet { background: rgba(255,255,255,.05); }
.ak-geraet__leiste { background: rgba(255,255,255,.05); }
.ak-urkunde { background: rgba(255,255,255,.05); box-shadow: 0 30px 60px -28px rgba(30,34,39,.45), 0 0 0 1px var(--line), inset 0 0 0 10px #0b0d10, inset 0 0 0 13px var(--accent); }
.ak-urkunde__muster { background: rgba(229,72,77,.14); }
.ak-siegelzeile { background: rgba(245,197,24,.1); border: 1px solid rgba(245,197,24,.35); }
.ak-paket { background: rgba(255,255,255,.05); }
.ak-paket--gelb .ak-paket__cover { background: radial-gradient(80% 90% at 20% 0%, rgba(245,197,24,.1), transparent 60%), linear-gradient(160deg, #ffd84d, #f5c518); }
.ak-paket--hell .ak-paket__cover { background: radial-gradient(70% 90% at 20% 0%, rgba(255,255,255,.05), transparent 60%), linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.05)); }
.ak-paket__band { background: rgba(255,255,255,.05); }
.ak-paket__box { background: rgba(255,255,255,.05); border: 1px solid rgba(245,197,24,.35); }
.ak-paket__box b { color: var(--accent); }
.ak-einzelpreis { background: rgba(255,255,255,.05); }
.ak-mini { background: rgba(255,255,255,.05); }
.ak-mini span { color: var(--accent); }

/* d321-cockpit.css */
.lc-kpi small { color: var(--soft); }
.lc-kpi i.n { color: var(--soft); }
.lc-links > small { color: var(--soft); }
.lc-links h6 { color: var(--soft); }
.lc-links p em { color: var(--soft); }
.lc-chip rect { fill: var(--ink); }
.lc-ki small { color: var(--soft); }
.lc-msg small { color: var(--soft); }
.lc-eingabe { color: var(--soft); }

/* d321-demo.css */
.dm__box { background: rgba(255,255,255,.05); }
.dm__sheet { background: rgba(255,255,255,.05); }
.dm__panel { background: rgba(255,255,255,.05); }
.dm__count { background: rgba(245,197,24,.1); color: var(--accent); }
@keyframes dmRow { from { opacity: 0; transform: translateY(8px); background: rgba(245,197,24,.1); } 60% { background: rgba(245,197,24,.1); } to { opacity: 1; transform: none; background: transparent; } }
.dm__pdf { background: rgba(255,255,255,.05); }
.dm__drop { border: 2px dashed rgba(255,255,255,.1); }
.dm--over .dm__drop { background: rgba(255,255,255,.05); color: var(--accent); }
.dm__file div { background: rgba(255,255,255,.05); }
.dm__prices div { background: rgba(255,255,255,.05); }
.dm--prices .dm__prices div { background: rgba(245,197,24,.1); }
.dm-g__days span.is-heute { color: var(--accent); }
.dm-g__row.is-busy .dm-g__track { background-color: rgba(255,255,255,.05); }
.dm-g__row.is-ok { background: rgba(255,255,255,.05); }
.dm-st--run { color: #5fd39a; }
.dm-st--set { color: var(--accent); }
.dm-st--off i { background: rgba(255,255,255,.1); }
.dm-bar { background: rgba(255,255,255,.05); }
.dm-bar--run { background: linear-gradient(90deg, rgba(63,182,122,.14) var(--p, 50%), rgba(255,255,255,.05) var(--p, 50%)); }
.dm-g__due span { background: rgba(245,197,24,.1); color: var(--accent); }
.dm__kv--ok span { color: #5fd39a; }
.dm__row--pp em.ok { color: #5fd39a; }
.dm__row.is-nok { background: rgba(255,255,255,.05); }
.dm__alarm { background: rgba(255,255,255,.05); }
.screen--demo main.dm--screen { background: rgba(255,255,255,.05); }

/* d321-downloads.css */
.dl__karte { background: rgba(255,255,255,.05); }

/* d321-guide.css */
.gd { background: rgba(255,255,255,.05); }
.gd__kicker--hell { color: var(--accent); }
.gd__kap { background: rgba(255,255,255,.05); }
.gd__blick { background: rgba(255,255,255,.05); }
.gd__nz li { background: rgba(255,255,255,.05); }
.gd__autor { background: rgba(255,255,255,.05); }
.gd__sig { color: var(--ink); }
.gdf__box { background: rgba(255,255,255,.05); }
.gdf__zu { background: rgba(255,255,255,.05); }
.gdf input, .gdf select { border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.05); }
.qz { background: rgba(255,255,255,.05); }
.qz__frage-teil, .qz__form { background: rgba(255,255,255,.05); }
.qz__fortschritt i { background: rgba(255,255,255,.05); }
.qz__option { background: rgba(255,255,255,.05); }
.qz__option span { border: 2px solid rgba(255,255,255,.1); }
.qz__option:hover { border-color: rgba(245,197,24,.35); }
.qz__option.is-on { background: rgba(255,255,255,.05); }
.qz__form input { border: 1px solid rgba(255,255,255,.1); }

/* d321-kalk.css */
.kx-teil { background: radial-gradient(circle at 40% 35%, rgba(255,255,255,.05), #6b7178); }
.kx-datei { background: rgba(255,255,255,.05); color: var(--ink); }

/* d321-landing.css */
.ld--grau { background: rgba(255,255,255,.05); }
.ld-schritt { background: rgba(255,255,255,.05); }
.ld-schritt:not(:last-child)::after { background: rgba(255,255,255,.05); color: var(--accent); }
.mhs fieldset { background: rgba(255,255,255,.05); }
.bf-gruender .sig { color: var(--accent); }

/* d321-loesungen.css */
.mega { background: rgba(255,255,255,.05); }
.mlink { background: rgba(255,255,255,.05); }
.mlink.is-active { background: rgba(255,255,255,.05); }
.mlink svg { color: var(--accent); }
.mnav details a.is-active { color: var(--accent); }
.p-hero { background: radial-gradient(60% 50% at 50% 0%, rgba(245,197,24,.1), rgba(255,255,255,0) 70%), rgba(255,255,255,.05); }
.fchip { background: rgba(255,255,255,.05); }
.fchip i { background: linear-gradient(135deg, rgba(245,197,24,.1), #f6d36b); color: var(--accent); }
.ptile { background: linear-gradient(135deg, rgba(229,72,77,.14), rgba(229,72,77,.14)); }
.ptile span { background: rgba(255,255,255,.05); }
.hubcard { background: linear-gradient(rgba(255,255,255,.05), var(--paper)); }
.bcard { background: rgba(255,255,255,.05); border: 4px solid rgba(255,255,255,.1); }
.bcard i { background: linear-gradient(135deg, rgba(245,197,24,.1), #f6d36b); color: var(--accent); }
.hub__orbit span { background: rgba(255,255,255,.05); }
.wide { background: rgba(255,255,255,.05); }
.tbl em { background: rgba(255,255,255,.05); color: #5fd39a; }
.tbl em.w { background: rgba(245,197,24,.1); color: var(--accent); }
.tbl em.r { background: rgba(229,72,77,.14); }
.device__frame .xv-preview { background: rgba(255,255,255,.05); }
.xv-close { background: rgba(255,255,255,.05); }
.xv__frame { background: rgba(255,255,255,.05); }
.xv__poster { background: rgba(255,255,255,.05); }
.xv__label { background: rgba(255,255,255,.05); }
.vm__box { background: rgba(255,255,255,.05); }
.vm__kopf span:last-child { color: var(--accent); }
.vm__z i { color: var(--accent); }
.head.is-scrolled { background: rgba(255,255,255,.05); }
.nav { background: rgba(255,255,255,.05); }
@media (max-width: 960px) {
.head.is-scrolled { background: rgba(255,255,255,.05); }
}
.p-preis { text-decoration-color: var(--ink); }
.head .logo { background: rgba(255,255,255,.05); }
.head .mnav-btn, .head .burger { background: rgba(255,255,255,.05); }
.drop { background: rgba(255,255,255,.05); }
.mlink--store { background: rgba(255,255,255,.05); }

/* d321-preise.css */
.pk { background: rgba(255,255,255,.05); }
.pk__ic { background: linear-gradient(135deg, rgba(245,197,24,.1), #f6d36b); color: var(--accent); }
.pr-mehr { background: rgba(245,197,24,.1); }
.pr-mehr span { color: var(--soft); }
.pr-enth { background: rgba(255,255,255,.05); }
.pr-enth li i { background: rgba(245,197,24,.1); }
.pr-band { background: rgba(245,197,24,.1); }
.pr-quote .sig { color: var(--soft); }
.pr-quote small { color: var(--soft); }
.ps { background: rgba(255,255,255,.05); }
.tarif-schalter { background: rgba(255,255,255,.05); }
.tarif { background: rgba(255,255,255,.05); }
.tarif li svg { color: var(--accent); }
.tarif__paket { background: rgba(255,255,255,.05); }
.tarif__amort { background: rgba(245,197,24,.1); color: var(--accent); }
.roi__plus small { color: var(--ink); }
.roi__plus b { color: var(--ink); }

/* d321-seiten.css */
.vn__box { background: rgba(255,255,255,.05); }
.vn__box--vorher { border: 6px solid rgba(255,255,255,.1); }
.vn__box--nachher { border: 6px solid rgba(255,255,255,.1); }
.vn li { background: rgba(255,255,255,.05); }
.vn__box--vorher li span { background: rgba(229,72,77,.14); }
.vn__box--nachher li span { background: rgba(245,197,24,.1); color: var(--accent); }
.vt__karte { background: rgba(255,255,255,.05); border: 6px solid rgba(255,255,255,.1); }
.as__ic i { background: rgba(255,255,255,.05); color: var(--accent); }
.as__ptile { border: 6px solid rgba(255,255,255,.1); }
.as__ptile span { background: rgba(255,255,255,.05); }
.as__loesung { background: linear-gradient(rgba(255,255,255,.05), var(--paper)); }
.as__app { background: rgba(255,255,255,.05); }
.as__app i { background: linear-gradient(135deg, rgba(245,197,24,.1), #f6d36b); color: var(--accent); }
.as__logo { background: rgba(255,255,255,.05); }
.vt__karte { border-color: rgba(245,197,24,.35); }
.vt__zitat { background: linear-gradient(transparent, rgba(255,255,255,.05)); }
.vt__zitat-box { background: rgba(255,255,255,.05); border: 7px solid rgba(255,255,255,.1); }
.vt__sig { color: var(--ink); }

/* d321-test.css */
.tf { background: rgba(255,255,255,.05); }
.tf::backdrop { background: rgba(255,255,255,.05); }
.tf__zu { background: rgba(255,255,255,.05); }
.tf h2 span { color: var(--accent); }
.tf__karte { background: rgba(255,255,255,.05); }
.tf__bar { background: rgba(255,255,255,.05); }
.tf__wahl button { background: rgba(255,255,255,.05); }
.tf__wahl button:hover, .tf__wahl button:focus-visible { background: rgba(255,255,255,.05); }
.tf__chips input:checked + span { background: rgba(245,197,24,.1); }
.tf__felder input, .tf__felder textarea { background: rgba(255,255,255,.05); }
.tf__fehler { background: rgba(255,255,255,.05); color: #ff7b72; }

/* d321-voice.css */
.vo-hero { background: radial-gradient(60% 45% at 50% 0%, rgba(245,197,24,.1), rgba(255,255,255,0) 70%), radial-gradient(70% 40% at 50% 100%, rgba(186,176,154,.22), rgba(255,255,255,0) 70%), rgba(255,255,255,.05); }
.vo-waves span { background: linear-gradient(rgba(245,197,24,.1) 0%, #ffcf3a 42%, #F5C518 72%, #D4A500 100%); }
.vo-lines span { border: 1px dashed rgba(245,197,24,.35); }
.vo-item__in { background: rgba(255,255,255,.05); color: var(--accent); }
.vo-core { background: rgba(255,255,255,.05); }
.vo-ov { background: rgba(255,255,255,.05) center / cover; }
.vo-ov::after { background: radial-gradient(rgba(255,255,255,.05) 0%, rgba(255,255,255,.12) 48%, rgba(255,255,255,0) 82%); }
.vo-pill { background: rgba(255,255,255,.05); border: 5px solid rgba(255,255,255,.1); }

/* d321-webinar.css */
.wb-form { background: rgba(255,255,255,.05); }
.wb-form input, .wb-form select, .wb-form textarea { background: rgba(255,255,255,.05); }
.wb-meldung { background: rgba(229,72,77,.14); color: #ff7b72; }
.wb-meldung.ist-ok { background: rgba(255,255,255,.05); color: #5fd39a; }
.wb-kapitel li { background: rgba(255,255,255,.05); }
.wb-kapitel em, .wb-kapitel--knopf em { color: var(--accent); }
.wb-kapitel--knopf button { background: rgba(255,255,255,.05); }
.wb-kapitel--knopf button:hover { border-color: rgba(245,197,24,.35); background: rgba(255,255,255,.05); }

/* d321-wissen.css */
.wq__wahl button { background: rgba(255,255,255,.05); }
.wq__app { background: rgba(255,255,255,.05); }
.wq__kopf em { background: rgba(245,197,24,.1); color: var(--accent); }
.wq__frage, .wq__antwort { background: rgba(255,255,255,.05); }
.wq__schritte li::before { background: rgba(255,255,255,.05); color: #5fd39a; }
.wqe { background: rgba(255,255,255,.05); }

/* d321-workflows.css */
.d { background: rgba(245,197,24,.1); box-shadow: 0 0 0 3px #0b0d10; }
.wf-hero { background: radial-gradient(60% 50% at 50% 0%, rgba(245,197,24,.1), rgba(255,255,255,0) 70%), linear-gradient(rgba(255,255,255,.05) 60%, var(--paper)); }
.cnode { background: rgba(255,255,255,.05); }
.cnode + .cnode::before { border-top: 2px dotted rgba(245,197,24,.35); }
.pill--red { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.05); }
.oc__tile { background: rgba(255,255,255,.05); }
.oc--p .oc__tile { background: rgba(255,255,255,.05); }
.oc small { color: var(--soft); }
.orch__text::before { background: radial-gradient(rgba(255,255,255,.05) 0%, rgba(255,255,255,.05) 46%, rgba(255,255,255,0) 74%); }
.orch__pill { background: rgba(255,255,255,.05); }
.orch__lines path { stroke: var(--accent); }
.on-node__dot { background: rgba(255,255,255,.05); }
.on-node--beige .on-node__dot { background: linear-gradient(135deg, rgba(245,197,24,.1), #9f8e74); }
.wf-card { background: rgba(255,255,255,.05); }
.wf-src__box::before { border: 2px dashed rgba(255,255,255,.1); }
.wf-src__fill { border: 10px solid rgba(255,255,255,.1); }
.wf-ghost__img { border: 10px solid rgba(255,255,255,.1); background: rgba(255,255,255,.05) center / cover; }
.wf-drop .wf-card::before { border: 2px dashed rgba(255,255,255,.1); background: rgba(255,255,255,.05); }
.demo__canvas em { border-top: 2px dashed rgba(245,197,24,.35); }
.mini { background: rgba(255,255,255,.05); }
.vn__box { background: rgba(255,255,255,.05); }
.vn__box--v { border: 6px solid rgba(255,255,255,.1); }
.vn__box--n { border: 6px solid rgba(245,197,24,.35); }
.vn li { background: rgba(255,255,255,.05); }
.vn__box--v li i { background: rgba(229,72,77,.14); }
.vn__box--n li i { background: rgba(245,197,24,.1); color: var(--accent); }
.tcard { background: rgba(255,255,255,.05); }
.tcard__eb { color: var(--accent); }
.mui__r i { border-left: 2px dashed rgba(245,197,24,.35); }
.mui__n { background: rgba(255,255,255,.05); }
.ai__orbit span { background: rgba(255,255,255,.05); }

/* d321-zeit.css */
.beweis__zahlen div { background: rgba(255,255,255,.05); }
.werdegang { background: rgba(255,255,255,.05); }
.werdegang__liste::before { background: linear-gradient(var(--line), rgba(245,197,24,.1)); }
.werdegang__liste li::before { background: rgba(255,255,255,.05); border: 3px solid rgba(255,255,255,.1); }
.werdegang__liste em { color: var(--accent); }
.werdegang__tags li { background: rgba(245,197,24,.1); color: var(--accent); }
.band__mit span { color: var(--soft); }
.zk__mark { color: var(--accent); }
.zk__karte { background: rgba(255,255,255,.05); border: 1px solid rgba(245,197,24,.35); }
.zk__zahl { color: var(--accent); }
.zk__chart { background: rgba(255,255,255,.05); }
.gr__sig { color: var(--ink); }

/* d321.css */
.btn--ghost { background: rgba(255,255,255,.05); }
.pill { background: rgba(255,255,255,.05); }
.head { background: rgba(255,255,255,.05); }
.burger { background: rgba(255,255,255,.05); }
@media (max-width: 960px) {
.mnav { background: rgba(255,255,255,.05); }
}
.hl { color: var(--accent); }
.hero { background: radial-gradient(60% 70% at 85% 30%, rgba(245,197,24,.1) 0%, rgba(255,255,255,0) 60%), var(--bg); }
.hero h1 em { color: var(--accent); }
.chip { background: rgba(255,255,255,.05); }
.card { background: rgba(255,255,255,.05); }
.card .tag { color: var(--accent); background: rgba(245,197,24,.1); }
.ico { background: rgba(255,255,255,.05); }
.ben { background: rgba(255,255,255,.05); }
.bars { background: rgba(255,255,255,.05); }
.sol { background: linear-gradient(rgba(255,255,255,.05), var(--paper)); }
.device__frame { background: rgba(255,255,255,.05); }
.screen { background: rgba(255,255,255,.05); }
.ev em { background: rgba(255,255,255,.05); color: #5fd39a; }
.ev em.w { background: rgba(245,197,24,.1); color: var(--accent); }
.play { background: rgba(255,255,255,.05); }
.step { background: rgba(255,255,255,.05); }
.sol__badge { border: 6px solid rgba(255,255,255,.1); }
.tile span { background: rgba(255,255,255,.05); }
.quote { background: linear-gradient(90deg, var(--paper), rgba(255,255,255,.05) 70%); }
.qbox { background: rgba(255,255,255,.05); }
.qbox::before { background: linear-gradient(135deg, var(--accent-2), rgba(245,197,24,.1)); }
.qbox::after { background: linear-gradient(135deg, rgba(245,197,24,.1), var(--accent)); }
.sig { color: var(--accent); }
.dep .pb { background: rgba(255,255,255,.05); }
.tl__row .img { background: linear-gradient(135deg, rgba(245,197,24,.1), rgba(245,197,24,.1)); }
.tl__row .num { box-shadow: 0 0 0 7px #0b0d10; }
.faq details { background: rgba(255,255,255,.05); border: 4px solid rgba(255,255,255,.1); }
.fd-lage { background: rgba(255,255,255,.05); }
.fd-nr { color: var(--accent); }