@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-var.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/rubik-var.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/rubik-italic.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dmmono.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dmmono-medium.woff2) format("woff2")}:root{--papier: #eae4f8;--papier-2: #f4f0fc;--creme: #fffdf7;--flaeche: #fffdf7;--tinte: #33265f;--tinte-weich: #5f5390;--tinte-blass: #8c81b8;--signal: #6647cf;--signal-tief: #4a3199;--akzent-text: #5a3dbd;--signal-text: var(--signal);--auf-pille: var(--creme);--atom: #9fe2c5;--atom-tief: #2c8f72;--messing: #ffc59b;--messing-tief: #e07f3c;--himmel: #a5d8f6;--himmel-tief: #4f93c4;--rose: #f4a2b6;--stempel: #d94f6b;--nacht: #271b4d;--nacht-2: #1e1440;--linie: rgba(51, 38, 95, .14);--linie-stark: rgba(51, 38, 95, .3);--kopf-bg: rgba(234, 228, 248, .82);--petrol: var(--atom-tief);--chrom-hell: #f4f0fc;--chrom-tief: #c7b9f0;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "DM Mono", ui-monospace, "SFMono-Regular", monospace;--rand: 2px solid var(--linie);--rand-stark: 2px solid var(--linie-stark);--radius: 20px;--radius-klein: 13px;--radius-pille: 999px;--schatten: 0 12px 28px rgba(51, 38, 95, .1);--schatten-tief: 0 18px 40px rgba(51, 38, 95, .16);--ease: cubic-bezier(.34, 1.4, .64, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1);--breite: 72rem;color-scheme:light}:root[data-theme=dark]{--papier: #1e1440;--papier-2: #251a4c;--flaeche: #2d2158;--tinte: #f3eeff;--tinte-weich: #c4b8ee;--tinte-blass: #9d8fcd;--signal: #7a5be0;--signal-tief: #4a3199;--akzent-text: #c4b1ff;--signal-text: var(--akzent-text);--auf-pille: var(--nacht);--atom: #9fe2c5;--atom-tief: #36a585;--messing: #ffc59b;--messing-tief: #f0914e;--himmel: #a5d8f6;--himmel-tief: #5aa9dd;--rose: #f4a2b6;--stempel: #e8718a;--nacht: #170f33;--nacht-2: #110b28;--linie: rgba(243, 238, 255, .13);--linie-stark: rgba(243, 238, 255, .28);--kopf-bg: rgba(23, 15, 51, .85);--chrom-hell: #2d2158;--chrom-tief: #4a3a7a;--schatten: 0 12px 28px rgba(0, 0, 0, .38);--schatten-tief: 0 18px 44px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;color:var(--tinte);font-family:var(--body);font-size:1.05rem;line-height:1.68;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:var(--papier);transition:background-color .3s var(--ease-soft),color .3s var(--ease-soft)}::selection{background:var(--signal);color:#fff}.hljs-comment,.hljs-quote{color:#fffdf773;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-doctag{color:var(--messing)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta-string{color:var(--atom)}.hljs-number,.hljs-symbol,.hljs-bullet{color:var(--himmel)}.hljs-title,.hljs-name,.hljs-built_in,.hljs-class .hljs-title{color:var(--rose)}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-selector-attr,.hljs-selector-pseudo{color:var(--himmel)}.hljs-type,.hljs-params{color:var(--creme)}.hljs-meta,.hljs-comment .hljs-doctag{color:var(--tinte-blass)}.hljs-deletion{color:var(--rose)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:600}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:break-word}h1{font-weight:700}p{text-wrap:pretty}a{color:var(--akzent-text);text-underline-offset:.18em;text-decoration-thickness:1.5px}.display{font-family:var(--display);font-weight:700;line-height:1.02;letter-spacing:-.015em}.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:var(--signal);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-klein) 0;font-family:var(--mono);font-size:.85rem}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-radius:4px}#inhalt{outline:none;min-height:60vh}.bahn{width:min(100% - 2.5rem,var(--breite));margin-inline:auto}.kicker{font-family:var(--mono);font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;color:var(--signal-text);display:inline-flex;align-items:center;gap:.5rem}.kicker:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--atom-tief);box-shadow:0 0 0 3px #2c8f7238;flex:none}.schwung{font-family:var(--display);font-weight:600;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--messing-tief);line-height:1;transform:rotate(-2deg);display:inline-block}.knopf{--knopf-bg: var(--flaeche);--knopf-fg: var(--tinte);--knopf-druck: var(--linie-stark);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--display);font-weight:600;font-size:1rem;text-decoration:none;color:var(--knopf-fg);background:var(--knopf-bg);border:2px solid var(--linie-stark);border-radius:var(--radius-pille);padding:.62rem 1.4rem;cursor:pointer;box-shadow:0 4px 0 var(--knopf-druck);transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.knopf:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--knopf-druck)}.knopf:active{transform:translateY(2px);box-shadow:0 1px 0 var(--knopf-druck)}.knopf-signal{--knopf-bg: var(--signal);--knopf-fg: #fff;--knopf-druck: var(--signal-tief);border-color:transparent}.knopf-atom{--knopf-bg: var(--atom-tief);--knopf-fg: #fff;--knopf-druck: #1f6b54;border-color:transparent}.knopf-pfirsich{--knopf-bg: var(--messing-tief);--knopf-fg: #fff;--knopf-druck: #b4621f;border-color:transparent}.werkzeugleiste{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem 1.1rem;padding:.4rem 0 .2rem}.filterleiste{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 0 .2rem}.werkzeugleiste .filterleiste{padding:0}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-weight:500;font-size:.74rem;letter-spacing:.03em;text-transform:uppercase;color:var(--tinte-weich);background:var(--flaeche);border:1.5px solid var(--linie-stark);border-radius:var(--radius-pille);padding:.34rem .85rem;cursor:pointer;transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.filter-chip:hover{transform:translateY(-2px);border-color:var(--signal);color:var(--tinte)}.filter-chip .zahl{font-size:.66rem;color:var(--tinte-blass)}.filter-chip.ist-aktiv{background:var(--signal);color:#fff;border-color:transparent}.filter-chip.ist-aktiv .zahl{color:#ffffffc7}.sortgruppe{display:inline-flex;align-items:center;gap:.5rem}.sortgruppe label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinte-blass)}.sortwahl{font-family:var(--body);font-size:.85rem;color:var(--tinte);background:var(--flaeche);border:1.5px solid var(--linie-stark);border-radius:var(--radius-klein);padding:.32rem .6rem;cursor:pointer}.trefferzeile{margin:.7rem 0 0;font-family:var(--mono);font-size:.78rem;color:var(--tinte-weich)}.karte{background:var(--flaeche);border:var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.5rem 1.6rem;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.band{background:var(--papier-2);color:var(--tinte);border-block:var(--rand);overflow:hidden;white-space:nowrap}.band-spur{display:inline-block;padding-block:.55rem;animation:band-lauf 32s linear infinite}.band-spur span{margin-inline:1.3rem;font-family:var(--mono);font-weight:500;font-size:.82rem;letter-spacing:.06em;color:var(--tinte-weich)}.band-spur span:before{content:"\25e6";margin-right:1.3rem;color:var(--signal-text);font-weight:700}@keyframes band-lauf{0%{transform:translate(0)}to{transform:translate(-50%)}}.zeigen{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-soft),transform .6s var(--ease-soft)}.zeigen.sichtbar{opacity:1;transform:none}.zeigen[data-verzoegerung="1"]{transition-delay:.08s}.zeigen[data-verzoegerung="2"]{transition-delay:.16s}.zeigen[data-verzoegerung="3"]{transition-delay:.24s}.zeigen[data-verzoegerung="4"]{transition-delay:.32s}@keyframes schweben{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes funkeln{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.zeigen{opacity:1;transform:none}}.einstufung{--es-ton: var(--atom-tief);margin:1.6rem 0;padding:1.1rem 1.3rem;background:color-mix(in srgb,var(--es-ton) 9%,var(--flaeche));border:2px solid color-mix(in srgb,var(--es-ton) 42%,transparent);border-left:8px solid var(--es-ton);border-radius:var(--radius);box-shadow:5px 5px color-mix(in srgb,var(--es-ton) 28%,transparent)}.es-kopf{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem}.es-glyph{font-size:1.3rem;line-height:1;color:var(--es-ton)}.es-rang{font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--auf-pille);background:var(--es-ton);padding:.18rem .55rem;border-radius:var(--radius-pille)}.es-etikett{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.1}.es-fazit{margin:0;font-size:.98rem;line-height:1.5}.es-wofuer{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.85rem 0 0}.es-wofuer li{font-family:var(--mono);font-size:.76rem;color:var(--tinte);background:color-mix(in srgb,var(--es-ton) 14%,var(--flaeche));border:1.5px solid color-mix(in srgb,var(--es-ton) 30%,transparent);border-radius:var(--radius-pille);padding:.2rem .7rem}.es-dominanz{margin:.85rem 0 0;padding-top:.7rem;border-top:2px dashed color-mix(in srgb,var(--es-ton) 30%,transparent);font-size:.86rem;color:var(--tinte-weich)}.es-dom-label{font-weight:600;color:var(--tinte)}.es-dominanz a{font-weight:600;white-space:nowrap}.balken-gitter{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.7rem}.balken-zeile{display:grid;grid-template-columns:7rem 1fr 2.6rem;align-items:center;gap:.7rem}.balken-name{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--tinte-weich)}.balken-spur{position:relative;height:1.15rem;background:var(--papier-2);border:var(--rand);border-radius:var(--radius-pille)}.balken-fuell{position:absolute;inset:0 auto 0 0;height:100%;min-width:4px;background:var(--akz);border-radius:var(--radius-pille)}.balken-marke{position:absolute;top:-3px;bottom:-3px;width:3px;transform:translate(-50%);background:var(--tinte);opacity:.5;border-radius:2px}.balken-zeile.fuehrt .balken-fuell{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--akz) 55%,var(--tinte))}.balken-wert{font-family:var(--display);font-weight:700;font-size:1.05rem;text-align:right}.karte-etikett{--es-ton: var(--atom-tief);display:inline-flex;align-items:center;gap:.3rem;margin:.55rem 0 0;font-family:var(--mono);font-size:.68rem;font-weight:600;color:var(--es-ton)}.karte-balken{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;margin-top:.5rem}.kb-name{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.03em;color:var(--tinte-blass)}.kb-spur{height:.5rem}.kb-wert{font-family:var(--display);font-weight:700;font-size:.82rem}.es-spitze{--es-ton: var(--atom-tief)}.es-solide{--es-ton: var(--himmel-tief)}.es-situativ{--es-ton: var(--messing-tief)}.es-ueberholt{--es-ton: var(--stempel)}