:root{--grund: #0b0b0f;--flaeche: #16161d;--flaeche-hell: #1d1d27;--rand: rgba(242, 242, 247, .1);--text: #f2f2f7;--text-gedimmt: #94949f;--akzent: #9e9eff;--akzent-dunkel: #5b5bb8;--gruen: #6fd39a;--rot: #e07a72;--gelb: #e0c26e;--rand-stark: rgba(242, 242, 247, .18);--rand-akzent: rgba(158, 158, 255, .34);--akzent-schleier: rgba(158, 158, 255, .1);--text-leise: #6f6f7c;--auf-akzent: #14141f;--raum-1: 4px;--raum-2: 8px;--raum-3: 12px;--raum-4: 16px;--raum-5: 24px;--raum-6: 32px;--raum-7: 48px;--raum-8: 64px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-rund: 999px;--schatten-1: 0 1px 2px rgba(0, 0, 0, .4);--schatten-2: 0 16px 40px -12px rgba(0, 0, 0, .72);--tempo-schnell: .13s;--tempo: .2s;--tempo-ruhig: .26s;--easing: cubic-bezier(.22, .61, .36, 1);--schrift: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-anzeige: clamp(28px, 6vw, 34px);--fs-1: clamp(24px, 5vw, 30px);--fs-2: clamp(18px, 2.4vw, 21px);--fs-3: 16px;--fs-text: 15px;--fs-text-s: 14px;--fs-klein: 13px;--fs-mikro: 12px;--fs-label: 11px;--zeile-titel: 1.15;--zeile-eng: 1.3;--zeile-text: 1.6;--spur-gross: -.025em;--spur-mittel: -.018em;--spur-klein: -.01em}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--schrift);background:var(--grund);color:var(--text);font-size:var(--fs-text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--akzent);color:var(--grund)}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--radius-s)}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4{font-weight:600;letter-spacing:var(--spur-mittel);line-height:var(--zeile-eng);margin:0;color:var(--text);text-wrap:balance}h1{font-size:var(--fs-1);line-height:var(--zeile-titel);letter-spacing:var(--spur-gross)}h2{font-size:var(--fs-2);line-height:1.2;letter-spacing:-.021em}h3{font-size:var(--fs-3);letter-spacing:var(--spur-klein)}h4{font-size:var(--fs-text);letter-spacing:var(--spur-klein)}p{margin:0 0 var(--raum-3);line-height:var(--zeile-text)}p:last-child{margin-bottom:0}small,.kleintext{font-size:var(--fs-klein);line-height:1.55;color:var(--text-gedimmt)}.text-s{font-size:var(--fs-text-s);line-height:var(--zeile-text)}.label{font-size:var(--fs-label);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-leise)}.zahl,table.liste td.zahl{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.kennzahl{display:inline-block;font-size:var(--fs-anzeige);font-weight:650;line-height:1.1;letter-spacing:var(--spur-gross);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.kennzahl.klein{font-size:var(--fs-2);font-weight:600;letter-spacing:var(--spur-mittel)}.kennzahl-einheit{font-size:var(--fs-text-s);font-weight:500;color:var(--text-gedimmt);margin-left:var(--raum-1);letter-spacing:0}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.inhalt{flex:1;width:100%}.seite{padding:var(--raum-5) var(--raum-4) var(--raum-8);max-width:1020px;width:100%;margin:0 auto}.seite>h1{margin:0 0 var(--raum-4)}.seitenkopf{margin:0 0 var(--raum-6)}.seitenkopf h1{margin:0}.kopf-motiv{position:relative;isolation:isolate}.kopf-motiv>*{position:relative;z-index:1}.kopf-motiv .konst-feld{position:absolute;top:-18%;right:-4%;bottom:-30%;left:0;width:auto;height:auto;z-index:0;color:var(--akzent);opacity:.16;pointer-events:none;-webkit-mask-image:linear-gradient(100deg,transparent 4%,#000 46%,transparent 92%);mask-image:linear-gradient(100deg,transparent 4%,#000 46%,transparent 92%)}@media (max-width: 600px){.kopf-motiv .konst-feld{opacity:.11;top:-10%;right:-10%;bottom:-20%;left:20%}}.seitenkopf .unterzeile{margin:var(--raum-3) 0 0;font-size:var(--fs-text-s);color:var(--text-gedimmt);line-height:var(--zeile-text);max-width:62ch}.reihe{display:flex;align-items:center;gap:var(--raum-3);flex-wrap:wrap}.reihe.oben{align-items:flex-start}.reihe.zwischen{justify-content:space-between}@media (max-width: 640px){.reihe>*{min-width:0}.reihe .pille{white-space:normal;text-align:left}}.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--raum-3)}.topbar{display:flex;align-items:center;gap:var(--raum-4);padding:var(--raum-3) var(--raum-4);background:var(--flaeche);background:color-mix(in srgb,var(--flaeche) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:20}.topbar .marke{display:inline-flex;align-items:center;font-weight:700;font-size:var(--fs-text);letter-spacing:.1em;color:var(--text);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity var(--tempo) var(--easing)}.topbar .marke:hover{opacity:.82;text-decoration:none}.topbar .marke span{color:var(--akzent)}.marke-zeichen{display:block;flex-shrink:0;margin-right:var(--raum-2);color:var(--akzent);opacity:.92}.symbol{display:block;flex-shrink:0;color:currentColor}.plakette{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-s);background:var(--akzent-schleier);border:1px solid var(--rand-akzent);color:var(--akzent)}.plakette.gross{width:40px;height:40px}.topbar nav{display:flex;gap:var(--raum-1);overflow-x:auto;flex:1;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%)}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{position:relative;padding:var(--raum-2) var(--raum-3) calc(var(--raum-2) + 2px);border-radius:var(--radius-s);white-space:nowrap;color:var(--text-gedimmt);text-decoration:none;font-size:var(--fs-text-s);transition:color var(--tempo) var(--easing),background-color var(--tempo) var(--easing)}.topbar nav a:hover{background:var(--flaeche-hell);color:var(--text);text-decoration:none}.topbar nav a:after{content:"";position:absolute;left:var(--raum-3);right:var(--raum-3);bottom:2px;height:2px;border-radius:2px;background:var(--akzent);transform:scaleX(0);transform-origin:center;transition:transform var(--tempo) var(--easing)}.topbar nav a.aktiv{color:var(--akzent);font-weight:600;background:transparent}.topbar nav a.aktiv:after{transform:scaleX(1)}.nutzermenue{position:relative;flex-shrink:0}.nutzermenue .avatar{width:34px;height:34px;padding:0;font-family:inherit;border-radius:50%;border:1px solid var(--rand);background:var(--flaeche-hell);color:var(--akzent);font-weight:700;font-size:var(--fs-klein);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--tempo) var(--easing),background-color var(--tempo) var(--easing)}.nutzermenue .avatar:hover{border-color:var(--rand-akzent);background:#23232f}.nutzermenue .klappe{position:absolute;right:0;top:calc(100% + var(--raum-2));min-width:220px;background:var(--flaeche);border:1px solid var(--rand-stark);border-radius:var(--radius-m);padding:var(--raum-3);box-shadow:var(--schatten-2);z-index:30;transform-origin:top right;animation:klappe-auf var(--tempo) var(--easing) both}.nutzermenue .klappe .mail{font-size:var(--fs-klein);color:var(--text-gedimmt);word-break:break-all;line-height:1.5}.nutzermenue .klappe a,.nutzermenue .klappe button[role=menuitem]{display:block;width:100%;margin-top:var(--raum-3);padding:var(--raum-3) 0 0;border:0;border-top:1px solid var(--rand);background:none;font:inherit;font-size:var(--fs-text-s);text-align:left;color:var(--akzent);cursor:pointer;transition:color var(--tempo) var(--easing)}.nutzermenue .klappe button[role=menuitem]:hover{color:var(--text)}@keyframes klappe-auf{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.karte{position:relative;background:linear-gradient(180deg,#ffffff08,#fff0 120px),var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);padding:var(--raum-4) var(--raum-5);margin:0 0 var(--raum-3);transition:border-color var(--tempo) var(--easing)}.karte:last-child{margin-bottom:0}.karte>h2{font-size:var(--fs-3);letter-spacing:var(--spur-klein);line-height:var(--zeile-eng);margin:0 0 var(--raum-3)}.karte>h2+.hinweis{margin-top:calc(var(--raum-3) * -1 + 2px)}.karte.klickbar,a.kachel,button.kachel,.kachel.klickbar{cursor:pointer;transition:transform var(--tempo) var(--easing),border-color var(--tempo) var(--easing),background-color var(--tempo) var(--easing)}.karte.klickbar:hover,a.kachel:hover,button.kachel:hover,.kachel.klickbar:hover{transform:translateY(-1px);border-color:var(--rand-akzent);text-decoration:none}.karte.klickbar:active,a.kachel:active,button.kachel:active,.kachel.klickbar:active{transform:translateY(0)}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--raum-3)}.kachel{background:linear-gradient(180deg,#ffffff08,#fff0 110px),var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);padding:var(--raum-4) var(--raum-5);display:flex;flex-direction:column;gap:var(--raum-2);color:var(--text);text-decoration:none;min-height:120px;font:inherit;text-align:left}.kachel .titel{font-weight:600;font-size:var(--fs-3);letter-spacing:var(--spur-klein);line-height:var(--zeile-eng)}.kachel.gross .titel{font-size:var(--fs-2);letter-spacing:var(--spur-mittel)}.kachel .sub{font-size:var(--fs-klein);color:var(--text-gedimmt);line-height:1.55}.kachel .fussleiste{margin-top:auto;padding-top:var(--raum-2);display:flex;gap:var(--raum-2);flex-wrap:wrap;align-items:center}label{display:block;font-size:var(--fs-klein);font-weight:600;margin:var(--raum-3) 0 var(--raum-1);color:var(--text-gedimmt);letter-spacing:.01em}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],input[type=url],input[type=search],textarea,select{width:100%;padding:10px var(--raum-3);border:1px solid var(--rand);border-radius:var(--radius-s);font:inherit;font-size:var(--fs-text);background:var(--grund);color:var(--text);transition:border-color var(--tempo-schnell) var(--easing),background-color var(--tempo-schnell) var(--easing)}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--rand-stark)}input:focus,textarea:focus,select:focus{outline:2px solid var(--akzent);outline-offset:1px;border-color:transparent;background:#101017}input::placeholder,textarea::placeholder{color:var(--text-leise)}input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed;background:#101015}textarea{min-height:100px;resize:vertical;line-height:1.6}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-gedimmt) 50%),linear-gradient(135deg,var(--text-gedimmt) 50%,transparent 50%);background-position:calc(100% - 17px) center,calc(100% - 12px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--raum-6)}select option{background:var(--flaeche);color:var(--text)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--akzent);cursor:pointer}.checkzeile{display:flex;gap:var(--raum-3);align-items:flex-start;margin:var(--raum-3) 0;font-size:var(--fs-text-s);line-height:1.55}.checkzeile input{margin-top:3px;flex-shrink:0}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--raum-2);padding:10px var(--raum-4);border:1px solid transparent;border-radius:var(--radius-s);background:var(--akzent);color:var(--auf-akzent);font:inherit;font-size:var(--fs-text-s);font-weight:650;line-height:1.2;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color var(--tempo-schnell) var(--easing),color var(--tempo-schnell) var(--easing),border-color var(--tempo-schnell) var(--easing),transform var(--tempo-schnell) var(--easing)}.knopf:hover{background:var(--akzent-dunkel);color:#fff;text-decoration:none}.knopf:active{transform:translateY(1px)}.knopf:disabled,.knopf[aria-disabled=true]{background:#2c2c37;color:#6c6c7a;cursor:not-allowed;transform:none}.knopf.zweit{background:transparent;color:var(--akzent);border-color:var(--rand-akzent)}.knopf.zweit:hover{background:var(--akzent-schleier);color:var(--akzent);border-color:var(--akzent)}.knopf.zweit:disabled{background:transparent;border-color:var(--rand);color:#5a5a66}.knopf.still{background:transparent;color:var(--text-gedimmt);border-color:transparent}.knopf.still:hover{background:var(--flaeche-hell);color:var(--text)}.knopf.gefahr{background:transparent;color:var(--rot);border-color:#e07a7261}.knopf.gefahr:hover{background:#e07a721f;color:var(--rot);border-color:var(--rot)}.knopf.klein{padding:6px var(--raum-3);font-size:var(--fs-klein)}.knopf.breit{width:100%}.pille{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-rund);font-size:var(--fs-mikro);font-weight:600;line-height:1.5;letter-spacing:.015em;white-space:nowrap;border:1px solid transparent}.pille.grau{background:#24242e;color:var(--text-gedimmt);border-color:var(--rand)}.pille.gelb{background:#322c1c;color:var(--gelb);border-color:#e0c26e3d}.pille.gruen{background:#1a2e24;color:var(--gruen);border-color:#6fd39a3d}.pille.rot{background:#33211f;color:var(--rot);border-color:#e07a723d}.pille.blau{background:#222236;color:var(--akzent);border-color:#9e9eff3d}.pille.neutral{background:#24242e;color:var(--text-gedimmt);border-color:var(--rand)}.pille.warn{background:#322c1c;color:var(--gelb);border-color:#e0c26e3d}.pille.ok{background:#1a2e24;color:var(--gruen);border-color:#6fd39a3d}.pille.fehler{background:#33211f;color:var(--rot);border-color:#e07a723d}.pille.akzent{background:#222236;color:var(--akzent);border-color:#9e9eff3d}.pille .punkt{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.hinweis{font-size:var(--fs-klein);color:var(--text-gedimmt);line-height:var(--zeile-text)}.fehlerbox,.okbox,.warnbox{border-radius:var(--radius-m);padding:var(--raum-3) var(--raum-4);font-size:var(--fs-text-s);line-height:var(--zeile-text);margin:var(--raum-3) 0;border:1px solid;animation:auf var(--tempo-ruhig) var(--easing) both}.fehlerbox{background:#251b1a;border-color:#e07a724d;color:var(--rot)}.okbox{background:#17241d;border-color:#6fd39a4d;color:var(--gruen)}.warnbox{background:#262117;border-color:#e0c26e4d;color:var(--gelb)}.fehlerbox b,.okbox b,.warnbox b{color:inherit;font-weight:700}.statusband{display:flex;gap:var(--raum-3);align-items:flex-start;border-radius:var(--radius-m);border:1px solid var(--rand);background:var(--flaeche);padding:var(--raum-3) var(--raum-4);margin:0 0 var(--raum-4);font-size:var(--fs-text-s);line-height:var(--zeile-text);color:var(--text-gedimmt)}.statusband .streifen{width:3px;align-self:stretch;border-radius:2px;background:var(--text-leise);flex-shrink:0}.statusband.warn .streifen{background:var(--gelb)}.statusband.fehler .streifen{background:var(--rot)}.statusband.ok .streifen{background:var(--gruen)}.statusband b{color:var(--text);font-weight:650}.tabellen-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 calc(var(--raum-1) * -1);padding:0 var(--raum-1)}table.liste{width:100%;border-collapse:collapse;font-size:var(--fs-text-s)}table.liste th{text-align:left;color:var(--text-leise);font-weight:600;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}table.liste th,table.liste td{padding:10px var(--raum-2);border-bottom:1px solid var(--rand);vertical-align:top}table.liste thead th{border-bottom-color:var(--rand-stark)}table.liste tbody tr{transition:background-color var(--tempo-schnell) var(--easing)}table.liste tbody tr:hover td{background:var(--flaeche-hell)}table.liste tbody tr:last-child td{border-bottom:0}.tabs{display:flex;gap:var(--raum-1);overflow-x:auto;margin:0 0 var(--raum-4);border-bottom:1px solid var(--rand);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{position:relative;border:0;background:transparent;color:var(--text-gedimmt);font:inherit;font-size:var(--fs-text-s);padding:var(--raum-2) var(--raum-3) 10px;cursor:pointer;white-space:nowrap;transition:color var(--tempo) var(--easing)}.tabs button:hover{color:var(--text)}.tabs button:after{content:"";position:absolute;left:var(--raum-2);right:var(--raum-2);bottom:-1px;height:2px;border-radius:2px;background:var(--akzent);transform:scaleX(0);transform-origin:center;transition:transform var(--tempo) var(--easing)}.tabs button.aktiv{color:var(--akzent);font-weight:600}.tabs button.aktiv:after{transform:scaleX(1)}.dialog-wand{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508bd;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:var(--raum-5) var(--raum-3);overflow-y:auto;animation:wand-auf var(--tempo) var(--easing) both}.dialog{background:var(--flaeche);border:1px solid var(--rand-stark);border-radius:var(--radius-l);padding:var(--raum-5);width:100%;max-width:560px;box-shadow:var(--schatten-2);animation:dialog-auf var(--tempo-ruhig) var(--easing) both}.dialog h2{margin:0 0 var(--raum-4)}.dialog .aktionen{display:flex;gap:var(--raum-3);margin-top:var(--raum-5);flex-wrap:wrap}@keyframes wand-auf{0%{opacity:0}to{opacity:1}}@keyframes dialog-auf{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.aufklapp-kopf{display:flex;width:100%;gap:var(--raum-3);justify-content:space-between;align-items:flex-start;flex-wrap:wrap;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.aufklapp-kopf .titelzeile{display:flex;flex-direction:column;gap:2px;min-width:0}.aufklapp-kopf .name{font-weight:650;font-size:var(--fs-3);letter-spacing:var(--spur-klein);line-height:var(--zeile-eng)}.aufklapp-kopf .rechts{display:flex;align-items:center;gap:var(--raum-2);flex-shrink:0}.aufklapp-kopf .pfeil{display:inline-block;font-size:17px;line-height:1;color:var(--text-leise);transition:transform var(--tempo) var(--easing),color var(--tempo) var(--easing)}.aufklapp-kopf:hover .pfeil{color:var(--akzent)}.aufklapp-kopf[aria-expanded=true] .pfeil{transform:rotate(90deg)}.spinner{width:14px;height:14px;flex-shrink:0;border-radius:50%;border:2px solid rgba(20,20,31,.3);border-top-color:currentColor;animation:dreh .64s linear infinite}@keyframes dreh{to{transform:rotate(360deg)}}.leer{text-align:center;color:var(--text-gedimmt);margin:var(--raum-7) auto;max-width:460px;padding:0 var(--raum-4);animation:auf var(--tempo-ruhig) var(--easing) both}.leer .gross{display:flex;justify-content:center;font-size:var(--fs-anzeige);margin-bottom:var(--raum-4);opacity:.45;line-height:1;color:var(--text-gedimmt)}.leer .zeichenflaeche{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--raum-4);border-radius:var(--radius-m);background:var(--akzent-schleier);border:1px solid var(--rand-akzent);color:var(--akzent)}.leer .titel{font-size:var(--fs-3);font-weight:600;color:var(--text);letter-spacing:var(--spur-klein);margin-bottom:var(--raum-2)}.leer p{font-size:var(--fs-text-s);line-height:1.65}.skelett-block{display:flex;flex-direction:column;gap:var(--raum-3)}.skelett{display:block;height:12px;border-radius:var(--radius-s);background:linear-gradient(90deg,#1b1b24,#23232e,#1b1b24);background-size:300% 100%;animation:schimmer 2.4s linear infinite}@keyframes schimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.streckenkarte{display:block;max-width:100%;height:auto;overflow:visible}.streckenkarte-umriss{fill:#f2f2f709;stroke:var(--text-gedimmt);stroke-opacity:.25;stroke-linejoin:round;stroke-linecap:round}.streckenkarte-hin{stroke:var(--akzent);stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1;animation:strecke-zeichnen .52s var(--easing) both}@keyframes strecke-zeichnen{to{stroke-dashoffset:0}}.streckenkarte-rueck{stroke:var(--akzent);stroke-opacity:.45;stroke-linecap:round;fill:none;stroke-dasharray:3 3;animation:strecke-auf .32s var(--easing) .36s both}.streckenkarte-start{fill:var(--flaeche);stroke:var(--akzent);animation:strecke-auf .26s var(--easing) .3s both}.streckenkarte-ziel{fill:var(--akzent);animation:strecke-auf .26s var(--easing) .46s both}.streckenkarte-solo{animation-delay:.12s}@keyframes strecke-auf{0%{opacity:0}to{opacity:1}}.streckenkarte-marke{fill:var(--text-gedimmt);letter-spacing:var(--spur-klein);animation:strecke-auf .26s var(--easing) .52s both}@keyframes auf{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.anim-auf,.anim-seite{animation:auf var(--tempo-ruhig) var(--easing) both}.anim-karte{animation:auf var(--tempo-ruhig) var(--easing) both;animation-delay:calc(min(var(--i, 0),7)*45ms)}.gestaffelt .anim-auf,.gestaffelt .anim-karte{animation:none}.login-wand{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--raum-4);background:radial-gradient(60% 45% at 50% 0%,rgba(158,158,255,.055),transparent 70%),var(--grund);position:relative;isolation:isolate}.login-wand>*:not(.szene-leinwand){position:relative;z-index:1}.login-karte{width:100%;max-width:380px;background:linear-gradient(180deg,#ffffff09,#fff0 140px),var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-l);padding:var(--raum-6) var(--raum-5);box-shadow:var(--schatten-2);animation:auf var(--tempo-ruhig) var(--easing) both}.login-karte h2{margin:0}.szene-buehne{position:relative;isolation:isolate;overflow:hidden}.szene-buehne>*:not(.szene-leinwand){position:relative;z-index:1}.szene-leinwand{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s var(--easing)}.szene-leinwand.sichtbar{opacity:1}.fusszeile{padding:var(--raum-5) var(--raum-4);text-align:center;font-size:var(--fs-klein);color:var(--text-leise);border-top:1px solid var(--rand);line-height:var(--zeile-text)}.merch-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(168px,100%),1fr));gap:var(--raum-3);margin-top:var(--raum-2);min-width:0}.merch-stueck{margin:0;min-width:0;display:flex;flex-direction:column;gap:var(--raum-2)}.merch-stueck figcaption{font-size:var(--fs-klein);color:var(--text-gedimmt);letter-spacing:var(--spur-klein)}.merch-bild{display:block;width:100%;height:auto;border:1px solid var(--rand);border-radius:var(--radius-m);background:var(--grund);--mk-stoff: #1c1c25;--mk-tief: #131319;--mk-papier: #24242f}.merch-bild .mk-stoff{fill:var(--mk-stoff);stroke:var(--rand-stark);stroke-width:1.5}.merch-bild .mk-tief{fill:var(--mk-tief);stroke:var(--rand);stroke-width:1.1}.merch-bild .mk-papier{fill:var(--mk-papier);stroke:var(--rand-stark);stroke-width:1.5}.merch-bild .mk-rad{fill:var(--grund);stroke:var(--rand-stark);stroke-width:1.5}.merch-bild .mk-nabe{fill:var(--rand-stark);stroke:none}.merch-bild .mk-linie{fill:none;stroke:var(--rand-stark);stroke-width:1.1}.merch-bild .mk-akzent{fill:none;stroke:var(--mk-akzent, var(--akzent));stroke-width:1.5;opacity:.9}.merch-bild .mk-akzent-f{fill:var(--mk-akzent, var(--akzent));stroke:none;opacity:.85}.merch-bild .mk-duenn{stroke-width:.9}.merch-bild text{font-family:var(--schrift)}.merch-bild .mk-wort{fill:var(--text);font-weight:600}.merch-bild .mk-fein{fill:var(--text-gedimmt);font-weight:500}.merch-bild .mk-mono{fill:var(--mk-akzent, var(--akzent));font-weight:650;letter-spacing:.04em}@media (max-width: 640px){.merch-reihe{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--raum-1);margin-inline:calc(var(--raum-4) * -1);padding-inline:var(--raum-4);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}.merch-reihe::-webkit-scrollbar{display:none}.merch-stueck{flex:0 0 62%;scroll-snap-align:start}}.hausfarbe{display:flex;flex-direction:column;gap:var(--raum-2)}.hausfarbe-reihe{display:flex;flex-wrap:wrap;gap:var(--raum-2)}.farbfeld{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--rand-stark);cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.farbfeld:hover:not(:disabled){transform:translateY(-1px);border-color:var(--text-gedimmt)}.farbfeld:disabled{opacity:.5;cursor:default}.farbfeld.gewaehlt{border-color:var(--text);box-shadow:0 0 0 2px var(--grund),0 0 0 4px var(--text)}.farbfeld-rip{background:var(--akzent)}.farbfeld-frei{background:conic-gradient(from 0deg,#e07a72,#e0c26e,#7fd1a3,#7fa8d1,#b07fd1,#e07a72);display:inline-flex;overflow:hidden}.farbfeld-frei input[type=color]{opacity:0;width:100%;height:100%;border:none;padding:0;cursor:pointer}.farbfeld-frei input[type=color]:disabled{cursor:default}.hausfarbe .warnton{color:var(--rot)}.sr-nur{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}*{scrollbar-width:thin;scrollbar-color:#2c2c38 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2c2c38;border-radius:var(--radius-rund);border:3px solid var(--grund)}::-webkit-scrollbar-thumb:hover{background:#3a3a48}@media (max-width: 640px){.seite{padding:var(--raum-4) var(--raum-3) var(--raum-7)}.seitenkopf{margin-bottom:var(--raum-5)}.karte,.kachel{padding:var(--raum-4)}.kacheln,.spalten{grid-template-columns:1fr}.topbar{gap:var(--raum-2);padding:var(--raum-2) var(--raum-3)}.topbar .marke{font-size:var(--fs-text-s);letter-spacing:.08em}.topbar .marke-zeichen{margin-right:var(--raum-1)}.dialog{padding:var(--raum-4)}.dialog .aktionen .knopf{flex:1}.login-karte{padding:var(--raum-5) var(--raum-4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.skelett{animation:none!important;background:#1e1e28}.spinner{animation:none!important}.karte.klickbar:hover,a.kachel:hover,button.kachel:hover,.kachel.klickbar:hover,.knopf:active,.karte.klickbar:active,a.kachel:active{transform:none!important}.topbar nav a.aktiv:after,.tabs button.aktiv:after{transition:none!important}.szene-leinwand{display:none!important}}