/* automatisch erzeugt von tools/dunkel.mjs, nicht von Hand ändern */ :root[data-theme="dark"] { scrollbar-color: rgba(255, 255, 255, 0.28) transparent; } :root[data-theme="dark"] body { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] code { background: rgba(255, 255, 255, 0.055); } :root[data-theme="dark"] .himmel { background: radial-gradient(70% 65% at 22% 105%, rgba(184, 160, 251, 0.5) 0%, rgba(184, 160, 251, 0.28) 40%, rgba(184, 160, 251, 0.09) 72%, rgba(184, 160, 251, 0) 100%), radial-gradient(42% 50% at 100% 42%, rgba(214, 200, 254, 0.132) 0%, rgba(214, 200, 254, 0.048) 50%, rgba(214, 200, 254, 0) 100%), radial-gradient(45% 45% at 96% 100%, rgba(249, 212, 235, 0.143) 0%, rgba(249, 212, 235, 0.055) 50%, rgba(249, 212, 235, 0) 100%), radial-gradient(50% 45% at 0% 0%, rgba(221, 210, 254, 0.165) 0%, rgba(221, 210, 254, 0.066) 45%, rgba(221, 210, 254, 0) 100%), linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.92) 100%); } :root[data-theme="dark"] .himmel-funke { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cg transform='translate(12 12)'%3E%3Cpath d='M12 0C12.3 8.4 15.6 11.7 24 12 15.6 12.3 12.3 15.6 12 24 11.7 15.6 8.4 12.3 0 12 8.4 11.7 11.7 8.4 12 0Z' fill='%238b6cef' opacity='.55' filter='url(%23b)'/%3E%3Cpath d='M12 0C12.3 8.4 15.6 11.7 24 12 15.6 12.3 12.3 15.6 12 24 11.7 15.6 8.4 12.3 0 12 8.4 11.7 11.7 8.4 12 0Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") center / 62% no-repeat, radial-gradient(closest-side, rgba(196, 181, 253, 0.092) 0%, rgba(196, 181, 253, 0.035) 45%, rgba(196, 181, 253, 0) 100%); } :root[data-theme="dark"] .glas { background: linear-gradient(180deg, rgba(32, 26, 56, 0.681) 0%, rgba(32, 26, 56, 0.534) 100%); } :root[data-theme="dark"] .knopf { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.032), inset 0 10px 16px -10px rgba(255, 255, 255, 0.028), 0 0 0 1px rgba(109, 40, 217, 0.5), 0 6px 16px -6px rgba(124, 58, 237, 0.55), 0 14px 32px -14px rgba(124, 58, 237, 0.5); } :root[data-theme="dark"] .knopf:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.036), inset 0 10px 16px -10px rgba(255, 255, 255, 0.032), 0 0 0 1px rgba(109, 40, 217, 0.55), 0 8px 20px -6px rgba(124, 58, 237, 0.6), 0 18px 40px -14px rgba(124, 58, 237, 0.55); } :root[data-theme="dark"] .knopf:disabled { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024), 0 0 0 1px rgba(109, 40, 217, 0.35); } :root[data-theme="dark"] .knopf.zwei { background: linear-gradient(180deg, rgba(32, 26, 56, 0.874) 0%, rgba(32, 26, 56, 0.662) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2), 0 4px 12px -6px rgba(72, 44, 170, 0.2); } :root[data-theme="dark"] .knopf.zwei:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.3), 0 6px 16px -6px rgba(72, 44, 170, 0.26); } :root[data-theme="dark"] .icon-knopf { background: linear-gradient(180deg, rgba(32, 26, 56, 0.874) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2), 0 4px 10px -6px rgba(72, 44, 170, 0.2); } :root[data-theme="dark"] .icon-knopf:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.3), 0 6px 14px -6px rgba(72, 44, 170, 0.25); } :root[data-theme="dark"] .eingabe { background: rgba(32, 26, 56, 0.662); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.104); } :root[data-theme="dark"] .eingabe:hover { border-color: rgba(255, 255, 255, 0.28); } :root[data-theme="dark"] .eingabe:focus, :root[data-theme="dark"] .eingabe:focus-visible { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .badge { background: rgba(32, 26, 56, 0.662); } :root[data-theme="dark"] .chip { background: rgba(32, 26, 56, 0.662); } :root[data-theme="dark"] .label-chip { background: linear-gradient(180deg, rgba(32, 26, 56, 0.874) 0%, rgba(32, 26, 56, 0.662) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 4px 12px -6px rgba(72, 44, 170, 0.25); } :root[data-theme="dark"] .label-chip i { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028); } :root[data-theme="dark"] .kachel { background: linear-gradient(180deg, rgba(32, 26, 56, 0.883) 0%, rgba(32, 26, 56, 0.57) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 4px 10px -4px rgba(72, 44, 170, 0.18); } :root[data-theme="dark"] .avatar { color: rgb(236, 232, 251); background: linear-gradient(160deg, rgba(32, 26, 56, 0.92) 0%, rgba(227, 218, 251, 0.22) 100%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.208), inset 0 1px 0 rgba(255, 255, 255, 0.072); } :root[data-theme="dark"] .login-buehne { background: radial-gradient(520px 420px at 50% 52%, rgba(196, 181, 253, 0.07) 0%, rgba(196, 181, 253, 0.026) 50%, rgba(196, 181, 253, 0) 100%); } :root[data-theme="dark"] .login-karte .eingabe { background: rgba(32, 26, 56, 0.92); border-color: rgba(255, 255, 255, 0.196); } :root[data-theme="dark"] .qr { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .leiste { background: linear-gradient(180deg, rgba(32, 26, 56, 0.644) 0%, rgba(32, 26, 56, 0.4) 100%); } :root[data-theme="dark"] .suche-mini { background: rgba(32, 26, 56, 0.57); box-shadow: inset 0 0 0 1px var(--haar-2), inset 0 1px 2px rgba(0, 0, 0, 0.078); } :root[data-theme="dark"] .suche-mini:focus-within { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .nav a:hover { background: rgba(32, 26, 56, 0.506); } :root[data-theme="dark"] .nav a[aria-current='page'] { background: linear-gradient(180deg, rgba(32, 26, 56, 0.883) 0%, rgba(32, 26, 56, 0.681) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 6px 16px -8px rgba(72, 44, 170, 0.3); } :root[data-theme="dark"] .nav a .zahl { background: rgba(255, 255, 255, 0.055); } :root[data-theme="dark"] .sicher-chip { background: rgba(32, 26, 56, 0.336); } :root[data-theme="dark"] .profil { background: linear-gradient(180deg, rgba(32, 26, 56, 0.782) 0%, rgba(32, 26, 56, 0.552) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 6px 16px -10px rgba(72, 44, 170, 0.25); } :root[data-theme="dark"] .profil .avatar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028), 0 4px 10px -4px rgba(124, 58, 237, 0.6); } :root[data-theme="dark"] .pick { background: radial-gradient(90% 75% at 100% 0%, rgba(196, 181, 253, 0.132) 0%, rgba(196, 181, 253, 0.04) 45%, rgba(196, 181, 253, 0) 75%), radial-gradient(80% 60% at 0% 100%, rgba(251, 207, 232, 0.088) 0%, rgba(251, 207, 232, 0) 70%), linear-gradient(180deg, rgba(32, 26, 56, 0.736) 0%, rgba(32, 26, 56, 0.57) 100%); } :root[data-theme="dark"] .pick h3 { background: rgba(32, 26, 56, 0.718); } :root[data-theme="dark"] .mini-chart span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.048); } :root[data-theme="dark"] .mini-chart div:last-child span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028), 0 6px 14px -6px rgba(124, 58, 237, 0.6); } :root[data-theme="dark"] .reiter { background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 2px rgba(0, 0, 0, 0.104); } :root[data-theme="dark"] .reiter button[aria-pressed='true'] { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.791) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 4px 10px -4px rgba(72, 44, 170, 0.25); } :root[data-theme="dark"] .schleier { background: rgba(255, 255, 255, 0.088); } :root[data-theme="dark"] .schublade { background: linear-gradient(180deg, rgba(32, 26, 56, 0.828) 0%, rgba(32, 26, 56, 0.773) 100%); } :root[data-theme="dark"] .schublade-inhalt { scrollbar-color: rgba(255, 255, 255, 0.28) transparent; } :root[data-theme="dark"] .einwilligung { background: rgba(32, 26, 56, 0.57); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] a.einwilligung:hover { background: rgba(32, 26, 56, 0.782); box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .zeitleiste .punkt i { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .bald-karte { background: radial-gradient(70% 120% at 100% 0%, rgba(214, 201, 253, 0.121) 0%, rgba(214, 201, 253, 0.033) 45%, rgba(214, 201, 253, 0) 75%), var(--flaeche); } :root[data-theme="dark"] .plan-punkt { background: rgba(32, 26, 56, 0.57); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .flow-karte.neu { background: rgba(32, 26, 56, 0.256); } :root[data-theme="dark"] .flow-zahlen div { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .phase-kopf .nr { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.662) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.2), 0 3px 8px -3px rgba(124, 58, 237, 0.3); } :root[data-theme="dark"] .mail-zeile { background: rgba(32, 26, 56, 0.552); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .mail-zeile:hover { background: rgba(32, 26, 56, 0.782); box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .mail-zeile.aktiv { background: linear-gradient(180deg, rgba(32, 26, 56, 0.883) 0%, rgba(32, 26, 56, 0.791) 100%); } :root[data-theme="dark"] .mail-rahmen { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .mail-rahmen iframe { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .zeitleiste .punkt.weg b { text-decoration-color: rgba(236, 232, 251, 0.35); } :root[data-theme="dark"] .schalter span { background: rgba(255, 255, 255, 0.154); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.312); } :root[data-theme="dark"] .schalter span::after { background: rgba(32, 26, 56, 0.92); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 0.5px rgba(0, 0, 0, 0.156); } :root[data-theme="dark"] .schalter input:checked + span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024), 0 4px 12px -4px rgba(124, 58, 237, 0.55); } :root[data-theme="dark"] .wert { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .smileys button { background: rgba(32, 26, 56, 0.506); } :root[data-theme="dark"] .smileys button.an { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .kauf-zeile { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .kauf-zeile:hover { background: rgba(32, 26, 56, 0.874); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2), 0 8px 18px -12px rgba(72, 44, 170, 0.3); } :root[data-theme="dark"] .kauf-zeile.z-storniert .kauf-haupt b { text-decoration-color: rgba(236, 232, 251, 0.35); } :root[data-theme="dark"] .mini-icon { background: rgba(32, 26, 56, 0.736); } :root[data-theme="dark"] .rate { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .rate.als-knopf:hover { background: rgba(32, 26, 56, 0.874); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2); } :root[data-theme="dark"] .anbieter-chip { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.182); } :root[data-theme="dark"] .dok { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .dok-icon { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.182); } :root[data-theme="dark"] .ablage { border: 1px dashed rgba(255, 255, 255, 0.238); background: rgba(32, 26, 56, 0.28); } :root[data-theme="dark"] .plan-box { background: rgba(255, 255, 255, 0.033); } :root[data-theme="dark"] .inline-form { background: rgba(255, 255, 255, 0.033); } :root[data-theme="dark"] .notiz { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .notiz-text { background: rgba(255, 255, 255, 0.033); } :root[data-theme="dark"] .dialog { background: linear-gradient(180deg, rgba(32, 26, 56, 0.856) 0%, rgba(32, 26, 56, 0.782) 100%); border: 1px solid rgba(255, 255, 255, 0.104); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.156), 0 40px 90px -30px rgba(0, 0, 0, 0.6); } :root[data-theme="dark"] .dialog-icon { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.182), 0 2px 6px -2px rgba(72, 44, 170, 0.12); } :root[data-theme="dark"] .dialog-inhalt { scrollbar-color: rgba(255, 255, 255, 0.28) transparent; } :root[data-theme="dark"] .knopf.zwei.gefahr:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(229, 72, 77, 0.4), 0 4px 12px -6px rgba(229, 72, 77, 0.3); } :root[data-theme="dark"] .betrag-box { background: rgba(255, 255, 255, 0.033); } :root[data-theme="dark"] .raster-3 > div { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .unterbox { background: rgba(32, 26, 56, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .zahl-chip { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028); } @media (max-width: 900px) { :root[data-theme="dark"] .leiste { background: linear-gradient(180deg, rgba(32, 26, 56, 0.865) 0%, rgba(32, 26, 56, 0.828) 100%); } } @media (max-width: 900px) { :root[data-theme="dark"] .leiste.offen { box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.072), 0 0 0 1px var(--haar), 24px 0 60px -20px rgba(0, 0, 0, 0.6); } } @media (max-width: 900px) { :root[data-theme="dark"] .himmel { background: radial-gradient(70% 65% at 22% 105%, rgba(184, 160, 251, 0.42) 0%, rgba(184, 160, 251, 0.22) 40%, rgba(184, 160, 251, 0.07) 72%, rgba(184, 160, 251, 0) 100%), radial-gradient(42% 50% at 100% 42%, rgba(214, 200, 254, 0.084) 0%, rgba(214, 200, 254, 0.031) 50%, rgba(214, 200, 254, 0) 100%), radial-gradient(45% 45% at 96% 100%, rgba(249, 212, 235, 0.11) 0%, rgba(249, 212, 235, 0.044) 50%, rgba(249, 212, 235, 0) 100%), radial-gradient(50% 45% at 0% 0%, rgba(221, 210, 254, 0.132) 0%, rgba(221, 210, 254, 0.053) 45%, rgba(221, 210, 254, 0) 100%), linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.92) 100%); } } @media (max-width: 900px) { :root[data-theme="dark"] .kopf { background: rgba(32, 26, 56, 0.681); } } @media (max-width: 900px) { :root[data-theme="dark"] .schublade::before { background: rgba(255, 255, 255, 0.176); } } @media (prefers-reduced-transparency: reduce) { :root[data-theme="dark"] .karte, :root[data-theme="dark"] .glas, :root[data-theme="dark"] .schublade { background: rgba(32, 26, 56, 0.92); } } :root[data-theme="dark"] .paar { background: rgba(32, 26, 56, 0.506); } :root[data-theme="dark"] .kontakt-knopf { background: rgba(32, 26, 56, 0.644); } :root[data-theme="dark"] .kachel-zahl { background: rgba(32, 26, 56, 0.552); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .kachel-zahl.betont { background: linear-gradient(160deg, rgba(196, 181, 253, 0.077) 0%, rgba(32, 26, 56, 0.552) 70%); box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .aufwaermen { background: rgba(32, 26, 56, 0.4); } :root[data-theme="dark"] .auswahl.offen { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] .auswahl-liste { border: 1px solid rgba(255, 255, 255, 0.112); background: rgba(32, 26, 56, 0.865); box-shadow: var(--kante), 0 0 0 1px rgba(0, 0, 0, 0.156), 0 18px 44px -14px rgba(72, 44, 170, 0.32); } :root[data-theme="dark"] .lebenszeichen { background: rgba(32, 26, 56, 0.552); } :root[data-theme="dark"] .heute-kachel { background: rgba(32, 26, 56, 0.607); border: 1px solid rgba(255, 255, 255, 0.112); } :root[data-theme="dark"] .kachel-zahl.warn { box-shadow: inset 0 0 0 1px rgba(229, 72, 77, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .kachel-zahl.betont { box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 34px -16px rgba(124, 58, 237, 0.45); } :root[data-theme="dark"] .kennzahlen .kachel-zahl:hover, :root[data-theme="dark"] .auswertung .kachel-zahl:hover { box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 26px -16px rgba(124, 58, 237, 0.45); } :root[data-theme="dark"] .verlauf-balken { background: repeating-linear-gradient(to top, transparent 0, transparent 39px, rgba(255, 255, 255, 0.055) 39px, rgba(255, 255, 255, 0.055) 40px); } :root[data-theme="dark"] .v-geoeffnet { background: linear-gradient(180deg, rgba(240, 171, 252, 0.22) 0%, #d946ef 100%); } :root[data-theme="dark"] .auftrag { background: rgba(32, 26, 56, 0.552); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .auftrag.offen { background: rgba(32, 26, 56, 0.782); } :root[data-theme="dark"] .gewaehlt { background: rgba(32, 26, 56, 0.552); } :root[data-theme="dark"] .treffer-zeile { background: rgba(32, 26, 56, 0.644); } :root[data-theme="dark"] .treffer-zeile:hover { background: rgba(32, 26, 56, 0.92); } :root[data-theme="dark"] code.iban { background: rgba(255, 255, 255, 0.05); } :root[data-theme="dark"] .nav-gruppe-kopf:hover { background: rgba(32, 26, 56, 0.506); } :root[data-theme="dark"] .nav-gruppe-kopf.aktiv { background: rgba(32, 26, 56, 0.4); } :root[data-theme="dark"] .m-mini-liste li:hover { background: rgba(32, 26, 56, 0.552); } :root[data-theme="dark"] .m-paket { background: rgba(32, 26, 56, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .m-paket.auf { background: rgba(32, 26, 56, 0.662); } :root[data-theme="dark"] .m-shop { background: rgba(32, 26, 56, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .m-shop.laeuft { background: linear-gradient(180deg, rgba(32, 26, 56, 0.828) 0%, rgba(32, 26, 56, 0.782) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.28), 0 8px 22px -14px rgba(124, 58, 237, 0.45); } :root[data-theme="dark"] .m-haken { background: rgba(32, 26, 56, 0.644); } :root[data-theme="dark"] .m-verlauf span { background: rgba(255, 255, 255, 0.088); } :root[data-theme="dark"] .m-person { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); } :root[data-theme="dark"] .m-mehr { background: rgba(255, 255, 255, 0.605); } :root[data-theme="dark"] .m-ex-zeile:hover { background: rgba(32, 26, 56, 0.28); } :root[data-theme="dark"] .balken span.m-gruen { background: linear-gradient(90deg, rgba(127, 211, 173, 0.22) 0%, var(--s-gruen) 100%); } :root[data-theme="dark"] .balken span.m-orange { background: linear-gradient(90deg, rgba(243, 195, 158, 0.22) 0%, var(--s-orange) 100%); } :root[data-theme="dark"] .vorne-gruppe.vg-verkauft { background: linear-gradient(160deg, rgba(224, 138, 79, 0.14) 0%, rgba(32, 26, 56, 0.57) 55%); box-shadow: inset 0 0 0 1px rgba(224, 138, 79, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .vorne-gruppe.vg-test { background: linear-gradient(160deg, rgba(76, 141, 246, 0.13) 0%, rgba(32, 26, 56, 0.57) 55%); box-shadow: inset 0 0 0 1px rgba(76, 141, 246, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] .vg-liste li { background: rgba(32, 26, 56, 0.644); } :root[data-theme="dark"] .ansicht-band { background: linear-gradient(160deg, rgba(224, 138, 79, 0.16) 0%, rgba(32, 26, 56, 0.644) 70%); box-shadow: inset 0 0 0 1px rgba(224, 138, 79, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08); } /* Dunkelmodus von Hand (Julia, 22.10.2026): Grundfarben und Hintergrund. Alles andere rechnet tools/dunkel.mjs beim Build aus app.css und mentoring.css um und stellt es vor diese Datei. Gilt mit , gespeichert pro Benutzer. */ :root[data-theme="dark"] { color-scheme: dark; --tinte: #f3f0ff; --ink: #e2ddf5; --ink-2: #c4bddf; --muted: #a69fc4; --icon: #c9bcff; --platzhalter: #8d86ab; --haar: rgba(255, 255, 255, 0.08); --haar-2: rgba(255, 255, 255, 0.14); --lila-tief: #b69cff; --lila-text: #c4b1ff; --lavendel-akzent: #b69cff; --flaeche: linear-gradient(180deg, rgba(38, 31, 66, 0.78) 0%, rgba(30, 24, 54, 0.66) 100%); --rand: rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.07) rgba(255, 255, 255, 0.05); --kante: inset 0 1px 0 rgba(255, 255, 255, 0.06); --schatten: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.2), 0 14px 34px -18px rgba(0, 0, 0, 0.6); --schatten-hoch: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.25), 0 36px 80px -36px rgba(0, 0, 0, 0.7); --s-grau: #7d7799; --t-gruen: #6fdca6; --t-gelb: #f2c66b; --t-rot: #ff8b90; --t-blau: #9db4ff; --t-orange: #f5ad7c; --t-lila: #c4b1ff; --t-grau: #b3adcb; } :root[data-theme="dark"] body { background: #110d1f; } :root[data-theme="dark"] .himmel { background: radial-gradient(70% 65% at 22% 105%, rgba(124, 58, 237, 0.32) 0%, rgba(124, 58, 237, 0.14) 45%, rgba(124, 58, 237, 0) 100%), radial-gradient(42% 50% at 100% 42%, rgba(147, 51, 234, 0.2) 0%, rgba(147, 51, 234, 0.06) 55%, rgba(147, 51, 234, 0) 100%), radial-gradient(45% 45% at 96% 100%, rgba(211, 111, 176, 0.18) 0%, rgba(211, 111, 176, 0.05) 55%, rgba(211, 111, 176, 0) 100%), radial-gradient(50% 45% at 0% 0%, rgba(99, 72, 200, 0.28) 0%, rgba(99, 72, 200, 0.08) 50%, rgba(99, 72, 200, 0) 100%), linear-gradient(180deg, #151026 0%, #0e0a1b 100%); } :root[data-theme="dark"] .himmel-raster { opacity: 0.5; filter: invert(1); } :root[data-theme="dark"] .himmel-korn { opacity: 0.04; } :root[data-theme="dark"] .himmel-funke { opacity: 0.55; } :root[data-theme="dark"] ::selection { background: rgba(167, 139, 250, 0.35); color: #fff; } :root[data-theme="dark"] code { background: rgba(255, 255, 255, 0.08); } :root[data-theme="dark"] input::placeholder, :root[data-theme="dark"] textarea::placeholder { color: var(--platzhalter); } :root[data-theme="dark"] input[type="date"], :root[data-theme="dark"] input[type="time"] { color-scheme: dark; } /* Avatare: Pastellkreise bleiben hell, die Initialen dunkel */ :root[data-theme="dark"] .avatar { color: #3b3363; } :root[data-theme="dark"] .profil .avatar { color: #fff; }