html[data-stil="medrioux"] { --bg: #f7f6f1; --card: #ffffff; --card2: #f2efe7; --ink: #172125; --muted: #66767d; --line: #e6e1d6; --brand-1: #12806a; --brand-2: #2fb594; --auf-brand: #ffffff; --success: #1b8a4c; --error: #c2412d; --grad: linear-gradient(120deg, #12806a 0%, #2fb594 100%); --hell: #ffffff; --r: 14px; --radius: 14px; --r-knopf: 12px; --schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-stil="medrioux"][data-theme="dark"] { --bg: #0e1518; --card: #151f23; --card2: #1b272c; --ink: #eef3f4; --muted: #8fa3aa; --line: #26353b; --brand-1: #6fe0c0; --brand-2: #8fb7ff; --auf-brand: #0b1013; --success: #5ed39a; --error: #f08a7a; --grad: linear-gradient(120deg, #6fe0c0 0%, #8fb7ff 100%); --hell: #0b1013; color-scheme: dark; }
html[data-stil="medrioux"][data-theme="light"] { color-scheme: light; }
html[data-stil="medrioux"] .card, html[data-stil="medrioux"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="clearing"] { --bg: #f6f8fc; --card: #ffffff; --card2: #eef2f9; --ink: #1b2540; --muted: #66708a; --line: #e1e6f0; --brand-1: #3b5bfd; --brand-2: #22c3e6; --auf-brand: #ffffff; --success: #16a36a; --error: #d6453d; --grad: linear-gradient(120deg, #3b5bfd 0%, #22c3e6 100%); --hell: #ffffff; --r: 14px; --radius: 14px; --r-knopf: 12px; --schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-stil="clearing"][data-theme="dark"] { --bg: #0d1324; --card: #141c33; --card2: #1b2542; --ink: #e8ecf8; --muted: #96a0bd; --line: #263154; --brand-1: #6f8bff; --brand-2: #3fd5f2; --auf-brand: #0d1324; --success: #34d399; --error: #f87171; --grad: linear-gradient(120deg, #6f8bff 0%, #3fd5f2 100%); --hell: #0d1324; color-scheme: dark; }
html[data-stil="clearing"][data-theme="light"] { color-scheme: light; }
html[data-stil="clearing"] .card, html[data-stil="clearing"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="nacht"] { --bg: #0b0e1a; --card: #121629; --card2: #1a1f38; --ink: #e6e8f5; --muted: #8c93b5; --line: #262c4d; --brand-1: #8b7bff; --brand-2: #4fd1ff; --auf-brand: #0b0e1a; --success: #4ade80; --error: #fb7185; --grad: linear-gradient(120deg, #8b7bff 0%, #4fd1ff 100%); --hell: #0b0e1a; --r: 14px; --radius: 14px; --r-knopf: 12px; --schrift: Avenir Next, Avenir, Montserrat, 'Century Gothic', 'Segoe UI', sans-serif; }
html[data-stil="nacht"][data-theme="dark"] { --bg: #0b0e1a; --card: #121629; --card2: #1a1f38; --ink: #e6e8f5; --muted: #8c93b5; --line: #262c4d; --brand-1: #8b7bff; --brand-2: #4fd1ff; --auf-brand: #0b0e1a; --success: #4ade80; --error: #fb7185; --grad: linear-gradient(120deg, #8b7bff 0%, #4fd1ff 100%); --hell: #0b0e1a; color-scheme: dark; }
html[data-stil="nacht"] .card, html[data-stil="nacht"] .table-wrap {box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-1) 22%, transparent), 0 18px 50px color-mix(in srgb, var(--brand-2) 10%, transparent); }
html[data-stil="nacht"] .btn:not(.btn-ghost):not(.btn-danger) {box-shadow: 0 0 22px color-mix(in srgb, var(--brand-1) 42%, transparent); }
html[data-stil="nacht"] h1 {text-shadow: 0 0 28px color-mix(in srgb, var(--brand-1) 35%, transparent); }
html[data-stil="glas"] { --bg: #eef1fb; --card: rgba(255,255,255,0.66); --card2: rgba(255,255,255,0.48); --ink: #1c2340; --muted: #5f6787; --line: rgba(28,35,64,0.10); --brand-1: #6366f1; --brand-2: #ec4899; --auf-brand: #ffffff; --success: #16a36a; --error: #e11d48; --grad: linear-gradient(120deg, #6366f1 0%, #ec4899 100%); --hell: #ffffff; --r: 20px; --radius: 20px; --r-knopf: 12px; --schrift: Avenir Next, Avenir, Montserrat, 'Century Gothic', 'Segoe UI', sans-serif; }
html[data-stil="glas"][data-theme="dark"] { --bg: #0c0f1f; --card: rgba(23,28,52,0.62); --card2: rgba(35,41,72,0.52); --ink: #e9ebff; --muted: #a0a6c8; --line: rgba(255,255,255,0.09); --brand-1: #818cf8; --brand-2: #f472b6; --auf-brand: #0c0f1f; --success: #34d399; --error: #fb7185; --grad: linear-gradient(120deg, #818cf8 0%, #f472b6 100%); --hell: #0c0f1f; color-scheme: dark; }
html[data-stil="glas"][data-theme="light"] { color-scheme: light; }
html[data-stil="glas"] body {background: radial-gradient(1200px 700px at 8% -10%, color-mix(in srgb, var(--brand-1) 22%, transparent), transparent 60%), radial-gradient(900px 600px at 100% 20%, color-mix(in srgb, var(--brand-2) 18%, transparent), transparent 60%), var(--bg); background-attachment: fixed; }
html[data-stil="glas"] .card, html[data-stil="glas"] .table-wrap, html[data-stil="glas"] .app-nav, html[data-stil="glas"] .nav-gruppe-inhalt {-webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); }
html[data-stil="glas"] .card, html[data-stil="glas"] .table-wrap {box-shadow: 0 10px 40px color-mix(in srgb, var(--ink) 10%, transparent); }
html[data-stil="ozean"] { --bg: #f2f8fa; --card: #ffffff; --card2: #e6f1f4; --ink: #10343f; --muted: #5b7c86; --line: #d4e6eb; --brand-1: #0e7490; --brand-2: #14b8a6; --auf-brand: #ffffff; --success: #0f9f6e; --error: #dc4b3e; --grad: linear-gradient(120deg, #0e7490 0%, #14b8a6 100%); --hell: #ffffff; --r: 18px; --radius: 18px; --r-knopf: 12px; --schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-stil="ozean"][data-theme="dark"] { --bg: #071c22; --card: #0c2a33; --card2: #113641; --ink: #e2f3f6; --muted: #8db3bd; --line: #1b4552; --brand-1: #2dd4bf; --brand-2: #38bdf8; --auf-brand: #062026; --success: #34d399; --error: #fb7185; --grad: linear-gradient(120deg, #2dd4bf 0%, #38bdf8 100%); --hell: #062026; color-scheme: dark; }
html[data-stil="ozean"][data-theme="light"] { color-scheme: light; }
html[data-stil="ozean"] .card, html[data-stil="ozean"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="arktis"] { --bg: #f5f9ff; --card: #ffffff; --card2: #ecf3fe; --ink: #0f2747; --muted: #6a809f; --line: #dce7f7; --brand-1: #2563eb; --brand-2: #60a5fa; --auf-brand: #ffffff; --success: #059669; --error: #dc2626; --grad: linear-gradient(120deg, #2563eb 0%, #60a5fa 100%); --hell: #ffffff; --r: 22px; --radius: 22px; --r-knopf: 12px; --schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-stil="arktis"][data-theme="dark"] { --bg: #0a1526; --card: #0f1e36; --card2: #152846; --ink: #e4eeff; --muted: #8ea6c9; --line: #1f3657; --brand-1: #60a5fa; --brand-2: #93c5fd; --auf-brand: #0a1526; --success: #34d399; --error: #f87171; --grad: linear-gradient(120deg, #60a5fa 0%, #93c5fd 100%); --hell: #0a1526; color-scheme: dark; }
html[data-stil="arktis"][data-theme="light"] { color-scheme: light; }
html[data-stil="arktis"] .card, html[data-stil="arktis"] .table-wrap {box-shadow: none; }
html[data-stil="wald"] { --bg: #f5f7f2; --card: #ffffff; --card2: #ebf0e4; --ink: #1f3324; --muted: #67786a; --line: #dbe3d3; --brand-1: #2f6b3a; --brand-2: #8bbf5a; --auf-brand: #ffffff; --success: #2f7d4a; --error: #b9473a; --grad: linear-gradient(120deg, #2f6b3a 0%, #8bbf5a 100%); --hell: #ffffff; --r: 12px; --radius: 12px; --r-knopf: 10px; --schrift: Optima, Candara, 'Noto Sans', 'Segoe UI', sans-serif; }
html[data-stil="wald"][data-theme="dark"] { --bg: #0f1a12; --card: #16251a; --card2: #1d3022; --ink: #e6efe3; --muted: #9db39f; --line: #29402e; --brand-1: #8bd17c; --brand-2: #c3e88d; --auf-brand: #0f1a12; --success: #86efac; --error: #fca5a5; --grad: linear-gradient(120deg, #8bd17c 0%, #c3e88d 100%); --hell: #0f1a12; color-scheme: dark; }
html[data-stil="wald"][data-theme="light"] { color-scheme: light; }
html[data-stil="wald"] .card, html[data-stil="wald"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="sand"] { --bg: #fbf6ef; --card: #fffaf3; --card2: #f3e9dc; --ink: #3d2b1f; --muted: #8a7262; --line: #eadccb; --brand-1: #c2562f; --brand-2: #e3a35a; --auf-brand: #ffffff; --success: #3f7d4f; --error: #b3402a; --grad: linear-gradient(120deg, #c2562f 0%, #e3a35a 100%); --hell: #ffffff; --r: 16px; --radius: 16px; --r-knopf: 12px; --schrift: Optima, Candara, 'Noto Sans', 'Segoe UI', sans-serif; }
html[data-stil="sand"][data-theme="dark"] { --bg: #1f1611; --card: #2a1f18; --card2: #33261d; --ink: #f4e9dd; --muted: #b8a08d; --line: #45342a; --brand-1: #f08a5d; --brand-2: #f2c07a; --auf-brand: #1f1611; --success: #86efac; --error: #fca5a5; --grad: linear-gradient(120deg, #f08a5d 0%, #f2c07a 100%); --hell: #1f1611; color-scheme: dark; }
html[data-stil="sand"][data-theme="light"] { color-scheme: light; }
html[data-stil="sand"] .card, html[data-stil="sand"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="beere"] { --bg: #faf6fc; --card: #ffffff; --card2: #f2e9f7; --ink: #2e1a3b; --muted: #7b6888; --line: #e8dcef; --brand-1: #7b3fa0; --brand-2: #d946ef; --auf-brand: #ffffff; --success: #16a34a; --error: #e11d48; --grad: linear-gradient(120deg, #7b3fa0 0%, #d946ef 100%); --hell: #ffffff; --r: 20px; --radius: 20px; --r-knopf: 12px; --schrift: ui-rounded, 'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Quicksand, 'Arial Rounded MT Bold', sans-serif; }
html[data-stil="beere"][data-theme="dark"] { --bg: #170e1d; --card: #211429; --card2: #2b1b35; --ink: #f3e8f8; --muted: #b59cc4; --line: #3a2647; --brand-1: #c084fc; --brand-2: #f0abfc; --auf-brand: #170e1d; --success: #86efac; --error: #fda4af; --grad: linear-gradient(120deg, #c084fc 0%, #f0abfc 100%); --hell: #170e1d; color-scheme: dark; }
html[data-stil="beere"][data-theme="light"] { color-scheme: light; }
html[data-stil="beere"] .card, html[data-stil="beere"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="koralle"] { --bg: #fff7f5; --card: #ffffff; --card2: #ffece7; --ink: #3b1d1a; --muted: #8c6b66; --line: #f6dcd5; --brand-1: #e5484d; --brand-2: #ff8a65; --auf-brand: #ffffff; --success: #15803d; --error: #c2410c; --grad: linear-gradient(120deg, #e5484d 0%, #ff8a65 100%); --hell: #ffffff; --r: 14px; --radius: 14px; --r-knopf: 12px; --schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-stil="koralle"][data-theme="dark"] { --bg: #1c1110; --card: #271716; --card2: #321e1c; --ink: #fdeceb; --muted: #c39a95; --line: #452a27; --brand-1: #ff6b6f; --brand-2: #ffab91; --auf-brand: #1c1110; --success: #86efac; --error: #fdba74; --grad: linear-gradient(120deg, #ff6b6f 0%, #ffab91 100%); --hell: #1c1110; color-scheme: dark; }
html[data-stil="koralle"][data-theme="light"] { color-scheme: light; }
html[data-stil="koralle"] .card, html[data-stil="koralle"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="graphit"] { --bg: #f4f4f5; --card: #ffffff; --card2: #ececee; --ink: #18181b; --muted: #71717a; --line: #e4e4e7; --brand-1: #18181b; --brand-2: #52525b; --auf-brand: #ffffff; --success: #15803d; --error: #b91c1c; --grad: linear-gradient(120deg, #18181b 0%, #52525b 100%); --hell: #ffffff; --r: 6px; --radius: 6px; --r-knopf: 4px; --schrift: Avenir Next, Avenir, Montserrat, 'Century Gothic', 'Segoe UI', sans-serif; }
html[data-stil="graphit"][data-theme="dark"] { --bg: #0f0f11; --card: #18181b; --card2: #222226; --ink: #f4f4f5; --muted: #a1a1aa; --line: #2e2e33; --brand-1: #f4f4f5; --brand-2: #a1a1aa; --auf-brand: #0f0f11; --success: #4ade80; --error: #f87171; --grad: linear-gradient(120deg, #f4f4f5 0%, #a1a1aa 100%); --hell: #0f0f11; color-scheme: dark; }
html[data-stil="graphit"][data-theme="light"] { color-scheme: light; }
html[data-stil="graphit"] .card, html[data-stil="graphit"] .table-wrap {box-shadow: none; }
html[data-stil="papier"] { --bg: #f7f3ea; --card: #fffdf8; --card2: #efe9dc; --ink: #2a2620; --muted: #7a7264; --line: #ded6c6; --brand-1: #8a5a2b; --brand-2: #c49a6c; --auf-brand: #ffffff; --success: #3f6b3a; --error: #a33b2b; --grad: linear-gradient(120deg, #8a5a2b 0%, #c49a6c 100%); --hell: #ffffff; --r: 2px; --radius: 2px; --r-knopf: 0px; --schrift: 'Iowan Old Style', Charter, Georgia, 'Times New Roman', serif; }
html[data-stil="papier"][data-theme="dark"] { --bg: #1d1a16; --card: #26221d; --card2: #2f2a23; --ink: #efe8da; --muted: #ab9f8b; --line: #3d362d; --brand-1: #e0b07a; --brand-2: #f0cf9f; --auf-brand: #1d1a16; --success: #a3d39c; --error: #f0a08f; --grad: linear-gradient(120deg, #e0b07a 0%, #f0cf9f 100%); --hell: #1d1a16; color-scheme: dark; }
html[data-stil="papier"][data-theme="light"] { color-scheme: light; }
html[data-stil="papier"] .card, html[data-stil="papier"] .table-wrap {box-shadow: none; }
html[data-stil="beton"] { --bg: #e9e9e7; --card: #f5f5f3; --card2: #dededb; --ink: #202020; --muted: #5f5f5c; --line: #c9c9c5; --brand-1: #2b2b2b; --brand-2: #ff5a1f; --auf-brand: #ffffff; --success: #2f7d32; --error: #c62828; --grad: linear-gradient(120deg, #2b2b2b 0%, #ff5a1f 100%); --hell: #ffffff; --r: 0px; --radius: 0px; --r-knopf: 0px; --schrift: 'Avenir Next Condensed', 'Arial Narrow', 'Roboto Condensed', sans-serif-condensed, sans-serif; }
html[data-stil="beton"][data-theme="dark"] { --bg: #161616; --card: #1f1f1f; --card2: #292929; --ink: #ececec; --muted: #a3a3a3; --line: #3a3a3a; --brand-1: #ff5a1f; --brand-2: #ffb347; --auf-brand: #161616; --success: #81c784; --error: #ef9a9a; --grad: linear-gradient(120deg, #ff5a1f 0%, #ffb347 100%); --hell: #161616; color-scheme: dark; }
html[data-stil="beton"][data-theme="light"] { color-scheme: light; }
html[data-stil="beton"] .card, html[data-stil="beton"] .table-wrap {border: 2px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
html[data-stil="beton"] .btn {box-shadow: 3px 3px 0 var(--ink); }
html[data-stil="beton"] h1, html[data-stil="beton"] h2, html[data-stil="beton"] h3, html[data-stil="beton"] .nav-gruppe-knopf {text-transform: uppercase; letter-spacing: 0.04em; }
html[data-stil="retro"] { --bg: #f6eedd; --card: #fff8ea; --card2: #efe2c6; --ink: #3a2414; --muted: #7d6248; --line: #3a2414; --brand-1: #c2410c; --brand-2: #d4a017; --auf-brand: #fff8ea; --success: #3f7d2f; --error: #a3261a; --grad: linear-gradient(120deg, #c2410c 0%, #d4a017 100%); --hell: #fff8ea; --r: 14px; --radius: 14px; --r-knopf: 12px; --schrift: ui-rounded, 'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Quicksand, 'Arial Rounded MT Bold', sans-serif; }
html[data-stil="retro"][data-theme="dark"] { --bg: #1e140c; --card: #2a1c11; --card2: #352416; --ink: #f6e7cf; --muted: #c2a684; --line: #f6e7cf; --brand-1: #fb923c; --brand-2: #facc15; --auf-brand: #1e140c; --success: #a3e635; --error: #fca5a5; --grad: linear-gradient(120deg, #fb923c 0%, #facc15 100%); --hell: #1e140c; color-scheme: dark; }
html[data-stil="retro"][data-theme="light"] { color-scheme: light; }
html[data-stil="retro"] .card, html[data-stil="retro"] .table-wrap {border: 2px solid var(--line); box-shadow: 6px 6px 0 var(--line); }
html[data-stil="retro"] .btn {border: 2px solid var(--ink); box-shadow: 3px 3px 0 var(--ink); }
html[data-stil="retro"] .btn:hover {transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--ink); }
html[data-stil="neon"] { --bg: #07080a; --card: #0f1114; --card2: #161a1e; --ink: #ecfff0; --muted: #8ea59a; --line: #1f2a24; --brand-1: #7cff4a; --brand-2: #00e5ff; --auf-brand: #07080a; --success: #7cff4a; --error: #ff4d6d; --grad: linear-gradient(120deg, #7cff4a 0%, #00e5ff 100%); --hell: #07080a; --r: 14px; --radius: 14px; --r-knopf: 12px; --schrift: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; }
html[data-stil="neon"][data-theme="dark"] { --bg: #07080a; --card: #0f1114; --card2: #161a1e; --ink: #ecfff0; --muted: #8ea59a; --line: #1f2a24; --brand-1: #7cff4a; --brand-2: #00e5ff; --auf-brand: #07080a; --success: #7cff4a; --error: #ff4d6d; --grad: linear-gradient(120deg, #7cff4a 0%, #00e5ff 100%); --hell: #07080a; color-scheme: dark; }
html[data-stil="neon"] .card, html[data-stil="neon"] .table-wrap {box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-1) 22%, transparent), 0 18px 50px color-mix(in srgb, var(--brand-2) 10%, transparent); }
html[data-stil="neon"] .btn:not(.btn-ghost):not(.btn-danger) {box-shadow: 0 0 22px color-mix(in srgb, var(--brand-1) 42%, transparent); }
html[data-stil="neon"] h1 {text-shadow: 0 0 28px color-mix(in srgb, var(--brand-1) 35%, transparent); }
html[data-stil="nachtgold"] { --bg: #0c0b09; --card: #15130f; --card2: #1d1a14; --ink: #f3ead6; --muted: #a89a7c; --line: #2c271d; --brand-1: #d4a64a; --brand-2: #f1d18a; --auf-brand: #0c0b09; --success: #a3e635; --error: #f87171; --grad: linear-gradient(120deg, #d4a64a 0%, #f1d18a 100%); --hell: #0c0b09; --r: 12px; --radius: 12px; --r-knopf: 10px; --schrift: Didot, 'Bodoni 72', 'Bodoni MT', Georgia, serif; }
html[data-stil="nachtgold"][data-theme="dark"] { --bg: #0c0b09; --card: #15130f; --card2: #1d1a14; --ink: #f3ead6; --muted: #a89a7c; --line: #2c271d; --brand-1: #d4a64a; --brand-2: #f1d18a; --auf-brand: #0c0b09; --success: #a3e635; --error: #f87171; --grad: linear-gradient(120deg, #d4a64a 0%, #f1d18a 100%); --hell: #0c0b09; color-scheme: dark; }
html[data-stil="nachtgold"] .card, html[data-stil="nachtgold"] .table-wrap {box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 6%, transparent); }
html[data-stil="kontrast"] { --bg: #ffffff; --card: #ffffff; --card2: #f0f0f0; --ink: #000000; --muted: #2b2b2b; --line: #000000; --brand-1: #0033cc; --brand-2: #000000; --auf-brand: #ffffff; --success: #006b1b; --error: #b00020; --grad: linear-gradient(120deg, #0033cc 0%, #000000 100%); --hell: #ffffff; --r: 6px; --radius: 6px; --r-knopf: 4px; --schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-stil="kontrast"][data-theme="dark"] { --bg: #000000; --card: #000000; --card2: #141414; --ink: #ffffff; --muted: #e6e6e6; --line: #ffffff; --brand-1: #ffd400; --brand-2: #ffffff; --auf-brand: #000000; --success: #5cff7a; --error: #ff6b6b; --grad: linear-gradient(120deg, #ffd400 0%, #ffffff 100%); --hell: #000000; color-scheme: dark; }
html[data-stil="kontrast"][data-theme="light"] { color-scheme: light; }
html[data-stil="kontrast"] .card, html[data-stil="kontrast"] .table-wrap {border: 2px solid var(--line); box-shadow: none; }
html[data-stil="kontrast"] a {text-decoration: underline; text-underline-offset: 3px; }
html[data-stil="kontrast"] :focus-visible {outline: 3px solid #ffbf00 !important; outline-offset: 2px; }
html[data-stil="kontrast"] .btn {border: 2px solid var(--ink); }
html[data-schrift="system"] { --schrift: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-schrift="humanist"] { --schrift: Optima, Candara, 'Noto Sans', 'Segoe UI', sans-serif; }
html[data-schrift="geometrisch"] { --schrift: Avenir Next, Avenir, Montserrat, 'Century Gothic', 'Segoe UI', sans-serif; }
html[data-schrift="rund"] { --schrift: ui-rounded, 'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Quicksand, 'Arial Rounded MT Bold', sans-serif; }
html[data-schrift="serif"] { --schrift: 'Iowan Old Style', Charter, Georgia, 'Times New Roman', serif; }
html[data-schrift="didone"] { --schrift: Didot, 'Bodoni 72', 'Bodoni MT', Georgia, serif; }
html[data-schrift="schmal"] { --schrift: 'Avenir Next Condensed', 'Arial Narrow', 'Roboto Condensed', sans-serif-condensed, sans-serif; }
html[data-schrift="mono"] { --schrift: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; }