.fpu-night:has(.tool-hero){isolation:isolate;background:var(--color-grund);position:relative}:is(.fpu-night:has(.tool-hero) .fpu-header,.fpu-night:has(.tool-hero) .wl-kopf){z-index:999;position:relative}.tool-hero-vorn{z-index:2;position:relative}.tool-hero .attr-hero-bg{z-index:0;pointer-events:none;background:radial-gradient(48rem 34rem at 88% -8%, color-mix(in oklab, var(--color-akzent) 20%, transparent), transparent 60%), radial-gradient(42rem 30rem at -4% 0%, color-mix(in oklab, var(--color-dunst-100) 13%, transparent), transparent 60%);height:46rem;position:absolute;inset-block-start:0;inset-inline:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.tool-hero-schleier{z-index:1;pointer-events:none;background:radial-gradient(ellipse 58% 46% at 50% 54%, color-mix(in oklab, var(--color-grund) 82%, transparent) 0%, color-mix(in oklab, var(--color-grund) 62%, transparent) 46%, transparent 74%);height:46rem;position:absolute;inset-block-start:0;inset-inline:0}.tool-hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.tool-badge{white-space:nowrap;border:1px solid var(--strich-klar);border-radius:var(--radius-pille);background:color-mix(in oklab, var(--color-grund) 72%, transparent);min-height:1.875rem;font:600 var(--ts-label) / 1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-lila-200);align-items:center;padding:.5rem .875rem;display:inline-flex}.tool-hero-title{margin:var(--fs-medium) 0 0;max-width:22ch;font-size:var(--fts-display);letter-spacing:-.045em;text-wrap:balance;color:var(--color-dunst-0);text-shadow:0 2px 18px color-mix(in oklab, var(--color-grund) 96%, transparent), 0 0 52px color-mix(in oklab, var(--color-grund) 86%, transparent);font-weight:640;line-height:1.04}.tool-hero-lead{margin:var(--fsec-tiny,1.5rem) 0 0;max-width:60ch;font-size:var(--ts-medium);color:var(--color-dunst-300);text-wrap:pretty;text-shadow:0 1px 12px color-mix(in oklab, var(--color-grund) 98%, transparent), 0 0 34px color-mix(in oklab, var(--color-grund) 90%, transparent);line-height:1.62}.tool-hero-cta{justify-content:center;align-items:center;gap:var(--fs-small);margin-top:var(--fs-large);flex-wrap:wrap;display:flex}.tool-stand{margin-top:var(--fs-large);border:1px solid var(--strich);border-radius:var(--radius-pille);background:color-mix(in oklab, var(--color-flaeche) 50%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.125rem;padding:.5625rem 1rem;display:flex}.tool-stand-teil{font-size:var(--ts-xsmall);color:var(--color-dunst-300);align-items:center;gap:.4375rem;display:flex}.tool-sec-grund{background:var(--color-grund)}.tool-sec-flaeche{background:var(--color-flaeche)}.tool-sec{border-top:1px solid var(--strich)}.tool-kicker{font:600 var(--ts-label) / 1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-dunst-500);display:block}.tool-h2{max-width:24ch;font-size:var(--fts-h2);letter-spacing:-.038em;text-wrap:balance;color:var(--color-dunst-100);margin:1.25rem 0 0;font-weight:630;line-height:1.08}.tool-text{max-width:46ch;font-size:var(--ts-body);color:var(--color-dunst-400);text-wrap:pretty;margin:1.375rem 0 0;line-height:1.65}.tool-text+.tool-text{margin-top:var(--fs-small)}.tool-stark{font-weight:inherit;color:var(--color-dunst-100)}.tool-punkt{border-radius:50%;flex:none;width:5px;height:5px}.tool-punkt-gut{background:var(--color-gut)}.tool-punkt-akzent{background:var(--color-akzent)}.tool-punkt-leise{background:var(--color-dunst-600)}.tool-kopf{justify-content:space-between;align-items:flex-end;gap:var(--fsec-small);display:flex}.tool-kopf-lead{max-width:38ch;font-size:var(--ts-regular);color:var(--color-dunst-500);text-wrap:pretty;margin:0;line-height:1.6}.tool-icon{border:1px solid var(--strich);border-radius:var(--radius-feld);background:var(--fuellung-leise);flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.tool-icon-gross{border-color:var(--strich-klar)}.tool-pille{border-radius:var(--radius-pille);height:1.5rem;font:600 var(--ts-winzig) / 1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.4375rem;padding:0 .625rem;display:inline-flex}.tool-pille-gut{border:1px solid color-mix(in oklab, var(--color-gut) 34%, transparent);background:color-mix(in oklab, var(--color-gut) 10%, transparent);color:color-mix(in oklab, var(--color-gut) 62%, var(--color-dunst-100))}.tool-pille-akzent{border:1px solid color-mix(in oklab, var(--color-akzent) 34%, transparent);background:color-mix(in oklab, var(--color-akzent) 10%, transparent);color:var(--color-lila-300)}.tool-warum{gap:var(--fsec-medium);grid-template-columns:1fr 1.05fr;align-items:start;display:grid}.tool-gruende{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tool-grund{border-top:1px solid var(--strich);grid-template-columns:2.375rem minmax(0,1fr);gap:1.25rem;padding:1.625rem 0;display:grid}.tool-grund:last-child{border-bottom:1px solid var(--strich)}.tool-grund-nr{font:600 var(--ts-label) / 1.4 var(--font-mono);letter-spacing:.11em;color:var(--color-dunst-600)}.tool-grund-titel{font-size:var(--ts-medium);letter-spacing:-.02em;color:var(--color-dunst-100);margin:0;font-weight:600;line-height:1.3}.tool-grund-text{max-width:48ch;font-size:var(--ts-regular);color:var(--color-dunst-500);text-wrap:pretty;margin:.5rem 0 0;line-height:1.6}.tool-ablauf{margin:var(--fsec-small) 0 0;align-items:stretch;gap:1.25rem;padding:0;list-style:none;display:flex}.tool-schritt{flex:1 1 0;min-width:0;position:relative}.tool-schritt-kopf{align-items:center;gap:.75rem;display:flex}.tool-schritt-nr{border:1px solid var(--strich-klar);background:var(--fuellung-leise);width:1.625rem;height:1.625rem;font:600 var(--ts-winzig) / 1 var(--font-mono);letter-spacing:.06em;color:var(--color-akzent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.tool-schritt-linie{background:var(--strich-klar);flex:1;height:1px}.tool-schritt-titel{font-size:var(--ts-medium);letter-spacing:-.024em;color:var(--color-dunst-100);margin:1.25rem 0 0;font-weight:620;line-height:1.25}.tool-schritt-text{font-size:var(--ts-regular);color:var(--color-dunst-500);text-wrap:pretty;margin:.625rem 0 0;line-height:1.6}.tool-pfeil{color:var(--color-tinte-400);position:absolute;inset-block-start:.3125rem;inset-inline-start:calc(100% + .375rem)}.tool-legende{flex-direction:column;flex:none;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.tool-legende li{align-items:center;gap:.5rem;display:inline-flex}.tool-legende-text{font:600 var(--ts-winzig) / 1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-dunst-400)}.tool-fertig{margin-top:var(--fsec-small);border:1px solid var(--strich-klar);border-radius:var(--radius-gross);background:var(--color-karte-hoch);position:relative;overflow:hidden}.tool-fertig-schein{background:radial-gradient(ellipse, color-mix(in oklab, var(--color-akzent) 24%, transparent) 0%, transparent 66%);filter:blur(30px);pointer-events:none;border-radius:50%;width:38.75rem;height:26.25rem;position:absolute;inset-block-start:-12.5rem;inset-inline-end:-10rem}.tool-fertig-inner{gap:var(--fsec-small);padding:var(--fs-large);grid-template-columns:1fr 1.15fr;display:grid;position:relative}.tool-fertig-marken{align-items:center;gap:.875rem;display:flex}.tool-fertig-titel{margin:var(--fs-medium) 0 0;font-size:var(--fts-h3);letter-spacing:-.03em;color:var(--color-dunst-0);font-weight:630;line-height:1.14}.tool-fertig-text{max-width:42ch;font-size:var(--ts-body);color:var(--color-dunst-400);text-wrap:pretty;margin:.875rem 0 0;line-height:1.62}.tool-fertig-meta{margin-top:var(--fs-medium);flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tool-marke{border:1px solid var(--strich-klar);border-radius:var(--radius-pille);background:var(--fuellung-leise);height:1.75rem;font:600 var(--ts-label) / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-lila-300);align-items:center;padding:0 .75rem;display:inline-flex}.tool-demo{border:1px solid var(--strich);border-radius:var(--radius-karte);background:var(--color-karte);overflow:hidden}.tool-demo-kopf,.tool-demo-zeile{border-bottom:1px solid var(--strich);grid-template-columns:9.375rem minmax(0,1fr) 5.75rem;align-items:center;gap:1rem;padding:.875rem 1.125rem;display:grid}.tool-demo-zeile:last-child{border-bottom:0}.tool-demo-kopf{font:600 var(--ts-winzig) / 1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-dunst-600);padding:.75rem 1.125rem}.tool-demo-zeile.is-aktiv{background:color-mix(in oklab, var(--color-dunst-0) 3%, transparent)}.tool-demo-datei{font:var(--ts-xxsmall) / 1.4 var(--font-mono);color:var(--color-dunst-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-demo-text{font-size:var(--ts-xsmall);color:var(--color-dunst-100);line-height:1.5}.tool-demo-text.is-leise{color:var(--color-dunst-600)}.tool-demo-rechts{text-align:right;justify-content:flex-end;align-items:center;gap:.375rem;display:flex}.tool-demo-frei{font:600 var(--ts-winzig) / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab, var(--color-gut) 62%, var(--color-dunst-100))}.tool-demo-offen{font:600 var(--ts-winzig) / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-dunst-600)}.tool-demo-knopf{border:1px solid color-mix(in oklab, var(--color-akzent) 44%, transparent);border-radius:var(--radius-pille);background:color-mix(in oklab, var(--color-akzent) 12%, transparent);height:1.625rem;font-size:var(--ts-xxsmall);color:var(--color-lila-300);align-items:center;padding:0 .75rem;font-weight:600;display:inline-flex}.tool-caret{vertical-align:-2px;background:var(--color-akzent);width:1px;height:.75rem;margin-left:3px;animation:1.1s step-end infinite toolCaret;display:inline-block}@keyframes toolCaret{0%,49%{opacity:1}50%,to{opacity:0}}.tool-beta{margin-top:var(--fs-large);border:1px solid var(--strich);border-radius:var(--radius-karte);background:var(--color-karte);overflow:hidden}.tool-beta-kopf,.tool-geplant-kopf{justify-content:space-between;align-items:baseline;gap:var(--fs-medium);display:flex}.tool-beta-kopf{padding:1.25rem var(--fs-medium)}.tool-beta-note{font-size:var(--ts-xsmall);color:var(--color-dunst-600)}.tool-beta-liste{margin:0;padding:0;list-style:none}.tool-beta-zeile{padding:1.25rem var(--fs-medium);border-top:1px solid var(--strich);grid-template-columns:2.75rem minmax(0,1fr) 7.5rem 5.75rem;align-items:center;gap:1.25rem;display:grid}.tool-beta-name{font-size:var(--ts-medium);letter-spacing:-.022em;color:var(--color-dunst-100);margin:0;font-weight:620;line-height:1.25}.tool-beta-text{max-width:64ch;font-size:var(--ts-regular);color:var(--color-dunst-500);text-wrap:pretty;margin:.375rem 0 0;line-height:1.55}.tool-beta-kat{font-size:var(--ts-winzig);color:var(--color-dunst-600)}.tool-beta-pille{justify-content:flex-end;display:flex}.tool-geplant{margin-top:var(--fsec-small);padding-top:var(--fs-large);border-top:1px solid var(--strich)}.tool-kategorien{gap:var(--fs-large);margin-top:var(--fs-large);grid-template-columns:repeat(4,1fr);display:grid}.tool-kategorie-titel{font-size:var(--ts-body);letter-spacing:-.02em;color:var(--color-dunst-100);margin:0;font-weight:620;line-height:1.3}.tool-kategorie-text{font-size:var(--ts-small);color:var(--color-dunst-600);text-wrap:pretty;margin:.75rem 0 0;line-height:1.55}.tool-kategorie-liste{flex-direction:column;margin:1.125rem 0 0;padding:0;list-style:none;display:flex}.tool-kategorie-liste li{border-top:1px solid var(--strich);font-size:var(--ts-regular);color:var(--color-dunst-300);align-items:center;gap:.625rem;padding:.6875rem 0;display:flex}.tool-credits{gap:var(--fsec-medium);grid-template-columns:1fr 1fr;align-items:center;display:grid}.tool-credit-karte{border:1px solid var(--strich);border-radius:var(--radius-karte);background:var(--color-karte);overflow:hidden}.tool-credit-zahl{align-items:baseline;gap:.75rem;padding:1.75rem 1.75rem 1.375rem;display:flex}.tool-credit-wert{font-size:var(--fts-h2);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-dunst-0);font-weight:640;line-height:1}.tool-credit-label{font:600 var(--ts-label) / 1.4 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-lila-300)}.tool-credit-punkt{border-top:1px solid var(--strich);gap:.75rem;padding:1.125rem 1.75rem;display:flex}.tool-credit-punkt .tool-punkt{margin-top:.4375rem}.tool-credit-punkt p{font-size:var(--ts-regular);color:var(--color-dunst-400);text-wrap:pretty;margin:0;line-height:1.6}.tool-credit-punkt p.is-leise{color:var(--color-dunst-500)}.tool-cta{border:1px solid var(--strich-klar);border-radius:var(--radius-gross);background:linear-gradient(155deg, var(--color-tinte-900) 0%, var(--color-lila-900) 34%, var(--color-lila-700) 74%, var(--color-lila-500) 100%);position:relative;overflow:hidden}.tool-cta-schein{display:none}.tool-cta-inner{gap:var(--fsec-small);padding:var(--fsec-small);grid-template-columns:1.1fr 1fr;align-items:center;display:grid;position:relative}.tool-cta-titel{max-width:22ch;font-size:var(--fts-h3);letter-spacing:-.034em;text-wrap:balance;color:var(--color-dunst-0);margin:0;font-weight:630;line-height:1.12}.tool-cta .tool-text{margin-top:var(--fs-small);max-width:44ch;color:var(--color-lila-200)}.tool-cta .tool-cta-note{color:var(--color-lila-300)}.tool-cta-aktion{align-items:flex-start;gap:var(--fs-small);flex-direction:column;display:flex}.tool-cta-aktion .button{background:var(--color-dunst-0);color:var(--color-tinte-900);border-color:#0000}.tool-cta-aktion .button:hover{background:var(--color-lila-200)}.tool-cta-note{max-width:34ch;font-size:var(--ts-xsmall);color:var(--color-dunst-500);text-wrap:pretty;line-height:1.55}@media (max-width:61.9375rem){.tool-warum,.tool-credits,.tool-fertig-inner,.tool-cta-inner{grid-template-columns:1fr}.tool-kategorien{grid-template-columns:repeat(2,1fr)}.tool-ablauf{flex-wrap:wrap}.tool-schritt{flex:45%}.tool-pfeil{display:none}}@media (max-width:47.9375rem){.tool-hero-cta{flex-direction:column;align-self:stretch;align-items:stretch}.tool-kopf,.tool-beta-kopf,.tool-geplant-kopf{align-items:flex-start;gap:var(--fs-small);flex-direction:column}.tool-legende{flex-flow:wrap;gap:.75rem 1.25rem}.tool-kategorien,.tool-ablauf{gap:var(--fs-large);grid-template-columns:1fr;display:grid}.tool-beta-zeile{grid-template-columns:2.75rem minmax(0,1fr);gap:.875rem 1rem}.tool-beta-kat{grid-column:2}.tool-beta-pille{grid-column:2;justify-content:flex-start}.tool-demo-kopf,.tool-demo-zeile{grid-template-columns:minmax(0,1fr) 5.75rem}.tool-demo-datei{grid-column:1/-1}.tool-fertig-inner,.tool-cta-inner{padding:var(--fs-medium)}}