a[href]:not([aria-disabled="true"]),
button:not(:disabled),
[role="button"],
summary,
label:has(> input[type="radio"]:not(:disabled)),
label:has(> input[type="checkbox"]:not(:disabled)) {
    cursor: pointer;
}
@font-face {
    font-family: 'Archivo';
    src: url('/fonts/archivo-var.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter-var.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
:root {
    color-scheme: light;
    --paper: #F3F1EB;
    --card: #FFFFFF;
    --card-2: #FAF9F5;
    --ink: #14172B;
    --ink-2: #5B6276;
    --ink-3: #686D7F;
    --line: #E5E2D9;
    --line-2: #D6D2C6;
    --brand: #6A3CEF;
    --brand-ink: #4A22C4;
    --brand-tint: #F0EBFE;
    --brand-tint-2: #E4DBFC;
    --wortmarke-anfang: #5A33E6;
    --wortmarke-mitte: #8B3BE8;
    --wortmarke-ende: #C2399B;
    --go: #2C7A4F;
    --go-bg: #E4F0E8;
    --wait: #B86E14;
    --wait-bg: #FAE9D6;
    --stop: #B4232B;
    --stop-bg: #FBE7E7;
    --faktenfrage-ton: #875216;
    --faktenfrage-grund: #F6E8CB;
    --faktenfrage-schrift: #3D2B15;
    --shadow: 0 1px 2px rgba(20,23,43,.05), 0 8px 24px -12px rgba(20,23,43,.10);
    --shadow-lg: 0 2px 4px rgba(20,23,43,.06), 0 24px 48px -20px rgba(20,23,43,.20);
    --paper-raised: var(--card);
    --paper-deep: var(--card-2);
    --paper-field: var(--card);
    --ink-soft: var(--ink-2);
    --ink-faint: var(--ink-3);
    --line-strong: var(--line-2);
    --field-border: var(--line-2);
    --signal: var(--brand);
    --signal-deep: var(--brand-ink);
    --signal-wash: var(--brand-tint);
    --signal-ink: var(--auf-brand);
    --danger: var(--stop);
    --danger-wash: var(--stop-bg);
    --ok: var(--go);
    --ok-ink: var(--go);
    --ok-wash: var(--go-bg);
    --elevation: var(--shadow);
    --focus-ring: var(--brand-tint-2);
    --r: 14px;
    --r-s: 10px;
    --radius: 6px;
    --radius-lg: var(--r);
    --radius-field: var(--r-s);
    --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
    --font-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --text-xs: 0.78rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-display: clamp(2.4rem, 1.6rem + 3.2vw, 4rem);
    --space-gutter: clamp(1.5rem, 1rem + 2.5vw, 4rem);
    --abstand-1: 4px; --abstand-2: 8px; --abstand-3: 12px;
    --abstand-4: 16px; --abstand-6: 24px; --abstand-8: 32px;
    --duration: 180ms;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --auf-brand: #FFFFFF;
    --auf-stop: #FFFFFF;
    --balken: #9A7BCF;
    --balken-offen: color-mix(in srgb, var(--balken) 22%, transparent);
    --dauer-kurz: 160ms;
    --dauer: 240ms;
    --dauer-lang: 320ms;
    --zen-frei: 88px;
    --haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
    --schrift-seite: clamp(26px, 1vw + 20px, 34px);
    --schrift-frage: clamp(24px, .7vw + 18px, 30px);
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
        color-scheme: dark;
        --paper: #13151D;
        --card: #1C1F2A;
        --card-2: #22252F;
        --ink: #F1F0EC;
        --ink-2: #A0A6B8;
        --ink-3: #878C9D;
        --line: rgba(255,255,255,.10);
        --line-2: rgba(255,255,255,.18);
        --brand: #9C7DFF;
        --brand-ink: #B9A2FF;
        --brand-tint: rgba(156,125,255,.14);
        --brand-tint-2: rgba(156,125,255,.24);
        --wortmarke-anfang: #A88BFF;
        --wortmarke-mitte: #C58BFF;
        --wortmarke-ende: #FF8FD0;
        --go: #5FCB92;
        --go-bg: rgba(95,203,146,.14);
        --wait: #E9A445;
        --wait-bg: rgba(233,164,69,.14);
        --stop: #F0767C;
        --stop-bg: rgba(240,118,124,.14);
        --faktenfrage-ton: #E6BA72;
        --faktenfrage-grund: #403522;
        --faktenfrage-schrift: #F6DDB5;
        --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
        --shadow-lg: 0 2px 4px rgba(0,0,0,.4), 0 24px 48px -20px rgba(0,0,0,.7);
        --auf-brand: #14172B;
        --auf-stop: #14172B;
        --balken: #9C7DFF;
        --balken-offen: color-mix(in srgb, var(--balken) 22%, transparent);
        --dauer-kurz: 160ms;
        --dauer: 240ms;
        --dauer-lang: 320ms;
        --zen-frei: 88px;
        --haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314172B' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
    }
}
:root[data-theme='dark'] {
    color-scheme: dark;
        --paper: #13151D;
        --card: #1C1F2A;
        --card-2: #22252F;
        --ink: #F1F0EC;
        --ink-2: #A0A6B8;
        --ink-3: #878C9D;
        --line: rgba(255,255,255,.10);
        --line-2: rgba(255,255,255,.18);
        --brand: #9C7DFF;
        --brand-ink: #B9A2FF;
        --brand-tint: rgba(156,125,255,.14);
        --brand-tint-2: rgba(156,125,255,.24);
        --wortmarke-anfang: #A88BFF;
        --wortmarke-mitte: #C58BFF;
        --wortmarke-ende: #FF8FD0;
        --go: #5FCB92;
        --go-bg: rgba(95,203,146,.14);
        --wait: #E9A445;
        --wait-bg: rgba(233,164,69,.14);
        --stop: #F0767C;
        --stop-bg: rgba(240,118,124,.14);
    --faktenfrage-ton: #E6BA72;
    --faktenfrage-grund: #403522;
    --faktenfrage-schrift: #F6DDB5;
        --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
        --shadow-lg: 0 2px 4px rgba(0,0,0,.4), 0 24px 48px -20px rgba(0,0,0,.7);
        --auf-brand: #14172B;
        --auf-stop: #14172B;
        --balken: #9C7DFF;
        --balken-offen: color-mix(in srgb, var(--balken) 22%, transparent);
        --dauer-kurz: 160ms;
        --dauer: 240ms;
        --dauer-lang: 320ms;
        --zen-frei: 88px;
        --haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314172B' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
[hidden] {
    display: none !important;
}
html {
    -webkit-text-size-adjust: 100%;
    overflow-x: clip;
    overscroll-behavior-x: none;
}
html {
    font-family: var(--font-text);
    font-size: var(--text-base);
    line-height: 1.6;
    font-feature-settings: 'cv05' 1, 'ss03' 1;
}
body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-text);
    font-size: var(--text-base);
    line-height: 1.6;
    font-feature-settings: 'cv05' 1, 'ss03' 1;
    -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3 {
    font-family: var(--font-display);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin: 0;
}
a {
    color: var(--signal-deep);
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}
a:hover {
    text-decoration-thickness: 2px;
}
:focus-visible {
    outline: 2px solid var(--signal-deep);
    outline-offset: 3px;
    border-radius: 2px;
}
.wordmark {
    display:inline-flex;align-items:baseline;gap:.025em;
    font-family:var(--font-display);font-size:28px;font-weight:750;
    letter-spacing:-.05em;line-height:1;color:var(--ink);text-decoration:none;
}
.wordmark span {font-weight:350;color:var(--ink-soft)}
.wordmark.wordmark--produkt,
.wordmark.wordmark--produkt span {
    font-weight:850;font-size:34px;letter-spacing:-.065em;
}
.wordmark.wordmark--produkt {
    background:linear-gradient(90deg,var(--wortmarke-anfang),var(--wortmarke-mitte) 50%,var(--wortmarke-ende));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    padding-right:.1em;margin-right:-.1em;
}
.wordmark.wordmark--produkt .wordmark__zeichnung {inset:0 .1em 0 0;width:auto}
.wordmark.wordmark--produkt span {color:inherit}
@media (forced-colors:active) {
    .wordmark.wordmark--produkt {background:none;color:CanvasText}
    .wordmark .wordmark__zeichnung {display:none}
    .wordmark__verlauf {fill:CanvasText;stroke:CanvasText}
}
.lockup {
    display:inline-flex;align-items:center;gap:17px;min-height:40px;
    text-decoration:none;border-radius:8px;flex-shrink:0;
}
.lockup:hover,
.lockup:focus-visible,
.lockup:hover .wordmark,
.lockup:hover .lockup__unterbau {text-decoration:none}
.lockup:focus-visible {outline:2px solid var(--brand-ink);outline-offset:6px}
.lockup__by {
    position:relative;isolation:isolate;display:inline-grid;align-content:center;
    gap:3px;padding:2px 0 2px 18px;border:0;border-radius:6px;
    line-height:1;white-space:nowrap;text-transform:none;letter-spacing:0;
}
.lockup__by::before {
    content:'';position:absolute;left:0;top:50%;width:1px;height:32px;
    border-radius:1px;background:linear-gradient(to bottom,transparent,var(--wortmarke-anfang) 22%,var(--wortmarke-ende) 78%,transparent);
    opacity:.9;transform:translateY(-50%);pointer-events:none;
}
.lockup__prefix {
    display:block;color:var(--ink-soft);font-family:var(--font-text);
    font-size:9.5px;font-weight:450;line-height:1.15;letter-spacing:.01em;text-transform:none;
}
.lockup__unterbau {
    color:var(--ink);font-family:var(--font-display);font-size:16px;
    line-height:1.05;font-weight:750;letter-spacing:-.035em;text-decoration:none;
}
.lockup__unterbau span {font-weight:400;color:inherit}
.lockup__zendrion {position:relative;display:block;width:100px;height:auto;line-height:0}
.lockup__by:has(.lockup__zendrion) .lockup__prefix {padding-left:2.766667%}
.lockup__zendrion img {display:block;width:100%;height:auto}
.lockup__zendrion::after {
    content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
    background:#f5f7fb;clip-path:inset(0 0 0 18%);
    -webkit-mask:url('/assets/zendrion-schriftzug.png') center/contain no-repeat;
    mask:url('/assets/zendrion-schriftzug.png') center/contain no-repeat;
}
:root[data-theme='dark'] .lockup__zendrion::after {opacity:1}
@media (prefers-color-scheme:dark) {
    :root:not([data-theme='light']) .lockup__zendrion::after {opacity:1}
}
@media (max-width:44rem) {
    .lockup__zendrion {width:clamp(72px, calc(100vw - 240px), 92px)}
}
.lockup:hover .lockup__unterbau {color:var(--brand-ink)}
.lockup:hover .lockup__by {background:var(--brand-tint);box-shadow:0 0 0 6px var(--brand-tint)}
.lockup .wordmark.wordmark--zeichnung {position:relative;transition:none}
.wordmark__zeichnung {
    position:absolute;inset:0;width:100%;height:100%;overflow:visible;
    opacity:0;pointer-events:none;
}
.wordmark__stopp--anfang {stop-color:var(--wortmarke-anfang)}
.wordmark__stopp--mitte {stop-color:var(--wortmarke-mitte)}
.wordmark__stopp--ende {stop-color:var(--wortmarke-ende)}
.wordmark__buchstabe {stroke-width:22;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .lockup .wordmark--zeichnung:hover {background:none}
    .wordmark--zeichnung:hover .wordmark__zeichnung {opacity:1}
    .wordmark--zeichnung:hover .wordmark__buchstabe {
        fill-opacity:0;stroke-dasharray:1;stroke-dashoffset:1;
        animation:wortmarke-linie var(--zeichendauer) linear var(--zeichenstart) forwards,
                  wortmarke-fuellung 160ms ease-out 1140ms forwards;
    }
    .wordmark__buchstabe--s {--zeichenstart:0ms;--zeichendauer:200ms}
    .wordmark__buchstabe--o {--zeichenstart:200ms;--zeichendauer:180ms}
    .wordmark__buchstabe--m {--zeichenstart:380ms;--zeichendauer:260ms}
    .wordmark__buchstabe--e {--zeichenstart:640ms;--zeichendauer:180ms}
    .wordmark__buchstabe--v {--zeichenstart:820ms;--zeichendauer:140ms}
    .wordmark__buchstabe--o2 {--zeichenstart:960ms;--zeichendauer:180ms}
}
@keyframes wortmarke-linie {to {stroke-dashoffset:0}}
@keyframes wortmarke-fuellung {to {fill-opacity:1;stroke-width:0}}
@media (prefers-reduced-motion:no-preference) {
    .lockup__by::before {animation:markenimpuls 2200ms ease-out both}
    .lockup__unterbau {animation:markenlicht 2200ms ease-out}
    .lockup__by {transition:background-color 180ms ease,box-shadow 180ms ease}
}
@keyframes markenimpuls {
    0%,100% {box-shadow:0 0 0 4px var(--brand-tint)}
    35% {box-shadow:0 0 0 8px var(--brand-tint)}
    65% {box-shadow:0 0 0 3px var(--brand-tint)}
}
@keyframes markenlicht {
    0%,100% {color:var(--ink)}
    45% {color:var(--brand-ink)}
}
@media (max-width:44rem) {
    .lockup {gap:12px}
    .lockup .wordmark--produkt {font-size:28px}
    .lockup__by {padding-left:15px;gap:3px}
    .lockup__prefix {display:block;font-size:8.5px;letter-spacing:.07em}
    .lockup__unterbau {font-size:14px}
}
.entry {
    min-height: 100dvh;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 62rem) {
    .entry {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    }
}
@media (min-width: 62rem) {
    .entry--weit {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
    }
}
.ablauf {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    counter-reset: schritt;
}
.ablauf li {
    counter-increment: schritt;
    position: relative;
    padding-left: 2.1rem;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    line-height: 1.55;
}
.ablauf li::before {
    content: counter(schritt);
    position: absolute;
    left: 0;
    top: 0.05rem;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    background: var(--signal-wash);
    color: var(--signal-deep);
}
.ablauf b {
    color: var(--ink);
    font-weight: 600;
}
.pakete {
    border: 0;
    padding: 0;
    margin: 1.4rem 0 0;
}
.pakete legend {
    padding: 0;
    margin-bottom: 0.6rem;
}
.paket {
    display: block;
    position: relative;
    border: 1.5px solid var(--field-border);
    border-radius: var(--radius-field);
    padding: 0.85rem 1rem;
    margin-bottom: 0.6rem;
    cursor: pointer;
    transition: border-color var(--duration) var(--ease), background-color var(--duration) var(--ease);
}
.paket:hover {
    border-color: var(--signal);
}
.paket input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}
.paket:has(input:checked) {
    border-color: var(--signal);
    background: var(--signal-wash);
}
.paket:has(input:focus-visible) {
    outline: 2.5px solid var(--signal);
    outline-offset: 2px;
}
.paket__marke {
    display: inline-block;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--signal-deep);
    background: var(--signal-wash);
    border-radius: 99px;
    padding: 0.15rem 0.55rem;
    margin-bottom: 0.35rem;
}
.paket:has(input:checked) .paket__marke {
    background: var(--paper-raised);
}
.paket b {
    display: block;
    font-family: 'Archivo', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}
.paket__zahl {
    display: block;
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--signal-deep);
    margin-top: 0.1rem;
}
.paket__wen {
    display: block;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    margin-top: 0.35rem;
    line-height: 1.5;
}
.paket__preis {
    display: block;
    font-size: var(--text-xs);
    color: var(--ink-faint);
    margin-top: 0.45rem;
}
.entry__zusage {
    margin-top: 1.6rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--line);
    font-size: var(--text-sm);
    color: var(--ink-soft);
    line-height: 1.6;
}
.entry__zusage b {
    color: var(--ink);
    font-weight: 600;
}
.field__opt {
    font-weight: 400;
    color: var(--ink-faint);
}
.honig {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.entry__voice {
    background: var(--paper-deep);
    padding: var(--space-gutter);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3rem;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
}
@media (min-width: 62rem) {
    .entry__voice {
        border-bottom: 0;
        border-right: 1px solid var(--line);
    }
}
.entry__voice::before {
    content: '';
    position: absolute;
    inset: -30% 40% 40% -30%;
    background: radial-gradient(circle at 30% 30%, var(--signal-wash), transparent 68%);
    opacity: 0.85;
    pointer-events: none;
}
.entry__voice > * {
    position: relative;
}
.entry__claim {
    font-family: var(--font-display);
    font-size: var(--text-display);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.02;
    max-width: 12ch;
    margin: 0;
}
.entry__claim em {
    font-style: normal;
    font-weight: 300;
    color: var(--ink-soft);
    display: block;
}
.entry__note {
    color: var(--ink-soft);
    font-size: var(--text-sm);
    max-width: 42ch;
    margin: 1.25rem 0 0;
}
.entry__foot {
    font-size: var(--text-xs);
    color: var(--ink-faint);
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1.25rem;
}
.entry__foot a {
    color: inherit;
}
.entry__action {
    padding: var(--space-gutter);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.75rem;
}
.entry__action > * {
    width: min(28rem, 100%);
}
.entry__head h1 {
    font-size: clamp(1.5rem, 1.2rem + 1vw, 1.9rem);
}
.entry__head p {
    color: var(--ink-soft);
    margin: 0.6rem 0 0;
    font-size: var(--text-sm);
}
.field {
    display: block;
}
.field + .field {
    margin-top: 1.25rem;
}
.field__label {
    display: block;
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-soft);
    margin-bottom: 0.45rem;
}
.field__input {
    width: 100%;
    padding: 0.8rem 0.95rem;
    font: inherit;
    color: var(--ink);
    background: var(--paper-field);
    border: 1px solid var(--field-border);
    border-radius: var(--radius-field);
    transition: border-color var(--duration) var(--ease),
                background-color var(--duration) var(--ease),
                box-shadow var(--duration) var(--ease);
}
.flaeche.werkbank textarea.beitragsfreitext {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: calc(3.2em + 26px);
    max-height: calc(9.6em + 26px);
    padding-block: 12px;
    line-height: 1.6;
    field-sizing: content;
    overflow-y: auto;
    resize: vertical;
}
@supports not (field-sizing: content) {
    .flaeche.werkbank textarea.beitragsfreitext:is(:focus, :not(:placeholder-shown)) {
        height: calc(9.6em + 26px);
    }
}
select.field__input {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2.6rem;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%),
        linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);
    background-position:
        calc(100% - 1.35rem) calc(50% - 1px),
        calc(100% - 0.95rem) calc(50% - 1px);
    background-size: 0.4rem 0.4rem, 0.4rem 0.4rem;
    background-repeat: no-repeat;
    cursor: pointer;
}
.field__input::placeholder {
    color: var(--ink-faint);
}
.field__input:hover {
    border-color: var(--ink-soft);
}
.field__input:focus {
    outline: none;
    border-color: var(--signal);
    box-shadow: 0 0 0 3px var(--focus-ring);
}
.field__input--code {
    font-family: var(--font-display);
    font-size: 1.9rem;
    font-weight: 600;
    letter-spacing: 0.42em;
    text-align: center;
    padding-left: 0.42em;
}
.field__hint {
    font-size: var(--text-xs);
    color: var(--ink-faint);
    margin: 0.45rem 0 0;
}
.button {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 100%;
    margin-top: 1.5rem;
    padding: 0.85rem 1.25rem;
    font: inherit;
    font-weight: 600;
    color: var(--signal-ink);
    background: var(--signal);
    border: 1px solid var(--signal-deep);
    border-radius: var(--radius);
    cursor: pointer;
    transition: transform var(--duration) var(--ease),
                background-color var(--duration) var(--ease),
                box-shadow var(--duration) var(--ease);
}
.button:hover {
    box-shadow: 0 6px 18px -8px color-mix(in srgb, var(--signal-deep) 70%, transparent);
}
.button:active {
    transform: translateY(1px);
    box-shadow: none;
}
.button--quiet {
    background: transparent;
    color: var(--ink-soft);
    border-color: var(--field-border);
    box-shadow: none;
}
.button--quiet:hover {
    background: var(--paper-raised);
    color: var(--ink);
    box-shadow: none;
}
.button--inline {
    width: auto;
    margin: 0;
    padding: 0.4rem 0.75rem;
    font-size: var(--text-sm);
}
.notice {
    --meldung-ton: var(--ok);
    --meldung-feld: var(--ok-wash);
    --meldung-zeichen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");
    --meldung-luft: 12px;
    --meldung-feldgroesse: 22px;
    position: relative;
    display: block;
    width: fit-content;
    max-width: min(100%, 64ch);
    margin: 0;
    padding: var(--meldung-luft) 18px var(--meldung-luft) 46px;
    border: 1px solid var(--line);
    border-inline-start: 3px solid var(--meldung-ton);
    border-radius: var(--r-s);
    background: var(--card);
    box-shadow: var(--shadow);
    color: var(--ink);
    font-size: 14.5px;
    line-height: 1.55;
}
.notice::before {
    content: "";
    position: absolute;
    inset-inline-start: 15px;
    top: calc(var(--meldung-luft) + (1.55em - var(--meldung-feldgroesse)) / 2);
    width: var(--meldung-feldgroesse);
    height: var(--meldung-feldgroesse);
    border-radius: 50%;
    background: var(--meldung-feld);
}
.notice::after {
    content: "";
    position: absolute;
    inset-inline-start: calc(15px + (var(--meldung-feldgroesse) - 12px) / 2);
    top: calc(var(--meldung-luft) + (1.55em - var(--meldung-feldgroesse)) / 2 + (var(--meldung-feldgroesse) - 12px) / 2);
    width: 12px;
    height: 12px;
    background: var(--meldung-ton);
    -webkit-mask-image: var(--meldung-zeichen);
    mask-image: var(--meldung-zeichen);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.notice--error {
    --meldung-ton: var(--danger);
    --meldung-feld: var(--danger-wash);
    --meldung-zeichen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.4v7.4'/%3E%3Cpath d='M12 18.2h.01'/%3E%3C/svg%3E");
}
.notice--hinweis {
    --meldung-ton: var(--ink-soft);
    --meldung-feld: var(--paper-deep);
    --meldung-zeichen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 10v8'/%3E%3Cpath d='M12 6v.1'/%3E%3C/svg%3E");
}
.notice--faktenfrage {
    --meldung-ton: var(--faktenfrage-ton);
    --meldung-feld: var(--faktenfrage-grund);
    --meldung-zeichen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9a3 3 0 0 1 6 0c0 2-3 2-3 5'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E");
}
.notice--faktenfrage mark {
    color: var(--faktenfrage-schrift);
    background: var(--faktenfrage-grund);
    text-decoration: underline;
    text-decoration-color: var(--faktenfrage-ton);
    text-decoration-thickness: 1px;
    text-underline-offset: .15em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.notice ul {
    margin: 0.4rem 0 0;
    padding-left: 1.1rem;
}
.notice + .notice {
    margin-top: 10px;
}
.notice--feld {
    width: auto;
    max-width: 100%;
    box-shadow: none;
}
@supports not ((mask-image: none) or (-webkit-mask-image: none)) {
    .notice::after {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
.shell {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}
.shell__head {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem var(--space-gutter);
    background: var(--paper-raised);
    border-bottom: 1px solid var(--line);
}
.shell__who {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.25;
}
.shell__name {
    font-size: var(--text-sm);
    font-weight: 600;
}
.shell__role {
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
@media (max-width: 30rem) {
    .shell__head {
        gap: var(--abstand-2);
        padding-inline: 1rem;
    }
    .shell__role {
        display: none;
    }
    .shell__name {
        font-size: var(--text-xs);
        font-weight: 500;
        color: var(--ink-soft);
    }
}
.shell__main {
    flex: 1;
    width: min(64rem, 100%);
    margin-inline: auto;
    padding: clamp(2rem, 1.5rem + 3vw, 4rem) var(--space-gutter);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.page__title {
    font-size: clamp(1.9rem, 1.4rem + 2vw, 2.75rem);
    letter-spacing: -0.035em;
}
.page__lead {
    color: var(--ink-soft);
    max-width: 60ch;
    margin: 0.75rem 0 0;
}
.panel {
    background: var(--paper-raised);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    padding: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    box-shadow: var(--elevation);
}
.panel__title {
    font-family: var(--font-display);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin: 0 0 1rem;
}
.panel__empty {
    color: var(--ink-soft);
    font-size: var(--text-sm);
    margin: 0;
}
.vertragszustimmung .shell__head { flex-wrap: wrap; }
.vertragszustimmung .shell__main { max-width: 46rem; min-width: 0; }
.vertragszustimmung .panel { min-width: 0; overflow-wrap: anywhere; }
.vertragszustimmung h1 { font-size: clamp(1.5rem, 5vw, 2rem); line-height: 1.2; }
.vertragszustimmung h2 { font-size: 1.1rem; margin-block: 1.5rem 0.5rem; }
.vertragszustimmung p { margin-block: 1rem; }
.vertragszustimmung ul { padding-inline-start: 1.25rem; }
.zustimmungsdialog {
    position: fixed;
    inset: 0;
    width: min(860px, calc(100% - 40px));
    max-height: min(820px, calc(100dvh - 40px));
    margin: auto;
    padding: 0;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--card);
    color: var(--ink);
    box-shadow: var(--shadow-lg);
}
.zustimmungsdialog::backdrop { background: color-mix(in srgb, var(--ink) 32%, transparent); backdrop-filter: blur(5px); }
.zustimmungsdialog__kopf { padding: 30px 36px 26px; border-bottom: 1px solid var(--line); }
.zustimmungsdialog__augenbraue { color: var(--brand-ink); font-size: .74rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.zustimmungsdialog h2 { font-family: 'Archivo', sans-serif; font-size: clamp(1.7rem, 4vw, 2.3rem); font-weight: 720; letter-spacing: -.035em; line-height: 1.12; margin: 10px 0 12px; }
.zustimmungsdialog__kopf > p:last-child { max-width: 37rem; color: var(--ink-2); font-size: .94rem; line-height: 1.55; margin: 0; }
.zustimmungsdialog__weg { display: grid; grid-template-columns: 210px minmax(0, 1fr); }
.zustimmungsdialog__schritte { display: flex; flex-direction: column; gap: 8px; padding: 24px 16px; background: var(--card-2); border-right: 1px solid var(--line); }
.zustimmungsdialog__schritte button { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 14px 10px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--ink-2); text-align: left; font: inherit; font-size: .84rem; font-weight: 650; line-height: 1.4; }
.zustimmungsdialog__schritte button[aria-current] { border-color: var(--brand-tint-2); background: var(--brand-tint); color: var(--brand-ink); }
.zustimmungsdialog__nummer { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border: 1px solid currentColor; border-radius: 50%; font-size: .7rem; }
.zustimmungsdialog__schritte small { display: block; margin-top: 5px; color: var(--ink-2); font-size: .68rem; font-weight: 450; line-height: 1.4; }
.zustimmungsdialog__inhalt { min-width: 0; padding: 28px 32px 32px; overflow-wrap: anywhere; }
.zustimmungsdialog__fassung { color: var(--ink-3); font-size: .72rem; font-weight: 650; margin: 0 0 8px; }
.zustimmungsdialog h3 { font-family: 'Archivo', sans-serif; font-size: 1.4rem; line-height: 1.2; letter-spacing: -.02em; margin: 0 0 18px; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: normal; }
.zustimmungsdialog__inhalt p { font-size: .88rem; line-height: 1.6; margin-block: 0 16px; }
.zustimmungsdialog__inhalt .zustimmungsdialog__hinweis { padding: 12px 14px; background: var(--card-2); border-left: 3px solid var(--brand); border-radius: 0 8px 8px 0; color: var(--ink-2); font-size: .81rem; }
.zustimmungsdialog__leselink { display: inline-block; margin: 2px 0 22px; color: var(--brand-ink); font-size: .83rem; font-weight: 650; text-underline-offset: 3px; }
.zustimmungsdialog form { display: grid; gap: 16px; }
.zustimmungsdialog .check { align-items: flex-start; margin: 0; font-size: .85rem; line-height: 1.55; }
.zustimmungsdialog .check__box { margin-top: 3px; flex: 0 0 auto; }
.zustimmungsdialog form > .button { width: 100%; min-height: 48px; margin-top: 4px; white-space: normal; }
.zustimmungsdialog .zustimmungsdialog__klein { margin: 0; color: var(--ink-3); font-size: .74rem; }
.zustimmungsdialog .disclosure { margin-block: 0 14px; font-size: .82rem; }
.zustimmungsdialog .disclosure ul { padding-left: 20px; line-height: 1.6; }
.zustimmungsdialog__fuss { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 32px; border-top: 1px solid var(--line); background: var(--card); }
.zustimmungsdialog__fuss p { color: var(--ink-3); font-size: .75rem; margin: 0; }
.zustimmungsdialog__fuss form { display: block; margin: 0; }
.zustimmungsdialog__fuss form > .button { width: auto; margin: 0; }
.zustimmungsdialog :focus-visible { outline: 3px solid var(--brand); outline-offset: 4px; }
.zustimmungsdialog [tabindex="-1"]:focus { outline: none; }
@media (max-width: 620px) {
    .zustimmungsdialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); border-radius: 18px; }
    .zustimmungsdialog__kopf { padding: 22px 22px 20px; }
    .zustimmungsdialog__kopf > p:last-child { font-size: .85rem; }
    .zustimmungsdialog__weg { display: block; }
    .zustimmungsdialog__schritte { flex-direction: row; gap: 5px; padding: 12px; border-right: 0; border-bottom: 1px solid var(--line); }
    .zustimmungsdialog__schritte button { flex: 1 1 0; min-width: 0; flex-direction: column; align-items: center; gap: 6px; padding: 9px 3px; font-size: .67rem; text-align: center; }
    .zustimmungsdialog__schritte small { display: none; }
    .zustimmungsdialog__inhalt { padding: 22px; }
    .zustimmungsdialog h3 { font-size: 1.25rem; }
    .zustimmungsdialog__fuss { padding: 14px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .zustimmungsdialog, .zustimmungsdialog * { scroll-behavior: auto; animation: none; transition: none; }
}
.split {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 48rem) {
    .split {
        grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    }
}
.roster {
    list-style: none;
    margin: 0;
    padding: 0;
}
.roster li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0;
    border-top: 1px solid var(--line);
}
.roster li:first-child {
    border-top: 0;
}
.roster__name {
    font-weight: 600;
}
.roster__meta {
    font-size: var(--text-xs);
    color: var(--ink-faint);
    text-align: right;
}
.tag {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: var(--text-xs);
    font-weight: 600;
    background: var(--signal-wash);
    color: var(--signal-deep);
    border: 1px solid var(--signal);
}
.steps {
    counter-reset: step;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}
.steps li {
    counter-increment: step;
    position: relative;
    padding-left: 2.2rem;
    color: var(--ink-soft);
    font-size: var(--text-sm);
}
.steps li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: -0.1rem;
    width: 1.5rem;
    height: 1.5rem;
    display: grid;
    place-items: center;
    font-family: var(--font-display);
    font-size: var(--text-xs);
    font-weight: 700;
    color: var(--ink-soft);
    background: var(--paper-deep);
    border: 1px solid var(--line-strong);
    border-radius: 50%;
}
.panel--measure {
    background: linear-gradient(135deg, var(--paper-raised), var(--signal-wash));
    container-type: inline-size;
}
.measure {
    display: grid;
    gap: 1.5rem;
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
}
@container (min-width: 34rem) {
    .measure {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
    }
}
.measure__hero {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.measure__number {
    font-family: var(--font-display);
    font-size: clamp(2.75rem, 2rem + 2.5vw, 4.5rem);
    font-size: clamp(2.75rem, 1.6rem + 5.5cqi, 5rem);
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 0.95;
    font-variant-numeric: tabular-nums;
}
.measure__caption {
    margin-top: 0.5rem;
    font-size: var(--text-sm);
    color: var(--ink-soft);
}
.measure__kinds {
    list-style: none;
    margin: 0;
    padding: 0;
}
.measure__kinds li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    padding: 0.55rem 0;
    border-top: 1px solid var(--line);
    font-size: var(--text-sm);
}
.measure__kinds li:first-child {
    border-top: 0;
}
.measure__kinds strong {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-variant-numeric: tabular-nums;
}
.measure__empty {
    color: var(--ink-soft);
}
.measure__misses {
    color: var(--ink-faint);
}
.measure__misses strong {
    font-size: var(--text-sm);
    color: var(--ink-faint);
}
.measure__method {
    margin: 1.25rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
    font-size: var(--text-xs);
    color: var(--ink-soft);
    max-width: 62ch;
}
.form-panel {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 44rem;
}
.form-panel--eng {
    gap: 0.75rem;
}
.form-panel .button {
    align-self: flex-start;
    width: auto;
    margin-top: 0;
}
.form-grid {
    display: grid;
    gap: 1.1rem 1.25rem;
    grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 40rem) {
    .form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .form-grid__wide {
        grid-column: 1 / -1;
    }
}
.form-grid .field + .field {
    margin-top: 0;
}
.panel__note {
    font-size: var(--text-sm);
    color: var(--ink-soft);
    margin: 0 0 1rem;
    max-width: 52ch;
}
.panel__note code {
    font-size: 0.85em;
    background: var(--paper-deep);
    padding: 0.1em 0.35em;
    border-radius: 3px;
}
.code-block {
    margin: 0;
    padding: 1rem;
    background: var(--paper-deep);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow-x: auto;
    font-size: var(--text-xs);
    line-height: 1.7;
}
a.roster__name {
    color: inherit;
    text-decoration: none;
}
a.roster__name:hover {
    color: var(--signal-deep);
    text-decoration: underline;
}
.card {
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-lg);
    padding: 1.1rem 1.25rem;
    background: var(--paper);
}
.card + .card {
    margin-top: 1rem;
}
.card--professional {
    border-left: 3px solid var(--signal);
}
.card__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}
.card__title {
    font-size: var(--text-base);
}
.card__class {
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-faint);
    white-space: nowrap;
}
.card__body {
    margin: 0.6rem 0 0;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    white-space: pre-line;
}
.card__preview {
    margin: 0.6rem 0 0;
    font-size: var(--text-sm);
}
.card__deadline {
    margin: 0.75rem 0 0;
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.card__actions {
    margin-top: 0.9rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem;
}
.card__hint {
    margin: 0.75rem 0 0;
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.card__decline summary {
    cursor: pointer;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    padding: 0.4rem 0;
}
.card__decline summary:hover {
    color: var(--ink);
}
.card__decline[open] {
    flex-basis: 100%;
}
.card__decline form {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
}
.overdue {
    color: var(--danger);
}
.sparkline {
    display: block;
    width: min(16rem, 100%);
    height: 2rem;
    margin-top: 1rem;
    color: var(--signal-deep);
}
.sparkline__label {
    display: block;
    margin-top: 0.3rem;
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.measure__number--quiet {
    color: var(--ink-faint);
}
.piece {
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    padding: 1rem 1.15rem;
    background: var(--paper);
}
.piece + .piece {
    margin-top: 0.9rem;
}
.piece__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}
.piece__meta {
    display: inline-block;
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.piece__head .piece__meta {
    display: block;
    margin-top: 0.15rem;
}
.piece__body {
    margin: 0.55rem 0 0;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    white-space: pre-line;
}
.piece__actions {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}
.piece__inline-form {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}
.piece__inline-form .field__input {
    width: auto;
    padding: 0.4rem 0.6rem;
    font-size: var(--text-sm);
}
.pill {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: var(--text-xs);
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid var(--line-strong);
    color: var(--ink-soft);
    background: var(--paper-deep);
}
.pill--zur_freigabe {
    border-color: var(--signal);
    background: var(--signal-wash);
    color: var(--signal-deep);
}
.pill--freigegeben,
.pill--geplant {
    border-color: var(--signal-deep);
    color: var(--signal-deep);
    background: transparent;
}
.pill--veroeffentlicht {
    border-color: var(--ok);
    color: var(--ok-ink);
    background: var(--ok-wash);
}
.brand__claim {
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0 0 1rem;
}
.brand__themes {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
.brand__themes li {
    padding: 0.25rem 0.7rem;
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    background: var(--paper);
}
.stats-table {
    display: grid;
    gap: 0.4rem 0.75rem;
}
.stats-table__head,
.stats-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: center;
}
.stats-table__head {
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-faint);
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--line);
}
.field__input--number {
    padding: 0.45rem 0.6rem;
    font-variant-numeric: tabular-nums;
}
.field__input--date {
    width: auto;
}
.code-block--copy {
    user-select: all;
}
.shell__nav {
    display: flex;
    gap: var(--abstand-4);
    margin-left: 1.25rem;
}
.shell__nav a {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--ink-soft);
    text-decoration: none;
}
.shell__nav a:hover {
    color: var(--ink);
    text-decoration: underline;
    text-underline-offset: 0.25em;
}
@media (max-width: 60rem) {
    .shell__head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .shell__head > .lockup {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }
    .shell__head > form {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }
    .shell__who {
        grid-column: 1;
        grid-row: 2;
        min-width: 0;
        margin-left: 0;
        align-items: flex-start;
        overflow-wrap: anywhere;
    }
    .shell__head > .farbwahl {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
    }
    .shell__nav {
        grid-column: 1 / -1;
        grid-row: 3;
        flex-wrap: wrap;
        margin-left: 0;
    }
}
@media (max-width: 30rem) {
    .shell__nav {
        gap: 0.75rem;
    }
}
details.disclosure {
    margin-top: 1rem;
    border: 1px dashed var(--field-border);
    border-radius: var(--radius-lg);
    background: transparent;
    transition: background-color var(--duration) var(--ease),
                border-color var(--duration) var(--ease);
}
details.disclosure[open] {
    border-style: solid;
    border-color: var(--line-strong);
    background: var(--paper-raised);
}
details.disclosure > summary {
    list-style: none;
    display: flex;
    align-items: center;
    min-height: 44px;
    gap: 0.7rem;
    padding: 0.8rem 1rem;
    cursor: pointer;
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    border-radius: var(--radius-lg);
    transition: color var(--duration) var(--ease);
}
details.disclosure > summary::-webkit-details-marker {
    display: none;
}
details.disclosure > summary::before {
    content: '';
    flex: 0 0 auto;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid var(--signal);
    background:
        linear-gradient(var(--signal-deep), var(--signal-deep)) center / 46% 2px no-repeat,
        linear-gradient(var(--signal-deep), var(--signal-deep)) center / 2px 46% no-repeat,
        var(--signal-wash);
    transition: transform 240ms var(--ease);
}
details.disclosure > summary:hover {
    color: var(--ink);
}
details.disclosure > summary:hover::before {
    transform: scale(1.08);
}
details.disclosure[open] > summary {
    color: var(--ink);
    border-bottom: 1px solid var(--line);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
details.disclosure[open] > summary::before {
    transform: rotate(45deg);
}
details.disclosure[open] > *:not(summary) {
    animation: disclosure-in 260ms var(--ease) both;
}
@keyframes disclosure-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
details.disclosure .form-panel {
    padding: 1rem 1rem 1.1rem;
}
@media (prefers-reduced-motion: reduce) {
    details.disclosure[open] > *:not(summary) {
        animation: none;
    }
}
.material {
    border: 1px solid var(--line);
    border-left: 3px solid var(--signal);
    border-radius: var(--radius-lg);
    padding: 1rem 1.15rem;
    background: var(--paper);
}
.material + .material {
    margin-top: 0.9rem;
}
.material--closed {
    border-left-color: var(--line-strong);
    opacity: 0.75;
}
.material__files {
    list-style: none;
    margin: 0.6rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
.material__files a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.7rem;
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    font-size: var(--text-xs);
    font-weight: 600;
    text-decoration: none;
    color: var(--ink-soft);
    background: var(--paper-raised);
    transition: border-color var(--duration) var(--ease), color var(--duration) var(--ease);
}
.material__files a:hover {
    border-color: var(--signal-deep);
    color: var(--signal-deep);
}
.field__input--file {
    padding: 0.55rem 0.6rem;
    font-size: var(--text-sm);
}
.field__input--file::file-selector-button {
    margin-right: 0.7rem;
    padding: 0.35rem 0.8rem;
    font: inherit;
    font-weight: 600;
    color: var(--signal-deep);
    background: var(--signal-wash);
    border: 1px solid var(--signal);
    border-radius: var(--radius);
    cursor: pointer;
}
.timeline {
    list-style: none;
    margin: 0;
    padding: 0;
}
.timeline li {
    display: flex;
    align-items: baseline;
    gap: 0.9rem;
    padding: 0.55rem 0;
    border-top: 1px solid var(--line);
}
.timeline li:first-child {
    border-top: 0;
}
.timeline__date {
    flex: 0 0 4.4rem;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--text-sm);
    color: var(--signal-deep);
    font-variant-numeric: tabular-nums;
}
.shell__main--wide {
    width: min(90rem, 100%);
}
.workspace {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}
@media (min-width: 64rem) {
    .workspace {
        grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    }
}
.workspace__main,
.workspace__side {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}
.workhead {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
}
.vitals {
    display: grid;
    grid-template-columns: repeat(4, minmax(6.5rem, auto));
    gap: 0.6rem;
}
@media (max-width: 40rem) {
    .vitals {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}
.vitals__item {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--paper-raised);
    text-decoration: none;
    color: var(--ink);
    transition: border-color var(--duration) var(--ease),
                transform var(--duration) var(--ease),
                box-shadow var(--duration) var(--ease);
}
.vitals__item:hover {
    border-color: var(--field-border);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px -12px oklch(30% 0.03 252 / 0.5);
}
.vitals__number {
    font-family: var(--font-display);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}
.vitals__label {
    font-size: var(--text-xs);
    color: var(--ink-faint);
    white-space: nowrap;
}
.vitals__item--hot {
    border-color: var(--signal);
    background: var(--signal-wash);
}
.vitals__item--hot .vitals__number {
    color: var(--signal-deep);
}
.tabs {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--line);
    overflow-x: auto;
    scrollbar-width: none;
}
.tabs::-webkit-scrollbar {
    display: none;
}
.tabs__tab {
    padding: 0.6rem 1rem 0.7rem;
    font-family: var(--font-display);
    font-size: var(--text-sm);
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--ink-faint);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color var(--duration) var(--ease);
}
.tabs__tab:hover {
    color: var(--ink);
}
.tabs__tab--active {
    color: var(--ink);
    border-bottom-color: var(--signal-deep);
}
.panel--tasks {
    border-color: var(--signal);
    border-left-width: 3px;
}
.panel__title-note {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink-faint);
}
.tasks {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 64rem) {
    .tasks {
        grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    }
}
.tasks > * {
    margin: 0;
}
.alldone {
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-left: 3px solid var(--ok);
    border-radius: var(--radius);
    background: var(--ok-wash);
    color: var(--ink);
    font-size: var(--text-sm);
}
details.disclosure--flat {
    border: 0;
    margin-top: 0;
    background: transparent;
}
details.disclosure--flat[open] {
    border: 1px solid var(--line);
    background: var(--paper-raised);
}
details.disclosure--flat > summary {
    padding: 0.45rem 0.6rem;
}
.fleet {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
.fleet__card {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--paper);
    text-decoration: none;
    color: var(--ink);
    transition: border-color var(--duration) var(--ease),
                transform var(--duration) var(--ease),
                box-shadow var(--duration) var(--ease);
}
.fleet__card:hover {
    border-color: var(--field-border);
    transform: translateY(-2px);
    box-shadow: 0 10px 22px -16px oklch(30% 0.03 252 / 0.55);
}
.fleet__name {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: -0.015em;
}
.fleet__meta {
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.fleet__stats {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.8rem;
    font-size: var(--text-xs);
    color: var(--ink-soft);
}
.fleet__flag {
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-weight: 600;
    background: var(--signal-wash);
    border: 1px solid var(--signal);
    color: var(--signal-deep);
}
.setup {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.setup__step {
    display: grid;
    gap: 1.25rem 2rem;
    grid-template-columns: minmax(0, 1fr);
    padding: clamp(1.25rem, 1rem + 1vw, 1.9rem);
    background: var(--paper-raised);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: var(--elevation);
}
@media (min-width: 56rem) {
    .setup__step {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr);
    }
}
.setup__badge {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--text-sm);
    color: var(--signal-deep);
    background: var(--signal-wash);
    border: 1px solid var(--signal);
    margin-bottom: 0.65rem;
}
.setup__title {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    margin: 0 0 0.4rem;
}
.setup__why {
    font-size: var(--text-sm);
    color: var(--ink-soft);
    margin: 0;
    max-width: 34ch;
}
.setup__fields {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-content: start;
}
.setup__fields .field {
    margin: 0;
}
.setup__fields .field--wide {
    grid-column: 1 / -1;
}
@media (max-width: 40rem) {
    .setup__fields {
        grid-template-columns: minmax(0, 1fr);
    }
}
.setup__submit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem;
    padding: 1.25rem clamp(1.25rem, 1rem + 1vw, 1.9rem);
    border: 1px solid var(--signal);
    border-radius: var(--radius-lg);
    background: var(--signal-wash);
}
.setup__submit .button {
    width: auto;
    margin: 0;
    padding-inline: 2rem;
}
.setup__submit-hint {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    max-width: 46ch;
}
textarea.chips__source {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    margin: -1px;
    clip-path: inset(50%);
    overflow: hidden;
}
.chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.6rem;
    min-height: 5.5rem;
    align-content: flex-start;
    background: var(--paper-field);
    border: 1px solid var(--field-border);
    border-radius: var(--radius-field);
    cursor: text;
    transition: border-color var(--duration) var(--ease),
                box-shadow var(--duration) var(--ease);
}
.chips:focus-within {
    border-color: var(--signal);
    box-shadow: 0 0 0 3px var(--focus-ring);
}
.chips__list {
    display: contents;
    list-style: none;
    margin: 0;
    padding: 0;
}
.chips__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.4rem 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--ink);
    background: var(--paper-deep);
    border: 1px solid var(--line-strong);
    animation: chip-in 180ms var(--ease) both;
}
@keyframes chip-in {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.chips__remove {
    display: inline-grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    font: inherit;
    font-size: 0.85rem;
    line-height: 1;
    color: var(--ink-faint);
    background: transparent;
    cursor: pointer;
    transition: background-color var(--duration) var(--ease),
                color var(--duration) var(--ease);
}
.chips__remove:hover {
    color: var(--danger);
    background: var(--danger-wash);
}
.chips__input {
    flex: 1 1 9rem;
    min-width: 9rem;
    padding: 0.3rem 0.35rem;
    border: 0;
    font: inherit;
    font-size: var(--text-sm);
    color: var(--ink);
    background: transparent;
}
.chips__input:focus {
    outline: none;
}
.chips__input::placeholder {
    color: var(--ink-faint);
}
@media (prefers-reduced-motion: reduce) {
    .chips__chip {
        animation: none;
    }
}
.check {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    cursor: pointer;
}
.check__box {
    flex: 0 0 auto;
    width: 1.15rem;
    height: 1.15rem;
    margin-top: 0.15rem;
    accent-color: var(--signal-deep);
    cursor: pointer;
}
.footnote {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 1.25rem;
    padding: 1.25rem var(--space-gutter);
    border-top: 1px solid var(--line);
    font-size: var(--text-xs);
    color: var(--ink-soft);
}
.footnote__who {
    font-weight: 600;
    letter-spacing: 0.02em;
}
.footnote__by {
    color: var(--ink-soft);
}
.footnote__links {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-left: auto;
}
.footnote__links a {
    color: var(--ink-soft);
    text-decoration-color: var(--line-strong);
}
.footnote__links a:hover {
    color: var(--signal-deep);
}
.legal {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}
.legal__head {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem var(--space-gutter);
    background: var(--paper-raised);
    border-bottom: 1px solid var(--line);
}
.legal__back {
    margin-left: auto;
    font-size: var(--text-sm);
    color: var(--ink-soft);
    text-decoration-color: var(--line-strong);
}
.legal__back:hover {
    color: var(--signal-deep);
}
.legal__sheet.legal__sheet--breit {width: min(78rem, 100%)}
.avv {display: grid; gap: clamp(1.5rem, 1rem + 2vw, 2.75rem); margin-top: 1.75rem;
    grid-template-columns: minmax(0, 1fr)}
@media (min-width: 62rem) {
    .avv {grid-template-columns: minmax(0, 21rem) minmax(0, 1fr); align-items: start}
    .avv__handlung {position: sticky; top: 1.5rem}
}
.avv__betrieb {margin: 1rem 0 0}
.avv__form {margin-top: 1.25rem}
.avv__haken {margin: 0 0 .75rem}
.avv__haken label {display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .6rem;
    align-items: start; font-size: var(--text-sm); line-height: 1.5}
.avv__haken input {margin-top: .2rem}
.avv__belege {margin-top: 1.5rem; font-size: var(--text-sm); color: var(--ink-2); line-height: 1.6}
.avv__vertrag {border: 1px solid var(--field-border); border-radius: var(--radius-lg);
    background: var(--surface-2); overflow: hidden}
.avv__vertrag-titel {margin: 0; padding: .9rem 1.25rem; font-size: var(--text-sm);
    border-bottom: 1px solid var(--field-border); background: var(--surface)}
.avv__vertrag-text {padding: 1.25rem; max-height: min(62vh, 46rem); overflow-y: auto;
    font-size: var(--text-sm); line-height: 1.65}
.avv__vertrag-text > :first-child {margin-top: 0}
.avv__vertrag-text h2 {font-size: var(--text-base); margin-top: 1.75rem}
.avv__vertrag-text:focus-visible {outline: 2px solid var(--brand); outline-offset: -2px}
.legal__sheet {
    flex: 1;
    width: min(46rem, 100%);
    margin-inline: auto;
    padding: clamp(2.5rem, 2rem + 3vw, 4.5rem) var(--space-gutter);
}
.legal__sheet .legal__kicker {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--signal-deep);
}
.legal__title {
    margin: 0.5rem 0 0;
    font-size: clamp(2rem, 1.5rem + 2.4vw, 3rem);
    letter-spacing: -0.035em;
    overflow-wrap: anywhere;
    hyphens: auto;
}
.legal__sheet .legal__lead {
    margin: 1.25rem 0 0;
    font-size: var(--text-lg);
    color: var(--ink-soft);
    max-width: 60ch;
}
.legal__sheet h2 {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: normal;
    margin: 2.75rem 0 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--line);
    font-size: 1.2rem;
    letter-spacing: -0.02em;
}
.legal__sheet h3 {
    margin: 1.75rem 0 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--signal-deep);
    letter-spacing: 0;
}
.legal__sheet p,
.legal__sheet ul {
    max-width: 68ch;
}
.legal__sheet p {
    margin: 0.85rem 0 0;
    color: var(--ink-soft);
}
.legal__sheet strong {
    color: var(--ink);
    font-weight: 600;
}
.legal__sheet ul {
    margin: 0.85rem 0 0;
    padding-left: 1.1rem;
    color: var(--ink-soft);
}
.legal__sheet li + li {
    margin-top: 0.5rem;
}
.legal__sheet .legal__stamp {
    margin-top: 3rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--line);
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.rubriken {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 0.6rem;
}
.rubriken__hinweis {
    grid-column: 1 / -1;
    margin: 0.15rem 0 0;
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.rubrik {
    position: relative;
    display: block;
    padding: 0.85rem 0.95rem;
    background: var(--paper-field);
    border: 1px solid var(--field-border);
    border-radius: var(--radius-field);
    cursor: pointer;
    transition: border-color var(--duration) var(--ease), background var(--duration) var(--ease);
}
.rubrik:hover {
    border-color: var(--signal-deep);
}
.rubrik input {
    position: absolute;
    inset: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer;
}
.rubrik:has(input:checked) {
    background: var(--signal-wash);
    border-color: var(--signal-deep);
    box-shadow: inset 0 0 0 1px var(--signal-deep);
}
.rubrik:has(input:focus-visible) {
    outline: 2px solid var(--signal-deep);
    outline-offset: 2px;
}
.rubrik__body {
    display: grid;
    gap: 0.25rem;
}
.rubrik__name {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: var(--text-sm);
    letter-spacing: -0.01em;
}
.rubrik__zweck {
    font-size: var(--text-xs);
    color: var(--ink-soft);
    line-height: 1.45;
}
.rubrik__mass {
    font-size: var(--text-xs);
    color: var(--ink-faint);
    font-variant-numeric: tabular-nums;
}
.rubrik--fachlich::after {
    content: '';
    position: absolute;
    inset-block: -1px;
    inset-inline-start: -1px;
    width: 3px;
    border-radius: var(--radius-field) 0 0 var(--radius-field);
    background: var(--danger);
}
.gate {
    list-style: none;
    margin: 0.85rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.4rem;
}
.gate__item {
    display: flex;
    gap: 0.6rem;
    align-items: baseline;
    padding: 0.5rem 0.7rem;
    border-radius: var(--radius-field);
    background: var(--paper-deep);
    font-size: var(--text-sm);
    color: var(--ink-soft);
    line-height: 1.5;
}
.gate__item--hart {
    background: var(--danger-wash);
    color: var(--ink);
}
.gate__marke {
    flex: 0 0 auto;
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--danger);
}
.gate__marke--weich {
    color: var(--ink-faint);
    font-weight: 600;
}
.gate__ok {
    margin: 0.85rem 0 0;
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.piece--blockiert {
    border-left: 3px solid var(--danger);
    padding-left: 0.9rem;
}
.field__hint--error {
    color: var(--danger);
}
.panel--werkstatt {
    border-color: var(--line-strong);
    box-shadow: var(--elevation);
}
.setup--werkstatt {
    margin-top: 0.5rem;
}
.entwurf {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--line);
}
.entwurf__kopf {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    flex-wrap: wrap;
}
.entwurf__befund {
    margin: 0.6rem 0 0;
    font-size: var(--text-sm);
    color: var(--ink-soft);
}
.entwurf__aktionen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}
.varianten {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    grid-template-columns: minmax(0, 1fr);
}
@container (min-width: 46rem) {
    .varianten {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.variante {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.9rem 1rem;
    background: var(--paper-raised);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
}
.variante--verworfen {
    background: transparent;
    border-style: dashed;
}
.variante--verworfen .variante__text {
    color: var(--ink-faint);
}
.variante__kopf {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
}
.variante__nummer {
    font-family: var(--font-display);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-faint);
}
.variante__marke {
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--danger);
}
.variante__marke--ok {
    color: var(--signal-deep);
}
.variante__text {
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.6;
    white-space: pre-line;
}
.variante__tags {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    font-size: var(--text-xs);
    color: var(--signal-deep);
}
.variante__detail {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--ink-faint);
}
.variante .gate {
    margin-top: 0;
}
.variante .gate__item {
    padding: 0.35rem 0.5rem;
    font-size: var(--text-xs);
}
.panel--werkstatt {
    container-type: inline-size;
}
.field__input--file {
    padding: 0.55rem 0.7rem;
    font-size: var(--text-sm);
}
.nur-vorlesen {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.farbwahl {
    display: flex;
    gap: 1px;
    padding: 2px;
    margin: 0;
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    background: var(--paper-field);
}
.farbwahl__option {
    position: relative;
    display: inline-flex;
}
.farbwahl__option input {
    position: absolute;
    inset: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer;
}
.farbwahl__option span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    color: var(--ink-faint);
    transition: background var(--duration) var(--ease), color var(--duration) var(--ease);
}
.farbwahl__option svg {
    display: block;
}
.farbwahl__option:hover span {
    color: var(--ink-soft);
}
.farbwahl__option:has(input:checked) span {
    background: var(--signal-wash);
    color: var(--signal-deep);
}
.farbwahl__option:has(input:focus-visible) span {
    outline: 2px solid var(--signal-deep);
    outline-offset: 2px;
}
@media (max-width: 44rem) {
    .farbwahl {
        display: none;
    }
}
.modul-scope {
    display: contents;
}
[data-modul='soma'] {
    --brand: #6A3CEF;
    --brand-ink: #4A22C4;
    --brand-tint: #F0EBFE;
    --brand-tint-2: #E4DBFC;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) [data-modul='soma'] {
        --brand: #9C7DFF;
        --brand-ink: #B9A2FF;
        --brand-tint: rgba(156,125,255,.14);
        --brand-tint-2: rgba(156,125,255,.24);
    }
}
:root[data-theme='dark'] [data-modul='soma'] {
    --brand: #9C7DFF;
    --brand-ink: #B9A2FF;
    --brand-tint: rgba(156,125,255,.14);
    --brand-tint-2: rgba(156,125,255,.24);
}
.ladezeichen {
    display:inline-flex;align-items:center;justify-content:center;gap:3px;
    width:24px;height:24px;flex:0 0 24px;color:inherit;vertical-align:middle;
}
.ladezeichen > i {
    display:block;width:4px;height:18px;border-radius:3px;background:currentColor;
    animation:ladezeichen-takt 1.35s cubic-bezier(.45,0,.55,1) infinite;
    transform-origin:center;
}
.ladezeichen > i:nth-child(2) {animation-delay:.15s}
.ladezeichen > i:nth-child(3) {animation-delay:.3s}
@keyframes ladezeichen-takt {
    0%,70%,100% {transform:scaleY(.4);opacity:.45}
    35% {transform:scaleY(1);opacity:1}
}
.ladehinweis {
    display:flex;align-items:center;gap:12px;min-width:0;
    color:var(--ink-2);font-size:14px;line-height:1.5;
}
.ladehinweis[hidden] {display:none}
.ladehinweis > .ladezeichen {color:var(--brand-ink)}
.ladehinweis__text {min-width:0;overflow-wrap:anywhere}
.ladehinweis--gross {
    padding:20px 22px;border:1px solid var(--brand-tint-2);border-radius:16px;
    background:var(--card);color:var(--ink);box-shadow:var(--shadow);
}
.ladehinweis--gross > .ladezeichen {
    width:44px;height:44px;flex-basis:44px;background:var(--brand-tint);border-radius:12px;
}
.ladehinweis--knopf {position:relative!important}
.ladehinweis--knopf > .ladehinweis__knopftext {visibility:hidden}
.ladehinweis--knopf > .ladezeichen {
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:inherit;
}
.weiche-balken {
    position:fixed;top:0;left:0;z-index:9999;width:100%;height:3px;
    overflow:hidden;pointer-events:none;background:transparent;
}
.weiche-balken::after {
    content:'';display:block;width:35%;height:100%;border-radius:3px;
    background:linear-gradient(90deg,transparent,var(--brand),var(--brand-ink));
    animation:weiche-weiter 1.6s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes weiche-weiter {from {transform:translateX(-100%)}to {transform:translateX(300%)}}
.weiche-ladehinweis {
    position:fixed;top:80px;left:50%;z-index:9999;transform:translateX(-50%);
    display:flex;align-items:center;gap:12px;width:max-content;max-width:min(420px,calc(100% - 32px));
    padding:13px 18px;border:1px solid var(--line);border-radius:16px;
    background:var(--card);color:var(--ink);box-shadow:var(--shadow-lg);
    font-size:13px;line-height:1.5;font-weight:550;pointer-events:none;
    animation:weiche-hinweis-an .2s cubic-bezier(.23,1,.32,1) both;
}
.weiche-ladehinweis > .ladezeichen {color:var(--brand-ink)}
@keyframes weiche-hinweis-an {from {opacity:0;transform:translate(-50%,-5px)}to {opacity:1;transform:translate(-50%,0)}}
@media (max-width:440px) {
    .weiche-ladehinweis {top:72px;padding:12px 15px;border-radius:13px;font-size:12px}
    .ladehinweis--gross {padding:16px;gap:11px}
}
@media (prefers-reduced-motion:reduce) {
    .ladezeichen > i {animation:none;transform:none;opacity:1}
    .ladezeichen > i:nth-child(2) {height:12px}
    .weiche-balken::after {animation:none;transform:none;width:100%;opacity:.6}
    .weiche-ladehinweis {animation:none}
}
.flaeche {--kopf:72px}
@media (max-width:700px){.flaeche {--kopf:60px}}
.flaeche [id] {scroll-margin-top:calc(var(--kopf) + 68px)}
.flaeche .wrap {max-width:1220px;margin:0 auto;padding:0 28px}
@media (max-width:640px){.flaeche .wrap {padding:0 16px}}
.flaeche .top {
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--line);
}
.flaeche .top .wrap {display:flex;align-items:center;gap:var(--abstand-6);height:var(--kopf)}
.flaeche .top form {margin:0}
.flaeche .spacer {flex:1}
.flaeche .lockup {flex:0 0 auto}
.flaeche .who {text-align:right;line-height:1.25;flex:0 0 auto}
.flaeche .who b {display:block;font-size:14px;font-weight:600}
.flaeche .who span {font-size:12.5px;color:var(--ink-3)}
.flaeche .ghost {
  border:1px solid var(--line-2);border-radius:9px;padding:8px var(--abstand-4);
  font-size:13.5px;font-weight:600;color:var(--ink);background:var(--card);
  transition:.15s;flex:0 0 auto;
}
.flaeche a.ghost {text-decoration:none}
.flaeche .ghost:hover {border-color:var(--ink-3)}
.flaeche a.ghost:hover {color:var(--ink)}
.flaeche .top a.ghost,
.flaeche .top button.ghost {display:inline-flex;align-items:center;min-height:44px;line-height:1.2}
.flaeche .farbwahl {flex:0 0 auto;margin:0}
@media (max-width:900px){
  .flaeche .who {display:none}
}
@media (max-width:700px){
  .flaeche .farbwahl {display:none}
  .flaeche .top .wrap {gap:12px}
  .flaeche .ghost {padding:8px 12px;font-size:13px}
}
.flaeche .tabs {
  display:block;overflow-x:visible;
  border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:var(--kopf);z-index:55;
}
.flaeche .tabs .wrap {display:flex;gap:var(--abstand-3);overflow-x:auto;scrollbar-width:none}
.flaeche .tabs .wrap::-webkit-scrollbar {display:none}
.flaeche .tab {
  position:relative;padding:16px 20px;font-size:14.5px;font-weight:600;color:var(--ink-3);
  white-space:nowrap;transition:.15s;display:flex;align-items:center;gap:8px;
  text-decoration:none;
}
.flaeche .tab:first-child {margin-left:-20px}
.flaeche .tab:hover {color:var(--ink-2)}
.flaeche .tab[aria-selected="true"] {color:var(--ink)}
.flaeche .tab[aria-selected="true"]::after {
  content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;
  background:var(--brand);border-radius:2px 2px 0 0;
}
.flaeche .dot {width:7px;height:7px;border-radius:50%;background:var(--wait);flex:0 0 auto}
.flaeche main.wrap {padding:48px 28px 64px}
@media (max-width:640px){.flaeche main.wrap {padding:var(--abstand-8) 16px 48px}}
.flaeche .view {display:none}
.flaeche .view.on {display:block;animation:fade .3s ease}
@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.flaeche .cols {display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:var(--abstand-6);align-items:start}
@media (max-width:980px){.flaeche .cols{grid-template-columns:minmax(0,1fr)}}
.flaeche .stack {display:flex;flex-direction:column;gap:20px;min-width:0}
.flaeche.werkbank {--kopf:80px;--seitenbreite:224px;min-height:100svh}
.flaeche.werkbank:not(:has(> nav.tabs)) {--seitenbreite:0px}
.flaeche.werkbank .top {background:var(--card);backdrop-filter:none}
.flaeche.werkbank .top .wrap {max-width:none;padding:0 40px}
.flaeche.werkbank .who {min-width:0;flex-shrink:1}
.flaeche.werkbank .who b,.flaeche.werkbank .who span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flaeche.werkbank .who b {font-size:13px}
.flaeche.werkbank .who span {font-size:12px}
.flaeche.werkbank .ghost {border-radius:10px;padding:var(--abstand-2) var(--abstand-4);transition:border-color .15s}
.flaeche.werkbank .tabs {background:var(--card)}
.flaeche.werkbank .tabs .wrap {padding-top:8px;padding-bottom:8px;gap:var(--abstand-2)}
.flaeche.werkbank .tab {font-size:13px;padding:var(--abstand-3) var(--abstand-4);border-radius:10px;gap:var(--abstand-3);min-height:44px;transition:background-color .15s,color .15s}
.flaeche.werkbank .tab:first-child {margin-left:0}
.flaeche.werkbank .tab svg {width:19px;height:19px;flex:0 0 auto}
.flaeche.werkbank .tab[aria-current="page"] {color:var(--brand-ink);background:var(--brand-tint)}
.flaeche.werkbank .tab:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .bereichsname {display:none}
.flaeche.werkbank .sprunglink {position:fixed;top:10px;left:12px;z-index:1000;transform:translateY(-180%);padding:12px 20px;border-radius:10px;background:var(--ink);color:var(--card);text-decoration:none}
.flaeche.werkbank .sprunglink:focus {transform:none;outline:3px solid var(--brand);outline-offset:3px}
.flaeche.werkbank main.wrap {max-width:1920px;padding:44px 40px 48px}
.flaeche.werkbank .view.on {animation:none}
.flaeche.werkbank .hello {margin-bottom:var(--abstand-8)}
.flaeche.werkbank .hello h1 {font-size:var(--schrift-seite);letter-spacing:-.045em;line-height:1.15}
.flaeche.werkbank .auftakt {font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink);margin:0 0 12px}
.flaeche.werkbank .next {font-size:14px;box-shadow:none;padding:12px 0;gap:8px;border:0;background:transparent;flex-wrap:wrap;margin-top:var(--abstand-2);color:var(--ink-2)}
.flaeche.werkbank .next b {color:var(--ink)}
.flaeche.werkbank .cols {grid-template-columns:minmax(0,1fr) clamp(300px,24vw,400px);gap:24px}
.flaeche.werkbank .stack {gap:24px}
.flaeche.werkbank .card {border-radius:20px;box-shadow:0 2px 4px -3px rgba(20,23,43,.12)}
.flaeche.werkbank .card.pad {padding:24px}
.flaeche.werkbank .eyebrow {font-size:10px;letter-spacing:.1em;line-height:1.5}
.flaeche.werkbank .h-sec {font-size:21px;line-height:1.25;letter-spacing:-.03em;margin-top:var(--abstand-3)}
.flaeche.werkbank h1.h-sec {font-size:24px;line-height:1.2}
.flaeche.werkbank .sub {line-height:1.7;margin-top:var(--abstand-2)}
.flaeche.werkbank .footnote {max-width:1844px;margin:32px auto 0;padding:24px 40px var(--abstand-8);font-size:11px}
@media (hover:hover) and (pointer:fine) {
  .flaeche.werkbank .tab:hover {background:var(--card-2);color:var(--ink)}
  .flaeche.werkbank .tab[aria-current="page"]:hover {background:var(--brand-tint-2);color:var(--brand-ink)}
}
@media (min-width:1180px) {
  .flaeche.werkbank {padding-left:var(--seitenbreite);padding-top:var(--kopf)}
  .flaeche.werkbank .top {position:fixed;left:0;right:0}
  .flaeche.werkbank .tabs {position:fixed;top:var(--kopf);left:0;bottom:0;width:var(--seitenbreite);border-bottom:0;border-right:1px solid var(--line);overflow-y:auto}
  .flaeche.werkbank .tabs .wrap {display:flex;flex-direction:column;gap:var(--abstand-2);padding:var(--abstand-8) 20px;overflow:visible}
  .flaeche.werkbank .bereichsname {display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:0 var(--abstand-4) var(--abstand-3)}
  .flaeche.werkbank .tab {padding:var(--abstand-3) var(--abstand-4);min-height:48px}
  .flaeche.werkbank .tab .dot {margin-left:auto}
  .flaeche.werkbank [id] {scroll-margin-top:calc(var(--kopf) + 24px)}
}
@media (min-width:1180px) and (max-width:1350px) {
  .flaeche.werkbank .cols {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px) {
  .flaeche.werkbank .cols {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px) {
  .flaeche.werkbank {--kopf:108px}
  .flaeche.werkbank .top .wrap {display:flex;flex-wrap:wrap;align-content:center;gap:0 8px;padding:0 20px}
  .flaeche.werkbank .top .wrap::after {content:'';flex-basis:100%;height:0;order:1}
  .flaeche.werkbank .top .lockup {flex-direction:column;align-items:flex-start;gap:4px;min-height:48px;min-width:0;margin-right:auto}
  .flaeche.werkbank .top .wordmark--produkt {font-size:30px;line-height:1}
  .flaeche.werkbank .top .lockup__by {display:flex;align-items:center;gap:5px;padding:0;border-radius:0}
  .flaeche.werkbank .top .lockup__by::before {display:none}
  .flaeche.werkbank .top .lockup__prefix {padding-left:0;font-size:8px;letter-spacing:.045em;text-transform:none}
  .flaeche.werkbank .top .lockup__zendrion {width:66px}
  .flaeche.werkbank .top .spacer {display:none}
  .flaeche.werkbank .top .wrap > a.ghost {order:3}
  .flaeche.werkbank .top form {order:4}
  .flaeche.werkbank .top .ghost {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--abstand-2) 8px;border-color:transparent;background:transparent;color:var(--ink-2);font-size:12px;font-weight:500;white-space:nowrap}
  .flaeche.werkbank .who {display:block;order:2;flex:1 1 0;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:16px}
  .flaeche.werkbank .who b {display:none}
  .flaeche.werkbank .who span {font-size:11px;color:var(--ink-2)}
  .flaeche.werkbank .farbwahl {display:flex;background:var(--card-2);border-color:transparent}
  .flaeche.werkbank .farbwahl__option {padding:var(--abstand-1)}
  .flaeche.werkbank .farbwahl__option span {width:38px;height:38px}
  .flaeche.werkbank .tabs .wrap {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--abstand-1);padding:var(--abstand-2) 20px}
  .flaeche.werkbank .tab {padding:var(--abstand-2) 4px;justify-content:center;font-size:12px;gap:var(--abstand-1);min-height:44px}
  .flaeche.werkbank .tab svg {display:none}
  .flaeche.werkbank main.wrap {padding:28px 20px 36px}
  .flaeche.werkbank .hello {margin-bottom:var(--abstand-6)}
  .flaeche.werkbank .next {font-size:13px;line-height:1.6}
  .flaeche.werkbank [id] {scroll-margin-top:calc(var(--kopf) + 108px)}
  .flaeche.werkbank .footnote {padding:var(--abstand-6) 20px var(--abstand-8);margin-top:12px}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank .tab, .flaeche.werkbank .ghost {transition:none}
}
@media (max-width:700px) {
  .flaeche.werkbank > .top,.flaeche.werkbank > .tabs {transition:transform var(--dauer,240ms) cubic-bezier(.2,.8,.2,1)}
  .flaeche.werkbank[data-kopf-eingeklappt] > .top {transform:translateY(-100%)}
  .flaeche.werkbank[data-kopf-eingeklappt] > .tabs {transform:translateY(calc(-100% - var(--kopf)))}
}
@media (max-width:700px) and (prefers-reduced-motion:reduce) {
  .flaeche.werkbank > .top,.flaeche.werkbank > .tabs {transition:none}
}
.flaeche .acts > button[form^="einordnung-verwerfen-"] {min-height:44px}
.flaeche.werkbank .startkopf {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:var(--abstand-6)}
.flaeche.werkbank .startkopf .auftakt {margin-bottom:var(--abstand-2);font-size:10px}
.flaeche.werkbank .startkopf h1 {font-size:var(--schrift-seite);line-height:1.2;letter-spacing:-.035em}
.flaeche.werkbank .startkopf__datum {font-size:12px;color:var(--ink-2);text-decoration:none;display:flex;gap:12px;align-items:center}
.flaeche.werkbank .startkopf__datum:hover {color:var(--brand-ink)}
.flaeche.werkbank .startmeldung {border:1px solid var(--line);border-left:3px solid var(--stop);border-radius:12px;background:var(--card);margin-bottom:20px;font-size:12px;color:var(--ink-2)}
.flaeche.werkbank .startmeldung summary {display:flex;align-items:center;gap:12px;padding:var(--abstand-3) 16px;cursor:pointer;list-style:none;line-height:1.55}
.flaeche.werkbank .startmeldung summary::-webkit-details-marker {display:none}
.flaeche.werkbank .startmeldung__zeichen {width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--stop-bg);color:var(--stop);font-weight:700}
.flaeche.werkbank .startmeldung__mehr {margin-left:auto;font-weight:650;color:var(--ink);white-space:nowrap}
.flaeche.werkbank .startmeldung__mehr::after {content:' +'}
.flaeche.werkbank .startmeldung[open] .startmeldung__mehr::after {content:' −'}
.flaeche.werkbank .startmeldung__inhalt {padding:0 16px 16px 52px;border-top:1px solid var(--line)}
.flaeche.werkbank .startmeldung__inhalt p {margin:12px 0;overflow-wrap:anywhere}
.flaeche.werkbank .startmeldung__inhalt a {display:inline-flex;align-items:center;min-height:44px;color:var(--brand-ink);font-weight:600;margin-right:20px;text-underline-offset:3px}
.flaeche.werkbank .startbuehne {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);overflow:hidden;border-radius:24px;background:#30234B;color:#FAF8FF;border:1px solid #46365F}
.flaeche.werkbank .startbuehne__inhalt {padding:28px 32px;min-width:0}
.flaeche.werkbank .startbuehne__auftakt {font-size:10px;letter-spacing:.12em;font-weight:650;text-transform:uppercase;color:#D3C1ED;margin:0 0 12px}
.flaeche.werkbank .startbuehne h2 {font-size:clamp(24px,1.2vw + 12px,30px);letter-spacing:-.04em;line-height:1.16;color:#FAF8FF;font-weight:750;margin:0;text-wrap:balance}
.flaeche.werkbank .startbuehne h2 br {display:none}
.flaeche.werkbank .startbuehne__text {font-size:13px;line-height:1.65;color:#DFD6ED;margin:12px 0 20px;max-width:49ch}
.flaeche.werkbank .startbuehne__frage {font-size:12px;font-weight:550;margin:0 0 var(--abstand-2);color:#DFD6ED}
.flaeche.werkbank .startbuehne .drop {background:#FAF8FF;border:1px solid #FAF8FF;min-height:0;border-radius:12px;padding:var(--abstand-4) var(--abstand-4);text-align:left;color:#30234B}
.flaeche.werkbank .startbuehne .drop__leer {display:grid;grid-template-columns:29px minmax(0,1fr);gap:2px 12px;max-width:none;text-align:left;width:100%;align-items:center}
.flaeche.werkbank .startbuehne .drop__leer > svg {grid-row:1/3;color:#6A3CEF}
.flaeche.werkbank .startbuehne .drop strong {font-size:15px;margin:0;color:#30234B}
.flaeche.werkbank .startbuehne .drop span {max-width:none;font-size:11px;color:#61536F}
.flaeche.werkbank .startbuehne .drop .or {grid-column:2;font-size:10px;color:#61536F;margin:0;line-height:1.5}
.flaeche.werkbank .startbuehne .drop:where(.drop--voll) {border-color:#CEEFAC}
.flaeche.werkbank .startbuehne .drop:has(input:focus-visible) {outline-color:#CEEFAC}
.flaeche.werkbank .startbuehne .drop:hover {background:#EDE6F8;border-color:#C8B5E6}
.flaeche.werkbank .startbuehne .drop__gewaehlt {display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px var(--abstand-4);align-items:center;justify-content:start;text-align:left;width:100%;min-width:0}
.flaeche.werkbank .startbuehne .drop__gewaehlt[hidden] {display:none}
.flaeche.werkbank .startbuehne .drop__gewaehlt > strong {align-self:end}
.flaeche.werkbank .startbuehne .drop__gewaehlt > .drop__dateiname {grid-column:2;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:normal;line-height:1.5}
.flaeche.werkbank .startbuehne .drop__gewaehlt > .or {align-self:start;color:#613B98;font-weight:600}
.flaeche.werkbank .startbuehne .drop__bilder {grid-column:1;grid-row:1 / span 3;display:grid;grid-template-columns:repeat(2,30px);gap:var(--abstand-1);margin:0;align-self:center}
.flaeche.werkbank .startbuehne .drop__bilder:has(img:only-child) {grid-template-columns:72px}
.flaeche.werkbank .startbuehne .drop__bilder img,.flaeche.werkbank .startbuehne .drop__rest {width:30px;height:30px;border-radius:5px;box-shadow:none;font-size:10px}
.flaeche.werkbank .startbuehne .drop__bilder img:only-child {width:72px;height:72px;grid-column:1 / -1;border-radius:8px;object-fit:cover}
.flaeche.werkbank .startbuehne .drop__bilder .drop__rest {grid-column:1 / -1;width:auto;height:20px}
.flaeche.werkbank .startbuehne .startrechte {margin-top:12px;align-items:start;color:var(--buehne-leise);font-size:11px;line-height:1.6}
.flaeche.werkbank .startbuehne .startrechte a {color:var(--buehne-text);text-decoration:underline}
.flaeche.werkbank .startbuehne .startrechte a:focus-visible {outline:2px solid var(--buehne-akzent);outline-offset:3px}
.flaeche.werkbank .startbuehne .startrechte .check__box {width:16px;height:16px;min-width:16px;margin-top:1px;accent-color:#6A3CEF}
.flaeche.werkbank .startbuehne .btn {background:#CEEFAC;border-color:#CEEFAC;color:#20311B;box-shadow:none;font-size:12px;min-height:44px}
.flaeche.werkbank .startbuehne .btn:not(.sec) {color:#20311B}
.flaeche.werkbank .startbuehne .btn:focus-visible {outline-color:#CEEFAC}
.flaeche.werkbank .startbuehne .acts {margin-top:2px}
.flaeche.werkbank .startbuehne .mini,.flaeche.werkbank .startbuehne .fehler,.flaeche.werkbank .startbuehne .feldfehler {color:#F4DEE2}
.flaeche.werkbank .startbuehne .pipe {color:#FAF8FF}
.flaeche.werkbank .startmotiv {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:28px 32px;background:#3C2B59;isolation:isolate}
.flaeche.werkbank .startmotiv::before {content:'';position:absolute;z-index:-1;width:430px;height:430px;border:1px solid #65517F;border-radius:50%;right:-60px;top:-100px}
.flaeche.werkbank .startmotiv::after {content:'';position:absolute;z-index:-1;width:430px;height:430px;border:1px solid #65517F;border-radius:50%;right:-160px;top:-45px}
.flaeche.werkbank .startmotiv__etikett {font-size:10px;font-weight:500;letter-spacing:.02em;margin-top:28px;color:#DFD6ED}
.flaeche.werkbank .startmotiv__leer {text-align:center;width:100%}
.flaeche.werkbank .startmotiv__leer svg {width:100%;max-width:280px;height:auto}
.flaeche.werkbank .startmotiv__leer p {font-family:Archivo;font-size:17px;line-height:1.5;letter-spacing:-.02em;color:#FAF8FF}
.flaeche.werkbank .startfoto > form {display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.flaeche.werkbank .startfoto .startauswahl {display:flex;flex:1 1 auto}
.flaeche.werkbank .startfoto .drop {display:flex;flex:1 1 auto;align-items:center;min-height:132px;padding:var(--abstand-6) 20px;border:1.5px dashed #C8B5E6;border-radius:14px;transition:background-color .18s,border-color .18s}
.flaeche.werkbank .startfoto .drop.over {background:#EDE6F8;border-color:#6A3CEF}
.flaeche.werkbank .startfoto .drop strong {font-size:16px}
.flaeche.werkbank .drop__gewaehlt > .drop__keinbild {grid-column:1 / -1;font-size:12px;line-height:1.5;color:#61536F}
.flaeche.werkbank .startfoto .drop strong .drop__ziehen {display:none;font-size:inherit;font-weight:500;color:#61536F}
.flaeche.werkbank .startfoto .drop__leer span {font-size:12px;line-height:1.55}
.flaeche.werkbank .startfoto .drop .or {font-size:11.5px}
.flaeche.werkbank .startfoto .drop__bilder:has(img:only-child) {grid-template-columns:96px}
.flaeche.werkbank .startfoto .drop__bilder img:only-child {width:96px;height:96px}
.flaeche.werkbank .startfoto .startbuehne__frage {font-size:13px;font-weight:650;color:var(--buehne-text,#FAF8FF)}
.flaeche.werkbank .startfoto .karussellplaetze__angebot.startfoto__mehrere {margin:16px 0 0}
.flaeche.werkbank .startbuehne__inhalt > .startmotiv__leer {margin-top:24px}
@media (hover:hover) and (pointer:fine) and (min-width:701px) {
  .flaeche.werkbank .startfoto .drop strong .drop__ziehen {display:inline}
}
.flaeche.werkbank .drop .drop__fehler {display:block;margin-top:12px;padding-top:12px;border-top:1px solid currentColor;line-height:1.6;white-space:normal}
.flaeche.werkbank .drop .drop__fehler[hidden] {display:none}
.flaeche.werkbank .startschritt {display:flex;margin:0;padding:20px 0 24px;line-height:1.6;font-size:12px}
.flaeche.werkbank .startseite__neben .assign {padding:24px;background:var(--brand-tint)}
.flaeche.werkbank .startseite__neben .assign .tagline {color:var(--brand-ink)}
.flaeche.werkbank .startweiter {overflow:hidden;padding:0}
.flaeche.werkbank .startweiter__kopf {padding:var(--abstand-6) 24px var(--abstand-4);display:flex;align-items:center;justify-content:space-between;gap:12px}
.flaeche.werkbank .startweiter__kopf h2 {font-size:18px;line-height:1.3;letter-spacing:-.03em}
.flaeche.werkbank .startweiter__kopf > span {font-size:10px;color:var(--ink-2)}
.flaeche.werkbank .startweiter__liste {list-style:none;margin:0;padding:0}
.flaeche.werkbank .startweiter__zeile {display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:var(--abstand-4);padding:16px 24px;border-top:1px solid var(--line)}
.flaeche.werkbank .startweiter__zeile > img {width:58px;height:64px;object-fit:cover;border-radius:8px;background:var(--card-2)}
.flaeche.werkbank .startweiter__text {display:flex;flex-direction:column;gap:var(--abstand-2);min-width:0;overflow-wrap:anywhere}
.flaeche.werkbank .startweiter__text strong {font-size:13px;line-height:1.4}
.flaeche.werkbank .startweiter__text > span {font-size:12px;line-height:1.55;color:var(--ink-2)}
.flaeche.werkbank .startweiter__aktionen {display:flex;align-items:center;gap:4px}
.flaeche.werkbank .startweiter__aktionen .btn {min-height:44px;font-size:11px;justify-content:center}
.flaeche.werkbank .startweiter__aktionen form {margin:0}
.flaeche.werkbank .startweiter__aktionen form button {width:100%;min-height:44px;background:transparent;border-color:transparent;color:var(--ink-2);box-shadow:none}
.flaeche.werkbank .startweiter__aktionen form button:hover {color:var(--stop);background:var(--stop-bg)}
.flaeche.werkbank .starttermine .eyebrow {margin-bottom:var(--abstand-4)}
.flaeche.werkbank .starttermin {display:flex;flex-direction:column;gap:var(--abstand-1);margin:0 0 var(--abstand-4);border-bottom:1px solid var(--line);padding-bottom:var(--abstand-4);overflow-wrap:anywhere}
.flaeche.werkbank .starttermin b {font-size:12px;color:var(--brand-ink)}
.flaeche.werkbank .starttermin > span {font-size:13px;line-height:1.5;color:var(--ink)}
.flaeche.werkbank .starttermine .queue__mehr {font-size:12px;display:inline-flex;align-items:center;min-height:44px}
.flaeche.werkbank .starttermine .queue__item {font-size:12px;border-radius:10px;white-space:normal;margin-bottom:var(--abstand-3)}
.flaeche.werkbank .startueberblick {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:var(--abstand-4) 0 0;padding:0;list-style:none}
.flaeche.werkbank .startueberblick > li {display:flex;min-width:0;margin:0}
.flaeche.werkbank .startueberblick__kachel {display:grid;align-content:start;gap:var(--abstand-1);width:100%;min-width:0;min-height:44px;padding:12px 12px var(--abstand-3);border:1px solid var(--line);border-radius:var(--r-s);background:var(--card-2);color:var(--ink);text-decoration:none;overflow-wrap:anywhere;hyphens:auto;box-sizing:border-box}
.flaeche.werkbank .startueberblick__name {color:var(--ink-2);font-size:12px;font-weight:600;line-height:1.35}
.flaeche.werkbank .startueberblick__punkt {display:inline-block;width:7px;height:7px;margin-right:var(--abstand-2);border-radius:50%;background:var(--wait);vertical-align:.1em}
.flaeche.werkbank .startueberblick__zahl {color:var(--ink);font-family:var(--font-display);font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.15}
.flaeche.werkbank .startueberblick__zahl span {color:var(--ink-2);font-size:15px;font-weight:500;letter-spacing:-.01em}
.flaeche.werkbank .startueberblick__zusatz {color:var(--ink-2);font-size:11.5px;line-height:1.45}
.flaeche.werkbank .startueberblick__kachel:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px;border-radius:var(--r-s)}
@media (hover:hover) and (pointer:fine) {
    .flaeche.werkbank .startueberblick__kachel:hover {border-color:var(--brand-ink);background:var(--brand-tint);transition:background-color 160ms ease-out,border-color 160ms ease-out}
}
@media (prefers-reduced-motion:no-preference) {
    .flaeche.werkbank .startueberblick__kachel:active:not(:focus-visible) {transform:scale(.985);transition:transform 120ms cubic-bezier(.23,1,.32,1)}
}
@media (prefers-reduced-motion:reduce) {
    .flaeche.werkbank .startueberblick__kachel {transition:none}
}
@media (max-width:380px) {
    .flaeche.werkbank .startueberblick {gap:var(--abstand-2)}
    .flaeche.werkbank .startueberblick__kachel {padding:var(--abstand-3) var(--abstand-3) var(--abstand-3)}
    .flaeche.werkbank .startueberblick__zahl {font-size:22px}
}
.flaeche.werkbank .startwege {display:grid;gap:20px;min-width:0}
.flaeche.werkbank .startwege .vorratsweg {margin:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.flaeche.werkbank .startwege .vorratsweg__kopf {padding:0 32px 0 0;border:0;background:none;gap:8px}
.flaeche.werkbank .startwege .vorratsweg__kopf strong {font-size:18px;line-height:1.35}
.flaeche.werkbank .startwege .vorratsweg__kopf > span {font-size:13px;line-height:1.6}
.flaeche.werkbank .startwege .vorratsweg[open] > form {padding-top:var(--abstand-6);margin-top:var(--abstand-6);border-top:1px solid var(--line)}
.flaeche.werkbank .startwege .vorratsweg__gitter {margin-top:0;gap:var(--abstand-4)}
.flaeche.werkbank .startwege .videoweg {display:grid;gap:20px;margin:0;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.flaeche.werkbank .videoweg__text h3 {margin:var(--abstand-2) 0 var(--abstand-3);font-size:21px;letter-spacing:-.03em}
.flaeche.werkbank .videoweg__text p {max-width:54ch;margin:0;font-size:13px;line-height:1.7;color:var(--ink-2)}
.flaeche.werkbank .videoweg__auswahl {display:grid;gap:var(--abstand-2);min-width:0}
.flaeche.werkbank .videoweg__auswahl label {font-size:13px;font-weight:650}
.flaeche.werkbank .videoweg__auswahl input {width:100%;max-width:100%;min-width:0;padding:8px;border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:12px;color:var(--ink);background:var(--card-2)}
.flaeche.werkbank .videoweg__auswahl input::file-selector-button {min-height:38px;border:0;border-radius:6px;margin-right:10px;padding:8px 12px;background:var(--brand-tint);color:var(--brand-ink);font:inherit;font-weight:600;cursor:pointer}
.flaeche.werkbank .videoweg > .btn {justify-self:start;min-height:44px}
.flaeche.werkbank .startthema {margin:24px 0;padding:20px;border:1px solid #817196;border-radius:12px;background:#ffffff0a}
.flaeche.werkbank .startthema > span {display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#D8CFE8}
.flaeche.werkbank .startthema strong {display:block;font-size:19px;margin:8px 0}
.flaeche.werkbank .startthema p {font-size:13px;line-height:1.6;color:#E5DDF0;margin:0}
.flaeche.werkbank .startthema a {display:inline-flex;align-items:center;min-height:44px;color:#CEEFAC;font-size:12px;text-underline-offset:4px}
.flaeche.werkbank .startbuehne .startthema {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--abstand-1) 16px;align-items:center;padding:var(--abstand-4) 16px;margin:16px 0 20px;border-color:#67557F;background:#ffffff08}
.flaeche.werkbank .startbuehne .startthema > span {grid-column:1;font-size:10px;letter-spacing:.06em}
.flaeche.werkbank .startbuehne .startthema strong {grid-column:1;margin:2px 0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.flaeche.werkbank .startbuehne .startthema p {grid-column:1;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.flaeche.werkbank .startbuehne .startthema a {grid-column:2;grid-row:1 / span 3;gap:var(--abstand-2);white-space:nowrap;font-size:11px;line-height:1.4;text-decoration:none;border-radius:6px;padding:4px;transition:color .16s}
.flaeche.werkbank .startbuehne .startthema a:hover {color:#FAF8FF;text-decoration:none}
.flaeche.werkbank #einwurf {scroll-margin-top:180px}
.flaeche.werkbank .briefaktion {display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px;padding-top:var(--abstand-6);border-top:1px solid var(--line)}
.flaeche.werkbank .briefaktion p {max-width:36ch;margin:0}
.flaeche.werkbank .planauftakt {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.flaeche.werkbank .planauftakt h1 {font-size:var(--schrift-seite);line-height:1.1;letter-spacing:-.055em;margin:12px 0}
.flaeche.werkbank .planauftakt p:not(.auftakt) {font-size:14px;line-height:1.7;color:var(--ink-2);margin:0;max-width:58ch}
.flaeche.werkbank .planauftakt > .btn {flex-shrink:0;min-height:44px}
.flaeche.werkbank .planleitlinie {display:flex;flex-wrap:wrap;gap:20px 40px;padding:20px 24px;margin-bottom:28px;background:var(--brand-tint);border:1px solid var(--brand-tint-2);border-radius:14px}
.flaeche.werkbank .planleitlinie > span {display:grid;gap:var(--abstand-2)}
.flaeche.werkbank .planleitlinie small {font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.flaeche.werkbank .planleitlinie strong {font-size:13px;color:var(--ink);font-weight:650}
.flaeche.werkbank .planarbeit {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;align-items:start;margin-bottom:48px}
.flaeche.werkbank .planarbeit__kalender {min-width:0}
.flaeche.werkbank .planarbeit #kalender {margin:0;padding:24px}
.flaeche.werkbank .planvorrat {padding:24px;min-width:0}
.flaeche.werkbank .planbereich__kopf {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}
.flaeche.werkbank .planbereich__kopf h2 {font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:var(--abstand-2) 0 0}
.flaeche.werkbank .planbereich__kopf .auftakt {font-size:9px}
.flaeche.werkbank .planbereich__kopf a {font-size:12px;display:inline-flex;align-items:center;min-height:44px}
.flaeche.werkbank .planvorrat h2 {font-size:20px}
.flaeche.werkbank .plananzahl {display:grid;place-items:center;min-width:34px;min-height:34px;padding:var(--abstand-2);border-radius:50%;background:var(--brand-tint);font-size:12px;color:var(--brand-ink)}
.flaeche.werkbank .planstueck {display:flex;flex-direction:column;gap:8px;padding:20px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);overflow-wrap:anywhere}
.flaeche.werkbank a.planstueck:hover strong {color:var(--brand-ink)}
.flaeche.werkbank .planstueck__status {font-size:10px;font-weight:650;color:var(--ink-2)}
.flaeche.werkbank .planstueck__status--halt {color:var(--stop)}
.flaeche.werkbank .planstueck strong {font-size:14px;font-weight:650;line-height:1.5}
.flaeche.werkbank .planstueck__aktion {display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--brand-ink);line-height:1.6}
.flaeche.werkbank .planstueck__wege {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:4px}
.flaeche.werkbank .planstueck__wege a {min-height:44px;text-decoration:none}
.flaeche.werkbank .planstueck__wege .planstueck__aktion {align-items:center;font-size:12px}
.flaeche.werkbank .planstueck__wege .btn {font-size:12px;padding:10px 14px;white-space:normal}
.flaeche.werkbank .planleer {padding:12px 0 0}
.flaeche.werkbank .planleer > span {display:block;font-size:36px;color:var(--brand-ink);margin-bottom:12px}
.flaeche.werkbank .planleer h3 {font-size:19px;line-height:1.35;letter-spacing:-.025em}
.flaeche.werkbank .planleer p {font-size:13px;line-height:1.75;color:var(--ink-2);margin:var(--abstand-4) 0 var(--abstand-6)}
.flaeche.werkbank .planthemen {margin-bottom:32px}
.flaeche.werkbank .planthemen__hinweis {font-size:13px;line-height:1.75;color:var(--ink-2);max-width:82ch;margin:-4px 0 var(--abstand-6)}
.flaeche.werkbank .planthemen__gitter {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.flaeche.werkbank .planthema {display:flex;flex-direction:column;align-items:start;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--card);min-width:0}
.flaeche.werkbank .planthema > * {min-width:0;max-width:100%;overflow-wrap:anywhere}
.flaeche.werkbank .planthema__kopf {display:flex;align-items:center;gap:var(--abstand-4);margin-bottom:var(--abstand-6);color:var(--ink-2);font-size:11px;line-height:1.6}
.flaeche.werkbank .planthema__nummer {font-family:Archivo;font-size:26px;letter-spacing:-.06em;color:var(--brand-ink);flex-shrink:0;white-space:nowrap}
.flaeche.werkbank .planthema h3 {font-size:21px;letter-spacing:-.035em;line-height:1.3;margin:0 0 var(--abstand-3)}
.flaeche.werkbank .planthema > p {font-size:13px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}
.flaeche.werkbank .planthema__auftrag {width:100%;margin:0 0 20px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
.flaeche.werkbank .planthema__auftrag > summary {padding:12px var(--abstand-4);font-size:12px;line-height:1.5;min-height:48px;border-radius:12px}
.flaeche.werkbank .planthema__auftrag[open] > summary {border-radius:12px 12px 0 0}
.flaeche.werkbank .planthema__hinweise {padding:16px}
.flaeche.werkbank .planthema__auftrag ul {padding:0 0 0 20px;margin:0;font-size:12px;line-height:1.7;color:var(--ink-2)}
.flaeche.werkbank .planthema__auftrag li + li {margin-top:8px}
.flaeche.werkbank .planthema__auftrag p {font-size:12px;line-height:1.7;margin:var(--abstand-4) 0 0}
.flaeche.werkbank .planthema > .btn {min-height:44px;font-size:12px;width:100%;justify-content:space-between;white-space:normal;text-align:left}
@supports (grid-template-rows:subgrid) {
  @media (min-width:701px) {
    .flaeche.werkbank .planthemen__gitter {align-items:stretch}
    .flaeche.werkbank .planthema {display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
    .flaeche.werkbank .planthema > .btn {align-self:stretch}
  }
}
.flaeche.werkbank .planstrategie {margin:0 0 36px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.flaeche.werkbank .planstrategie > summary {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;list-style:none;cursor:pointer;background:none;border:0}
.flaeche.werkbank .planstrategie > summary::-webkit-details-marker {display:none}
.flaeche.werkbank .planstrategie > summary small {display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.flaeche.werkbank .planstrategie > summary strong {font-size:17px;line-height:1.45}
.flaeche.werkbank .planstrategie__oeffnen {font-size:26px;color:var(--brand-ink)}
.flaeche.werkbank .planstrategie[open] .planstrategie__oeffnen {transform:rotate(45deg)}
.flaeche.werkbank .planstrategie__inhalt {padding:0 24px 24px}
.flaeche.werkbank .planstrategie__inhalt > p {font-size:13px;line-height:1.75;color:var(--ink-2);max-width:85ch}
.flaeche.werkbank .planphasen {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:var(--abstand-6) 0}
.flaeche.werkbank .planphase {display:flex;flex-direction:column;gap:var(--abstand-3);padding:20px 16px;background:var(--card-2);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.flaeche.werkbank .planphase span,.flaeche.werkbank .planphase small {font-size:11px;color:var(--ink-2)}
.flaeche.werkbank .planphase strong {font-size:14px;line-height:1.5}
.flaeche.werkbank .planphase--gewaehlt {background:var(--brand-tint);border-color:var(--brand)}
.flaeche.werkbank .planstrategie .phasenote {padding:var(--abstand-6);border:0}
.flaeche.werkbank .planstrategie .phasenote h3 {font-size:18px;margin-bottom:12px}
.flaeche.werkbank .planerschienen__liste {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
@media (max-width:1100px) {
  .flaeche.werkbank .planarbeit {grid-template-columns:minmax(0,1fr)}
  .flaeche.werkbank .planvorrat {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .flaeche.werkbank .planvorrat .planbereich__kopf,.flaeche.werkbank .planvorrat > .mini {grid-column:1/-1}
}
@media (max-width:700px) {
  .flaeche.werkbank .planauftakt {align-items:start;flex-direction:column;gap:20px;margin-bottom:20px}
  .flaeche.werkbank .planleitlinie {padding:20px;gap:20px 28px}
  .flaeche.werkbank .planarbeit {gap:20px;margin-bottom:36px}
  .flaeche.werkbank .planarbeit #kalender {padding:20px 12px}
  .flaeche.werkbank .planvorrat {display:block;padding:20px}
  .flaeche.werkbank .planthemen__gitter {grid-template-columns:minmax(0,1fr)}
  .flaeche.werkbank .planthema {padding:var(--abstand-6)}
  .flaeche.werkbank .planphasen {grid-template-columns:repeat(2,minmax(0,1fr))}
  .flaeche.werkbank .planphase {padding:16px 12px}
  .flaeche.werkbank .planstrategie > summary {padding:var(--abstand-6)}
  .flaeche.werkbank .planstrategie__inhalt {padding:0 20px 20px}
  .flaeche.werkbank .planerschienen__liste {grid-template-columns:minmax(0,1fr)}
  .flaeche.werkbank .startwege .vorratsweg,.flaeche.werkbank .startwege .videoweg {padding:var(--abstand-6)}
}
@media (max-width:1100px) {
  .flaeche.werkbank .startbuehne__inhalt {padding:28px}
  .flaeche.werkbank .startmotiv {padding:32px 28px}
}
@media (max-width:700px) {
  .flaeche.werkbank .startkopf {margin-bottom:20px}
  .flaeche.werkbank .startkopf__datum {display:none}
  .flaeche.werkbank .startmeldung summary {padding:12px;font-size:11px;gap:var(--abstand-2);align-items:start}
  .flaeche.werkbank .startmeldung__mehr {font-size:10px}
  .flaeche.werkbank .startmeldung__inhalt {padding:0 var(--abstand-4) 12px}
  .flaeche.werkbank .startbuehne {grid-template-columns:minmax(0,1fr);border-radius:20px}
  .flaeche.werkbank .startbuehne__inhalt {padding:var(--abstand-6) 20px}
  .flaeche.werkbank .startbuehne h2 {font-size:26px}
  .flaeche.werkbank .startbuehne__text {font-size:12px;margin:12px 0 16px}
  .flaeche.werkbank .startbuehne .startthema {gap:var(--abstand-1) 8px;padding:12px}
  .flaeche.werkbank .startbuehne .drop {padding:12px}
  .flaeche.werkbank .startbuehne .drop__gewaehlt {column-gap:var(--abstand-3)}
  .flaeche.werkbank .startbuehne__auftakt {font-size:9px;margin-bottom:var(--abstand-3)}
  .flaeche.werkbank .startmotiv,.flaeche.werkbank .startbuehne__inhalt > .startmotiv__leer {display:none}
  .flaeche.werkbank .startschritt {font-size:11px;padding:20px 0}
  .flaeche.werkbank .startweiter__kopf {padding:20px 20px 16px;flex-wrap:wrap;gap:var(--abstand-1)}
  .flaeche.werkbank .startweiter__kopf h2 {font-size:17px}
  .flaeche.werkbank .startweiter__zeile {grid-template-columns:52px minmax(0,1fr);padding:16px 20px;gap:8px 12px}
  .flaeche.werkbank .startweiter__zeile > img {width:52px;height:58px;align-self:start}
  .flaeche.werkbank .startweiter__aktionen {grid-column:2;flex-direction:row;flex-wrap:wrap;gap:4px}
  .flaeche.werkbank .startweiter__aktionen .btn {padding:10px 10px}
}
.flaeche .hello {margin-bottom:36px}
.flaeche .hello h1 {font-size:clamp(28px,3.8vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.flaeche .next {
  margin-top:20px;display:inline-flex;align-items:center;gap:12px;
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--brand);
  border-radius:var(--r-s);padding:var(--abstand-3) 20px var(--abstand-3) var(--abstand-4);box-shadow:var(--shadow);
  font-size:15px;line-height:1.55;
}
.flaeche .next b {font-weight:700;white-space:nowrap}
.flaeche .next .tiny {color:var(--ink-3);font-size:13px}
.flaeche .queue {
  margin-top:var(--abstand-4);display:flex;flex-wrap:wrap;align-items:center;gap:8px var(--abstand-4);
  font-size:13.5px;color:var(--ink-2);
}
.flaeche .queue__label {
  font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);
}
.flaeche .queue__item {
  display:inline-flex;align-items:center;gap:var(--abstand-2);
  background:var(--card);border:1px solid var(--line);border-radius:99px;
  padding:var(--abstand-1) 12px;white-space:nowrap;
}
.flaeche .queue__item b {font-weight:700;color:var(--ink)}
.flaeche .queue__item--wartet {
  white-space:normal;border-style:dashed;color:var(--ink-2);
}
.flaeche .queue__item--wartet a {color:var(--brand);font-weight:600}
.flaeche .queue__item--ueberfaellig {
  white-space:normal;background:var(--stop-bg);border-color:var(--stop);color:var(--stop);
}
.flaeche .queue__item--ueberfaellig b {color:var(--stop)}
.flaeche .feldfehler {margin:var(--abstand-2) 0 0;font-size:13px;color:var(--stop);font-weight:600}
.flaeche .queue__mehr {color:var(--brand);font-weight:600;text-decoration:none;white-space:nowrap}
.flaeche .queue__mehr:hover {text-decoration:underline;text-underline-offset:3px}
.flaeche .card {background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.flaeche .card.pad {padding:var(--abstand-6)}
.flaeche .eyebrow {
  font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);
  display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;
}
.flaeche .h-sec {font-size:19px;font-weight:700;letter-spacing:-.02em;margin-top:var(--abstand-1)}
.flaeche .sub {color:var(--ink-2);font-size:14px;margin-top:var(--abstand-1)}
.flaeche .bench {
  background:linear-gradient(152deg,var(--brand-tint) 0%, var(--card) 62%);
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);
  padding:24px;
}
.flaeche .bench-grid {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-top:16px}
@media (max-width:780px){.flaeche .bench-grid{grid-template-columns:1fr}}
.flaeche .drop {
  border:2px dashed var(--line-2);border-radius:var(--r);background:var(--card);
  min-height:224px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:28px 20px;gap:var(--abstand-2);transition:.18s;cursor:pointer;position:relative;
}
.flaeche .drop:hover {border-color:var(--brand);background:var(--brand-tint)}
.flaeche .drop.over {border-color:var(--brand);background:var(--brand-tint);transform:scale(1.012)}
.flaeche .drop .ic {
  width:46px;height:46px;border-radius:13px;background:var(--brand);color:#fff;
  display:grid;place-items:center;margin-bottom:8px;box-shadow:0 8px 20px -8px var(--brand);
}
.flaeche .drop strong {font-family:Archivo;font-size:17px;font-weight:700;letter-spacing:-.02em}
.flaeche .drop span {font-size:13.5px;color:var(--ink-2);max-width:30ch}
.flaeche .drop .or {font-size:12.5px;color:var(--ink-3);margin-top:4px}
.flaeche .drop__leer, .flaeche .drop__gewaehlt {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-2);text-align:center;
}
.flaeche .drop:where(.drop--voll) {border-style:solid;border-color:var(--go);background:var(--go-bg)}
.flaeche .drop__gewaehlt strong {font-family:Archivo;font-size:17px;font-weight:700;letter-spacing:-.02em}
.flaeche .drop__gewaehlt > span {font-size:13.5px;color:var(--ink-2);max-width:30ch;word-break:break-word}
.flaeche .drop__bilder {display:flex;align-items:center;gap:var(--abstand-2);margin-bottom:var(--abstand-2)}
.flaeche .drop__bilder img {flex:0 0 auto;
  width:62px;height:62px;object-fit:cover;border-radius:10px;
  border:1px solid var(--line);box-shadow:var(--shadow);display:block;
}
.flaeche .drop__rest {flex:0 0 auto;
  width:62px;height:62px;border-radius:10px;display:grid;place-items:center;
  background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:700;color:var(--ink-2);
}
.flaeche.werkbank .bench {container-type:inline-size;padding:28px;background:var(--card);border-radius:24px;border-color:var(--line);box-shadow:0 4px 18px -14px rgba(20,23,43,.18)}
.flaeche.werkbank .bench > .h-sec {font-size:clamp(23px,2.2vw,29px);margin-top:var(--abstand-3)}
.flaeche.werkbank .bench > .sub {max-width:58ch}
.flaeche.werkbank .bench-grid {grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:16px;margin-top:24px}
.flaeche.werkbank .drop {min-height:276px;background:var(--brand-tint);border:1.5px dashed var(--brand);border-radius:18px;padding:24px 16px;transition:border-color .16s,background-color .16s}
.flaeche.werkbank .drop strong {font-size:17px;margin-top:var(--abstand-2)}
.flaeche.werkbank .drop .or {font-size:12px;line-height:1.6;color:var(--ink-2)}
.flaeche.werkbank .fotozeichen {width:118px;height:90px;max-width:none;margin-bottom:2px}
.flaeche.werkbank .fotozeichen__papier {fill:var(--card);stroke:var(--brand);stroke-width:1.6}
.flaeche.werkbank .fotozeichen__motiv {fill:var(--brand-tint-2)}
.flaeche.werkbank .fotozeichen__akzent {fill:var(--brand)}
.flaeche.werkbank .fotozeichen__linie {stroke:var(--brand-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.flaeche.werkbank .assign {padding:var(--abstand-6) 20px;border:0;border-radius:18px;background:var(--card-2)}
.flaeche.werkbank .assign h4 {font-size:18px;line-height:1.2;margin:var(--abstand-3) 0}
.flaeche.werkbank .assign p, .flaeche.werkbank .assign ul {font-size:13px;line-height:1.7}
.flaeche.werkbank .drop:where(.drop--voll) {background:var(--go-bg);border-color:var(--go);border-style:solid}
.flaeche.werkbank .drop:has(input:focus-visible) {outline:3px solid var(--brand-ink);outline-offset:4px}
@container (max-width:540px) {
  .flaeche.werkbank .bench-grid {grid-template-columns:minmax(0,1fr)}
}
@media (hover:hover) and (pointer:fine) {
  .flaeche.werkbank .drop:hover {background:var(--brand-tint-2);border-color:var(--brand-ink)}
}
@media (max-width:700px) {
  .flaeche.werkbank .bench {padding:20px;border-radius:20px}
  .flaeche.werkbank .drop {min-height:240px}
  .flaeche.werkbank .card.pad {padding:20px}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank .drop {transition:none}
}
.flaeche .btn[disabled] {opacity:.45;cursor:not-allowed;box-shadow:none;filter:none}
.flaeche .btn[disabled]:hover {filter:none}
.flaeche .beitragsbild--video {margin:0;border-radius:14px;overflow:hidden;background:#0C0E18;
  border:1px solid var(--line);max-width:270px}
.flaeche .beitragsbild--video video {display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
.flaeche .abomenge {border:0;padding:0;margin:0 0 var(--abstand-6)}
.flaeche .abomenge legend {font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:var(--ink-2);margin-bottom:var(--abstand-3)}
.flaeche .abomenge__reihe {display:grid;grid-template-columns:repeat(3,minmax(120px,180px));gap:12px}
@media (max-width:560px){.flaeche .abomenge__reihe {grid-template-columns:1fr}}
.flaeche .abomenge__knopf {position:relative;display:flex;flex-direction:column;align-items:center;
  gap:1px;border:1.5px solid var(--line-2);border-radius:14px;padding:16px 12px;cursor:pointer;
  transition:.15s;text-align:center;background:var(--card)}
.flaeche .abomenge__knopf:hover {border-color:var(--brand)}
.flaeche .abomenge__knopf input {position:absolute;opacity:0;pointer-events:none}
.flaeche .abomenge__knopf b {font-family:Archivo;font-weight:800;font-size:28px;line-height:1}
.flaeche .abomenge__knopf > span {font-size:12.4px;color:var(--ink-2)}
.flaeche .abomenge__knopf small {font-size:11.8px;color:var(--ink-3);margin-top:var(--abstand-1)}
.flaeche .abomenge__knopf:has(input:checked) {border-color:var(--brand);background:var(--brand-tint);
  box-shadow:0 8px 22px -12px var(--brand)}
.flaeche .abomenge__knopf:has(input:checked) small {color:var(--ink-2)}
.flaeche .abomenge__knopf:has(input:focus-visible) {outline:2px solid var(--brand);outline-offset:2px}
.flaeche .abomenge__knopf:has(input:disabled) {cursor:default;opacity:.75}
.flaeche .abobausteine {display:flex;flex-direction:column;gap:var(--abstand-3);max-width:560px}
.flaeche .abobaustein {display:flex;gap:var(--abstand-3);align-items:flex-start;border:1.5px solid var(--line-2);
  border-radius:14px;padding:var(--abstand-4) 16px;cursor:pointer;transition:.15s;background:var(--card)}
.flaeche .abobaustein:hover {border-color:var(--brand)}
.flaeche .abobaustein input {position:absolute;opacity:0;pointer-events:none}
.flaeche .abobaustein__haken {flex:0 0 22px;height:22px;border-radius:7px;border:2px solid var(--line-2);
  margin-top:1px;display:grid;place-items:center;transition:.15s}
.flaeche .abobaustein:has(input:checked) {border-color:var(--brand);background:var(--brand-tint)}
.flaeche .abobaustein:has(input:checked) .abobaustein__haken {background:var(--brand);border-color:var(--brand)}
.flaeche .abobaustein:has(input:checked) .abobaustein__haken::after {content:'';width:6px;height:11px;
  border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg);margin-top:-3px}
.flaeche .abobaustein:has(input:focus-visible) {outline:2px solid var(--brand);outline-offset:2px}
.flaeche .abobaustein:has(input:disabled) {cursor:default;opacity:.75}
.flaeche .abobaustein__wort b {display:block;font-size:15px;font-weight:700}
.flaeche .abobaustein__wort span {display:block;font-size:13px;color:var(--ink-2);margin-top:2px;line-height:1.5}
.flaeche .pakete {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--abstand-4);margin-top:20px}
.flaeche .paketkarte {border:1.5px solid var(--line-2);border-radius:14px;padding:20px var(--abstand-4);
  background:var(--card);display:flex;flex-direction:column;gap:var(--abstand-2);margin:0;transition:.15s}
.flaeche .paketkarte:hover {border-color:var(--brand)}
.flaeche .paketkarte--an {border-color:var(--brand);background:var(--brand-tint)}
.flaeche .paketkarte > b {font-family:Archivo;font-size:19px;font-weight:700;line-height:1.1}
.flaeche .paketkarte__takt {font-size:13.6px;font-weight:600;color:var(--brand-ink)}
.flaeche .paketkarte p {font-size:13.2px;color:var(--ink-2);line-height:1.5;margin:2px 0 0}
.flaeche .paketkarte__liste {list-style:none;padding:0;margin:8px 0 0;display:flex;
  flex-direction:column;gap:4px}
.flaeche .paketkarte__liste li {font-size:12.8px;color:var(--ink-2);padding-left:var(--abstand-4);position:relative}
.flaeche .paketkarte__liste li::before {content:'';position:absolute;left:2px;top:7px;width:6px;height:6px;
  border-radius:50%;background:var(--brand);opacity:.6}
.flaeche .paketkarte__preis {font-size:12.6px;color:var(--ink-3);margin-top:8px}
.flaeche .paketkarte__jetzt {font-size:12.6px;font-weight:700;color:var(--brand-ink);margin-top:4px}
.flaeche .paketkarte .btn {margin-top:8px;align-self:flex-start}
.flaeche .videoweg {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:var(--abstand-4);
  padding-top:var(--abstand-4);border-top:1px dashed var(--line-2)}
.flaeche .videoweg__knopf {display:inline-flex;align-items:center;gap:var(--abstand-2);border:1px solid var(--line-2);
  background:var(--card);border-radius:10px;padding:var(--abstand-3) 16px;font-size:13.8px;font-weight:600;
  color:var(--ink-2);cursor:pointer;transition:.15s}
.flaeche .videoweg__knopf:hover {border-color:var(--brand);color:var(--brand-ink)}
@font-face {
    font-family: 'Caveat';
    src: url('/fonts/caveat-600.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
.werbung {
    --w-papier: #FBF8F1;
    --w-warm: #F4EEE1;
    --w-karte: #FFFFFF;
    --w-ink: #1E2233;
    --w-ink-2: #5C6274;
    --w-ink-3: #8B90A0;
    --w-line: #E9E3D4;
    --w-line-2: #D9D2BF;
    --w-brand: #6A3CEF;
    --w-brand-2: #8B63FF;
    --w-brand-ink: #4A22C4;
    --w-tint: #F0EBFE;
    --w-hand: #C77414;
    --w-holz-1: #B98A5A;
    --w-holz-2: #7A5433;
    --w-go: #2C7A4F;   --w-go-bg: #E7F2EA;
    --w-stop: #B4232B; --w-stop-bg: #FBEAEA;
    --wortmarke-anfang: #5A33E6;
    --wortmarke-mitte: #8B3BE8;
    --wortmarke-ende: #C2399B;
    background: var(--w-papier);
    color: var(--w-ink);
    min-height: 100vh;
    font-size: 16px;
}
.werbung .wrap {max-width:1180px;margin:0 auto;padding:0 28px}
@media (max-width:700px){.werbung .wrap {padding:0 20px}}
.werbung .wb-hand {font-family:Caveat, 'Segoe Script', cursive;font-weight:600;
    color:var(--w-hand);font-size:21px;line-height:1.15;letter-spacing:.01em}
.werbung .wb-btn {
    background:linear-gradient(135deg,var(--w-brand-2),var(--w-brand));
    color:#fff;border-radius:13px;padding:12px 22px;font-size:15px;font-weight:600;
    text-decoration:none;transition:.18s;display:inline-flex;align-items:center;gap:9px;
    border:0;cursor:pointer;box-shadow:0 10px 26px -10px rgba(106,60,239,.55);
}
.werbung .wb-btn:hover {transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(106,60,239,.65)}
.werbung .wb-btn--gross {padding:16px 28px;font-size:16.5px;border-radius:15px}
.werbung .wb-btn--zart {background:var(--w-karte);color:var(--w-ink);border:1px solid var(--w-line-2);box-shadow:none}
.werbung .wb-btn--zart:hover {border-color:var(--w-brand);box-shadow:none}
@media (prefers-reduced-motion:reduce){.werbung .wb-btn:hover {transform:none}}
.werbung .wb-kopf {position:fixed;inset:0 0 auto 0;z-index:50;
    background:rgba(251,248,241,.82);backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--w-line)}
.werbung .wb-kopf .wrap {display:flex;align-items:center;gap:16px;height:72px}
.werbung .wb-marke {font-family:Archivo;font-weight:800;font-size:23px;letter-spacing:-.02em;color:var(--w-brand)}
.werbung .wb-kopf .lockup {
    --brand:var(--w-brand);--brand-ink:var(--w-brand-ink);--brand-tint:var(--w-tint);
    --ink:var(--w-ink);--ink-soft:var(--w-ink-2);
}
.werbung .wb-kopf__by {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--w-ink-3);font-weight:600;margin-top:5px}
.werbung .spacer {flex:1}
.werbung .wb-kopf__nav {display:flex;gap:26px}
.werbung .wb-kopf__nav a {font-size:14.5px;font-weight:500;color:var(--w-ink-2);text-decoration:none;transition:.15s}
.werbung .wb-kopf__nav a:hover {color:var(--w-brand-ink)}
@media (max-width:900px){.werbung .wb-kopf__nav, .werbung .wb-kopf__by {display:none}}
.werbung .wb-kopf__anmelden {font-size:14.5px;font-weight:600;color:var(--w-ink-2);text-decoration:none;padding:9px 6px}
.werbung .wb-kopf__anmelden:hover {color:var(--w-brand-ink)}
.werbung .wb-kopf__cta {padding:10px 18px;font-size:14.5px}
@media (max-width:560px){.werbung .wb-kopf__cta {display:none}}
.werbung .wb-held {position:relative;overflow:hidden;
    background:
        radial-gradient(760px 480px at 88% 0%, rgba(139,99,255,.13), transparent 60%),
        radial-gradient(680px 460px at 2% 100%, rgba(199,116,20,.10), transparent 60%),
        var(--w-papier);
    padding:clamp(132px,16vw,196px) 0 clamp(64px,7vw,104px)}
.werbung .wb-held__raster {display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
    gap:clamp(36px,5vw,72px);align-items:center}
@media (max-width:980px){.werbung .wb-held__raster {grid-template-columns:1fr;gap:72px}}
.werbung .wb-eyebrow {font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;
    color:var(--w-brand-ink);margin:0 0 14px}
.werbung .wb-held h1 {font-family:Archivo;font-weight:800;letter-spacing:-.03em;
    font-size:clamp(38px,4.9vw,63px);line-height:1.05;margin:0}
.werbung .wb-held h1 em, .werbung .wb-schluss h2 em {font-style:normal;color:var(--w-brand);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 30 3, 75 3, 117 7' fill='none' stroke='%23C77414' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:0 100%;background-size:100% .14em;
    padding-bottom:.1em}
.werbung .wb-held__sub {font-size:clamp(16.5px,1.5vw,19px);line-height:1.65;color:var(--w-ink-2);
    max-width:47ch;margin:26px 0 0}
.werbung .wb-held__drei {list-style:none;padding:0;margin:22px 0 0;display:flex;gap:8px 22px;flex-wrap:wrap}
.werbung .wb-held__drei li {font-family:Archivo;font-weight:700;font-size:17.5px;position:relative;padding-left:20px}
.werbung .wb-held__drei li::before {content:'';position:absolute;left:0;top:7px;width:11px;height:11px;
    border-radius:50%;background:var(--w-brand);opacity:.85}
.werbung .wb-held__drei li:nth-child(2)::before {background:var(--w-hand)}
.werbung .wb-held__drei li:nth-child(3)::before {background:var(--w-go)}
.werbung .wb-held__tat {display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.werbung .wb-held__klein {font-size:13.2px;line-height:1.5;color:var(--w-ink-3)}
.werbung .wb-wandel {position:relative;display:flex;align-items:center;justify-content:center;
    min-height:460px}
.werbung .wb-roh {position:absolute;left:0;top:7%;transform:rotate(-5deg);z-index:1}
.werbung .wb-roh__foto {width:190px;height:230px;background:
        radial-gradient(140px 100px at 30% 25%, rgba(255,231,186,.55), transparent 60%),
        linear-gradient(160deg, var(--w-holz-1) 0%, var(--w-holz-2) 78%);
    border:10px solid #fff;border-bottom-width:42px;border-radius:4px;
    box-shadow:0 18px 40px -16px rgba(30,34,51,.35)}
.werbung .wb-roh__foto::after {content:'';position:absolute;left:50%;top:-16px;width:86px;height:26px;
    transform:translateX(-50%) rotate(-2deg);background:rgba(199,116,20,.28);border-radius:3px}
.werbung .wb-hand--roh {position:absolute;left:-6px;bottom:-56px;transform:rotate(-3deg);white-space:nowrap}
.werbung .wb-wandel__pfeil {position:absolute;left:17%;top:64%;width:86px;color:var(--w-hand);z-index:4;
    transform:rotate(26deg)}
.werbung .wb-post {position:relative;margin-left:30%;width:min(320px,80%);background:#fff;
    border-radius:20px;box-shadow:0 30px 70px -24px rgba(30,34,51,.32);transform:rotate(1.6deg);z-index:3;
    border:1px solid var(--w-line)}
.werbung .wb-post__kopf {display:flex;align-items:center;gap:10px;padding:12px 15px}
.werbung .wb-post__logo {width:34px;height:34px;border-radius:50%;flex:0 0 auto;
    background:linear-gradient(135deg,var(--w-brand-2),var(--w-brand));color:#fff;
    display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:13px}
.werbung .wb-post__kopf b {display:block;font-size:13.6px;line-height:1.2;color:#1E2233}
.werbung .wb-post__kopf span {display:block;font-size:11.6px;color:#8B90A0}
.werbung .wb-post__bild {aspect-ratio:1;position:relative;background:
        radial-gradient(190px 140px at 68% 22%, rgba(255,231,186,.5), transparent 60%),
        linear-gradient(150deg, var(--w-holz-1) 0%, #96693C 45%, var(--w-holz-2) 100%)}
.werbung .wb-post__karte {position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.97);
    border-radius:11px;padding:12px 14px}
.werbung .wb-post__karte span {display:block;width:32px;height:3px;border-radius:2px;
    background:var(--w-brand);margin-bottom:8px}
.werbung .wb-post__karte b {font-family:Archivo;font-weight:700;font-size:17px;line-height:1.15;color:#1E2233}
.werbung .wb-post__text {padding:12px 15px 15px}
.werbung .wb-post__text p {font-size:12.8px;line-height:1.55;color:#3C4152;margin:0}
.werbung .wb-post__text p b {font-weight:700}
.werbung .wb-post__text > span {display:block;font-size:12.2px;color:var(--w-brand-ink);margin-top:7px}
.werbung .wb-hand--post {position:absolute;right:-10px;bottom:-58px;transform:rotate(2deg);text-align:right}
@media (max-width:980px){
    .werbung .wb-wandel {min-height:0;padding:10px 0 70px}
    .werbung .wb-roh {position:relative;left:auto;top:auto;margin-right:-40px}
    .werbung .wb-wandel__pfeil {left:38%;top:2%}
    .werbung .wb-post {margin-left:-30px}
}
@media (max-width:520px){
    .werbung .wb-roh {display:none}
    .werbung .wb-wandel__pfeil {display:none}
    .werbung .wb-post {margin-left:0;transform:none}
    .werbung .wb-hand--post {right:4px}
}
.werbung .wb-block {padding:clamp(60px,7.5vw,108px) 0}
.werbung .wb-block--warm {background:var(--w-warm)}
.werbung .wb-h2 {font-family:Archivo;font-weight:800;letter-spacing:-.025em;
    font-size:clamp(27px,3.5vw,42px);line-height:1.08;margin:0 0 16px;max-width:26ch;text-wrap:balance}
.werbung .wb-sub {font-size:16.5px;color:var(--w-ink-2);margin:0 0 34px;max-width:54ch;line-height:1.6}
.werbung .wb-fliess {font-size:16px;line-height:1.68;color:var(--w-ink-2);max-width:57ch;margin:0 0 16px}
.werbung .wb-fliess strong {color:var(--w-ink)}
.werbung .wb-schmal {max-width:780px}
.werbung .wb-paare {display:flex;flex-direction:column;gap:26px;margin-top:38px}
.werbung .wb-paar {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
@media (max-width:820px){.werbung .wb-paar {grid-template-columns:1fr}}
.werbung .wb-paar__satz {position:relative;background:var(--w-karte);border:1px solid var(--w-line);
    border-radius:18px 18px 18px 4px;padding:24px 26px;
    font-family:Archivo;font-weight:700;font-size:clamp(19px,2vw,24px);line-height:1.3;
    display:flex;flex-direction:column;gap:10px;justify-content:center;
    box-shadow:0 14px 34px -22px rgba(30,34,51,.25)}
.werbung .wb-paar__antwort {background:var(--w-tint);border:1px solid #E0D5FB;border-radius:18px 18px 4px 18px;
    padding:24px 26px;font-size:15.6px;line-height:1.65;color:#3C3266;
    display:flex;flex-direction:column;gap:10px;justify-content:center}
.werbung .wb-paar__wer {font-family:Caveat,cursive;font-weight:600;font-size:19px;color:var(--w-ink-3)}
.werbung .wb-paar__wer--soma {color:var(--w-brand-ink)}
.werbung .wb-schritte {list-style:none;padding:0;margin:44px 0 0;position:relative;
    display:flex;flex-direction:column;gap:38px}
.werbung .wb-schritte::before {content:'';position:absolute;left:24px;top:14px;bottom:14px;width:2px;
    background:linear-gradient(var(--w-brand) 0%, rgba(106,60,239,.12) 100%)}
.werbung .wb-schritte li {display:flex;gap:26px;position:relative}
.werbung .wb-schritte__nr {flex:0 0 50px;height:50px;border-radius:16px;
    background:linear-gradient(135deg,var(--w-brand-2),var(--w-brand));color:#fff;
    display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:20px;
    box-shadow:0 10px 24px -10px rgba(106,60,239,.5);z-index:1}
.werbung .wb-schritte b {display:block;font-family:Archivo;font-size:22px;font-weight:700;margin:9px 0 7px}
.werbung .wb-schritte p {font-size:15.6px;line-height:1.65;color:var(--w-ink-2);margin:0;max-width:60ch}
.werbung .wb-schritte__zeit {display:inline-block;margin-top:12px;font-size:13px;
    font-family:Caveat,cursive;font-weight:600;font-size:19px;color:var(--w-hand)}
@media (max-width:600px){
    .werbung .wb-schritte li {gap:16px}
    .werbung .wb-schritte::before {left:19px}
    .werbung .wb-schritte__nr {flex-basis:40px;height:40px;font-size:16px;border-radius:12px}
}
.werbung .wb-produkt {margin:40px 0 0;border-radius:18px;overflow:hidden;
    border:1px solid var(--w-line);background:var(--w-karte);
    box-shadow:0 34px 80px -30px rgba(30,34,51,.28)}
.werbung .wb-produkt__leiste {display:flex;gap:7px;padding:13px 16px;background:var(--w-papier);
    border-bottom:1px solid var(--w-line)}
.werbung .wb-produkt__leiste i {width:11px;height:11px;border-radius:50%;background:var(--w-line-2)}
.werbung .wb-produkt__leiste i:first-child {background:#E8A9A9}
.werbung .wb-produkt__leiste i:nth-child(2) {background:#EBD2A4}
.werbung .wb-produkt__leiste i:nth-child(3) {background:#AFD4B8}
.werbung .wb-produkt img {display:block;width:100%;height:auto}
.werbung .wb-zwei {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
    gap:clamp(30px,4.5vw,64px);align-items:center}
@media (max-width:900px){.werbung .wb-zwei {grid-template-columns:1fr}}
.werbung .wb-vergleich {display:flex;flex-direction:column;gap:18px}
.werbung .wb-vergleich__schlecht {background:var(--w-karte);border:1px solid var(--w-line);
    border-radius:16px;padding:20px 22px;transform:rotate(-.8deg)}
.werbung .wb-vergleich__schlecht p {font-size:14.8px;line-height:1.6;color:var(--w-ink-3);margin:0 0 8px}
.werbung .wb-vergleich__schlecht s {text-decoration-color:var(--w-stop);text-decoration-thickness:2px}
.werbung .wb-vergleich__gut {position:relative;background:var(--w-karte);border:1.5px solid var(--w-go);
    border-radius:16px;padding:22px 24px 26px;transform:rotate(.6deg);
    box-shadow:0 20px 50px -24px rgba(44,122,79,.35)}
.werbung .wb-vergleich__gut p {font-size:16.5px;line-height:1.65;color:var(--w-ink);margin:0}
.werbung .wb-vergleich__kopf {display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;
    text-transform:uppercase;margin-bottom:12px;padding:5px 11px;border-radius:16px}
.werbung .wb-vergleich__schlecht .wb-vergleich__kopf {background:var(--w-stop-bg);color:var(--w-stop)}
.werbung .wb-vergleich__gut .wb-vergleich__kopf {background:var(--w-go-bg);color:var(--w-go)}
.werbung .wb-hand--vergleich {position:absolute;right:18px;bottom:-14px;background:var(--w-papier);
    padding:0 8px;transform:rotate(-2deg)}
.werbung .wb-nicht {list-style:none;padding:0;margin:32px 0 0;display:grid;
    grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px}
.werbung .wb-nicht li {display:flex;align-items:center;gap:13px;font-size:16px;line-height:1.45;
    background:var(--w-karte);border:1px solid var(--w-line);border-radius:14px;padding:16px 18px;
    color:var(--w-ink-2)}
.werbung .wb-nicht li::before {content:'✕';flex:0 0 26px;height:26px;border-radius:8px;
    background:var(--w-stop-bg);color:var(--w-stop);font-weight:800;font-size:13px;
    display:grid;place-items:center}
.werbung .wb-pakete {display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
    gap:22px;margin-top:38px;align-items:stretch}
.werbung .wb-paket {position:relative;background:var(--w-karte);border:1px solid var(--w-line);
    border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;gap:8px;transition:.2s}
.werbung .wb-paket:hover {transform:translateY(-4px);box-shadow:0 22px 50px -22px rgba(30,34,51,.18)}
@media (prefers-reduced-motion:reduce){.werbung .wb-paket:hover {transform:none}}
.werbung .wb-paket > b {font-family:Archivo;font-size:25px;font-weight:800;letter-spacing:-.01em}
.werbung .wb-paket__takt {font-size:14.8px;font-weight:600;color:var(--w-brand-ink)}
.werbung .wb-paket p {font-size:14.4px;line-height:1.55;color:var(--w-ink-2);margin:5px 0 0}
.werbung .wb-paket ul {list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:7px;flex:1}
.werbung .wb-paket li {font-size:14px;color:var(--w-ink-2);padding-left:20px;position:relative}
.werbung .wb-paket li::before {content:'';position:absolute;left:2px;top:7px;width:7px;height:7px;
    border-radius:50%;background:var(--w-brand);opacity:.55}
.werbung .wb-paket__preis {font-size:13.6px;color:var(--w-ink-3);margin-top:18px}
.werbung .wb-paket .wb-btn {margin-top:10px;justify-content:center}
.werbung .wb-paket--empfohlen {background:
    radial-gradient(340px 240px at 82% 0%, rgba(139,99,255,.4), transparent 62%),
    linear-gradient(160deg,#3A1E86 0%,#241056 100%);
    border-color:transparent;box-shadow:0 30px 70px -26px rgba(74,34,196,.5)}
.werbung .wb-paket--empfohlen:hover {box-shadow:0 34px 80px -26px rgba(74,34,196,.55)}
.werbung .wb-paket--empfohlen > b {color:#fff}
.werbung .wb-paket--empfohlen .wb-paket__takt {color:#C9B4FF}
.werbung .wb-paket--empfohlen p {color:rgba(251,248,241,.7)}
.werbung .wb-paket--empfohlen li {color:rgba(251,248,241,.85)}
.werbung .wb-paket--empfohlen li::before {background:#C9B4FF;opacity:.95}
.werbung .wb-paket--empfohlen .wb-paket__preis {color:rgba(251,248,241,.55)}
.werbung .wb-paket__band {position:absolute;top:-12px;left:26px;
    background:var(--w-hand);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;
    padding:6px 13px;border-radius:20px;box-shadow:0 8px 20px -8px rgba(199,116,20,.6)}
.werbung .wb-bau {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
@media (max-width:920px){.werbung .wb-bau {grid-template-columns:1fr}}
.werbung .wb-bau__teil {position:relative;background:var(--w-karte);border:1px solid var(--w-line);
    border-radius:20px;padding:28px 24px 24px}
.werbung .wb-bau__schritt {position:absolute;top:-14px;left:24px;width:30px;height:30px;
    border-radius:10px;background:linear-gradient(135deg,var(--w-brand-2),var(--w-brand));color:#fff;
    display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:14px;
    box-shadow:0 8px 18px -8px rgba(106,60,239,.55)}
.werbung .wb-bau__teil h3 {font-family:Archivo;font-weight:700;font-size:19px;margin:0 0 14px;
    display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.werbung .wb-bau__immer {font-family:Caveat,cursive;font-weight:600;font-size:18px;color:var(--w-hand)}
.werbung .wb-bau__teil ul {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.werbung .wb-bau__teil li {font-size:14.4px;color:var(--w-ink-2);padding-left:24px;position:relative}
.werbung .wb-bau__teil li::before {content:'✓';position:absolute;left:0;top:1px;width:16px;height:16px;
    border-radius:5px;background:var(--w-go-bg);color:var(--w-go);font-weight:800;font-size:11px;
    display:grid;place-items:center}
.werbung .wb-bau__mengen {display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.werbung .wb-bau__menge {border:1.5px solid var(--w-line-2);border-radius:14px;padding:14px 8px;
    text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center}
.werbung .wb-bau__menge b {font-family:Archivo;font-weight:800;font-size:30px;line-height:1}
.werbung .wb-bau__menge span {font-size:11.6px;color:var(--w-ink-2);line-height:1.3}
.werbung .wb-bau__menge small {font-size:10.8px;color:var(--w-ink-3);margin-top:5px}
.werbung .wb-bau__menge--tipp {border-color:var(--w-brand);background:var(--w-tint);position:relative}
.werbung .wb-bau__menge--tipp::after {content:'beliebt';position:absolute;top:-9px;left:50%;
    transform:translateX(-50%);background:var(--w-hand);color:#fff;font-size:9.5px;font-weight:700;
    letter-spacing:.06em;padding:2px 8px;border-radius:10px}
.werbung .wb-bau__satz {font-size:12.8px;color:var(--w-ink-3);margin:12px 0 0;line-height:1.5}
.werbung .wb-bau__zusaetze {display:flex;flex-direction:column;gap:10px}
.werbung .wb-bau__zusatz {border:1.5px dashed var(--w-line-2);border-radius:14px;padding:13px 15px}
.werbung .wb-bau__zusatz b {display:block;font-family:Archivo;font-weight:700;font-size:15.5px;
    color:var(--w-brand-ink)}
.werbung .wb-bau__zusatz span {display:block;font-size:12.8px;color:var(--w-ink-2);margin-top:3px;line-height:1.5}
.werbung .wb-bau__tat {display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.werbung .wb-fragen {margin-top:14px}
.werbung .wb-frage {border-bottom:1px solid var(--w-line);padding:4px 0}
.werbung .wb-frage summary {cursor:pointer;list-style:none;padding:21px 36px 21px 0;position:relative;
    font-family:Archivo;font-size:18.5px;font-weight:600;line-height:1.35;transition:color .15s}
.werbung .wb-frage summary:hover {color:var(--w-brand-ink)}
.werbung .wb-frage summary::-webkit-details-marker {display:none}
.werbung .wb-frage summary::after {content:'';position:absolute;right:8px;top:28px;width:9px;height:9px;
    border-right:2px solid var(--w-ink-3);border-bottom:2px solid var(--w-ink-3);
    transform:rotate(45deg);transition:transform .18s}
.werbung .wb-frage[open] summary::after {transform:rotate(-135deg)}
.werbung .wb-frage p {font-size:15.6px;line-height:1.68;color:var(--w-ink-2);margin:0 0 22px;max-width:66ch}
.werbung .wb-schluss {position:relative;overflow:hidden;text-align:center;
    background:
        radial-gradient(760px 460px at 50% 0%, rgba(139,99,255,.35), transparent 62%),
        linear-gradient(165deg,#31187A 0%,#1D0B4E 100%);
    padding:clamp(68px,8.5vw,120px) 0}
.werbung .wb-schluss h2 {font-family:Archivo;font-weight:800;letter-spacing:-.028em;
    font-size:clamp(30px,4.4vw,54px);line-height:1.06;margin:0 auto;max-width:20ch;
    color:#fff;text-wrap:balance}
.werbung .wb-schluss h2 em {color:#C9B4FF}
.werbung .wb-schluss p {font-size:16.5px;line-height:1.65;color:rgba(251,248,241,.68);
    max-width:52ch;margin:22px auto 34px}
.werbung .wb-schluss .wb-btn {background:#fff;color:var(--w-brand-ink);
    box-shadow:0 16px 40px -14px rgba(0,0,0,.45)}
.werbung .wb-schluss__klein {margin-top:26px!important;font-size:14px!important}
.werbung .wb-schluss__klein a {color:#fff;text-decoration:underline;text-underline-offset:3px}
.werbung .wb-fuss {background:#171130;color:rgba(251,248,241,.5);padding:28px 0;font-size:13.4px}
.werbung .wb-fuss .wrap {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.werbung .wb-fuss nav {display:flex;gap:22px}
.werbung .wb-fuss a {color:rgba(251,248,241,.72);text-decoration:none}
.werbung .wb-fuss a:hover {color:#fff;text-decoration:underline}
@media (max-width:560px) {
    .werbung.wb-anmeldung .wb-kopf .wrap {gap:12px;justify-content:space-between}
    .werbung.wb-anmeldung .wb-kopf .spacer {display:none}
    .werbung.wb-anmeldung .wb-kopf__anmelden {display:flex;align-items:center;justify-content:flex-end;min-height:44px;min-width:0;font-size:13px;line-height:1.35;text-align:right}
    .werbung.wb-anmeldung .wb-kopf__hinweis {display:none}
}
.werbung.wb-anmeldung {display:flex;flex-direction:column;min-height:100vh;
    background:
        radial-gradient(700px 440px at 92% 0%, rgba(139,99,255,.12), transparent 60%),
        radial-gradient(600px 420px at 0% 100%, rgba(199,116,20,.09), transparent 60%),
        var(--w-papier)}
.werbung .wb-anmeldung__raster {flex:1;display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:clamp(32px,5vw,80px);align-items:start;padding-top:120px;padding-bottom:56px}
.werbung .wb-anmeldung__wort {position:sticky;top:104px}
@media (max-width:920px){.werbung .wb-anmeldung__wort {position:static}}
@media (max-width:920px){.werbung .wb-anmeldung__raster {grid-template-columns:1fr;gap:36px;padding-top:100px}}
.werbung .wb-anmeldung__wort h1 {font-family:Archivo;font-weight:800;letter-spacing:-.03em;
    font-size:clamp(34px,3.8vw,52px);line-height:1.06;margin:0}
.werbung .wb-anmeldung__wort h1 em {font-style:normal;color:var(--w-brand)}
.werbung .wb-anmeldung__sub {font-size:16.5px;line-height:1.6;color:var(--w-ink-2);margin:16px 0 0;max-width:38ch}
.werbung .wb-anmeldung__schritte {list-style:none;padding:0;margin:28px 0 0;display:flex;
    flex-direction:column;gap:12px;counter-reset:s}
.werbung .wb-anmeldung__schritte li {position:relative;padding-left:40px;font-size:14.8px;
    line-height:1.55;color:var(--w-ink-2);counter-increment:s}
.werbung .wb-anmeldung__schritte li::before {content:counter(s);position:absolute;left:0;top:1px;
    width:26px;height:26px;border-radius:9px;background:var(--w-tint);color:var(--w-brand-ink);
    font-weight:800;font-size:13px;display:grid;place-items:center}
.werbung .wb-anmeldung__schritte b {color:var(--w-ink)}
.werbung .wb-anmeldung__zusage {margin:24px 0 0;font-size:14.6px;line-height:1.6;color:var(--w-ink-2);
    background:var(--w-karte);border:1px solid var(--w-line);border-radius:13px;padding:var(--abstand-4) 16px;max-width:44ch}
.werbung .wb-anmeldung__hand {display:inline-block;margin-top:var(--abstand-6);transform:rotate(-2deg)}
@media (max-width:920px){.werbung .wb-anmeldung__hand {display:none}}
.werbung .wb-anmeldung__karte {background:var(--w-karte);border:1px solid var(--w-line);
    border-radius:22px;padding:clamp(24px,3vw,38px);
    box-shadow:0 30px 70px -28px rgba(30,34,51,.25)}
.werbung .wb-honig {position:absolute;left:-9999px;top:-9999px}
.werbung .wb-feld {display:block;margin:0 0 16px}
.werbung .wb-feld > span {display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
    font-weight:700;color:var(--w-ink-2);margin-bottom:7px}
.werbung .wb-feld > span i {font-style:normal;text-transform:none;letter-spacing:0;
    font-weight:500;color:var(--w-ink-3)}
.werbung .wb-feld input {width:100%;min-width:0;border:1.5px solid var(--w-line-2);border-radius:12px;
    padding:13px 15px;font:inherit;font-size:16px;background:#fff;color:var(--w-ink);transition:.15s}
.werbung .wb-feld input:focus {outline:none;border-color:var(--w-brand);
    box-shadow:0 0 0 3px rgba(106,60,239,.14)}
.werbung .wb-feld input::placeholder {color:var(--w-ink-3)}
.werbung .wb-feld small {display:block;font-size:12.6px;color:var(--w-ink-3);margin-top:6px}
.werbung .wb-feld__reihe {display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.werbung .wb-feld__reihe {grid-template-columns:1fr}}
.werbung .wb-wahl {border:0;padding:0;margin:6px 0 18px}
.werbung .wb-wahl legend {font-size:12px;letter-spacing:.1em;text-transform:uppercase;
    font-weight:700;color:var(--w-ink-2);margin-bottom:9px}
.werbung .wb-wahl__reihe {display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:560px){.werbung .wb-wahl__reihe {grid-template-columns:1fr}}
.werbung .wb-wahl__knopf {position:relative;display:flex;flex-direction:column;gap:2px;
    border:1.5px solid var(--w-line-2);border-radius:13px;padding:13px 14px;cursor:pointer;transition:.15s}
.werbung .wb-wahl__knopf:hover {border-color:var(--w-brand)}
.werbung .wb-wahl__knopf input {position:absolute;opacity:0;pointer-events:none}
.werbung .wb-wahl__knopf b {font-family:Archivo;font-weight:700;font-size:15.5px}
.werbung .wb-wahl__knopf span {font-size:12.6px;color:var(--w-ink-2)}
.werbung .wb-wahl__knopf:has(input:checked) {border-color:var(--w-brand);background:var(--w-tint);
    box-shadow:0 8px 22px -12px rgba(106,60,239,.45)}
.werbung .wb-wahl__knopf:has(input:focus-visible) {box-shadow:0 0 0 3px rgba(106,60,239,.2)}
.werbung .wb-wahl__reihe--zwei {grid-template-columns:1fr 1fr}
@media (max-width:560px){.werbung .wb-wahl__reihe--zwei {grid-template-columns:1fr}}
.werbung .wb-wahl__knopf--zusatz span {line-height:1.45;margin-top:3px}
.werbung .wb-wahl > small {display:block;font-size:12.6px;color:var(--w-ink-3);margin-top:9px}
.werbung .wb-wahl > small a {color:var(--w-brand-ink)}
.werbung .wb-check {display:flex;gap:11px;align-items:flex-start;margin:0 0 20px;cursor:pointer}
.werbung .wb-check input {width:19px;height:19px;margin-top:2px;accent-color:var(--w-brand);flex:0 0 auto}
.werbung .wb-check span {font-size:13.6px;line-height:1.55;color:var(--w-ink-2)}
.werbung .wb-check a {color:var(--w-brand-ink)}
.werbung .wb-anmeldung__senden {width:100%;justify-content:center}
.werbung .wb-anmeldung__fuss {font-size:12.8px;color:var(--w-ink-3);margin:var(--abstand-4) 0 0;text-align:center}
.werbung .wb-anmeldung__zweitweg {width:100%;justify-content:center;margin-top:var(--abstand-3);font-size:13.8px}
.werbung .wb-anmeldung__raster--schmal {max-width:980px;align-items:center}
.werbung .wb-anmeldung__raster--schmal .wb-anmeldung__wort {position:static}
.werbung .wb-anmeldung__raster--schmal h1 {font-size:clamp(30px,3.2vw,44px)}
.werbung .wb-feld__code {font-family:Archivo;font-weight:700;font-size:26px!important;
    letter-spacing:.35em;text-align:center}
.werbung .wb-anmeldung__nochmal {margin-top:16px;text-align:center}
.werbung .wb-anmeldung__nochmal button {background:none;border:0;cursor:pointer;font:inherit;
    font-size:13.4px;color:var(--w-ink-2);text-decoration:underline;text-underline-offset:3px;padding:6px}
.werbung .wb-anmeldung__nochmal button:hover {color:var(--w-brand-ink)}
.werbung .wb-anmeldung__karte--fertig {text-align:center;padding:clamp(36px,4vw,56px)}
.werbung .wb-fertig__zeichen {display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;
    border-radius:20px;background:var(--w-go-bg);color:var(--w-go)}
.werbung .wb-anmeldung__karte--fertig h2 {font-family:Archivo;font-weight:800;letter-spacing:-.02em;
    font-size:clamp(24px,2.6vw,32px);margin:0 0 12px}
.werbung .wb-anmeldung__karte--fertig p {font-size:15.6px;line-height:1.65;color:var(--w-ink-2);
    max-width:44ch;margin:0 auto 8px}
.werbung .wb-fertig__klein {font-size:13.4px!important;color:var(--w-ink-3)!important;margin-top:14px!important}
.werbung .wb-fertig__klein a {color:var(--w-brand-ink)}
.werbung .wb-meldung {background:var(--w-tint);border:1px solid #E0D5FB;color:#3C3266;
    border-radius:12px;padding:13px 16px;font-size:14.4px;line-height:1.55;margin:0 0 18px}
.werbung .wb-meldung--fehler {background:var(--w-stop-bg);border-color:#F2C9C9;color:var(--w-stop)}
.werbung .wb-meldung ul {margin:0;padding-left:18px}
.werbung .wb-anmeldung__ende {margin-top:auto}
.werbung.js-rv .rv {opacity:0;transform:translateY(22px);
    transition:opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1)}
.werbung.js-rv .rv.da {opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
    .werbung.js-rv .rv {opacity:1;transform:none;transition:none}
}
.flaeche .vphone {
  aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:16px;
  background:#0C0E18;box-shadow:var(--shadow-lg);border:1px solid var(--line);
}
.flaeche .vfilm {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .12s}
.flaeche .vfilm.on {opacity:1}
.flaeche .vveil {position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(6,8,16,.5) 0%,transparent 45%)}
.flaeche .vhud {
  position:absolute;left:14px;right:14px;bottom:18px;display:none;z-index:2;
  font-family:Archivo;font-weight:700;font-size:19px;line-height:1.15;color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.65);
}
.flaeche .vphone--leer {display:grid;place-items:center;text-align:center;padding:24px;
  color:rgba(255,255,255,.55);font-size:13.5px}
.flaeche .vtransport {display:flex;align-items:center;gap:var(--abstand-3);margin-top:12px}
.flaeche .vplay {width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;
  display:grid;place-items:center;flex:0 0 auto;box-shadow:0 6px 16px -8px var(--brand);padding:0}
.flaeche .vinfo {flex:1;min-width:0}
.flaeche .vzeile {display:flex;justify-content:space-between;gap:var(--abstand-3);font-size:13px;color:var(--ink-2)}
.flaeche .vzeile b {color:var(--ink);font-variant-numeric:tabular-nums}
.flaeche .vbalken {display:flex;gap:var(--abstand-1);height:7px;margin-top:var(--abstand-2)}
.flaeche .vbalken i {display:block;border-radius:3px;background:var(--brand);opacity:.75}
.flaeche .vbalken i.vende {background:var(--line-2);opacity:1}
.flaeche .vlen {font-size:12.8px;border-radius:10px;padding:var(--abstand-2) var(--abstand-3);margin:12px 0 0;
  border:1px solid var(--line)}
.flaeche .vlen--gut {background:var(--go-bg);color:var(--go)}
.flaeche .vlen--warn {background:var(--wait-bg);color:var(--wait)}
.flaeche .vlen--stop {background:var(--stop-bg);color:var(--stop)}
.flaeche .vnote {font-size:12.4px;color:var(--ink-3);margin:var(--abstand-3) 0 0;text-align:center}
.flaeche .vclips {display:flex;flex-direction:column;gap:var(--abstand-3);margin-top:16px}
.flaeche .vclip {display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);
  border-radius:12px;padding:var(--abstand-3);background:var(--card-2)}
.flaeche .vclip--aus {opacity:.55}
.flaeche .vclip--aus .vthumb {filter:grayscale(1)}
.flaeche .vpos {flex:0 0 24px;height:24px;border-radius:7px;background:var(--brand);color:#fff;
  display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:2px}
.flaeche .vclip--aus .vpos {background:var(--line-2);color:var(--ink-3)}
.flaeche .vthumb {flex:0 0 54px;width:54px;height:72px;border-radius:9px;object-fit:cover;
  border:1px solid var(--line);background:#0C0E18}
.flaeche .vbody {flex:1;min-width:0}
.flaeche .vbody > b {display:block;font-size:14.6px;font-weight:600;line-height:1.3}
.flaeche .vmeta {display:block;font-size:12.4px;color:var(--ink-2);margin-top:2px}
.flaeche .vcut {color:var(--go);font-weight:600}
.flaeche .vknoepfe {display:flex;flex-wrap:wrap;gap:var(--abstand-2);margin-top:var(--abstand-2);align-items:center}
.flaeche .vknoepfe form {margin:0}
.flaeche .vmini {border:1px solid var(--line-2);background:var(--card);border-radius:8px;
  padding:var(--abstand-2) var(--abstand-3);font-size:12.4px;font-weight:600;color:var(--ink-2);transition:.15s;
  display:inline-flex;align-items:center;gap:var(--abstand-2);min-height:34px}
.flaeche .vmini:hover {border-color:var(--brand);color:var(--brand-ink)}
.flaeche .vmini[disabled] {opacity:.4;cursor:not-allowed}
.flaeche .vmini--an {background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}
.flaeche .vdetail {margin-top:var(--abstand-3);border-top:1px dashed var(--line-2);padding-top:var(--abstand-2)}
.flaeche .vdetail summary {font-size:12.6px;font-weight:600;color:var(--ink-2);cursor:pointer}
.flaeche .vform {display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:var(--abstand-3)}
.flaeche .vform label {font-size:12.4px;color:var(--ink-2);flex:0 0 auto}
.flaeche .vform input[type=range] {flex:1;min-width:110px;accent-color:var(--brand)}
.flaeche .vform output {font-size:12.6px;font-weight:600;min-width:46px;font-variant-numeric:tabular-nums}
.flaeche .vform input[type=text], .flaeche .vform select {
  border:1px solid var(--line-2);border-radius:8px;padding:var(--abstand-2) 10px;font:inherit;font-size:13px;
  background:var(--card);color:var(--ink);min-height:36px}
.flaeche .vform input[type=text] {flex:1;min-width:140px}
.flaeche .vhint {flex-basis:100%;font-size:11.8px;color:var(--ink-3);margin:2px 0 0}
.flaeche .vupload {margin-top:var(--abstand-4);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.flaeche .vadd {display:inline-flex;align-items:center;gap:8px;border:1.5px dashed var(--line-2);
  border-radius:10px;padding:var(--abstand-3) 16px;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:.15s}
.flaeche .vadd:hover {border-color:var(--brand);color:var(--brand-ink)}
.flaeche .vsplit {display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:36px;align-items:start}
@media (max-width:880px){.flaeche .vsplit {grid-template-columns:1fr;gap:28px}}
.flaeche .vlinks {position:sticky;top:calc(var(--kopf) + 74px)}
@media (max-width:880px){.flaeche .vlinks {position:static}}
.flaeche .vfuss {display:flex;gap:8px;align-items:center;margin-top:12px;justify-content:center}
.flaeche .vfuss form {margin:0}
.flaeche .vleer {border:1.5px dashed var(--line-2);border-radius:14px;padding:28px 24px;text-align:center}
.flaeche .vleer h2 {font-family:Archivo;font-size:20px;font-weight:700;margin:0 0 8px}
.flaeche .vleer p {font-size:14.4px;color:var(--ink-2);max-width:46ch;margin:0 auto 20px;line-height:1.55}
.flaeche .vtext {width:100%;border:1px solid var(--line-2);border-radius:10px;padding:12px var(--abstand-3);
  font:inherit;font-size:14.4px;line-height:1.6;background:var(--card);color:var(--ink);resize:vertical}
.flaeche .vtext:focus {outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.flaeche .vneu {display:flex;gap:var(--abstand-3);align-items:center;flex-wrap:wrap;margin-top:20px}
.flaeche .vwarte {text-align:center;max-width:44ch;margin:0 auto;padding:72px 0}
.flaeche .vwarte h1 {font-family:Archivo;font-size:26px;font-weight:700;margin:var(--abstand-6) 0 var(--abstand-3)}
.flaeche .vwarte p {font-size:15px;color:var(--ink-2);line-height:1.6;margin:0 0 8px}
.flaeche .vwarte__ring {width:42px;height:42px;margin:0 auto;border-radius:50%;
  border:3px solid var(--line-2);border-top-color:var(--brand);animation:vdreh 900ms linear infinite}
@keyframes vdreh {to {transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.flaeche .vwarte__ring {animation-duration:2.6s}}
.flaeche .schritte {border-bottom:1px solid var(--line);background:var(--card-2)}
.flaeche .schritte .wrap {display:flex;align-items:center;gap:var(--abstand-3);height:52px;overflow-x:auto;scrollbar-width:none;font-size:13.2px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.flaeche .schritt {display:inline-flex;align-items:center;gap:8px}
.flaeche .schritt .b {width:21px;height:21px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}
.flaeche .schritt--fertig {color:var(--ink-2)}
.flaeche .schritt--fertig .b {background:var(--go);border-color:var(--go);color:#fff}
.flaeche .schritt--jetzt {color:var(--ink)}
.flaeche .schritt--jetzt .b {background:var(--brand);border-color:var(--brand);color:var(--auf-brand)}
.flaeche .pfeil {color:var(--ink-2)}
.flaeche.einord {--einord-breite:1116px}
.flaeche.einord main.wrap,.flaeche.einord .schritte .wrap {max-width:var(--einord-breite);padding-left:40px;padding-right:40px}
.flaeche .schritt__name {white-space:nowrap}
@media (max-width:700px) {
  .flaeche.einord main.wrap,.flaeche.einord .schritte .wrap {padding-left:20px;padding-right:20px}
}
@media (max-width:560px) {
  .flaeche .schritte .schritt:not(.schritt--jetzt) .schritt__name {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
.flaeche .lede {margin-bottom:var(--abstand-6)}
.flaeche .lede h1 {font-size:clamp(26px,3.4vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.flaeche.einord .anlass {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(24px,3vw,36px);align-items:start;margin:0 0 28px;padding:clamp(22px,3vw,36px);border:1px solid var(--brand-tint-2);border-left:4px solid var(--brand);border-radius:22px;background:var(--brand-tint)}
.flaeche.einord .anlass__auftakt {display:flex;align-items:center;gap:var(--abstand-2);color:var(--brand-ink);font-size:12px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.flaeche.einord .anlass h1 {margin:12px 0 12px;font-size:var(--schrift-frage);line-height:1.16;letter-spacing:-.03em;font-weight:800;color:var(--ink);max-width:20ch;text-wrap:balance}
.flaeche.einord .anlass__intro > p {margin:0;color:var(--ink-2);font-size:15px;line-height:1.6;max-width:46ch}
.flaeche.einord .anlass__eingabe {min-width:0}
.flaeche.einord .anlass__eingabe > label {display:block;margin:0 0 10px;font-size:15px;font-weight:700;color:var(--ink)}
.flaeche.einord .anlass textarea.beitragsfreitext {min-height:148px;max-height:300px;padding:16px;font-size:16px;line-height:1.6;background:var(--card);border-color:var(--brand-tint-2);border-radius:14px;box-shadow:var(--shadow)}
.flaeche.einord .anlass textarea:focus {outline:2px solid var(--brand);outline-offset:3px;border-color:var(--brand)}
.flaeche.einord .anlass textarea::placeholder {color:var(--ink-3);opacity:1}
.flaeche.einord .anlass__eingabe > p {margin:var(--abstand-2) 0 0;color:var(--ink-2);font-size:12.5px;line-height:1.5}
.flaeche.einord .anlass__rueckfrage {margin:0 0 20px;padding:0 0 0 var(--abstand-3);border-left:3px solid var(--brand)}
.flaeche.einord .anlass__rueckfrage span {display:block;color:var(--brand-ink);font-size:12px;font-weight:700}
.flaeche.einord .anlass__rueckfrage strong {display:block;margin-top:var(--abstand-1);color:var(--ink);font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.flaeche.einord .anlass__rueckfrage p {margin:var(--abstand-1) 0 0;color:var(--ink-2);font-size:12.5px;line-height:1.5}
.flaeche.einord .anlass__eingabe > .anlass__eingabehilfe {margin:0 0 12px;padding:var(--abstand-3) 12px;border-left:3px solid var(--brand);border-radius:0 8px 8px 0;background:var(--card);color:var(--brand-ink);font-weight:600}
.flaeche.einord .anlass textarea.beitragsfreitext--ergaenzen {border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint-2)}
.flaeche.einord .anlass__kurzfrage[hidden],.flaeche.einord .anlass__eingabehilfe[hidden] {display:none}
.flaeche.einord .anlass__aktionen {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.flaeche.einord .gewaehlteidee {margin:0 0 20px;border-left:3px solid var(--brand)}
.flaeche.einord .gewaehlteidee h3 {margin:var(--abstand-2) 0 12px;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.flaeche.einord .gewaehlteidee--zeile {padding:var(--abstand-4) 20px}
.flaeche.einord .gewaehlteidee__zeile {margin:0;font-size:15px;line-height:1.45;color:var(--ink);overflow-wrap:break-word}
.flaeche.einord .gewaehlteidee__wer {font-weight:650;color:var(--brand-ink)}
.flaeche.einord .gewaehlteidee__zeile strong {font-weight:700}
.flaeche.einord .themenwechsel__jetzt {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 2px;font-size:15px;line-height:1.4;color:var(--ink)}
.flaeche.einord .themenwechsel__jetzt span {font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2)}
.flaeche.einord .themenwechsel > summary {display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14.5px;font-weight:650;color:var(--brand-ink);cursor:pointer;list-style:none;border-radius:8px}
.flaeche.einord .themenwechsel > summary::-webkit-details-marker {display:none}
.flaeche.einord .themenwechsel > summary::after {content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--dauer-kurz,160ms) var(--ease,ease)}
.flaeche.einord .themenwechsel[open] > summary::after {transform:translateY(2px) rotate(-135deg)}
.flaeche.einord .themenwechsel > summary:hover {text-decoration:underline;text-underline-offset:3px}
.flaeche.einord .themenwechsel > summary:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche.einord .themenwechsel[open] > h2 {margin-top:var(--abstand-3)}
.flaeche.einord .anlass__freiwillig {font-weight:500;color:var(--ink-2);font-size:.9em}
.flaeche.einord .segmentwahlen {display:grid;gap:12px;margin-top:20px;min-width:0;container-type:inline-size}
.flaeche.einord .segmentwahl {margin:0;padding:0;border:0;min-width:0}
.flaeche.einord .segmentwahl__zeile {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2) var(--abstand-4);min-width:0}
.flaeche.einord .segmentwahl__titel {flex:0 0 3.75rem;font-size:14px;font-weight:650;color:var(--ink)}
.flaeche.einord .segmentwahl__leiste {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);width:max-content;max-width:100%;min-width:0}
.flaeche.einord .segmentwahl__option {position:relative;display:flex;min-width:0}
.flaeche.einord .segmentwahl__option input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.flaeche.einord .segmentwahl__option span {display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;color:var(--ink-2);text-align:center;white-space:nowrap;transition:background-color var(--dauer-kurz,160ms) var(--ease,ease),color var(--dauer-kurz,160ms) var(--ease,ease)}
.flaeche.einord .segmentwahl__option:hover span {color:var(--ink);background:var(--brand-tint)}
.flaeche.einord .segmentwahl__option input:checked + span {background:var(--brand);color:var(--auf-brand)}
.flaeche.einord .segmentwahl__leiste:has(input:focus-visible) {outline:2px solid var(--brand-ink);outline-offset:2px}
.flaeche.einord .segmentwahlen__fuss {margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
@container (max-width:440px) {
  .flaeche.einord .segmentwahl__zeile {display:grid;gap:var(--abstand-2)}
  .flaeche.einord .segmentwahl__leiste {width:100%;border-radius:16px}
  .flaeche.einord .segmentwahl__option span {padding:0 8px;border-radius:12px}
}
@container (max-width:340px) {
  .flaeche.einord .segmentwahl__option span {padding:0 4px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.einord .segmentwahl__option span,.flaeche.einord .themenwechsel > summary::after {transition:none}
}
.flaeche.einord .anlass__aktionen .btn {min-height:44px;padding:10px 14px;font-size:13px;white-space:normal}
.flaeche.einord .anlass__idee {display:grid;gap:8px;margin:0 0 16px;padding:var(--abstand-4) 16px;border:1px solid var(--brand-tint-2);border-radius:14px;background:var(--card)}
.flaeche.einord .anlass__idee p {margin:0;max-width:52ch}
.flaeche.einord .anlass__ideenzeile {font-size:15px;line-height:1.45;color:var(--ink);overflow-wrap:break-word}
.flaeche.einord .anlass__ideenwer {font-weight:650;color:var(--brand-ink)}
.flaeche.einord .anlass__ideenzeile strong {font-weight:700}
.flaeche.einord .anlass__ideenfrage {font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.flaeche.einord .anlass__achten {display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.55;color:var(--ink-2)}
.flaeche.einord .anlass__achten svg {flex:0 0 auto;margin-top:2px;color:var(--wait)}
.flaeche.einord .anlass__achten b {color:var(--ink);font-weight:650}
.flaeche.einord .anlass__intro > .anlass__ohneidee {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2) 12px;margin:0 0 16px;padding:12px var(--abstand-4);border:1px dashed var(--brand-tint-2);border-radius:14px;background:var(--card);color:var(--ink-2);font-size:14px;line-height:1.5}
.flaeche.einord .anlass__zuridee {min-height:44px;padding:0 4px;border:0;background:none;color:var(--brand-ink);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:8px}
.flaeche.einord .anlass__zuridee:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche .feldfehler {display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--stop)}
.flaeche .feldfehler::before {content:"!";display:grid;place-items:center;flex:0 0 18px;height:18px;margin-top:1px;border-radius:50%;background:var(--stop);color:var(--auf-stop);font-size:12px;font-weight:800;line-height:1}
.flaeche .check[data-fehler] {border-radius:12px;outline:2px solid var(--stop);outline-offset:6px}
.flaeche .notice--error a {color:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px) {
  .flaeche.einord .anlass {grid-template-columns:1fr;gap:20px;padding:var(--abstand-6) 20px;border-radius:18px;margin-bottom:var(--abstand-6)}
  .flaeche.einord .anlass h1 {max-width:22ch}
}
.flaeche:is(.einord,.beitragseditor) .logoschalter {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:var(--abstand-4) 16px;border:1px solid var(--line);border-radius:14px;background:var(--card-2);cursor:pointer}
.flaeche:is(.einord,.beitragseditor) .logoschalter__text {font-size:14px;font-weight:700;color:var(--ink)}
.flaeche:is(.einord,.beitragseditor) .logoschalter__text small {display:block;margin-top:var(--abstand-1);font-size:12px;font-weight:400;color:var(--ink-2)}
.flaeche:is(.einord,.beitragseditor) .logoschalter__wahl {display:flex;align-items:center;gap:var(--abstand-2);flex-shrink:0}
.flaeche:is(.einord,.beitragseditor) .logoschalter input[type="checkbox"] {appearance:none;-webkit-appearance:none;position:relative;display:block;margin:0;width:46px;height:28px;border:1px solid var(--ink-3);border-radius:999px;background:var(--ink-3);cursor:pointer}
.flaeche:is(.einord,.beitragseditor) .logoschalter input::before {content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s ease}
.flaeche:is(.einord,.beitragseditor) .logoschalter input:checked {background:var(--brand);border-color:var(--brand)}
.flaeche:is(.einord,.beitragseditor) .logoschalter input:checked::before {transform:translateX(18px)}
.flaeche:is(.einord,.beitragseditor) .logoschalter input:focus-visible {outline:2px solid var(--brand);outline-offset:4px}
.flaeche:is(.einord,.beitragseditor) .logoschalter__stand {min-width:24px;font-size:12px;color:var(--ink-2)}
.flaeche:is(.einord,.beitragseditor) .logoschalter__ein {display:none}
.flaeche:is(.einord,.beitragseditor) .logoschalter input:checked + .logoschalter__stand .logoschalter__ein {display:inline}
.flaeche:is(.einord,.beitragseditor) .logoschalter input:checked + .logoschalter__stand .logoschalter__aus {display:none}
@media (prefers-reduced-motion:reduce) {.flaeche.einord .logoschalter input::before,.flaeche.beitragseditor .logoschalter input::before {transition:none}}
.flaeche .esplit {display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.flaeche .esplit{grid-template-columns:minmax(0,1fr)}}
.flaeche .esplit > * {min-width:0}
.flaeche .eside {position:sticky;top:calc(var(--kopf) + 66px);display:flex;flex-direction:column;gap:12px}
@media (max-width:900px){.flaeche .eside{position:static}}
@media (max-width:900px){.flaeche.einord .eside{width:100%;max-width:420px;margin-inline:auto}}
.flaeche .bpost {aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:var(--c-flaeche)}
.flaeche .bfoto {position:absolute;background-size:cover;background-position:center;transition:filter .25s, inset .2s}
.flaeche .bpost--verschiebbar {cursor:grab;touch-action:none;user-select:none}
.flaeche .bpost--zieht {cursor:grabbing}
.flaeche .bildposition {margin:12px 0 16px}
.flaeche .bildposition .field__hint {margin:0 0 var(--abstand-3)}
.flaeche .bildposition__regler {display:grid;gap:var(--abstand-3)}
.flaeche .bildposition__regler label {font-size:12px;color:var(--ink-2)}
.flaeche .bildposition__regler input {display:block;width:100%;min-height:32px;accent-color:var(--brand);cursor:ew-resize}
.flaeche :is(.bildposition__regler,.beitragseditor__ausschnitt) input[type="range"] {-webkit-appearance:none;appearance:none;width:100%;height:32px;margin:4px 0 0;background:transparent;cursor:ew-resize}
.flaeche :is(.bildposition__regler,.beitragseditor__ausschnitt) input[type="range"]::-webkit-slider-runnable-track {height:6px;border-radius:999px;background:var(--brand-tint-2)}
.flaeche :is(.bildposition__regler,.beitragseditor__ausschnitt) input[type="range"]::-moz-range-track {height:6px;border-radius:999px;background:var(--brand-tint-2)}
.flaeche :is(.bildposition__regler,.beitragseditor__ausschnitt) input[type="range"]::-moz-range-progress {height:6px;border-radius:999px;background:var(--brand)}
.flaeche :is(.bildposition__regler,.beitragseditor__ausschnitt) input[type="range"]::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border:3px solid var(--card);border-radius:50%;background:var(--brand);box-shadow:0 1px 4px rgba(20,23,43,.3)}
.flaeche :is(.bildposition__regler,.beitragseditor__ausschnitt) input[type="range"]::-moz-range-thumb {width:16px;height:16px;border:3px solid var(--card);border-radius:50%;background:var(--brand);box-shadow:0 1px 4px rgba(20,23,43,.3)}
.flaeche :is(.bildposition__regler,.beitragseditor__ausschnitt) input[type="range"]:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:8px}
.flaeche .bildposition [data-ausschnitt-mitte] {font-size:13px;min-height:44px;padding:8px var(--abstand-4);margin-top:var(--abstand-2)}
.flaeche .bpost .bfoto {inset:0}
.flaeche .bpost .bvorschau {position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}
.flaeche .bpost .bvorschau[hidden] {display:none}
.flaeche .bpost.bpost--zieht .bvorschau {opacity:0}
@media (prefers-reduced-motion:reduce) {.flaeche .bpost .bvorschau {transition:none}}
.flaeche .bdots {display:flex;justify-content:center;gap:var(--abstand-2)}
.flaeche .bdot {width:9px;height:9px;border-radius:50%;background:var(--line-2);padding:0;transition:.15s}
.flaeche .bdot[aria-pressed="true"] {background:var(--brand);transform:scale(1.25)}
.flaeche .bnote {font-size:12.5px;color:var(--ink-3);text-align:center;margin:0}
.flaeche .bmeta {display:flex;align-items:center;gap:var(--abstand-3);background:var(--card);border:1px solid var(--line);border-radius:11px;padding:var(--abstand-3) var(--abstand-3);box-shadow:var(--shadow)}
.flaeche .bfx {flex:1;min-width:0}
.flaeche .bfx b {display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flaeche .bfx span {font-size:12px;color:var(--ink-3)}
.flaeche .bok {flex:0 0 auto;color:var(--go)}
.flaeche .einord-weiter {text-decoration:none;color:inherit;transition:.15s}
.flaeche .einord-weiter:hover {border-color:var(--brand)}
.flaeche .bfund {display:flex;gap:12px;align-items:flex-start;background:linear-gradient(150deg,var(--go-bg),var(--card) 78%);
  border:1px solid var(--line);border-radius:var(--r);padding:16px 20px}
.flaeche .bfund .ic {flex:0 0 26px;height:26px;border-radius:8px;background:var(--go);color:#fff;display:grid;place-items:center}
.flaeche .bfund--still {background:var(--card)}
.flaeche .bfund--still .ic {background:var(--brand)}
.flaeche .bfund b {display:block;font-size:15px;font-weight:600;margin-bottom:var(--abstand-1)}
.flaeche .bfund p {margin:0;font-size:13.8px;color:var(--ink-2)}
.flaeche .bfund .tags {margin-top:8px;display:flex;flex-wrap:wrap;gap:var(--abstand-2)}
.flaeche .bfund .tags span {font-size:12.2px;background:var(--card);border:1px solid var(--line-2);border-radius:99px;padding:var(--abstand-1) var(--abstand-3);color:var(--ink-2)}
.flaeche.einord .q {padding:20px var(--abstand-6);border-bottom:1px solid var(--line)}
.flaeche.einord .q:last-child {border-bottom:0}
.flaeche.einord .q h2 {font-size:16.5px;font-weight:700;letter-spacing:-.02em;margin:0}
.flaeche.einord .q .hint {font-size:13.4px;color:var(--ink-2);margin:4px 0 12px}
.flaeche .gest__kopf {padding:20px var(--abstand-6)}
.flaeche .gest__kopf h2 {font-family:Archivo;font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}
.flaeche .gest__kopf p {font-size:13.2px;color:var(--ink-2);margin:4px 0 0}
.flaeche .gest .gbody {padding:0 var(--abstand-6) var(--abstand-6);border-top:1px solid var(--line)}
.flaeche .dgroup {margin-top:20px}
.flaeche .dgroup .lbl {font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:var(--abstand-2)}
.flaeche .merken {font-size:12.6px;color:var(--ink-3);margin:16px 0 0;padding-top:var(--abstand-4);border-top:1px dashed var(--line-2)}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung {border:0;padding:0;margin:20px 0}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung legend {padding:0;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:var(--abstand-3)}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__wahl {display:grid;grid-template-columns:1fr 1fr;gap:var(--abstand-3)}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__option {display:flex;align-items:center;gap:var(--abstand-3);padding:var(--abstand-4);border:2px solid var(--line-2);border-radius:12px;cursor:pointer;min-width:0}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__option:has(input:checked) {background:var(--brand-tint);border-color:var(--brand)}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__option input {accent-color:var(--brand);flex-shrink:0;width:18px;height:18px;margin:0}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__option:has(input:focus-visible) {outline:2px solid var(--brand);outline-offset:3px}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__option strong {display:block;font-size:14px;color:var(--ink)}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__option small {display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--ink-2)}
.flaeche:is(.einord,.beitragseditor) .bilddarstellung__hinweis {display:none;font-size:13px;line-height:1.6;color:var(--ink-2);margin:12px 0 0}
.flaeche:is(.einord,.beitragseditor):has(input[name="ganzes_bild"][value="1"]:checked) .bildposition {display:none}
.flaeche:is(.einord,.beitragseditor):has(input[name="ganzes_bild"][value="1"]:checked) .bilddarstellung__hinweis {display:block}
.flaeche:is(.einord,.beitragseditor):has(input[name="ganzes_bild"][value="1"]:checked) .bpost {cursor:default;touch-action:auto}
@media (max-width:600px) {.flaeche.einord .bilddarstellung__wahl,.flaeche.beitragseditor .bilddarstellung__wahl {grid-template-columns:1fr}}
.flaeche .lays {display:grid;grid-template-columns:repeat(4,minmax(0,148px));gap:var(--abstand-3)}
@media (max-width:560px) {.flaeche .lays {grid-template-columns:repeat(2,minmax(0,1fr))}}
.flaeche .lay {position:relative;border:2px solid var(--line-2);border-radius:11px;padding:8px;background:var(--card);transition:.15s;cursor:pointer}
.flaeche .lay:hover {border-color:var(--brand)}
.flaeche .lay:has(input:checked) {border-color:var(--brand);background:var(--brand-tint)}
.flaeche .lay:has(input:focus-visible) {outline:2.5px solid var(--brand);outline-offset:2px}
.flaeche .lay input {position:absolute;opacity:0;width:1px;height:1px}
.flaeche .lay .mini {display:block;aspect-ratio:4/5;border-radius:5px;overflow:hidden;position:relative;background:#8E8271}
.flaeche .lay .mini i {position:absolute;display:block}
.flaeche .lay .nm {display:block;font-size:11.8px;font-weight:600;text-align:center;margin-top:var(--abstand-2);color:var(--ink-2)}
.flaeche .lay:has(input:checked) .nm {color:var(--brand-ink)}
.flaeche .lays.lays--v2 {grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--abstand-3);max-width:520px}
.flaeche .lay .mini.mini--v2 {background:var(--card-2);aspect-ratio:4/5;box-shadow:inset 0 0 0 1px var(--ink-3)}
.flaeche .beitragseditor--story .lay .mini.mini--v2 {aspect-ratio:9/16}
.flaeche .lay .mini--v2 img {display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}
.flaeche .lay .mini--v2 img[hidden] {display:none}
.flaeche [data-gestaltungskacheln].kacheln--laedt .mini--v2 img {opacity:.55}
.flaeche .kachelstatus {min-height:1.2em;margin:8px 0 0;color:var(--ink-3)}
.flaeche .tonhinweis {min-height:1.2em;margin:8px 0 0;color:var(--ink-3)}
.flaeche .tonhinweis:empty {display:none}
.flaeche .beitragseditor__bild {position:relative}
.flaeche .beitragseditor__bild .beitragseditor__sofort {position:absolute;inset:0;z-index:1;object-fit:contain}
.flaeche .beitragseditor__bild .beitragseditor__sofort[hidden] {display:none}
@media (prefers-reduced-motion:reduce) {.flaeche .lay .mini--v2 img {transition:none}}
.flaeche .notice__liste {margin:var(--abstand-2) 0 0;padding-left:16px}
.flaeche .notice__liste li {margin-bottom:2px}
.flaeche .linky {color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.flaeche .assign {background:var(--card-2);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.flaeche .assign .tagline {font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}
.flaeche .assign h4 {font-size:16px;font-weight:700;letter-spacing:-.02em;margin:var(--abstand-2) 0 8px}
.flaeche .assign p {margin:0 0 12px;font-size:13.8px;color:var(--ink-2)}
.flaeche .assign ul {margin:0 0 var(--abstand-4);padding-left:var(--abstand-4);font-size:13.5px;color:var(--ink-2)}
.flaeche .assign li {margin-bottom:var(--abstand-1)}
.flaeche .assign li::marker {color:var(--brand)}
.flaeche .mini {font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:var(--abstand-2)}
.flaeche .btn {
  appearance:none;border:1px solid transparent;background:var(--brand);color:var(--auf-brand);border-radius:10px;padding:10px 18px;
  font-family:inherit;font-size:14px;line-height:1.45;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;max-width:100%;text-align:center;white-space:normal;box-shadow:none;
  transition:background-color .15s,border-color .15s,color .15s,filter .15s;
}
.flaeche .btn:hover {filter:brightness(1.06)}
.flaeche .btn:focus-visible {outline:3px solid var(--brand-ink);outline-offset:3px}
a.btn {text-decoration:none}
.flaeche a.btn {text-decoration:none}
.flaeche .btn.sec {background:var(--card);color:var(--ink);border:1px solid var(--line-2);box-shadow:none}
.flaeche .btn.sec:hover {border-color:var(--ink-3);filter:none}
.flaeche .btn.sm {padding:var(--abstand-2) 14px;font-size:13px}
.flaeche.werkbank .btn:not(.sec) {color:var(--auf-brand)}
.flaeche .pipe {display:block;padding:var(--abstand-6) 0 var(--abstand-2)}
.flaeche .pipe[hidden] {display:none}
.flaeche .pipe .rowp {display:flex;align-items:center;gap:var(--abstand-3);font-size:13.5px;color:var(--ink-2);margin-bottom:var(--abstand-2);opacity:1;transition:.3s}
.flaeche .pipe .rowp.done,
.flaeche .pipe .rowp.now {opacity:1}
.flaeche .pipe .rowp .b {width:19px;height:19px;border-radius:50%;border:2px solid var(--line-2);flex:0 0 auto;display:grid;place-items:center}
.flaeche .pipe .rowp.done .b {background:var(--go);border-color:var(--go)}
.flaeche .pipe .rowp.now .b {border-color:var(--brand);border-top-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.flaeche .pipe .rowp.now .b{animation:none}}
.flaeche .bar {height:5px;background:var(--line);border-radius:9px;overflow:hidden;margin-top:var(--abstand-4)}
.flaeche .bar i {display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-ink));transition:width .5s ease}
.flaeche .appr {display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}
@media (max-width:720px){.flaeche .appr{grid-template-columns:1fr}.flaeche .mock{max-width:250px}}
.flaeche .mock {
  aspect-ratio:4/5;border-radius:12px;overflow:hidden;position:relative;background:#14172B;
  box-shadow:var(--shadow);border:1px solid var(--line);
}
.flaeche .mock .ph {position:absolute;inset:0;object-fit:cover;width:100%;height:100%}
.flaeche .mock .fake {position:absolute;inset:0;background:
   radial-gradient(70% 60% at 30% 25%, #8E7CC9, transparent 70%),
   linear-gradient(160deg,#4A4560,#2A2740 60%,#1C1A2C)}
.flaeche .mock .grain {position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,20,.86) 0%,rgba(10,8,20,.25) 42%,transparent 66%)}
.flaeche .mock .logo {
  position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:#14172B;
  font-family:Archivo;font-weight:800;font-size:10px;letter-spacing:.02em;
  padding:var(--abstand-1) var(--abstand-2);border-radius:6px;
  max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.flaeche .mock .cap {position:absolute;left:14px;right:14px;bottom:14px}
.flaeche .mock .cap .rail {width:34px;height:3px;background:var(--brand);border-radius:3px;margin-bottom:var(--abstand-2)}
.flaeche .mock .cap .cap__titel {display:block;font-family:Archivo;font-weight:800;font-size:17px;line-height:1.15;letter-spacing:-.02em;color:#fff;margin:0}
.flaeche .mock .cap p {margin:var(--abstand-1) 0 0;font-size:11px;color:rgba(255,255,255,.72)}
.flaeche .varsw {display:flex;gap:var(--abstand-2);margin-bottom:var(--abstand-3)}
.flaeche .varsw a {text-decoration:none}
.flaeche .varsw button,
.flaeche .varsw a {
  border:1px solid var(--line-2);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;
  color:var(--ink-2);background:var(--card);transition:.15s;
}
.flaeche .varsw button[aria-pressed="true"],
.flaeche .varsw a[aria-pressed="true"] {background:var(--ink);color:var(--card);border-color:var(--ink)}
.flaeche .varsw a {transition:background var(--dur-fast, 150ms) ease, color var(--dur-fast, 150ms) ease}
.flaeche .beitragsbild img {transition:opacity .25s ease}
.flaeche .beitragsbild__img--laedt {opacity:.45}
@media (prefers-reduced-motion:reduce) {
  .flaeche .varsw a,
  .flaeche .beitragsbild img {transition:none}
}
.flaeche .copy h5 {font-family:Archivo;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--abstand-2)}
.flaeche .copy p {margin:0 0 var(--abstand-2);font-size:14.2px;color:var(--ink-2)}
.flaeche .copy .tags {font-size:13px;color:var(--brand-ink);font-weight:500}
.flaeche .factchip {
  display:inline-flex;align-items:center;gap:var(--abstand-2);margin-top:12px;
  background:var(--go-bg);color:var(--go);border-radius:99px;padding:4px var(--abstand-3);font-size:12px;font-weight:600;
}
.flaeche .acts {display:flex;gap:var(--abstand-2);flex-wrap:wrap;margin-top:16px;padding-top:var(--abstand-4);border-top:1px solid var(--line)}
.flaeche .freigabe-aussicht {display:flex;align-items:flex-start;gap:var(--abstand-2);max-width:36rem;margin:16px 0 0;font-size:13px;line-height:1.55;color:var(--ink-2)}
.flaeche .freigabe-aussicht::before {content:"";flex:0 0 auto;width:8px;height:8px;margin-top:var(--abstand-2);border-radius:50%;background:var(--ink-3)}
.flaeche .freigabe-aussicht[data-art="beitragstag"] {color:var(--brand-ink);font-weight:600}
.flaeche .freigabe-aussicht[data-art="beitragstag"]::before {background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent)}
.flaeche .freigabe-aussicht:is([data-art="ohne_kanal"],[data-art="kein_tag"],[data-art="voll"],[data-art="zeitraum_vorbei"],[data-art="zeitraum_ohne_tag"])::before {background:var(--wait)}
.flaeche .freigabe-aussicht + .acts {margin-top:12px}
.flaeche .beitrag-jetzt {display:flex;flex-wrap:wrap;align-items:center;gap:8px var(--abstand-4);margin:0 0 20px}
.flaeche .beitrag-jetzt .mini {margin:0}
.flaeche .doneflag {display:none;align-items:center;gap:var(--abstand-3);padding:20px var(--abstand-6)}
.flaeche .doneflag.on {display:flex}
.flaeche .doneflag .ok {width:40px;height:40px;border-radius:50%;background:var(--go-bg);color:var(--go);display:grid;place-items:center;flex:0 0 auto}
.flaeche .doneflag b {font-family:Archivo;font-size:16.5px;letter-spacing:-.02em;display:block}
.flaeche .doneflag span {font-size:13.5px;color:var(--ink-2)}
.flaeche .ring {display:flex;align-items:center;gap:var(--abstand-4)}
.flaeche .ring svg {flex:0 0 auto}
.flaeche .ring .num {font-family:Archivo;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.flaeche .ring .lbl {font-size:13px;color:var(--ink-2)}
.flaeche .streak {
  margin-top:var(--abstand-4);padding-top:var(--abstand-4);border-top:1px solid var(--line);
  display:flex;align-items:center;gap:var(--abstand-2);font-size:13.2px;color:var(--ink-2);
}
.flaeche .streak b {color:var(--ink);font-weight:700}
.flaeche .weeks {display:flex;gap:var(--abstand-1);margin-left:auto}
.flaeche .weeks i {width:6px;height:15px;border-radius:2px;background:var(--brand);opacity:.85}
.flaeche .weeks i.off {background:var(--line-2);opacity:1}
.flaeche .statrow {display:flex;justify-content:space-between;align-items:baseline;padding:var(--abstand-2) 0;border-bottom:1px solid var(--line)}
.flaeche .statrow:last-child {border-bottom:0}
.flaeche .statrow .k {font-size:13.5px;color:var(--ink-2)}
.flaeche .statrow .v {font-family:Archivo;font-size:17px;font-weight:700;letter-spacing:-.02em}
.flaeche .kanalstand {min-width:0}
.flaeche .kanalstand .eyebrow {gap:12px;flex-wrap:wrap}
.flaeche .kanalstand__umfang {margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--brand-ink);font-size:13px;font-weight:650}
.flaeche .kanalstand__zahlen {margin:var(--abstand-2) 0 0}
.flaeche .kanalstand__zahl {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--abstand-2) 16px;padding:var(--abstand-4) 0;border-bottom:1px solid var(--line)}
.flaeche .kanalstand__zahl dt {min-width:0;color:var(--ink);font-size:15px;font-weight:600}
.flaeche .kanalstand__zahl dt small {display:block;margin-top:4px;color:var(--ink-2);font-size:12px;font-weight:400;line-height:1.5}
.flaeche .kanalstand__zahl dd {margin:0;align-self:center;max-width:100%;color:var(--ink);font-family:Archivo,sans-serif;font-size:27px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;overflow-wrap:anywhere}
.flaeche .kanalstand__zahl p {grid-column:1/-1;margin:0;color:var(--ink-2);font-size:11.5px;line-height:1.55;overflow-wrap:anywhere}
.flaeche .kanalstand__zahl--anfragen {margin-top:4px}
.flaeche .kanalstand__quellen {margin-top:20px;border:0;border-radius:12px;background:var(--bg)}
.flaeche .kanalstand__quellen summary {padding:12px var(--abstand-4);font-size:13px}
.flaeche .kanalstand__quellen>div {padding:0 var(--abstand-4) 16px}
.flaeche .kanalstand__kanal {display:grid;gap:var(--abstand-2);padding:var(--abstand-4) 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.flaeche .kanalstand__kanal strong {font-size:14px}
.flaeche .kanalstand__kanal span,.flaeche .kanalstand__kanal small,.flaeche .kanalstand__quellen p {margin:0;color:var(--ink-2);font-size:12px;line-height:1.6}
.flaeche .kanalstand__quellen>div>p {margin-top:var(--abstand-4)}
.flaeche .kanalstand__kanal a,.flaeche .kanalstand__verbinden {font-size:13px;font-weight:600;color:var(--brand-ink)}
.flaeche .kanalstand__verbinden {display:inline-flex;gap:8px;margin-top:20px}
.flaeche .kanalstand__status {margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--ink-2)}
.flaeche .kanalstand__status:empty {display:none}
.flaeche .kanalstand__bericht {display:flex;width:100%;justify-content:space-between;margin-top:20px}
.flaeche .delta {font-size:12px;font-weight:600;color:var(--go);margin-left:var(--abstand-2)}
.flaeche .chatcta {background:linear-gradient(150deg,var(--brand-tint),var(--card) 75%)}
.flaeche .chatcta h4 {font-family:Archivo;font-size:16.5px;font-weight:700;letter-spacing:-.02em;margin:var(--abstand-2) 0 var(--abstand-2)}
.flaeche .chatcta p {margin:0 0 var(--abstand-3);font-size:13.6px;color:var(--ink-2)}
.flaeche .railchat {display:flex;gap:var(--abstand-2)}
.flaeche .railchat input {
  flex:1;min-width:0;border:1px solid var(--line-2);border-radius:10px;padding:10px 14px;
  font:inherit;font-size:13.8px;background:var(--card);color:var(--ink);
}
.flaeche .railchat input::placeholder {color:var(--ink-3)}
.flaeche .railchat button {
  appearance:none;border:1px solid transparent;font:inherit;padding:0;
  flex:0 0 auto;background:var(--brand);color:var(--card);border-radius:10px;width:44px;min-height:44px;
  display:grid;place-items:center;transition:.15s;
}
.flaeche .railchat button:hover {filter:brightness(1.08)}
.flaeche .railchips {display:flex;flex-wrap:wrap;gap:var(--abstand-2);margin-top:var(--abstand-3)}
.flaeche .railchips form {display:flex}
.flaeche .railchips button {
  border:1px solid var(--line-2);background:var(--card);border-radius:99px;
  padding:6px 14px;font-size:13px;font-weight:500;color:var(--ink-2);transition:.15s;
  min-height:44px;white-space:nowrap;
}
.flaeche .railchips button:hover {border-color:var(--brand);color:var(--brand-ink)}
.flaeche .titlerow {display:flex;align-items:center;gap:var(--abstand-3);flex-wrap:wrap;margin-bottom:16px}
.flaeche .rub {
  font-size:11.5px;font-weight:600;padding:var(--abstand-1) var(--abstand-3);border-radius:99px;
  background:var(--brand-tint);color:var(--brand-ink);border:1px solid var(--brand-tint-2);
}
.flaeche .hairline {height:1px;background:var(--line);margin:16px 0 4px}
.flaeche .morelink {
  display:inline-flex;align-items:center;gap:var(--abstand-2);margin-top:12px;font-size:13px;font-weight:600;
  color:var(--brand-ink);border-bottom:1px solid var(--brand-tint-2);padding-bottom:1px;
}
.flaeche .morelink:hover {border-bottom-color:var(--brand)}
.flaeche .strip {display:flex;gap:var(--abstand-1);margin-top:var(--abstand-4);flex-wrap:wrap}
.flaeche .strip .d {
  width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  font-size:11px;font-weight:600;color:var(--ink-3);background:var(--card-2);border:1px solid var(--line);
}
.flaeche .strip .d.pub {background:var(--brand);color:#fff;border-color:var(--brand)}
.flaeche .strip .d.plan {background:var(--card);border:1.5px dashed var(--brand);color:var(--brand-ink)}
.flaeche .strip .d.today {box-shadow:0 0 0 2.5px var(--brand-tint-2)}
.flaeche .legend {display:flex;gap:16px;margin-top:var(--abstand-4);font-size:12.5px;color:var(--ink-2);flex-wrap:wrap}
.flaeche .legend span {display:flex;align-items:center;gap:var(--abstand-2)}
.flaeche .legend i {width:11px;height:11px;border-radius:3.5px;display:block}
.flaeche .cal {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--abstand-2);margin-top:16px}
.flaeche .cal .hd {font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding-bottom:var(--abstand-1)}
.flaeche .cell {
  min-width:0;min-height:84px;border:1px solid var(--line);border-radius:10px;background:var(--card-2);
  padding:var(--abstand-2);display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-3);position:relative;
}
.flaeche .cell.pub {background:var(--brand);border-color:var(--brand);color:var(--auf-brand)}
.flaeche .cell.pub .tagname {color:var(--auf-brand)}
.flaeche .cell.plan {border:1.5px dashed var(--brand);background:var(--card)}
.flaeche .cell.plan .tagname {color:var(--brand-ink)}
.flaeche .cell.today .cell__zahl {background:var(--ink);color:var(--card);border-radius:999px;padding:0 var(--abstand-2);font-weight:700}
.flaeche .cell .tagname {font-size:10.5px;font-weight:600;line-height:1.25;margin-top:auto}
@media (max-width:640px){.flaeche .cell .tagname{display:none}}
.flaeche .beitragsseite {max-width:1000px}
.flaeche.werkbank main.beitragsseite {max-width:1100px}
.flaeche .beitragsseite .zurueck {margin:var(--abstand-6) 0 var(--abstand-4);font-size:14px}
.flaeche .beitragsseite .lede h1 {font-size:var(--schrift-seite);letter-spacing:-.02em}
.flaeche .beitragsseite .card {margin-top:20px}
@media (max-width:780px){.flaeche .beitragsseite .lede h1{font-size:22px}}
.flaeche a.cell {text-decoration:none;cursor:pointer;transition:transform var(--dauer-kurz) var(--ease), box-shadow var(--dauer-kurz) var(--ease)}
.flaeche a.cell:hover {transform:translateY(-2px);box-shadow:var(--shadow)}
.flaeche a.cell.pub:hover {box-shadow:0 4px 14px var(--brand-tint-2)}
.flaeche .cell.fremd:not(.pub):not(.plan) {background:none}
.flaeche .cell.fremd .cell__zahl, .flaeche .cell.fremd .monatsmarke {opacity:.62}
.flaeche .cell .monatsmarke {
  font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;margin-left:var(--abstand-1);
}
.flaeche .monatswahl {display:flex;align-items:center;gap:var(--abstand-2);min-width:0}
.flaeche .monatswahl__name {font:inherit;letter-spacing:inherit;color:var(--ink);white-space:nowrap}
.flaeche .monatswahl__pfeil {
  flex:0 0 auto;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  color:var(--ink-2);background:var(--card-2);border:1px solid var(--line);text-decoration:none;
  transition: background-color var(--duration) var(--ease),
              border-color var(--duration) var(--ease),
              color var(--duration) var(--ease);
}
.flaeche .monatswahl__pfeil:hover {background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}
.flaeche .monatswahl__pfeil svg {width:13px;height:13px;display:block}
.flaeche .monatswahl__heute {
  font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--brand-ink);text-decoration:none;padding:4px var(--abstand-2);border-radius:999px;
  background:var(--brand-tint);white-space:nowrap;
}
.flaeche .monatswahl__heute:hover {background:var(--brand-tint-2)}
.flaeche .up {display:flex;gap:var(--abstand-3);align-items:flex-start;padding:var(--abstand-3) 0;border-bottom:1px solid var(--line)}
.flaeche .up:last-child {border-bottom:0;padding-bottom:0}
.flaeche .up .when {
  flex:0 0 54px;text-align:center;border-radius:9px;background:var(--card-2);border:1px solid var(--line);padding:var(--abstand-1) 0;
}
.flaeche .up .when b {display:block;font-family:Archivo;font-size:17px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.flaeche .up .when span {font-size:10.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.flaeche .up .txt b {display:block;font-size:14.5px;font-weight:600}
.flaeche .up .txt span {font-size:13.2px;color:var(--ink-2)}
.flaeche .pill {display:inline-block;font-size:11px;font-weight:600;padding:2px 10px;border-radius:99px;margin-top:6px}
.flaeche .pill.ok {background:var(--go-bg);color:var(--go)}
.flaeche .pill.wait {background:var(--wait-bg);color:var(--wait)}
.flaeche .pill.draft {background:var(--brand-tint);color:var(--brand-ink)}
.flaeche .chatbox {display:flex;flex-direction:column;height:min(560px,68vh)}
.flaeche .msgs {flex:1;overflow-y:auto;padding:20px var(--abstand-6);display:flex;flex-direction:column;gap:var(--abstand-4)}
.flaeche .m {max-width:80%;font-size:14.3px;line-height:1.6}
.flaeche .m.a {align-self:flex-start}
.flaeche .m.a .bub {background:var(--card-2);border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:12px var(--abstand-4)}
.flaeche .m.u {align-self:flex-end}
.flaeche .m.u .bub {background:var(--brand);color:var(--auf-brand);border-radius:14px 4px 14px 14px;padding:12px var(--abstand-4)}
.flaeche .m .nm {font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--abstand-1)}
.flaeche .m .bub p {margin:0 0 8px}
.flaeche .m .bub p:last-child {margin:0}
.flaeche .m .bub ul {margin:var(--abstand-2) 0 0;padding-left:var(--abstand-4)}
.flaeche .m .bub li {margin-bottom:var(--abstand-1)}
.flaeche .chips {display:flex;gap:var(--abstand-2);flex-wrap:wrap;padding:0 var(--abstand-6) var(--abstand-4)}
.flaeche .chip {
  border:1px solid var(--line-2);border-radius:99px;padding:var(--abstand-2) 14px;font-size:13px;font-weight:500;
  color:var(--ink-2);background:var(--card);transition:.15s;
}
.flaeche .chip:hover {border-color:var(--brand);color:var(--brand-ink);background:var(--brand-tint)}
.flaeche .composer {display:flex;gap:var(--abstand-2);padding:var(--abstand-4) 20px;border-top:1px solid var(--line);background:var(--card-2);border-radius:0 0 var(--r) var(--r)}
.flaeche .composer input {
  flex:1;min-width:0;border:1px solid var(--line-2);border-radius:10px;padding:var(--abstand-3) 14px;font:inherit;font-size:14.3px;
  background:var(--card);color:var(--ink);
}
.flaeche .composer input::placeholder {color:var(--ink-3)}
.flaeche .idea {display:flex;gap:var(--abstand-3);align-items:flex-start;padding:var(--abstand-3) 0;border-bottom:1px solid var(--line)}
.flaeche .idea:last-child {border-bottom:0}
.flaeche .idea .n {flex:0 0 22px;height:22px;border-radius:6px;background:var(--brand-tint);color:var(--brand-ink);
         display:grid;place-items:center;font-size:11px;font-weight:700}
.flaeche .idea b {display:block;font-size:14px;font-weight:600}
.flaeche .idea span {font-size:12.8px;color:var(--ink-2)}
.flaeche footer {border-top:1px solid var(--line);margin-top:40px;padding:var(--abstand-6) 0 36px}
.flaeche footer .wrap {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-3)}
.flaeche footer b {color:var(--ink-2);font-weight:600}
.flaeche footer nav {display:flex;gap:20px}
.flaeche footer a {color:var(--ink-3);text-decoration:none;border-bottom:1px solid var(--line-2)}
.flaeche footer a:hover {color:var(--ink)}
.flaeche .note {
  margin-top:var(--abstand-6);font-size:12.5px;color:var(--ink-3);border-top:1px dashed var(--line-2);padding-top:var(--abstand-4);
}
.flaeche .tiles {
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--abstand-4);
}
.flaeche .tile {
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);padding:20px;
}
.flaeche .tile .tagline {
  font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink);
}
.flaeche .tile h4 {font-size:15.5px;font-weight:700;letter-spacing:-.02em;margin:var(--abstand-2) 0 var(--abstand-2);line-height:1.3}
.flaeche .tile ul {margin:0 0 12px;padding-left:var(--abstand-4);font-size:13.5px;color:var(--ink-2)}
.flaeche .tile li {margin-bottom:var(--abstand-1)}
.flaeche .tile li::marker {color:var(--brand)}
.flaeche .notice {position:relative;display:block;margin:0 0 20px}
.flaeche .notice--feld {margin:var(--abstand-2) 0 0}
.flaeche .vstudio__textfassungen {display:grid;gap:24px;margin-top:24px}
.flaeche .vstudio__textkarte {min-width:0;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,2.5vw,30px);box-shadow:var(--shadow)}
.flaeche .vstudio__fassungskopf {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.flaeche .vstudio__fassungskopf h3 {margin:0;font-size:18px;line-height:1.4}
.flaeche .vstudio__fassungsstand {padding:var(--abstand-2) var(--abstand-3);border-radius:20px;background:var(--paper-deep);color:var(--ink-soft);font-size:12px;line-height:1.4}
.flaeche .vstudio__fassungsstand--gesperrt {background:var(--danger-wash);color:var(--danger)}
.flaeche .vstudio__textformular {display:grid;gap:var(--abstand-6);margin:0;min-width:0}
.flaeche .vstudio__texteingabe {display:grid;gap:var(--abstand-3);min-width:0}
.flaeche .vstudio__texteingabe label {font-size:13px;font-weight:600;color:var(--ink)}
.flaeche .vstudio__texteingabe .vtext {display:block;margin:0;min-height:200px;font-size:16px;line-height:1.65;resize:vertical}
.flaeche .vstudio__texteingabe>p,.flaeche .vstudio__textaktionen>p {margin:0;font-size:12px;line-height:1.55;color:var(--ink-2)}
.flaeche .vstudio__texthashtags>span {display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:8px}
.flaeche .vstudio__texthashtags>p {display:flex;flex-wrap:wrap;gap:var(--abstand-2) 12px;margin:0;font-size:14px;line-height:1.6;color:var(--brand-ink);overflow-wrap:anywhere}
.flaeche .vstudio__textaktionen {display:grid;justify-items:start;gap:12px;padding-top:var(--abstand-6);border-top:1px solid var(--line)}
.flaeche .vstudio__textaktionen>.btn {max-width:100%;min-height:48px;white-space:normal}
.flaeche .pruefhinweis {display:block;position:relative;width:auto;max-width:100%;margin:0;box-shadow:none;overflow-wrap:anywhere}
.flaeche .pruefhinweis>strong {display:block;font-size:14px;line-height:1.55}
.flaeche .pruefhinweis>p {margin:var(--abstand-1) 0 0;font-size:13px;line-height:1.6;color:var(--ink-2)}
.flaeche .pruefhinweis+.pruefhinweis {margin-top:12px}
.flaeche .pruefhinweise {display:grid;gap:12px;margin:0 0 var(--abstand-6)}
.flaeche .pruefhinweise>.pruefhinweis+.pruefhinweis {margin-top:0}
.flaeche .vstudio__textformular>.pruefhinweis+.pruefhinweis {margin-top:0}
.flaeche .vstudio__gesperrtertext {margin:0 0 var(--abstand-6);font-size:15px;line-height:1.7;color:var(--ink-2);white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:640px){.flaeche .vstudio__textkarte {padding:20px 20px;border-radius:16px}.flaeche .vstudio__textaktionen>.btn {width:100%}.flaeche .vstudio__textaktionen {justify-items:stretch}}
.flaeche .material__files {display:block;margin:0 0 var(--abstand-4);padding-left:20px;font-size:13.5px;color:var(--ink-2)}
.flaeche .footnote {
  display:flex;max-width:1220px;margin:40px auto 0;padding:20px 28px;
}
@media (max-width:640px){.flaeche .footnote {padding:20px 16px}}
.flaeche details.disclosure {margin-top:12px}
.einrichtung .steps {
  display:block;flex-direction:row;
  border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20;
}
.einrichtung .steps .wrap {
  display:flex;gap:0;min-width:0;overflow-x:auto;scrollbar-width:none;
  position:relative;
}
.einrichtung .steps .wrap::-webkit-scrollbar {display:none}
.einrichtung .st {
  display:flex;align-items:center;gap:var(--abstand-2);padding:var(--abstand-3) 16px var(--abstand-3) 0;font-size:13.2px;font-weight:600;
  color:var(--ink-3);white-space:nowrap;transition:color .15s;text-decoration:none;
}
.einrichtung a.st:hover {color:var(--ink)}
.einrichtung a.st:hover .b {border-color:var(--brand)}
.einrichtung .st .b {
  width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2);
  display:grid;place-items:center;font-size:11.5px;font-weight:700;flex:0 0 auto;transition:.2s;
}
.einrichtung .st.done {color:var(--ink-2)}
.einrichtung .st.done .b {background:var(--go);border-color:var(--go);color:#fff}
.einrichtung .st.now {color:var(--ink)}
.einrichtung .st.now .b {background:var(--brand);border-color:var(--brand);color:#fff}
.einrichtung .st .arw {color:var(--line-2);margin-left:16px}
.einrichtung .st:last-child .arw {display:none}
.einrichtung .fortschritt {border-bottom:1px solid var(--line);background:var(--paper)}
.einrichtung .fortschritt .wrap {display:flex;align-items:center;gap:16px;padding-top:var(--abstand-3);padding-bottom:var(--abstand-3)}
.einrichtung .fortschritt__balken {
  flex:1;height:5px;background:var(--line);border-radius:9px;overflow:hidden;min-width:0;
}
.einrichtung .fortschritt__balken i {
  display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-ink));
  transition:width .5s ease;
}
.einrichtung .fortschritt__text {
  margin:0;display:flex;align-items:baseline;gap:var(--abstand-2);flex:0 0 auto;font-size:12.5px;color:var(--ink-3);
}
.einrichtung .fortschritt__text b {font-family:Archivo;font-size:14px;font-weight:700;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.einrichtung .fortschritt__balken i {transition:none}}
.einrichtung main {padding:44px 0 68px;min-height:60vh}
.einrichtung .kick {
  font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--brand-ink);margin-bottom:12px;
}
.einrichtung h1.big {font-size:clamp(29px,4.6vw,42px);font-weight:800;letter-spacing:-.038em;line-height:1.06}
.flaeche.werkbank .einrichtung h1.big {font-size:var(--schrift-seite);line-height:1.12}
.einrichtung p.lede {font-size:17px;color:var(--ink-2);margin:var(--abstand-3) 0 0;max-width:60ch}
.einrichtung p.lede b {color:var(--ink);font-weight:600}
.flaeche .nav {display:flex;gap:var(--abstand-3);align-items:center;margin-top:28px;flex-wrap:wrap}
.flaeche .nav .hint {font-size:13px;color:var(--ink-3);margin-left:auto}
@media (max-width:640px){.flaeche .nav .hint {margin-left:0;flex-basis:100%}}
.einrichtung .urlrow {display:flex;gap:var(--abstand-3);margin-top:28px;flex-wrap:wrap}
.einrichtung .urlfield {
  flex:1;min-width:260px;display:flex;align-items:center;gap:var(--abstand-3);background:var(--card);
  border:1.5px solid var(--field-border);border-radius:12px;padding:4px var(--abstand-1) 4px 16px;box-shadow:var(--shadow);
  transition:.15s;
}
.einrichtung .urlfield:focus-within {border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint)}
.einrichtung .urlfield .pre {color:var(--ink-3);font-size:15px;flex:0 0 auto}
.einrichtung .urlfield input {
  flex:1;border:0;background:none;padding:14px 8px;font-size:16px;color:var(--ink);outline:none;min-width:0;
}
.einrichtung .alt {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--abstand-4);margin-top:var(--abstand-8)}
.einrichtung .altc {border:1px dashed var(--line-2);border-radius:12px;padding:var(--abstand-4);background:var(--card-2)}
.einrichtung .altc b {display:block;font-size:14.5px;font-weight:600;margin-bottom:var(--abstand-1)}
.einrichtung .altc span {display:block;font-size:13.2px;color:var(--ink-2)}
.einrichtung .altc button, .einrichtung .altc .btn {margin-top:var(--abstand-3)}
.einrichtung .scanwrap {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--abstand-6);margin-top:var(--abstand-8)}
@media (max-width:820px){.einrichtung .scanwrap {grid-template-columns:1fr}}
.einrichtung .log {display:flex;flex-direction:column;gap:2px}
.einrichtung .li {
  display:flex;align-items:flex-start;gap:12px;padding:var(--abstand-3) 0;border-bottom:1px solid var(--line);
  opacity:1;transition:color .35s;
}
.einrichtung .li:last-child {border-bottom:0}
.einrichtung .li.on {opacity:1}
.einrichtung .li.fehl {opacity:1}
.einrichtung .li .mk {
  width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);flex:0 0 auto;margin-top:2px;
  display:grid;place-items:center;transition:.25s;
}
.einrichtung .li.on .mk {background:var(--go);border-color:var(--go);color:#fff}
.einrichtung .li.fehl .mk {background:var(--wait-bg);border-color:var(--wait);color:var(--wait)}
.einrichtung .li .tx b {display:block;font-size:14.6px;font-weight:600}
.einrichtung .li .tx span {font-size:13.4px;color:var(--ink-2)}
.einrichtung .li .tx .val {color:var(--brand-ink);font-weight:600}
.einrichtung .scanbar {height:5px;background:var(--line);border-radius:9px;overflow:hidden;margin-bottom:var(--abstand-6)}
.einrichtung .scanbar i {
  display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-ink));
  transition:width .45s ease;
}
@media (prefers-reduced-motion:reduce){.einrichtung .scanbar i {transition:none}}
.einrichtung .sitecard {
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);
}
.einrichtung .sitebar {
  display:flex;align-items:center;gap:var(--abstand-2);padding:var(--abstand-2) 12px;background:var(--card-2);border-bottom:1px solid var(--line);
}
.einrichtung .sitebar i {width:8px;height:8px;border-radius:50%;background:var(--line-2);display:block}
.einrichtung .sitebar span {margin-left:8px;font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.einrichtung .sitebody {padding:0;position:relative;height:250px;overflow:hidden;background:var(--c-flaeche,var(--card-2))}
.einrichtung .mini {padding:var(--abstand-4);display:block}
.einrichtung .mini > span, .einrichtung .mini .mgrid > span {display:block}
.einrichtung .mini .mh {height:9px;background:var(--c-primaer,var(--ink-3));border-radius:var(--c-radius,6px);width:38%;margin-bottom:var(--abstand-2)}
.einrichtung .mini .mt {height:5px;background:rgba(128,128,128,.28);border-radius:var(--c-radius,6px);margin-bottom:var(--abstand-1)}
.einrichtung .mini .mt.s {width:70%}
.einrichtung .mini .mbtn {display:block;height:19px;width:78px;background:var(--c-akzent,var(--line-2));border-radius:var(--c-radius,6px);margin-top:var(--abstand-2)}
.einrichtung .mini .mimg {height:74px;background:linear-gradient(120deg,#8FA3BB,#5C7089);border-radius:var(--c-radius,6px);margin:12px 0}
.einrichtung .mini .mgrid {display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--abstand-2)}
.einrichtung .mini .mgrid > span {height:36px;border-radius:var(--c-radius,6px);background:linear-gradient(140deg,#A8B6C7,#6F8298)}
.einrichtung .sweep {
  position:absolute;top:0;left:0;right:0;height:60px;pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--brand-tint-2),transparent);
  animation:einr-sweep 2.1s linear 1 both;
}
@keyframes einr-sweep {0%{transform:translateY(-60px)}100%{transform:translateY(250px)}}
@media (prefers-reduced-motion:reduce){.einrichtung .sweep {display:none;animation:none}}
.einrichtung .prevnote {font-size:12.5px;color:var(--ink-3);margin-top:12px;text-align:center}
.einrichtung .board {display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:var(--abstand-6);margin-top:28px;align-items:start}
@media (max-width:900px){.einrichtung .board {grid-template-columns:1fr}}
.einrichtung .blocks {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.einrichtung .markenbereich {display:grid;gap:16px;min-width:0}
.einrichtung .markenbereich > .card {margin:0;min-width:0}
.einrichtung .blocks .eyebrow {flex-wrap:wrap;gap:var(--abstand-2) 12px}
.einrichtung .blocks .sub {max-width:65ch}
.einrichtung .found {
  display:inline-flex;align-items:center;gap:var(--abstand-1);font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--go);background:var(--go-bg);border-radius:99px;padding:var(--abstand-1) var(--abstand-2);
}
.einrichtung .found.man {color:var(--ink-2);background:var(--wait-bg)}
.einrichtung .found.leer {color:var(--ink-3);background:var(--card-2);border:1px solid var(--line)}
.flaeche .chan__stand {
    display:inline-flex;align-items:center;gap:var(--abstand-2);white-space:nowrap;
    font-size:13.2px;font-weight:600;padding:8px var(--abstand-4);border-radius:99px;
}
.flaeche .chan__stand--verbunden {background:var(--go-bg);color:var(--go)}
.flaeche .chan__stand--unterbrochen {background:var(--stop-bg);color:var(--stop)}
.flaeche .chan__stand--gefaehrdet {background:var(--wait-bg);color:var(--wait)}
.einrichtung .swatches {display:flex;gap:var(--abstand-3);margin-top:var(--abstand-4);flex-wrap:wrap}
.einrichtung .sw {text-align:center}
.einrichtung .sw label {
  display:block;position:relative;width:58px;height:58px;border-radius:12px;cursor:pointer;
  border:1px solid var(--field-border);box-shadow:var(--shadow);overflow:hidden;
}
.einrichtung .sw input {position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}
.einrichtung .sw b {display:block;font-size:11px;font-weight:600;margin-top:var(--abstand-2);color:var(--ink-2)}
.einrichtung .sw span {display:block;font-size:10.5px;color:var(--ink-3);font-family:ui-monospace,Menlo,monospace}
.einrichtung .sw input.sw__hex {
  position:static;opacity:1;cursor:text;display:block;width:88px;height:44px;margin-top:6px;
  padding:0 8px;border:1.5px solid var(--field-border);border-radius:var(--radius-field,8px);
  background:var(--paper-field);color:var(--ink);font:12px/1 ui-monospace,Menlo,monospace;text-align:center;
}
.einrichtung .sw input.sw__hex:focus-visible {outline:3px solid var(--brand-ink);outline-offset:1px}
.einrichtung .sw input.sw__hex[aria-invalid="true"] {border-color:var(--danger,#B42318)}
.einrichtung .sw__wert[hidden], .einrichtung .sw input.sw__hex[hidden] {display:none}
.einrichtung .swatches .sw > label {margin-inline:auto}
.einrichtung .farben-aendern {display:inline-flex;align-items:center;margin-top:var(--abstand-3);min-height:44px}
.einrichtung .farben-aendern[hidden] {display:none}
.einrichtung .fonts {display:flex;gap:var(--abstand-6);margin-top:var(--abstand-4);flex-wrap:wrap}
.einrichtung .fo {flex:1;min-width:150px}
.einrichtung .fo .demo {font-size:26px;line-height:1.1;color:var(--ink)}
.einrichtung .fo .demo.h {font-family:var(--c-display,Archivo,sans-serif);font-weight:700;font-size:31px}
.einrichtung .fo .demo.b {font-family:var(--c-text,Inter,sans-serif);font-weight:400;font-size:19px}
.einrichtung .fo .nm {font-size:12.5px;color:var(--ink-2);margin-top:4px}
.einrichtung .fontopts {
  display:flex;gap:var(--abstand-2);flex-wrap:wrap;margin-top:var(--abstand-4);padding-top:var(--abstand-4);border-top:1px solid var(--line);
}
.einrichtung .fontopts button {
  border:1.5px solid var(--field-border);border-radius:9px;padding:var(--abstand-2) 14px;font-size:14px;font-weight:600;
  color:var(--ink-2);background:var(--card);transition:.15s;
}
.einrichtung .fontopts button:hover {border-color:var(--brand)}
.einrichtung .fontopts button[aria-pressed="true"] {border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink)}
.einrichtung .logos {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:var(--abstand-4)}
.einrichtung .logos .logohinweis {grid-column:1/-1}
@media (max-width:440px) {
  .einrichtung .logos {grid-template-columns:minmax(0,1fr)}
}
.einrichtung .logoslot {border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--card-2)}
.einrichtung .logoslot .face {
  height:128px;padding:16px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;font-family:var(--c-display,Archivo,sans-serif);
  font-weight:700;font-size:18px;letter-spacing:.05em;
}
.einrichtung .logoslot .face img {display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.einrichtung .logoslot .cap {
  font-size:11.5px;padding:var(--abstand-2) var(--abstand-3);border-top:1px solid var(--line);color:var(--ink-3);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;overflow-wrap:anywhere;
}
.einrichtung .logoslot .cap b {color:var(--ink-2);font-weight:600}
.einrichtung .logoslot--wechsel {position:relative;display:block;min-width:0}
.einrichtung .logoslot--wechsel:hover {border-color:var(--brand)}
.einrichtung .logoslot__tausch {
  position:absolute;top:8px;right:8px;font-size:10.5px;font-weight:600;letter-spacing:.03em;
  background:var(--card);color:var(--ink-2);border:1px solid var(--line-2);border-radius:7px;
  padding:var(--abstand-1) 8px;opacity:1;pointer-events:none;
}
.einrichtung .logoslot--wechsel:hover .logoslot__tausch,
.einrichtung .logoslot--wechsel:focus-within .logoslot__tausch {opacity:1}
.einrichtung .logoslot--wechsel:focus-within {outline:2px solid var(--brand);outline-offset:2px}
.einrichtung .logohinweis {
  border:1px dashed var(--line-2);border-radius:11px;padding:12px var(--abstand-4);display:flex;
  flex-direction:column;gap:4px;justify-content:center;
}
.einrichtung .logohinweis b {font-size:12.5px;font-weight:600;color:var(--ink-2)}
.einrichtung .logohinweis > span {font-size:11.5px;color:var(--ink-3);line-height:1.5}
.einrichtung .logohinweis i {font-style:italic}
.einrichtung .logozurueck {
  display:flex;align-items:flex-start;gap:var(--abstand-2);margin-top:8px;padding-top:8px;
  border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-2);line-height:1.4;
}
.einrichtung .logozurueck input {margin-top:1px;flex:none}
.einrichtung .shaperow {display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}
.einrichtung .shapes {display:flex;gap:8px}
.einrichtung .shapes i {width:38px;height:38px;background:var(--c-primaer,var(--ink-3));display:block;border:0}
.einrichtung .shaperow input[type=range] {flex:1;min-width:150px;accent-color:var(--brand)}
.einrichtung .shapeval {font-size:13.5px;font-weight:600;color:var(--ink-2);min-width:112px}
.einrichtung .photos {display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:var(--abstand-4)}
.einrichtung .ph {
  aspect-ratio:1;border-radius:9px;position:relative;overflow:hidden;cursor:pointer;
  border:2px solid transparent;transition:.15s;padding:0;background:var(--card-2);
}
.einrichtung .ph img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.einrichtung .ph.off {opacity:.42;border-color:var(--line-2);filter:grayscale(.5)}
.einrichtung .ph .tick {
  position:absolute;z-index:2;top:4px;right:4px;width:17px;height:17px;border-radius:50%;
  background:var(--go);color:#fff;display:grid;place-items:center;
}
.einrichtung .ph.off .tick {background:rgba(0,0,0,.35)}
.einrichtung .ph .rej {
  position:absolute;z-index:2;left:0;right:0;bottom:0;background:rgba(0,0,0,.62);color:#fff;
  font-size:9.5px;font-weight:600;letter-spacing:.02em;padding:var(--abstand-1) 4px;text-align:center;display:none;
}
.einrichtung .ph.off .rej {display:block}
.einrichtung .facts .fr {display:flex;gap:var(--abstand-3);padding:var(--abstand-3) 0;border-bottom:1px solid var(--line);font-size:14px}
.einrichtung .facts .fr:last-child {border-bottom:0}
.einrichtung .facts .fk {flex:0 0 132px;color:var(--ink-3);font-size:13.2px}
.einrichtung .facts .fv {flex:1;min-width:0}
.einrichtung .facts .fv b {font-weight:600}
@media (max-width:520px){
  .einrichtung .facts .fr {flex-direction:column;gap:2px}
  .einrichtung .facts .fk {flex:none}
}
.einrichtung .abschluss {max-width:680px;margin:var(--abstand-6) auto 0;display:grid;gap:var(--abstand-4)}
@media (min-width:1000px) {
  .einrichtung .abschluss {
    max-width:1080px;gap:20px;align-items:start;
    grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  }
}
.flaeche.abschlussseite main.wrap {padding-top:24px;padding-bottom:28px}
.flaeche.abschlussseite .hero-ok {padding:0 0 2px}
.flaeche.abschlussseite .bigok {width:52px;height:52px;margin-bottom:12px}
.flaeche.abschlussseite .facts .fr {padding:8px 0}
.flaeche.abschlussseite .abschluss__nav {justify-content:center;margin-top:20px}
.flaeche.abschlussseite footer {margin-top:16px}
.flaeche.abschlussseite {--kopf:62px;min-height:100svh;display:flex;flex-direction:column}
.flaeche.abschlussseite main.wrap {flex:1 0 auto;width:100%;max-width:1280px;padding-top:clamp(28px,4vh,56px)}
.flaeche.abschlussseite footer {flex:none}
.einrichtung .facts .fv {overflow-wrap:anywhere}
.einrichtung .abschluss > .card {margin-top:0}
@media (min-width:1000px) {
  .flaeche.abschlussseite .facts .fk {flex-basis:116px}
  .flaeche.abschlussseite .hero-ok {flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 16px}
  .flaeche.abschlussseite .bigok {width:44px;height:44px;margin-bottom:0}
  .flaeche.abschlussseite .hero-ok .lede {flex:1 0 100%;margin-top:var(--abstand-2)}
}
.einrichtung .facts .fedit {
  flex:none;align-self:start;font-size:12.4px;color:var(--ink-3);text-decoration:none;
  border-bottom:1px solid transparent;transition:color .15s,border-color .15s;
}
.einrichtung .facts .fedit:hover {color:var(--brand);border-bottom-color:var(--brand)}
.einrichtung .facts .fedit:focus-visible {outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
@media (max-width:520px) {
  .einrichtung .facts .fedit {align-self:end;margin-top:2px}
}
.einrichtung .abschluss__weg {
  background:linear-gradient(150deg,var(--brand-tint),var(--card) 72%);
}
.einrichtung .abschluss__titel {
  font-size:21px;font-weight:700;letter-spacing:-.025em;margin:var(--abstand-2) 0 8px;text-wrap:balance;
}
.einrichtung .abschluss__text {font-size:14.5px;color:var(--ink-2);margin:0;max-width:52ch}
.einrichtung .abschluss__knopf {margin-top:20px}
.einrichtung .facts .fpunkte {display:inline-flex;gap:4px;vertical-align:-2px;margin-right:var(--abstand-2)}
.einrichtung .facts .fpunkte i {
  display:block;width:13px;height:13px;border-radius:50%;
  border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.einrichtung .facts .fdetail {margin-top:var(--abstand-1)}
.einrichtung .facts .fdetail > summary {
  cursor:pointer;font-size:12.8px;color:var(--ink-3);list-style:none;
  display:inline-flex;align-items:center;gap:var(--abstand-1);border-radius:6px;
}
.einrichtung .facts .fdetail > summary::-webkit-details-marker {display:none}
.einrichtung .facts .fdetail > summary::before {
  content:'';width:0;height:0;border-left:4.5px solid currentColor;
  border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;
  transition:transform .15s var(--ease,ease);
}
.einrichtung .facts .fdetail[open] > summary::before {transform:rotate(90deg)}
.einrichtung .facts .fdetail > summary:hover {color:var(--brand)}
.einrichtung .facts .fdetail > summary:focus-visible {outline:2px solid var(--brand);outline-offset:3px}
.einrichtung .facts .fdetail p {margin:var(--abstand-2) 0 0;font-size:13px;color:var(--ink-2);line-height:1.55}
.einrichtung .facts .fnote {font-size:12.6px;color:var(--ink-3)}
.einrichtung .facts .fv > .linky {display:inline-block;margin-top:var(--abstand-1)}
.einrichtung .prev {position:sticky;top:132px;min-width:0}
@media (max-width:900px), (max-height:760px) {
  .einrichtung .prev {position:static;width:100%;max-width:360px;justify-self:center}
}
.einrichtung .post {
  aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--c-primaer,#33414F);
  border-radius:calc(var(--c-radius,6px) + 4px);box-shadow:var(--shadow-lg);
}
.einrichtung .post .img {
  position:absolute;left:12px;right:12px;top:12px;height:56%;border-radius:var(--c-radius,6px);
  background:linear-gradient(135deg,#93A6BE,#4C6076 55%,#33414F);object-fit:cover;
}
.einrichtung .post .lg {
  position:absolute;top:20px;left:20px;background:rgba(255,255,255,.94);color:#22262B;
  font-family:var(--c-display,Archivo,sans-serif);font-weight:700;font-size:12px;letter-spacing:.06em;
  padding:4px var(--abstand-2);border-radius:calc(var(--c-radius,6px) * .7);z-index:1;max-width:calc(100% - 40px);overflow:hidden;
}
.einrichtung .post .lg img {width:auto;height:40px;max-width:140px;object-fit:contain;display:block}
.einrichtung .post .body {
  position:absolute;left:12px;right:12px;bottom:12px;background:var(--c-flaeche,#F5F3EF);
  border-radius:var(--c-radius,6px);padding:var(--abstand-4) var(--abstand-4);
}
.einrichtung .post .body .acc {width:30px;height:3px;background:var(--c-akzent,#E8B33A);border-radius:99px;margin-bottom:8px}
.einrichtung .post .body .post__titel {display:block;
  font-family:var(--c-display,Archivo,sans-serif);font-weight:700;font-size:21px;line-height:1.08;
  color:var(--c-titel,var(--c-primaer,#1F3A5F));margin:0;letter-spacing:-.01em;
}
.einrichtung .post .body p {
  font-family:var(--c-text,Inter,sans-serif);font-size:11.5px;color:var(--c-text-farbe,#22262B);
  opacity:.72;margin:var(--abstand-1) 0 0;
}
.einrichtung .q {margin-top:20px}
.einrichtung .q + .q {margin-top:28px;padding-top:var(--abstand-6);border-top:1px solid var(--line)}
.einrichtung .q h2 {font-size:16.5px;font-weight:700;letter-spacing:-.02em}
.einrichtung .q p {font-size:13.8px;color:var(--ink-2);margin:var(--abstand-1) 0 12px}
.flaeche .opts {display:flex;gap:var(--abstand-2);flex-wrap:wrap}
.flaeche .opt {
  border:1.5px solid var(--line-2);border-radius:11px;padding:var(--abstand-3) var(--abstand-4);font-size:14.2px;font-weight:600;
  color:var(--ink-2);background:var(--card);transition:.15s;display:flex;align-items:center;gap:8px;cursor:pointer;
}
.flaeche .opt:hover {border-color:var(--brand)}
.flaeche .opt:has(input:checked) {border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink)}
.flaeche .opt:has(input:focus-visible) {outline:2.5px solid var(--brand);outline-offset:2px}
.flaeche .opt input {position:absolute;opacity:0;width:1px;height:1px}
.flaeche .opt .why {font-weight:400;font-size:12.5px;color:var(--ink-3)}
.flaeche .opt:has(input:checked) .why {color:var(--brand-ink);opacity:.8}
.einrichtung .vocab, .einrichtung .banwords {display:flex;flex-wrap:wrap;gap:var(--abstand-2);margin-top:var(--abstand-3)}
.einrichtung .vgroup {
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);
  width:100%;margin-top:var(--abstand-2);
}
.einrichtung .vgroup:first-child {margin-top:0}
.einrichtung .vw {
  font-size:12.8px;padding:var(--abstand-1) var(--abstand-3);border-radius:8px;background:var(--brand-tint);
  border:1px solid var(--brand-tint-2);color:var(--brand-ink);display:inline-flex;align-items:center;gap:var(--abstand-2);font-weight:500;
}
.einrichtung .bw {
  font-size:12.8px;padding:var(--abstand-1) var(--abstand-3);border-radius:8px;background:var(--card-2);border:1px solid var(--line);
  color:var(--ink-2);display:inline-flex;align-items:center;gap:var(--abstand-2);text-decoration:line-through;
  text-decoration-color:var(--line-2);
}
.einrichtung .vw button, .einrichtung .bw button {opacity:.55;font-size:15px;line-height:1;padding:0}
.einrichtung .vw button {color:var(--brand-ink)}
.einrichtung .bw button {color:var(--ink-3)}
.einrichtung .vw button:hover, .einrichtung .bw button:hover {opacity:1}
.einrichtung .addbw {
  border:1px dashed var(--line-2);border-radius:8px;padding:var(--abstand-1) 12px;font-size:12.8px;color:var(--ink-3);background:none;
}
.einrichtung .addbw:hover {border-color:var(--brand);color:var(--brand-ink)}
.einrichtung .consent {
  display:flex;gap:12px;align-items:flex-start;margin-top:16px;background:var(--card-2);
  border:1px solid var(--line);border-radius:11px;padding:var(--abstand-4) 16px;
}
.einrichtung .consent input {width:19px;height:19px;accent-color:var(--brand);margin-top:2px;flex:0 0 auto}
.einrichtung .consent label {font-size:13.8px;color:var(--ink-2)}
.einrichtung .consent label b {color:var(--ink);font-weight:600;display:block}
.flaeche .chans {display:flex;flex-direction:column;gap:12px;margin-top:24px}
.flaeche .chan {display:flex;align-items:center;gap:var(--abstand-4);padding:var(--abstand-4) 20px}
.flaeche .chan .ci {
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:0 0 auto;
  font-weight:800;font-family:Archivo;font-size:15px;
}
.flaeche .chan .ci--hell {background:#fff;border:1px solid var(--line)}
.flaeche .chan .cx {flex:1;min-width:0}
.flaeche .chan .cx b {display:block;font-size:15.3px;font-weight:600}
.flaeche .chan .cx span {font-size:15px;line-height:1.5;color:var(--ink-2)}
.einrichtung .chan.conn {border-color:var(--go)}
.produktname {color:var(--brand)}
.eigenname {text-transform:none}
.flaeche .chan__feld {max-width:220px}
.flaeche.werkbank .chan--verwaltung {
  display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,1.45fr);
  align-items:center;padding:var(--abstand-6);gap:16px;
}
.flaeche.werkbank .chan__verwaltung {
  min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;
}
.flaeche.werkbank .chan__verwaltung .chan__stand {
  flex:0 1 auto;min-width:0;margin-right:auto;
  white-space:normal;overflow-wrap:anywhere;line-height:1.5;border-radius:14px;
}
.flaeche.werkbank .chan__verwaltung .chan__stand svg {flex-shrink:0}
.flaeche.werkbank .chan__trennen {color:var(--ink-2);background:transparent}
.flaeche.werkbank .chan__trennen:hover {color:var(--stop);border-color:var(--stop);background:var(--stop-bg)}
@media (max-width:900px) {
  .flaeche.werkbank .chan--verwaltung {grid-template-columns:42px minmax(0,1fr);align-items:start}
  .flaeche.werkbank .chan__verwaltung {grid-column:2;justify-content:flex-start}
  .flaeche.werkbank .chan__verwaltung .chan__stand {margin-right:0;flex-basis:100%}
}
@media (max-width:420px) {
  .flaeche.werkbank .chan--verwaltung {padding:20px;gap:var(--abstand-4)}
  .flaeche.werkbank .chan__verwaltung {grid-column:1 / -1}
}
@media (max-width:620px){
  .flaeche .chan {flex-wrap:wrap}
  .flaeche .chan .cx {flex-basis:calc(100% - 57px)}
  .flaeche .chan__feld {max-width:none;flex-basis:100%}
}
.einrichtung .rhythm {
  display:flex;align-items:center;gap:var(--abstand-4);margin-top:20px;background:var(--brand-tint);
  border:1px solid var(--line);border-radius:var(--r);padding:var(--abstand-4) 20px;
}
.einrichtung .rhythm b {font-weight:700}
.einrichtung .hero-ok {display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--abstand-4) 0 var(--abstand-2)}
.einrichtung .bigok {
  width:62px;height:62px;border-radius:50%;background:var(--go-bg);color:var(--go);
  display:grid;place-items:center;margin-bottom:20px;
}
.einrichtung .three {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
@media (max-width:700px){.einrichtung .three {grid-template-columns:1fr;max-width:290px;margin-inline:auto}}
.einrichtung .cap3 {font-size:12.5px;color:var(--ink-3);text-align:center;margin-top:var(--abstand-2)}
.flaeche .phases {display:grid;grid-template-columns:repeat(4,1fr);gap:var(--abstand-3);margin-top:16px}
@media (max-width:760px) { .flaeche .phases {grid-template-columns:1fr 1fr} }
.flaeche .pz {border:1px solid var(--line);border-radius:12px;padding:var(--abstand-4);background:var(--card-2); cursor:pointer;transition:.16s;text-align:left;position:relative;overflow:hidden}
.flaeche .pz:hover {border-color:var(--brand)}
.flaeche .pz .bar {height:4px;border-radius:99px;background:var(--line);margin-bottom:var(--abstand-3);overflow:hidden}
.flaeche .pz .bar i {display:block;height:100%;width:0;background:var(--brand);border-radius:99px}
.flaeche .pz .wk {font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.flaeche .pz b {display:block;font-family:Archivo;font-size:15.5px;font-weight:700;letter-spacing:-.02em;margin:4px 0 var(--abstand-1)}
.flaeche .pz span.cnt {font-size:12.5px;color:var(--ink-2)}
.flaeche .pz.now {background:var(--brand-tint);border-color:var(--brand)}
.flaeche .pz.now .wk {color:var(--brand-ink)}
.flaeche .pz.past {opacity:.62}
.flaeche .pz[aria-pressed="true"] {box-shadow:0 0 0 2px var(--brand-tint-2)}
.flaeche .phasenote {margin-top:var(--abstand-4);background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.flaeche .phasenote h4 {font-family:Archivo;font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--abstand-2)}
.flaeche .phasenote p {margin:0 0 var(--abstand-3);font-size:14.2px;color:var(--ink-2)}
.flaeche .phasenote p:last-child {margin:0}
.flaeche .rubchips {display:flex;flex-wrap:wrap;gap:var(--abstand-2);margin-top:4px}
.flaeche .rubchip {font-size:12.3px;font-weight:500;padding:4px var(--abstand-3);border-radius:99px; background:var(--brand-tint);border:1px solid var(--brand-tint-2);color:var(--brand-ink)}
.flaeche .seqlist {margin-top:var(--abstand-4)}
.flaeche .seq {display:flex;gap:var(--abstand-4);align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.flaeche .seq:last-child {border-bottom:0;padding-bottom:0}
.flaeche .seq .dt {flex:0 0 62px;text-align:center;border-radius:9px;background:var(--card-2);border:1px solid var(--line);padding:var(--abstand-1) 0}
.flaeche .seq .dt b {display:block;font-family:Archivo;font-size:16px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.flaeche .seq .dt span {font-size:10.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.flaeche .seq .in {flex:1;min-width:0}
.flaeche .seq .in b {display:block;font-size:14.8px;font-weight:600}
.flaeche .seq .in span {font-size:13px;color:var(--ink-2)}
.flaeche .seq .ph {flex:0 0 auto}
.flaeche .ov {position:fixed;inset:0;z-index:200;display:none;background:rgba(12,14,26,.55);backdrop-filter:blur(3px); padding:28px;overflow-y:auto}
.flaeche .ov.on {display:block}
.flaeche .ovbox {max-width:1080px;margin:0 auto;background:var(--card);border:1px solid var(--line); border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}
.flaeche .ovhead {padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:16px}
.flaeche .ovhead h2 {font-size:24px;font-weight:800;letter-spacing:-.03em}
.flaeche .ovhead p {margin:var(--abstand-2) 0 0;font-size:14.6px;color:var(--ink-2);max-width:62ch}
.flaeche .ovclose {margin-left:auto;flex:0 0 auto;width:36px;height:36px;border-radius:9px;border:1px solid var(--line-2); display:grid;place-items:center;color:var(--ink-2)}
.flaeche .ovclose:hover {border-color:var(--ink-3);color:var(--ink)}
.flaeche .ovbody {display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0}
@media (max-width:900px) { .flaeche .ovbody {grid-template-columns:1fr} }
.flaeche .ovmain {padding:24px 28px;display:flex;flex-direction:column;gap:28px}
.flaeche .ovside {padding:24px 28px;background:var(--card-2);border-left:1px solid var(--line)}
@media (max-width:900px) { .flaeche .ovside {border-left:0;border-top:1px solid var(--line)} }
.flaeche .qz h4 {font-family:Archivo;font-size:16.5px;font-weight:700;letter-spacing:-.02em}
.flaeche .qz p {margin:var(--abstand-1) 0 var(--abstand-3);font-size:13.8px;color:var(--ink-2)}
.flaeche .courses {display:flex;flex-direction:column;gap:var(--abstand-3)}
.flaeche .course {border:1.5px solid var(--line-2);border-radius:12px;padding:var(--abstand-4) var(--abstand-4);text-align:left;transition:.15s;background:var(--card)}
.flaeche .course:hover {border-color:var(--brand)}
.flaeche .course[aria-pressed="true"] {border-color:var(--brand);background:var(--brand-tint)}
.flaeche .course b {display:block;font-size:15.3px;font-weight:700;letter-spacing:-.01em}
.flaeche .course span {display:block;font-size:13.3px;color:var(--ink-2);margin-top:var(--abstand-1)}
.flaeche .course .rec {display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; color:var(--go);background:var(--go-bg);border-radius:99px;padding:var(--abstand-1) var(--abstand-2);margin-bottom:var(--abstand-2)}
.flaeche .course .zw {font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase; color:var(--brand-ink);margin-top:2px;opacity:.85}
.flaeche .course .zf {font-size:12.6px;color:var(--ink-3);margin-top:var(--abstand-2);padding-top:var(--abstand-2);border-top:1px dashed var(--line)}
.flaeche .toggles {display:flex;flex-wrap:wrap;gap:var(--abstand-2)}
.flaeche .tg {border:1.5px solid var(--line-2);border-radius:99px;padding:var(--abstand-2) var(--abstand-3);font-size:13.2px;font-weight:500; color:var(--ink-2);background:var(--card);transition:.15s}
.flaeche .tg[aria-pressed="true"] {border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink);font-weight:600}
.flaeche .tg[aria-pressed="false"] {opacity:.5;text-decoration:line-through;text-decoration-color:var(--line-2)}
.flaeche .days {display:flex;gap:8px;flex-wrap:wrap}
.flaeche .day {display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px;border-radius:12px;border:1px solid var(--ink-3);font-family:inherit;font-size:13px;line-height:1;font-weight:600;color:var(--ink-2);background:var(--card);transition:background-color .15s,border-color .15s,color .15s}
.flaeche .day:hover {border-color:var(--brand-ink);color:var(--brand-ink)}
.flaeche .day[aria-pressed="true"] {border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink)}
.flaeche .ovside h5 {font-family:Archivo;font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase; color:var(--ink-3);margin-bottom:var(--abstand-4)}
.flaeche .ppv {border-left:2px solid var(--line);padding-left:16px;margin-left:var(--abstand-1)}
.flaeche .ppz {position:relative;padding-bottom:16px}
.flaeche .ppz::before {content:"";position:absolute;left:-22px;top:5px;width:11px;height:11px;border-radius:50%; background:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}
.flaeche .ppz .w {font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.flaeche .ppz b {display:block;font-size:14.6px;font-weight:700;margin:2px 0 var(--abstand-1)}
.flaeche .ppz span {font-size:12.8px;color:var(--ink-2)}
.flaeche .ovfoot {padding:20px 28px;border-top:1px solid var(--line);display:flex;gap:var(--abstand-3);align-items:center;flex-wrap:wrap;background:var(--card)}
.flaeche .ovfoot .hint {font-size:13px;color:var(--ink-3);margin-left:auto}
.flaeche .ideawrap {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;min-width:0}
.flaeche .threads {display:flex;flex-direction:column;gap:var(--abstand-1);min-width:0}
.flaeche .thgroup {font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3); margin:var(--abstand-4) 0 var(--abstand-2);display:flex;align-items:center;gap:8px}
.flaeche .thgroup:first-child {margin-top:0}
.flaeche .thgroup .cnt {background:var(--line);color:var(--ink-2);border-radius:99px;padding:1px var(--abstand-2);font-size:10px;letter-spacing:0}
.flaeche .th {display:flex;gap:var(--abstand-3);align-items:flex-start;text-align:left;padding:var(--abstand-3) var(--abstand-3);border-radius:11px;border:1px solid transparent;transition:background .15s,border-color .15s;width:100%;min-width:0;background:var(--card-2);color:var(--ink);font:inherit;appearance:none;cursor:pointer;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.flaeche .th:hover {background:var(--card)}
.flaeche .th.on {background:var(--card);border-color:var(--brand);box-shadow:var(--shadow)}
.flaeche .th .ic {flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12.5px;font-weight:700}
.flaeche .th .ic.gen {background:var(--brand);color:#fff}
.flaeche .th .ic.idea {background:var(--brand);color:#fff;box-shadow:0 4px 10px -4px var(--brand)}
.flaeche .ideahead {margin:20px 0 var(--abstand-3);background:linear-gradient(150deg,var(--brand-tint),transparent 80%); border-left:3px solid var(--brand);border-radius:0 10px 10px 0;padding:var(--abstand-3) var(--abstand-3)}
.flaeche .ideahead .ih-top {display:flex;align-items:center;gap:8px}
.flaeche .ideahead .spark {width:22px;height:22px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.flaeche .ideahead b {font-family:Archivo;font-size:15px;font-weight:700;letter-spacing:-.02em}
.flaeche .ideahead .ih-n {margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase; background:var(--brand);color:#fff;border-radius:99px;padding:var(--abstand-1) 8px}
.flaeche .ideahead p {margin:var(--abstand-2) 0 0;font-size:12.5px;color:var(--ink-2);line-height:1.45}
.flaeche .archopen {display:flex;align-items:center;gap:var(--abstand-3);width:100%;margin-top:20px;padding:12px var(--abstand-4); border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink-2); font-size:14px;font-weight:600;transition:.15s}
.flaeche .archopen:hover {border-color:var(--ink-3);color:var(--ink)}
.flaeche .archopen b {margin-left:auto;background:var(--line);color:var(--ink-2);border-radius:99px;padding:1px var(--abstand-2);font-size:12px}
.flaeche .th .ic.done {background:var(--go-bg);color:var(--go)}
.flaeche .th .tx {flex:1;min-width:0}
.flaeche .th .tx b {display:block;font-size:14.2px;font-weight:600;line-height:1.35}
.flaeche .th .tx span {display:block;font-size:12.6px;color:var(--ink-2);line-height:1.4;margin-top:1px}
.flaeche .th.arch {opacity:.72}
.flaeche .th.arch:hover {opacity:1}
.flaeche .brandcard {margin-top:20px}
.flaeche .brandcard .bp {display:flex;justify-content:space-between;gap:var(--abstand-3);font-size:13.2px;padding:var(--abstand-2) 0;border-bottom:1px solid var(--line)}
.flaeche .brandcard .bp:last-of-type {border-bottom:0}
.flaeche .brandcard .bp span {color:var(--ink-3)}
.flaeche .brandcard .bp b {font-weight:600;text-align:right}
.flaeche .convo {display:flex;flex-direction:column;min-height:min(660px,76vh)}
.flaeche .brief {padding:var(--abstand-6) 24px;border-bottom:1px solid var(--line); background:linear-gradient(160deg,var(--brand-tint),var(--card) 70%)}
.flaeche .brief .top {display:flex;align-items:flex-start;gap:12px}
.flaeche .brief h3 {font-family:Archivo;font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.15}
.flaeche .brief .sub2 {font-size:14px;color:var(--ink-2);margin:4px 0 0}
.flaeche .brief .archbtn {margin-left:auto;flex:0 0 auto}
.flaeche .bgrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--abstand-4);margin-top:20px}
.flaeche .bbox {background:var(--card);border:1px solid var(--line);border-radius:11px;padding:var(--abstand-4) var(--abstand-4)}
.flaeche .bbox .h {font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:var(--abstand-2)}
.flaeche .bbox p {margin:0;font-size:13.5px;color:var(--ink-2)}
.flaeche .bbox ul {margin:0;padding-left:16px;font-size:13.4px;color:var(--ink-2)}
.flaeche .bbox li {margin-bottom:var(--abstand-1)}
.flaeche .bbox li::marker {color:var(--brand)}
.flaeche .bbox li b {color:var(--ink);font-weight:600}
.flaeche .briefmeta {display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--abstand-4)}
.flaeche .bm {font-size:11.8px;font-weight:600;padding:4px var(--abstand-3);border-radius:99px;background:var(--card); border:1px solid var(--line-2);color:var(--ink-2);display:inline-flex;align-items:center;gap:var(--abstand-2)}
.flaeche .archnote {display:flex;align-items:center;gap:var(--abstand-3);background:var(--go-bg);border:1px solid var(--line); border-radius:11px;padding:var(--abstand-3) var(--abstand-4);margin-top:var(--abstand-4);font-size:13.2px;color:var(--go)}
.flaeche .feat {background:linear-gradient(158deg,var(--brand-tint),var(--card) 62%)}
.flaeche .chk {margin-top:20px;display:flex;flex-direction:column;gap:12px}
.flaeche .ck {display:flex;gap:12px;align-items:flex-start}
.flaeche .ck .no {flex:0 0 24px;height:24px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center; font-size:12px;font-weight:700;margin-top:1px}
.flaeche .ck b {display:block;font-size:14.8px;font-weight:600}
.flaeche .ck span {font-size:13.5px;color:var(--ink-2)}
.flaeche .ba {display:grid;grid-template-columns:1fr 1fr;gap:var(--abstand-4);margin-top:20px}
@media (max-width:700px) { .flaeche .ba {grid-template-columns:1fr} }
.flaeche .bad, .flaeche .good {border-radius:12px;padding:var(--abstand-4) 16px;border:1px solid var(--line);background:var(--card)}
.flaeche .bad {border-color:rgba(255,107,138,.4)}
.flaeche .good {border-color:rgba(61,216,160,.45)}
.flaeche .bad .lbl, .flaeche .good .lbl {font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.flaeche .bad .lbl {color:#C2405C}
.flaeche .good .lbl {color:var(--go)}
.flaeche .bad p, .flaeche .good p {margin:0 0 var(--abstand-2);font-size:13.6px;line-height:1.55}
.flaeche .bad p {color:var(--ink-2)}
.flaeche .wh {font-size:12.4px;color:var(--ink-3);display:block;padding-top:8px;border-top:1px dashed var(--line)}
.flaeche .chartwrap {position:relative;overflow-x:auto}
.flaeche .tipbox {position:absolute;pointer-events:none;opacity:0;transition:opacity .12s; background:var(--ink);color:var(--paper);border-radius:8px;padding:var(--abstand-2) var(--abstand-3);font-size:12.5px; font-weight:600;white-space:nowrap;transform:translate(-50%,-135%);z-index:5;}
.flaeche .tipbox.on {opacity:1}
.flaeche .tipbox span {display:block;font-weight:400;opacity:.75;font-size:11.5px}
.flaeche .meaning {background:var(--brand-tint);border:1px solid var(--line);border-radius:var(--r);padding:20px var(--abstand-6)}
.flaeche .meaning h4 {font-family:Archivo;font-size:16.5px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--abstand-2)}
.flaeche .meaning p {margin:0 0 var(--abstand-2);font-size:14.3px;color:var(--ink-2)}
.flaeche .meaning p:last-child {margin:0}
.flaeche .meaning b {color:var(--ink)}
.flaeche .value {display:grid;grid-template-columns:250px minmax(0,1fr);gap:0;margin-bottom:20px; border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
@media (max-width:760px) { .flaeche .value {grid-template-columns:1fr} }
.flaeche .vleft {background:var(--brand);color:#fff;padding:var(--abstand-6) 24px;display:flex;flex-direction:column;justify-content:center}
.flaeche .vleft .k {font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.78}
.flaeche .vleft .big {font-family:Archivo;font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:var(--abstand-2) 0 var(--abstand-1)}
.flaeche .vleft .s {font-size:13.2px;opacity:.9}
.flaeche .vleft .s b {font-weight:700;opacity:1}
.flaeche .vright {background:var(--card);padding:var(--abstand-6) 24px;display:flex;flex-direction:column;justify-content:center;gap:var(--abstand-2)}
.flaeche .vright p {margin:0;font-size:15px;color:var(--ink-2);line-height:1.6}
.flaeche .vright em {font-style:normal;font-weight:700;color:var(--brand-ink)}
.werkbank .wissen {min-width:0;padding-bottom:24px}
.werkbank .wissen-kopf {display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.werkbank .wissen-vorzeile {display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink);margin:0 0 var(--abstand-3)}
.werkbank .wissen-kopf h1 {font-size:var(--schrift-seite);line-height:1.12;letter-spacing:-.045em}
.werkbank .wissen-kopf p {max-width:57ch;margin:var(--abstand-3) 0 0;color:var(--ink-2);font-size:15px;line-height:1.65}
.werkbank .wissen-fortschritt {flex:0 0 190px;display:flex;align-items:center;gap:12px;padding:var(--abstand-3) 16px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.werkbank .wissen-fortschritt svg {flex:0 0 38px;transform:rotate(-90deg)}
.werkbank .wissen-fortschritt strong {display:block;font-size:13px;font-weight:600;white-space:nowrap}
.werkbank .wissen-fortschritt span {display:block;font-size:11px;color:var(--ink-2);margin-top:var(--abstand-1)}
.werkbank .wissen-filter {display:flex;gap:var(--abstand-2);flex-wrap:wrap;margin:0 0 28px}
.werkbank .wissen-filter a {display:inline-flex;align-items:center;gap:var(--abstand-2);min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:50px;background:var(--card);color:var(--ink-2);font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
@media (hover:hover) and (pointer:fine) {
  .werkbank .wissen-filter a:hover {border-color:var(--brand);color:var(--brand-ink)}
}
.werkbank .wissen-filter a[aria-current="page"] {background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}
.werkbank .wissen-filter small {font-size:11px;font-weight:500;opacity:.9}
.werkbank .wissen-einstieg {display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.66fr);align-items:center;gap:var(--abstand-8);border:1px solid var(--line);border-radius:24px;padding:32px 40px;background:var(--card);position:relative;overflow:hidden;text-decoration:none;color:var(--ink);margin-bottom:36px;transition:border-color .16s,box-shadow .16s}
@media (hover:hover) and (pointer:fine) {
  .werkbank .wissen-einstieg:hover {border-color:var(--brand);box-shadow:0 8px 30px -24px var(--brand)}
}
.werkbank .wissen-einstieg__text {max-width:52ch;position:relative;z-index:1}
.werkbank .wissen-einstieg h2 {font-size:clamp(24px,2.5vw,33px);letter-spacing:-.035em;line-height:1.15;margin:12px 0}
.werkbank .wissen-einstieg p {font-size:14px;line-height:1.65;color:var(--ink-2);margin:0 0 var(--abstand-6)}
.werkbank .wissen-einstieg__bild {position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;border-radius:22px;background:var(--brand-tint);min-height:224px}
.werkbank .wissen-einstieg__bild .wissen-bild {width:100%;max-width:340px;min-height:200px}
.werkbank .wissen-einstieg__marke {display:inline-flex;align-items:center;gap:var(--abstand-2);font-size:11px;font-weight:650;padding:var(--abstand-1) var(--abstand-3);border-radius:8px;background:var(--brand-tint);color:var(--brand-ink)}
.werkbank .wissen-weiter {display:inline-flex;align-items:center;gap:var(--abstand-2);color:var(--brand-ink);font-size:13px;font-weight:650}
.werkbank .wissen-weiter svg {width:17px;height:17px}
.werkbank .wissen-themenkopf {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 16px;scroll-margin-top:104px}
.werkbank .wissen-themenkopf h2 {font-size:19px;letter-spacing:-.025em}
.werkbank .wissen-themenkopf p {margin:0;font-size:12px;color:var(--ink-2)}
.werkbank .wissen-raster {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.werkbank .wissen-karte {display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:20px;padding:12px;background:var(--card);text-decoration:none;color:var(--ink);transition:border-color .16s,box-shadow .16s}
@media (hover:hover) and (pointer:fine) {
  .werkbank .wissen-karte:hover {border-color:var(--brand);box-shadow:0 8px 24px -22px var(--brand)}
}
.werkbank .wissen-karte[aria-current="true"] {border-color:var(--brand)}
.werkbank .wissen-karte__bild {display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--card-2);height:126px;overflow:hidden}
.werkbank .wissen-karte__bild .wissen-bild {height:126px;width:189px}
.werkbank .wissen-karte__text {display:flex;flex-direction:column;flex:1;padding:var(--abstand-4) var(--abstand-2) 8px}
.werkbank .wissen-karte__kategorie {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--abstand-1);font-size:10px}
.werkbank .wissen-karte__bereich {font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.werkbank .wissen-karte h3 {font-size:18px;font-weight:600;line-height:1.27;letter-spacing:-.025em;margin:var(--abstand-2) 0 var(--abstand-3)}
.werkbank .wissen-karte p {font-size:12px;line-height:1.65;color:var(--ink-2);margin:0 0 20px}
.werkbank .wissen-karte__fuss {display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-3);margin-top:auto;padding-top:var(--abstand-3);border-top:1px solid var(--line);font-size:11px;color:var(--ink-2)}
.werkbank .wissen-karte__status {display:inline-flex;align-items:center;gap:var(--abstand-1)}
.werkbank .wissen-karte__status svg {width:13px;height:13px}
.werkbank .wissen-karte__status--gelesen {color:var(--go)}
.werkbank .wissen-karte__pfeil {width:17px;height:17px;color:var(--brand-ink)}
.werkbank .wissen-leseflaeche {max-width:880px;margin:0 auto 36px;padding:34px clamp(22px,4vw,56px) 38px;background:var(--card);border:1px solid var(--line);border-radius:24px;scroll-margin-top:100px}
.werkbank .wissen-zurueck {display:inline-flex;align-items:center;gap:var(--abstand-2);min-height:44px;color:var(--ink-2);font-size:12px;text-decoration:none;margin:-12px 0 var(--abstand-4)}
@media (hover:hover) and (pointer:fine) {
  .werkbank .wissen-zurueck:hover {color:var(--brand-ink)}
}
.werkbank .wissen-zurueck svg {width:16px;height:16px}
.werkbank .wissen-artikelkopf {padding-bottom:28px;border-bottom:1px solid var(--line)}
.werkbank .wissen-artikelkopf .wissen-vorzeile {margin-bottom:var(--abstand-3)}
.werkbank .wissen-artikelkopf h2 {font-size:clamp(27px,3vw,39px);line-height:1.14;letter-spacing:-.035em;max-width:24ch}
.werkbank .wissen-artikelkopf p {font-size:16px;line-height:1.7;color:var(--ink-2);margin:var(--abstand-4) 0 0;max-width:60ch}
.werkbank .wissen-punkte {display:grid;gap:28px;list-style:none;counter-reset:schritt;margin:var(--abstand-8) 0;padding:0}
.werkbank .wissen-punkte li {counter-increment:schritt;display:grid;grid-template-columns:33px minmax(0,1fr);column-gap:var(--abstand-4)}
.werkbank .wissen-punkte li::before {content:counter(schritt,decimal-leading-zero);font:600 12px var(--font-display);color:var(--brand-ink);padding-top:4px}
.werkbank .wissen-punkte h3 {font-size:17px;font-weight:600;line-height:1.4;margin:0 0 8px;letter-spacing:-.015em}
.werkbank .wissen-punkte p {font-size:15px;line-height:1.8;margin:0;color:var(--ink-2);max-width:62ch}
.werkbank .wissen-vergleich {margin:32px 0;padding:var(--abstand-6);border:1px solid var(--line);border-radius:16px;background:var(--card-2)}
.werkbank .wissen-vergleich h3 {font-size:17px;margin:0 0 var(--abstand-3)}
.werkbank .wissen-vergleich__quelle {font-size:12px;line-height:1.65;color:var(--ink-2);margin:0 0 20px}
.werkbank .wissen-vergleich__paar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.werkbank .wissen-vergleich__beispiel {min-width:0;padding-top:var(--abstand-4);border-top:2px solid var(--line-2)}
.werkbank .wissen-vergleich__beispiel--konkret {border-color:var(--brand)}
.werkbank .wissen-vergleich__beispiel strong {display:block;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.werkbank .wissen-vergleich__beispiel--konkret strong {color:var(--brand-ink)}
.werkbank .wissen-vergleich blockquote {font-size:14px;line-height:1.75;margin:12px 0;color:var(--ink)}
.werkbank .wissen-vergleich__beispiel p {font-size:12px;line-height:1.6;color:var(--ink-2);margin:0}
.werkbank .wissen-quellen {padding-top:20px;margin-top:var(--abstand-6);border-top:1px solid var(--line);font-size:11px;color:var(--ink-2)}
.werkbank .wissen-quellen p {margin:0 0 var(--abstand-2)}
.werkbank .wissen-quellen ul {display:flex;gap:8px 16px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.werkbank .wissen-quellen a {color:var(--ink-2);text-underline-offset:3px}
.werkbank .wissen-abschluss {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:var(--abstand-8);padding-top:var(--abstand-6);border-top:1px solid var(--line)}
.werkbank .wissen-abschluss form {margin:0}
.werkbank .wissen-abschluss .btn {min-height:44px}
.werkbank .wissen-gelesen {display:flex;align-items:center;gap:8px;font-size:13px;color:var(--go);font-weight:600}
.werkbank .wissen-gelesen svg {width:18px;height:18px}
.werkbank .wissen-hilfe {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;margin-top:var(--abstand-6);border-top:1px solid var(--line)}
.werkbank .wissen-hilfe h2 {font-size:16px;margin:0 0 var(--abstand-1)}
.werkbank .wissen-hilfe p {font-size:12px;color:var(--ink-2);margin:0}
.werkbank .wissen-hilfe .btn {flex-shrink:0;min-height:44px}
.werkbank .wissen-bild__kreis {fill:var(--brand-tint)}
.werkbank .wissen-bild__raster {stroke:var(--line);stroke-width:1}
.werkbank .wissen-bild__papier {fill:var(--card);stroke:var(--brand);stroke-width:1.5}
.werkbank .wissen-bild__motiv {fill:var(--brand)}
.werkbank .wissen-bild__schwach {fill:var(--brand-tint-2)}
.werkbank .wissen-bild__hell {fill:var(--card)}
.werkbank .wissen-bild__linie {stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.werkbank .wissen-bild__weiss {stroke:var(--card);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.werkbank .wissen a:focus-visible, .werkbank .wissen button:focus-visible {outline:3px solid var(--brand);outline-offset:4px}
@media (max-width:1100px) {
  .werkbank .wissen-raster {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px) {
  .werkbank .wissen-kopf {align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:var(--abstand-6)}
  .werkbank .wissen-fortschritt {flex:auto;padding:0;border:0;background:transparent}
  .werkbank .wissen-einstieg {grid-template-columns:minmax(0,1fr) 160px;gap:16px;padding:24px}
  .werkbank .wissen-einstieg__bild {min-height:160px}
  .werkbank .wissen-einstieg__bild .wissen-bild {min-height:0}
  .werkbank .wissen-einstieg h2 {font-size:23px}
  .werkbank .wissen-einstieg p {font-size:13px}
  .werkbank .wissen-vergleich__paar {grid-template-columns:minmax(0,1fr)}
  .werkbank .wissen-hilfe {align-items:flex-start;flex-direction:column;gap:var(--abstand-3)}
}
@media (max-width:500px) {
  .werkbank .wissen-filter {gap:var(--abstand-2)}
  .werkbank .wissen-filter a {font-size:12px;padding:8px 12px;gap:var(--abstand-2)}
  .werkbank .wissen-einstieg {grid-template-columns:minmax(0,1fr);padding:var(--abstand-6);gap:20px}
  .werkbank .wissen-einstieg__bild {grid-row:1;min-height:120px;max-height:132px}
  .werkbank .wissen-einstieg__bild .wissen-bild {height:130px;width:195px}
  .werkbank .wissen-raster {grid-template-columns:minmax(0,1fr);gap:var(--abstand-4)}
  .werkbank .wissen-karte {display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:var(--abstand-3);border-radius:16px}
  .werkbank .wissen-karte__bild {height:90px;align-self:start}
  .werkbank .wissen-karte__bild .wissen-bild {width:100px;height:76px;max-width:none;flex-shrink:0}
  .werkbank .wissen-karte__text {padding:1px 0 0}
  .werkbank .wissen-karte h3 {font-size:16px;margin:var(--abstand-2) 0 8px}
  .werkbank .wissen-karte p {display:none}
  .werkbank .wissen-karte__fuss {padding-top:var(--abstand-2);font-size:10px}
  .werkbank .wissen-leseflaeche {border-radius:18px;padding:var(--abstand-6) 20px}
  .werkbank .wissen-punkte li {grid-template-columns:24px minmax(0,1fr);gap:var(--abstand-3)}
  .werkbank .wissen-punkte p {font-size:14px}
  .werkbank .wissen-vergleich {padding:16px}
  .werkbank .wissen-abschluss {align-items:stretch;flex-direction:column}
  .werkbank .wissen-abschluss .btn {justify-content:center;width:100%}
  .werkbank .wissen-themenkopf {align-items:flex-start;flex-direction:column;gap:var(--abstand-2)}
}
@media (prefers-reduced-motion:reduce) {
  .werkbank .wissen a {transition:none}
}
.flaeche a.tg {text-decoration:none;display:inline-flex;align-items:center}
.flaeche .ov.offen {display:flex}
.flaeche .ovclose {text-decoration:none}
.flaeche .course {position:relative;cursor:pointer;display:block}
.flaeche .course input {position:absolute;opacity:0;width:1px;height:1px}
.flaeche .course:has(input:checked) {border-color:var(--brand);background:var(--brand-tint)}
.flaeche .course:has(input:focus-visible) {outline:2.5px solid var(--brand);outline-offset:2px}
.flaeche label.tg, .flaeche label.day {position:relative;cursor:pointer}
.flaeche label.tg input, .flaeche label.day input {position:absolute;opacity:0;width:1px;height:1px}
.flaeche label.tg:has(input:checked) {
  opacity:.5;text-decoration:line-through;text-decoration-color:var(--line-2);
  border-color:var(--line);background:var(--card-2);color:var(--ink-3);
}
.flaeche label.day:has(input:checked) {background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink);box-shadow:inset 0 0 0 1px var(--brand)}
.flaeche label.tg:has(input:focus-visible),
.flaeche label.day:has(input:focus-visible) {outline:2.5px solid var(--brand);outline-offset:2px}
.flaeche a.pz {text-decoration:none;display:block;color:inherit}
.flaeche a.pz .bar {display:block}
.flaeche a.pz .wk, .flaeche a.pz .cnt {display:block}
body:has(.flaeche .ov.offen) {overflow:hidden}
.flaeche .ov.offen .ovbox {display:flex;flex-direction:column;max-height:calc(100vh - 52px)}
.flaeche .ov.offen .ovbox > form {display:flex;flex-direction:column;min-height:0}
.flaeche .ov.offen .ovbody {overflow-y:auto;min-height:0}
.flaeche .pipe .bar i {
  width:40%;background:linear-gradient(90deg,var(--brand),var(--brand-ink));
  animation:flaeche-unbestimmt 1.4s ease-in-out infinite;
}
@keyframes flaeche-unbestimmt {
  0%   {transform:translateX(-100%)}
  100% {transform:translateX(250%)}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche .pipe .bar i {animation:none;width:100%;opacity:.4}
}
.flaeche .pipe .rowp .b {width:6px;height:6px;border:0;background:var(--brand);animation:none;margin:0 var(--abstand-2)}
.flaeche .pipe .ladehinweis--gross {margin-bottom:20px}
.flaeche .beitragsbild {margin:0}
.flaeche .beitragsbild img {
  display:block;width:100%;height:auto;border-radius:12px;
  border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--card-2);
}
.flaeche .beitragsbild__fehler {
  display:block;padding:var(--abstand-6);border:1px dashed var(--line-2);border-radius:12px;
  background:var(--card-2);color:var(--ink-2);font-size:13.6px;line-height:1.5;
}
.flaeche .textaendern {margin-top:16px;border-top:1px solid var(--line);padding-top:4px}
.flaeche .textaendern summary {
  cursor:pointer;font-size:13.5px;font-weight:600;color:var(--brand-ink);
  list-style:none;display:inline-flex;align-items:center;gap:var(--abstand-2);
  min-height:44px;
}
.flaeche .textaendern summary::-webkit-details-marker {display:none}
.flaeche .textaendern summary::before {content:'✎';font-size:14px}
.flaeche .textaendern summary:hover {text-decoration:underline;text-underline-offset:.25em}
.flaeche .textaendern[open] summary {margin-bottom:12px}
.flaeche .textaendern textarea {font-size:14.5px;line-height:1.6;resize:vertical}
.weiche-leiste {
    position: fixed; left: 0; right: 0; bottom: calc(22px + env(safe-area-inset-bottom, 0px));
    margin-inline: auto; width: max-content; max-width: min(520px, calc(100% - 32px)); box-sizing: border-box;
    z-index: 9999; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 14px;
    background: #241a3d; color: #fff; border-radius: 13px;
    padding: 12px 16px; font-size: 14px; line-height: 1.45;
    box-shadow: 0 14px 34px -10px rgba(20, 10, 50, .55);
}
.weiche-leiste > span { flex: 1 1 14em; min-width: 0; overflow-wrap: anywhere; }
.weiche-leiste button {
    background: #6a3cef; color: #fff; border: 0; border-radius: 9px;
    min-height: 44px; padding: 8px 14px; font: inherit; font-weight: 600; white-space: nowrap;
}
.verwaltung__reiter {
  display:flex;gap:4px;margin:18px 0 6px;border-bottom:1px solid var(--line);
}
.verwaltung__reiter a {
  padding:9px 15px;font-size:14px;font-weight:600;color:var(--ink-3);
  border-bottom:2px solid transparent;margin-bottom:-1px;transition:.15s;
  display:inline-flex;align-items:center;gap:7px;
}
.verwaltung__reiter a:hover {color:var(--ink)}
.verwaltung__reiter a.ist-hier {color:var(--brand);border-bottom-color:var(--brand)}
.verwaltung__zahl {
  background:var(--stop,#b4232a);color:#fff;border-radius:99px;font-size:11px;
  font-weight:700;padding:1px 7px;line-height:1.5;
}
.kennzahlen {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px;
}
.kennzahlen--schmal {grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.kennzahl {
  border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card);
  display:flex;flex-direction:column;gap:2px;transition:.15s;
}
a.kennzahl:hover {border-color:var(--brand);transform:translateY(-1px)}
.kennzahl b {
  font-family:var(--c-display,Archivo,sans-serif);font-size:30px;font-weight:800;
  letter-spacing:-.02em;line-height:1.1;color:var(--ink);
}
.kennzahl span {font-size:13px;font-weight:600;color:var(--ink-2)}
.kennzahl small {font-size:11.5px;color:var(--ink-3);line-height:1.4}
.kennzahl--warnung {border-color:var(--stop,#b4232a);background:var(--stop-bg,#fdf3f3)}
.kennzahl--warnung b {color:var(--stop,#b4232a)}
.kennzahl--warnung small {color:var(--ink-2)}
.kennzahl--wartet {border-color:var(--wait,#b5820a)}
.verteilung {list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column}
.verteilung li {
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px;
}
.verteilung li:last-child {border-bottom:0}
.verteilung span {color:var(--ink-2)}
.verteilung b {font-weight:700;font-variant-numeric:tabular-nums}
.filterzeile {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.filterzeile input[type=search], .filterzeile select {
  border:1px solid var(--line-2);border-radius:9px;padding:8px 11px;font:inherit;font-size:13.5px;
  background:var(--card);color:var(--ink);
}
.pill--ich {background:var(--brand-tint);color:var(--brand)}
.fehlerfall {border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:var(--card)}
.fehlerfall summary {padding:12px 15px;display:flex;flex-direction:column;gap:3px;list-style:none}
.fehlerfall summary::-webkit-details-marker {display:none}
.fehlerfall[open] summary {border-bottom:1px solid var(--line)}
.fehlerfall__kopf {display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.fehlerfall__meldung {font-size:13px;color:var(--ink-2);line-height:1.5}
.fehlerfall__innen {padding:14px 15px;display:flex;flex-direction:column;gap:10px}
.fehlerfall__ort code {font-size:12px;color:var(--ink-3);word-break:break-all}
.fehlerfall__voll {font-size:13.5px;line-height:1.6;color:var(--ink)}
.fehlerfall__spur {
  font-size:11.5px;line-height:1.55;background:var(--card-2);border:1px solid var(--line);
  border-radius:9px;padding:11px 13px;overflow-x:auto;white-space:pre;color:var(--ink-3);margin:0;
}
.fehlerfall summary {cursor:pointer}
.fehlerfall summary:hover {background:var(--card-2)}
.fehlerfall__pfeil {display:inline-block;transition:transform .15s;color:var(--ink-3);font-weight:700}
.fehlerfall[open] .fehlerfall__pfeil {transform:rotate(90deg)}
.button--ghost {
  background:var(--card);color:var(--ink-2);border:1px solid var(--line-2);box-shadow:none;
}
.button.button--ghost:hover {background:var(--brand-tint);color:var(--brand-ink);border-color:var(--brand);box-shadow:none}
.button--gefahr {background:var(--stop,#b4232a);color:var(--auf-stop);border-color:var(--stop,#b4232a)}
.button.button--gefahr:hover {background:var(--stop);border-color:var(--stop);color:var(--auf-stop);filter:brightness(1.08)}
.button.button--ghost.button--gefahr {background:var(--card);color:var(--stop,#b4232a);border-color:var(--line-2)}
.button.button--ghost.button--gefahr:hover {background:var(--stop-bg);color:var(--stop);border-color:var(--stop);filter:none}
.standwahl {display:flex;gap:6px;align-items:center}
.standwahl select {
  border:1px solid var(--line-2);border-radius:9px;padding:7px 9px;font:inherit;font-size:13px;
  background:var(--card);color:var(--ink);
}
.pill--wartet {background:var(--wait-bg,#fdf6e3);color:var(--wait,#b5820a)}
.roster .piece__actions {margin-top:0;flex-wrap:nowrap;justify-content:flex-end}
.roster .piece__actions .button {white-space:nowrap}
.roster .piece__actions form {margin:0}
.bestaetigung {display:flex;flex-direction:column;gap:7px;max-width:30rem}
.bestaetigung span {font-size:13.5px;color:var(--ink-2)}
.bestaetigung input {
  border:1px solid var(--line-2);border-radius:10px;padding:10px 13px;font:inherit;font-size:15px;
  background:var(--card);color:var(--ink);
}
.bestaetigung input:focus {outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.bestaetigung__knoepfe {display:flex;gap:10px;align-items:center;margin-top:16px}
dialog.beitragsfenster {
  border:0;border-radius:18px;padding:0;position:fixed;inset:0;margin:auto;
  max-width:min(94vw,60rem);width:100%;height:min(88vh,52rem);height:min(88dvh,52rem);max-height:calc(100% - 24px);
  background:var(--card);color:var(--ink);overflow:hidden;
  box-shadow:0 30px 70px -20px rgba(15,12,30,.45),0 0 0 1px var(--line);
}
dialog.beitragsfenster::backdrop {background:rgba(18,14,34,.45);backdrop-filter:blur(2px)}
.beitragsfenster__inhalt {height:100%;box-sizing:border-box;padding:26px 28px 30px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.beitragsfenster__wartebereich {height:100%;display:grid;place-items:center}
.beitragsfenster__laedt {flex-direction:column;gap:16px;color:var(--ink-2);font-size:14px;margin:0;text-align:center}
.beitragsfenster__laedt > .ladezeichen {width:56px;height:56px;flex-basis:56px;border-radius:18px;background:var(--brand-tint)}
.beitragsfenster__zu {
  position:absolute;top:10px;right:10px;z-index:2;
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  border:1px solid var(--line);background:var(--card-2);color:var(--ink-2);cursor:pointer;
}
.beitragsfenster__zu:hover {background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink)}
@media (prefers-reduced-motion:no-preference) {
  .flaeche.beitragsfenster[data-bewegung="ja"][open],
  .flaeche.beitragsfenster[data-bewegung="ja"][open]::backdrop {transition:opacity .18s cubic-bezier(.23,1,.32,1)}
  .beitragsfenster[data-bewegung="ja"] .beitragsfenster__beitrag {transition:opacity .16s cubic-bezier(.23,1,.32,1)}
  @starting-style {
    .flaeche.beitragsfenster[data-bewegung="ja"][open],
    .flaeche.beitragsfenster[data-bewegung="ja"][open]::backdrop,
    .beitragsfenster[data-bewegung="ja"] .beitragsfenster__beitrag {opacity:0}
  }
}
.beitragsfenster__inhalt .lede {padding-right:36px}
.beitragsfenster__inhalt .lede h1 {font-size:22px;letter-spacing:-.02em;margin:0}
.beitragsfenster__inhalt .card {border:0;box-shadow:none;padding:18px 0 0;background:none}
.flaeche .beitragsvorschau {position:relative;align-self:start;min-width:0}
.flaeche .beitragsvorschau:has([data-bildfach]) {padding-bottom:44px}
.flaeche .beitragsvorschau > [data-bildladehinweis] {position:absolute;inset:auto 0 0;min-height:36px;margin:0}
.flaeche .beitragsvorschau [data-bildfach] {aspect-ratio:4/5}
.flaeche .beitragsvorschau [data-bildfach] > img {height:100%;aspect-ratio:4/5;object-fit:contain}
.flaeche .beitragsvorschau .beitragsbild__fehler {height:100%;overflow-y:auto}
.flaeche .beitrag-entfernen {margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.flaeche .beitrag-entfernen .btn {text-align:left;line-height:1.4}
.flaeche .beitrag-entfernen .btn svg {flex-shrink:0}
.flaeche .beitrag-entfernen .btn:hover {color:var(--danger);border-color:var(--danger);background:var(--danger-wash)}
.flaeche .beitrag-termin {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0;padding:20px;border:1px solid var(--brand-tint-2);border-radius:14px;background:var(--brand-tint)}
.flaeche .beitrag-termin__zeichen {display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;color:var(--brand-ink);background:var(--card)}
.flaeche .beitrag-termin__text {flex:1 1 240px;min-width:0}
.flaeche .beitrag-termin__label {display:block;color:var(--brand-ink);font-size:11px;font-weight:650;line-height:1.5;margin-bottom:4px}
.flaeche .beitrag-termin h2 {font-size:17px;font-weight:650;line-height:1.4;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}
.flaeche .beitrag-termin p {font-size:12px;line-height:1.6;color:var(--ink-2);margin:var(--abstand-2) 0 0}
.flaeche .beitrag-termin form {margin:0;max-width:100%}
.flaeche .beitrag-termin .btn {min-height:44px;font-size:12px;white-space:normal}
@media (max-width:700px){
  .beitragsfenster__inhalt {padding:22px 18px 24px}
  .beitragsfenster__inhalt .lede h1 {font-size:19px}
  .flaeche .beitrag-termin {padding:16px;gap:12px}
  .flaeche .beitrag-termin__zeichen {display:none}
  .flaeche .beitrag-termin__text {flex-basis:100%}
  .flaeche .beitrag-termin form {width:100%}
  .flaeche .beitrag-termin .btn {width:100%;justify-content:center}
}
dialog.nachfrage {
  border:1px solid var(--line);border-radius:22px;padding:0;max-width:calc(100vw - 32px);width:440px;
  max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;
  background:var(--card);color:var(--ink);
  box-shadow:0 24px 80px -20px rgba(15,12,30,.3),0 4px 16px rgba(15,12,30,.08);
}
dialog.nachfrage::backdrop {background:rgba(18,14,34,.28);backdrop-filter:blur(2px)}
dialog.nachfrage .nachfrage__inhalt {padding:26px 26px 22px}
dialog.nachfrage .nachfrage__titel {
  margin:0 0 10px;font:700 22px/1.2 Archivo,sans-serif;letter-spacing:-.025em;
  color:var(--ink);overflow-wrap:anywhere;
}
dialog.nachfrage .nachfrage__text {
  margin:0;font-size:14px;line-height:1.65;color:var(--ink-2);overflow-wrap:anywhere;
}
dialog.nachfrage .nachfrage__knoepfe {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;
  padding:18px 22px 22px;border-top:1px solid var(--line);background:var(--card-2);
}
dialog.nachfrage .nachfrage__knoepfe .button {
  width:100%;min-width:0;min-height:46px;margin:0;padding:12px 14px;border-radius:12px;
  font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;box-shadow:none;
  background:var(--brand);border-color:var(--brand);color:var(--auf-brand);
}
dialog.nachfrage .nachfrage__knoepfe .button:hover {background:var(--brand);border-color:var(--brand);color:var(--auf-brand);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--brand) 70%,transparent);filter:brightness(1.06)}
dialog.nachfrage .nachfrage__knoepfe .button--ghost {background:var(--card);border-color:var(--line-2);color:var(--ink)}
dialog.nachfrage .nachfrage__knoepfe .button--ghost:hover {background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink);box-shadow:none;filter:none}
dialog.nachfrage .nachfrage__knoepfe .button--gefahr {background:var(--stop);border-color:var(--stop);color:var(--auf-stop);filter:none}
dialog.nachfrage .nachfrage__knoepfe .button--gefahr:hover {background:var(--stop);border-color:var(--stop);color:var(--auf-stop);box-shadow:none;filter:brightness(1.08)}
dialog.nachfrage .nachfrage__knoepfe .button:focus-visible {outline:2px solid var(--brand);outline-offset:3px}
@media (max-width:480px) {
  dialog.nachfrage .nachfrage__inhalt {padding:22px 20px 20px}
  dialog.nachfrage .nachfrage__titel {font-size:20px}
  dialog.nachfrage .nachfrage__knoepfe {padding:16px 16px 18px;gap:8px}
  dialog.nachfrage .nachfrage__knoepfe .button {padding:12px 10px;font-size:13px}
}
@media (prefers-reduced-motion: no-preference) {
  dialog.nachfrage[open] {animation:nachfrage-auf .16s cubic-bezier(.16,1,.3,1)}
  @keyframes nachfrage-auf {
    from {opacity:0;transform:translateY(8px) scale(.98)}
    to {opacity:1;transform:none}
  }
}
.werbung .wb-drin {margin-top:10px;border-top:1px solid var(--w-line);padding-top:10px}
.werbung .wb-drin summary {
  font-size:13px;font-weight:600;color:var(--w-brand-ink);cursor:pointer;list-style:none;
  display:inline-flex;align-items:center;gap:6px;
}
.werbung .wb-drin summary::-webkit-details-marker {display:none}
.werbung .wb-drin summary::before {content:'+';font-weight:700}
.werbung .wb-drin[open] summary::before {content:'–'}
.werbung .wb-drin ul {margin:10px 0 0;padding:0 0 0 2px;list-style:none;display:flex;flex-direction:column;gap:5px}
.werbung .wb-drin li {font-size:13.4px;color:var(--w-ink-2);display:flex;gap:8px;align-items:flex-start}
.werbung .wb-drin li::before {content:'✓';color:var(--w-go);font-weight:700;flex:none}
.werbung .wb-drin p {margin:9px 0 0;font-size:12.5px;color:var(--w-ink-3)}
.einrichtung .ohnehin {
  margin-top:var(--abstand-4);border:1px dashed var(--line-2);border-radius:11px;padding:var(--abstand-3) var(--abstand-4);
  display:flex;flex-direction:column;gap:var(--abstand-2);background:var(--card-2);
}
.einrichtung .ohnehin > b {font-size:13px;color:var(--ink-2)}
.einrichtung .ohnehin dl {margin:0}
.einrichtung .ohnehin dt {font-size:12.5px;font-weight:600;color:var(--ink-2);margin-top:var(--abstand-3)}
.einrichtung .ohnehin dt:first-of-type {margin-top:0}
.einrichtung .ohnehin dd {margin:2px 0 0;font-size:12.5px;color:var(--ink-2);line-height:1.55}
.einrichtung .ohnehin dd q {quotes:'\201E' '\201C';font-style:normal}
.flaeche .vorratsweg {
  margin-top:16px;border:1px solid var(--line-2);border-radius:14px;
  padding:var(--abstand-4) 16px;background:var(--card-2);
}
.flaeche .vorratsweg__kopf {
  display:flex;flex-direction:column;gap:var(--abstand-1);cursor:pointer;list-style:none;
  padding-right:28px;position:relative;
}
.flaeche .vorratsweg__kopf::-webkit-details-marker {display:none}
.flaeche details.vorratsweg[open] .vorratsweg__kopf {margin-bottom:var(--abstand-3)}
.flaeche .vorratsweg__kopf::after {
  content:'';position:absolute;right:2px;top:6px;width:9px;height:9px;
  border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);
  transform:rotate(45deg);transition:transform var(--duration) var(--ease);
}
.flaeche details.vorratsweg[open] .vorratsweg__kopf::after {transform:rotate(-135deg);top:10px}
.flaeche .vorratsweg__kopf:hover strong {color:var(--brand-ink)}
.flaeche .vorratsweg__kopf strong {font-size:14px;color:var(--ink)}
.flaeche .vorratsweg__kopf span {font-size:12.5px;color:var(--ink-2)}
.flaeche .vorratsweg__gitter {
  list-style:none;margin:0;padding:0;display:grid;gap:var(--abstand-2);
  grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
}
.flaeche .vorratsbild {display:block;cursor:pointer;position:relative}
.flaeche .vorratsbild input {position:absolute;opacity:0;width:0;height:0}
.flaeche .vorratsbild img {
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;
  border:2px solid transparent;transition:border-color var(--dur-fast, 150ms) ease;
}
.flaeche .vorratsbild:hover img {border-color:var(--line)}
.flaeche .vorratsbild input:checked + img {border-color:var(--akzent)}
.flaeche .vorratsbild input:focus-visible + img {outline:2px solid var(--akzent);outline-offset:2px}
.flaeche .vorratsbild__text {
  display:block;margin-top:var(--abstand-1);font-size:12px;line-height:1.4;color:var(--ink-2);
}
.flaeche .vorratsbild__text i {display:block;font-style:normal;font-size:11.5px;color:var(--ink-3)}
.flaeche .lauf {
  margin-top:var(--abstand-4);border:1px solid var(--line);
  border-inline-start:3px solid var(--brand);border-radius:var(--r-s);
  padding:16px 20px;background:var(--card);box-shadow:var(--shadow);
}
.flaeche .lauf--fertig {border-inline-start-color:var(--ok)}
.flaeche .lauf__kopf {display:flex;align-items:flex-start;gap:var(--abstand-3)}
.flaeche .lauf__kopf strong {display:block;font-size:15.5px;letter-spacing:-.01em;color:var(--ink)}
.flaeche .lauf__kopf span {display:block;margin-top:2px;font-size:13px;color:var(--ink-2)}
.flaeche .lauf__puls {
  flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--brand);
  margin-top:var(--abstand-2);animation:laufpuls 1.6s ease-in-out infinite;
}
@keyframes laufpuls {0%,100%{opacity:.28;transform:scale(.82)} 50%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce) {
  .flaeche .lauf__puls {animation:none;opacity:.85}
}
.flaeche .lauf__balken {
  margin-top:var(--abstand-3);height:6px;border-radius:99px;background:var(--line-2);overflow:hidden;
}
.flaeche .lauf__balken i {
  display:block;height:100%;border-radius:99px;background:var(--brand);
  transition:width .6s cubic-bezier(.22,1,.36,1);
}
.flaeche .lauf--fertig .lauf__balken i {background:var(--go, #2E7D5B)}
.flaeche .lauf__reihe {
  list-style:none;margin:var(--abstand-3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;
}
.flaeche .lauf__bild {position:relative;width:52px;height:52px}
.flaeche .lauf__bild img {
  width:100%;height:100%;object-fit:cover;border-radius:9px;display:block;
  transition:opacity .4s ease, filter .4s ease;
}
.flaeche .lauf__bild--wartet img {opacity:.32;filter:grayscale(1)}
.flaeche .lauf__bild--laeuft img {opacity:.85;filter:grayscale(.35)}
.flaeche .lauf__bild--laeuft::after {
  content:'';position:absolute;inset:0;border-radius:9px;
  border:2px solid var(--brand);animation:laufpuls 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce) {
  .flaeche .lauf__bild--laeuft::after {animation:none}
}
.flaeche .lauf__bild--gescheitert img {opacity:.5;filter:grayscale(1)}
.flaeche .lauf__haken {
  position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;
  background:var(--go, #2E7D5B);color:#fff;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--card);font-size:11px;font-weight:700;line-height:1;
}
.flaeche .lauf__haken--fehler {background:var(--stop, #C0392B)}
.flaeche .lauf__fehler {margin:var(--abstand-3) 0 0;font-size:12.8px;color:var(--ink-2)}
.flaeche .lauf__mini {margin:var(--abstand-3) 0 0;font-size:12.3px;color:var(--ink-3)}
.flaeche .farbe {border:1px solid var(--line);border-radius:13px;padding:12px var(--abstand-3);background:var(--card)}
.flaeche .farbe__kopf {display:flex;align-items:center;gap:var(--abstand-3)}
.flaeche .farbe__wort {flex:1 1 auto;min-width:0}
.flaeche .farbe__wort b {display:block;font-size:13.6px;color:var(--ink)}
.flaeche .farbe__wort span {display:block;font-size:12.2px;color:var(--ink-2)}
.flaeche .farbe__regler {display:grid;gap:var(--abstand-2);margin-top:var(--abstand-3)}
.flaeche .farbe__regler label {display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px}
.flaeche .farbe__regler span {font-size:12px;color:var(--ink-2)}
.flaeche .farbe__regler input[type='range'] {
  -webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer;
}
.flaeche .farbe__regler input[type='range']::-webkit-slider-runnable-track {
  height:8px;border-radius:99px;background:var(--gleis, var(--line-2));border:1px solid var(--line-2);
}
.flaeche .farbe__regler input[type='range']::-moz-range-track {
  height:8px;border-radius:99px;background:var(--gleis, var(--line-2));border:1px solid var(--line-2);
}
.flaeche .farbe__regler input[type='range']::-webkit-slider-thumb {
  -webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;
  background:var(--card);border:2px solid var(--ink-2);margin-top:-5px;
  box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .12s ease;
}
.flaeche .farbe__regler input[type='range']::-moz-range-thumb {
  width:16px;height:16px;border-radius:50%;background:var(--card);
  border:2px solid var(--ink-2);box-shadow:0 1px 4px rgba(0,0,0,.25);
}
.flaeche .farbe__regler input[type='range']:active::-webkit-slider-thumb {transform:scale(1.15)}
.flaeche .farbe__regler input[type='range']:focus-visible {outline:2px solid var(--brand);outline-offset:3px;border-radius:99px}
.flaeche.einord .ereihe {
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:var(--abstand-3) 16px;margin-bottom:var(--abstand-4);border:1px solid var(--line);
  border-radius:13px;background:var(--card-2);
}
.flaeche.einord .ereihe__wort b {display:block;font-size:14.5px;color:var(--ink)}
.flaeche.einord .ereihe__wort span {display:block;margin-top:2px;font-size:12.5px;color:var(--ink-2)}
.flaeche.einord .ereihe__bilder {list-style:none;margin:0;padding:0;display:flex;gap:var(--abstand-2);flex-wrap:wrap}
.flaeche.einord .ereihe__bild img {
  width:34px;height:34px;object-fit:cover;border-radius:7px;display:block;
  border:2px solid transparent;
}
.flaeche.einord .ereihe__bild--fertig img {opacity:.5}
.flaeche.einord .ereihe__bild--wartet img {opacity:.3;filter:grayscale(1)}
.flaeche.einord .ereihe__bild--jetzt img {border-color:var(--brand);opacity:1}
.flaeche.werkbank .wirkungsraum {display:grid;gap:32px;padding-bottom:24px;min-width:0}
.flaeche.werkbank .wirkungsauftakt {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:8px 0 2px}
.flaeche.werkbank .wirkungsauftakt h1 {font-size:var(--schrift-seite);line-height:1.08;letter-spacing:-.045em;margin:12px 0 20px}
.flaeche.werkbank .wirkungsauftakt p:not(.auftakt) {color:var(--ink-2);font-size:16px;line-height:1.7;max-width:60ch;margin:0}
.flaeche.werkbank .wirkungsauftakt > .btn {flex-shrink:0}
.flaeche.werkbank .wirkungsbereichskopf {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.flaeche.werkbank .wirkungsraum h2 {font-size:23px;line-height:1.3;letter-spacing:-.03em;margin:8px 0 0}
.flaeche.werkbank .wirkungsbereichskopf p:not(.auftakt) {margin:8px 0 0;color:var(--ink-2);font-size:13px}
.flaeche.werkbank .wirkungsmonat > .wirkungsbereichskopf h2 {font-size:30px}
.flaeche.werkbank .wirkungsmonat .monatswahl {gap:var(--abstand-3)}
.flaeche.werkbank .wirkungsmonat .monatswahl__pfeil {width:44px;height:44px;min-width:44px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:20px;text-decoration:none}
.flaeche.werkbank .wirkungsbilanz {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:24px;margin-bottom:24px}
.flaeche.werkbank .wirkungsbilanz__kanalstart {display:flex;flex-direction:column;justify-content:center}
.flaeche.werkbank .wirkungsauftaktkarte {position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;min-width:0;padding:28px 32px;border-radius:24px;background:#302343;color:#FAF8FF;border:1px solid #594270}
.flaeche.werkbank .wirkungsauftaktkarte .auftakt {color:#D5C6EE;margin:0;font-size:10px;letter-spacing:.13em}
.flaeche.werkbank .wirkungsbild {display:block;flex-shrink:0;width:100%;max-width:320px;height:182px;margin:var(--abstand-2) auto 4px;overflow:visible}
.flaeche.werkbank .wirkungsauftaktkarte__zahl {display:flex;align-items:center;gap:20px;width:100%;min-width:0}
.flaeche.werkbank .wirkungsauftaktkarte__zahl strong {font-size:clamp(60px,6vw,86px);font-weight:650;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:65%}
.flaeche.werkbank .wirkungsauftaktkarte__zahl h2 {font-size:17px;line-height:1.5;font-weight:500;margin:0;max-width:11ch;color:#FAF8FF}
.flaeche.werkbank .wirkungsauftaktkarte__text {margin:20px 0 var(--abstand-6);color:#E1D7EF;font-size:13px;line-height:1.65;max-width:36ch}
.flaeche.werkbank .wirkungsauftaktkarte > a {display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:44px;margin-top:auto;padding-top:var(--abstand-4);border-top:1px solid #6C5685;color:#E2F6C8;font-weight:600;font-size:13px;text-decoration:none}
.flaeche.werkbank .wirkungsauftaktkarte > a:hover {text-decoration:underline;text-underline-offset:4px}
.flaeche.werkbank .wirkungsauftaktkarte > a > span {font-size:22px}
.flaeche.werkbank .wirkungskarte {background:var(--card);border:1px solid var(--line);padding:var(--abstand-8);border-radius:24px;min-width:0}
.flaeche.werkbank .wirkungskarte > p:not(.auftakt) {color:var(--ink-2);line-height:1.7}
.flaeche.werkbank .wirkungsquelle {flex-shrink:0;color:var(--ink-2);background:var(--card-2);border:1px solid var(--line);padding:var(--abstand-2) var(--abstand-3);border-radius:8px;font-size:12px}
.flaeche.werkbank .wirkungsverlauf {display:flex;flex-direction:column}
.flaeche.werkbank .wirkungsverlauf__diagramm {position:relative;margin:auto 0 0}
.flaeche.werkbank .wirkungsbalken {display:grid;grid-template-columns:repeat(var(--monate,6),minmax(44px,72px));justify-content:start;list-style:none;gap:var(--abstand-4);margin:8px 0 0;padding:0}
.flaeche.werkbank .wirkungsbalken li {display:grid;gap:var(--abstand-2);text-align:center;min-width:0;font-size:13px;padding-top:var(--abstand-2);border-radius:10px;position:relative}
.flaeche.werkbank .wirkungsbalken strong {font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--ink)}
.flaeche.werkbank .wirkungsbalken small {color:var(--ink-2);font-size:11px}
.flaeche.werkbank .wirkungsbalken li[aria-current] > span {color:var(--brand-ink);font-weight:700}
.flaeche.werkbank .wirkungsbalken__bahn {height:184px;position:relative;border-bottom:1px solid var(--line-2);display:flex;align-items:end;justify-content:center;background:repeating-linear-gradient(to top,transparent 0,transparent 45px,var(--line) 45px,var(--line) 46px)}
.flaeche.werkbank .wirkungsbalken__wert {display:block;background:var(--balken);border-radius:8px 8px 0 0;width:70%;transform-origin:center bottom}
.flaeche.werkbank .wirkungsbalken li[aria-current] .wirkungsbalken__wert {background:var(--brand)}
.flaeche.werkbank .wirkungsbalken__offen {display:block;width:32%;height:0;border-top:2px dashed var(--ink-3);margin-bottom:0}
.flaeche.werkbank .wirkungsverlauf__leer {position:absolute;z-index:1;inset:16px 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--abstand-3);padding:20px 12px;text-align:center;background:var(--card)}
.flaeche.werkbank .wirkungsverlauf__leer > span {display:grid;place-items:center;width:44px;height:44px;background:var(--brand-tint);color:var(--brand-ink);border-radius:14px;font-size:25px}
.flaeche.werkbank .wirkungsverlauf__leer p {max-width:31ch;font-size:17px;font-weight:600;line-height:1.45;margin:0;color:var(--ink)}
.flaeche.werkbank .wirkungsverlauf__leer small {max-width:36ch;font-size:12px;line-height:1.55;color:var(--ink-2)}
.flaeche.werkbank .wirkungszahlen {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.flaeche.werkbank .wirkungszahl {display:flex;flex-direction:column;gap:var(--abstand-3);padding:var(--abstand-6);border:1px solid var(--line);background:var(--card);border-radius:20px;min-width:0}
.flaeche.werkbank .wirkungszahl__kopf {display:flex;align-items:center;justify-content:space-between;gap:16px}
.flaeche.werkbank .wirkungszahl__kopf p {color:var(--ink-2);margin:0;font-size:14px;line-height:1.45}
.flaeche.werkbank .wirkungszahl__zeichen {display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--brand-tint);color:var(--brand-ink)}
.flaeche.werkbank .wirkungszahl__zeichen svg {width:21px;height:21px}
.flaeche.werkbank .wirkungszahl > strong {font-size:clamp(32px,3.2vw,48px);line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.flaeche.werkbank .wirkungszahl > span {font-size:13px;color:var(--ink-2);line-height:1.55}
.flaeche.werkbank .wirkungszahl small {font-size:12px;line-height:1.65;color:var(--ink-2);margin-top:auto}
.flaeche.werkbank .wirkungszahl small b {color:var(--ink)}
.flaeche.werkbank .wirkungszahl__messstand {display:grid;gap:var(--abstand-2)}
.flaeche.werkbank .wirkungshinweis {font-size:12px;color:var(--ink-2);line-height:1.7;margin:20px 0 0;max-width:95ch}
.flaeche.werkbank .wirkungsinstagram__werte {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0;gap:24px}
.flaeche.werkbank .wirkungsinstagram__werte > div {padding-left:20px;border-left:2px solid var(--brand-tint-2)}
.flaeche.werkbank .wirkungsinstagram dt {font-size:13px;color:var(--ink-2)}
.flaeche.werkbank .wirkungsinstagram dd {margin:var(--abstand-2) 0;font-size:32px;font-weight:700;overflow-wrap:anywhere}
.flaeche.werkbank .wirkungsinstagram small {font-size:12px;color:var(--ink-2);line-height:1.65}
.flaeche.werkbank .wirkungsinstagram__fuss {display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line)}
.flaeche.werkbank .wirkungsdetails {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}
.flaeche.werkbank .wirkungsweiter {display:flex;align-items:center;gap:28px;background:var(--brand-tint);border:1px solid var(--brand-tint-2);border-radius:22px;padding:28px var(--abstand-8)}
.flaeche.werkbank .wirkungsweiter__text {flex:1;min-width:0}
.flaeche.werkbank .wirkungsweiter__zeichen {display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:18px;background:var(--card);font-size:32px;color:var(--brand-ink)}
.flaeche.werkbank .wirkungsweiter p:not(.auftakt) {line-height:1.65;color:var(--ink-2);margin:var(--abstand-3) 0 0;max-width:70ch;font-size:14px}
.flaeche.werkbank .wirkungsweiter .btn {flex-shrink:0}
.flaeche.werkbank .wirkungsbeitrag {display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--ink);padding:20px 0;border-top:1px solid var(--line)}
.flaeche.werkbank .wirkungsbeitrag time {display:grid;place-items:center;gap:4px;width:48px;flex-shrink:0;color:var(--ink-2);font-size:12px}
.flaeche.werkbank .wirkungsbeitrag time b {font-size:24px;color:var(--ink)}
.flaeche.werkbank .wirkungsbeitrag > span:nth-child(2) {flex:1;min-width:0;overflow-wrap:anywhere}
.flaeche.werkbank .wirkungsbeitrag strong {display:block;line-height:1.5}
.flaeche.werkbank .wirkungsbeitrag small {display:block;margin-top:var(--abstand-2);color:var(--ink-2);font-size:12px}
.flaeche.werkbank .wirkungsbeitrag:hover strong {color:var(--brand-ink)}
.flaeche.werkbank .wirkungsleer {padding:20px 0 var(--abstand-3)}
.flaeche.werkbank .wirkungsleer h3 {margin:0;font-size:19px}
.flaeche.werkbank .wirkungsleer p {color:var(--ink-2);line-height:1.7;margin:12px 0 20px}
.flaeche.werkbank .wirkungsherkunft__kanal {display:grid;gap:var(--abstand-2);padding:var(--abstand-6) 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.flaeche.werkbank .wirkungsherkunft__kanal span, .flaeche.werkbank .wirkungsherkunft__kanal small {color:var(--ink-2);font-size:12px;line-height:1.65}
.flaeche.werkbank .wirkungsherkunft details {margin-top:20px;color:var(--ink-2);font-size:13px;line-height:1.7}
.flaeche.werkbank .wirkungsherkunft summary {cursor:pointer;padding:8px 0;color:var(--ink);font-weight:600}
.flaeche.werkbank .wirkungsverbindung {padding:0;margin:0;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.flaeche.werkbank .wirkungsverbindung > summary {padding:20px 24px;gap:var(--abstand-4);border-radius:18px;color:var(--ink);font-size:14px;min-height:68px}
.flaeche.werkbank .wirkungsverbindung__kurz {display:flex;gap:8px 20px;justify-content:space-between;align-items:center;flex:1;min-width:0;flex-wrap:wrap}
.flaeche.werkbank .wirkungsverbindung__stand {font-weight:400;color:var(--ink-2);font-size:12px}
.flaeche.werkbank .wirkungsverbindung__inhalt {display:flex;gap:28px;align-items:center;padding:24px}
.flaeche.werkbank .wirkungsverbindung__text {flex:1;min-width:0}
.flaeche.werkbank .wirkungsverbindung h2 {margin:0 0 12px;font-size:19px}
.flaeche.werkbank .wirkungsverbindung p {color:var(--ink-2);max-width:70ch;margin:0;line-height:1.65;font-size:14px;overflow-wrap:anywhere}
.flaeche.werkbank .wirkungsverbindung__aktion {flex:0 1 260px;display:grid;gap:var(--abstand-3)}
.flaeche.werkbank .wirkungsverbindung__aktion small {font-size:12px;color:var(--ink-2);line-height:1.5}
@media (prefers-reduced-motion:no-preference) {
    .flaeche.werkbank .wirkungsbild__kreise ellipse {stroke-dasharray:1;animation:wirkung-kreis 1800ms ease-out both}
    .flaeche.werkbank .wirkungsbild__karte {animation:wirkung-karte 1600ms cubic-bezier(.2,.75,.2,1) both;transform-origin:160px 96px}
    .flaeche.werkbank .wirkungsbild__karte--mitte {animation-delay:120ms}
    .flaeche.werkbank .wirkungsbild__karte--vorne {animation-delay:240ms}
    .flaeche.werkbank .wirkungsbild__funke {animation:wirkung-funke 2200ms ease-out both;transform-origin:center}
    .flaeche.werkbank .wirkungsbalken__wert {animation:wirkung-balken 1100ms cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--balkenfolge) * 90ms)}
}
@keyframes wirkung-kreis {from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes wirkung-karte {from{opacity:0;transform:translateY(15px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes wirkung-funke {0%,30%{opacity:0;transform:scale(.75)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes wirkung-balken {from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (max-width:1100px) {
    .flaeche.werkbank .wirkungsbilanz {grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:20px}
    .flaeche.werkbank .wirkungsauftaktkarte, .flaeche.werkbank .wirkungskarte {padding:24px}
    .flaeche.werkbank .wirkungsauftaktkarte__zahl {gap:12px}
    .flaeche.werkbank .wirkungsauftaktkarte__zahl h2 {font-size:15px}
    .flaeche.werkbank .wirkungsweiter {flex-wrap:wrap}
    .flaeche.werkbank .wirkungsweiter > .btn {margin-left:84px}
    .flaeche.werkbank .wirkungszahlen {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .flaeche.werkbank .wirkungszahl {padding:20px}
    .flaeche.werkbank .wirkungszahl__zeichen {display:none}
    .flaeche.werkbank .wirkungsdetails {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:850px) {
    .flaeche.werkbank .wirkungsbilanz {grid-template-columns:minmax(0,1fr)}
    .flaeche.werkbank .wirkungsauftaktkarte {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}
    .flaeche.werkbank .wirkungsauftaktkarte .auftakt {grid-column:1/-1}
    .flaeche.werkbank .wirkungsbild {grid-column:2;grid-row:2/5;align-self:center;height:170px}
    .flaeche.werkbank .wirkungsauftaktkarte__zahl {margin-top:24px}
    .flaeche.werkbank .wirkungsauftaktkarte__text {grid-column:1}
    .flaeche.werkbank .wirkungsauftaktkarte > a {grid-column:1/-1}
    .flaeche.werkbank .wirkungszahlen {grid-template-columns:minmax(0,1fr)}
    .flaeche.werkbank .wirkungszahl {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:var(--abstand-2)}
    .flaeche.werkbank .wirkungszahl__kopf {grid-column:1}
    .flaeche.werkbank .wirkungszahl > strong {grid-column:2;grid-row:1/3;text-align:right;align-self:center;max-width:10ch}
    .flaeche.werkbank .wirkungszahl > span {grid-column:1}
    .flaeche.werkbank .wirkungszahl small {grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;margin-top:var(--abstand-1)}
    .flaeche.werkbank .wirkungsverbindung__inhalt {flex-direction:column;align-items:stretch}
    .flaeche.werkbank .wirkungsverbindung__aktion {flex:auto;justify-items:start}
}
@media (max-width:600px) {
    .flaeche.werkbank .wirkungsraum {gap:28px}
    .flaeche.werkbank .wirkungsauftakt {align-items:flex-start;flex-direction:column;gap:20px}
    .flaeche.werkbank .wirkungsauftakt .btn {font-size:13px;min-height:44px;padding:12px 16px}
    .flaeche.werkbank .wirkungsauftaktkarte, .flaeche.werkbank .wirkungskarte, .flaeche.werkbank .wirkungsweiter {padding:var(--abstand-6);border-radius:20px}
    .flaeche.werkbank .wirkungsauftaktkarte {column-gap:var(--abstand-3)}
    .flaeche.werkbank .wirkungsauftaktkarte__zahl {align-items:flex-start;flex-direction:column;gap:8px}
    .flaeche.werkbank .wirkungsauftaktkarte__zahl strong {max-width:100%;font-size:60px}
    .flaeche.werkbank .wirkungsauftaktkarte__text {grid-column:1/-1;max-width:none}
    .flaeche.werkbank .wirkungsbild {grid-row:2;height:150px}
    .flaeche.werkbank .wirkungsbereichskopf {align-items:flex-start;flex-wrap:wrap;gap:16px}
    .flaeche.werkbank .wirkungsmonat > .wirkungsbereichskopf h2 {font-size:26px}
    .flaeche.werkbank .wirkungszahl {padding:20px;column-gap:var(--abstand-4)}
    .flaeche.werkbank .wirkungsinstagram__werte {grid-template-columns:minmax(0,1fr)}
    .flaeche.werkbank .wirkungsbalken {gap:var(--abstand-2)}
    .flaeche.werkbank .wirkungsbalken strong {font-size:11px}
    .flaeche.werkbank .wirkungsbalken li {font-size:11px}
    .flaeche.werkbank .wirkungsbalken__bahn {height:190px}
    .flaeche.werkbank .wirkungsverlauf__leer {padding:var(--abstand-4) 4px}
    .flaeche.werkbank .wirkungsverlauf__leer p {font-size:16px}
    .flaeche.werkbank .wirkungsweiter {gap:20px}
    .flaeche.werkbank .wirkungsweiter__zeichen {width:44px;height:44px;font-size:27px;border-radius:13px}
    .flaeche.werkbank .wirkungsweiter__text {flex-basis:calc(100% - 62px)}
    .flaeche.werkbank .wirkungsweiter > .btn {margin-left:0;flex:1;min-width:0}
    .flaeche.werkbank .wirkungsverbindung > summary {padding:20px}
    .flaeche.werkbank .wirkungsverbindung__inhalt {padding:20px}
}
.flaeche .lauf__kopf > .ladezeichen {display:inline-flex;margin:0;color:var(--brand-ink)}
.bildladehinweis, .video-ladehinweis {margin:10px 0;min-height:24px;font-size:12px;line-height:1.5}
.flaeche.werkbank .assistent__auftakt {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--abstand-3) 16px;margin-bottom:var(--abstand-4)}
.flaeche.werkbank .assistent__auftakt .auftakt {margin:0 0 12px}
.flaeche.werkbank .assistent__auftakt h1 {font-size:26px;margin:0}
.flaeche.werkbank .assistent__auftakt .sub {display:none}
.flaeche.werkbank .assistent {grid-template-columns:minmax(0,200px) minmax(0,1fr);grid-template-areas:"navigation gespraech";gap:20px}
.flaeche.werkbank .assistent__navigation {grid-area:navigation;gap:var(--abstand-1);max-height:var(--assistent-hoehe,calc(100dvh - 200px));overflow-y:auto;scrollbar-width:thin;padding:2px 8px 12px 2px}
.flaeche.werkbank .assistent__navigation > * {flex-shrink:0}
.flaeche.werkbank .assistent__navigation .thgroup:not(:first-child) {margin-top:20px}
.flaeche.werkbank .assistent__navigation .th {align-items:center;min-height:48px;padding:var(--abstand-2) 8px;gap:8px;border-radius:10px;background:transparent}
.flaeche.werkbank .assistent__navigation .th.on {box-shadow:none;border-color:transparent;background:var(--brand-tint);color:var(--brand-ink)}
.flaeche.werkbank .assistent__navigation .th:hover {background:var(--card)}
.flaeche.werkbank .assistent__navigation .th.on:hover {background:var(--brand-tint)}
.flaeche.werkbank .assistent__navigation .th .ic {flex-basis:26px;height:26px;border-radius:8px}
.flaeche.werkbank .assistent__navigation .th .ic svg {width:18px;height:18px}
.flaeche.werkbank .assistent__navigation .th .tx b {font-size:13px;line-height:1.4}
.flaeche.werkbank .assistent__navigation .th .tx span {font-size:11px;line-height:1.4}
.flaeche.werkbank .assistent__navigation .thgroup {font-size:10px;letter-spacing:.09em;margin-bottom:var(--abstand-1)}
.flaeche.werkbank .assistent__kontobezug {border-top:1px solid var(--line);margin-top:16px;padding-top:4px}
.flaeche.werkbank .assistent__kontobezug a {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px;color:var(--ink-2);text-decoration:none;overflow-wrap:anywhere}
.flaeche.werkbank .assistent__kontobezug a:hover {color:var(--brand-ink)}
.flaeche.werkbank .assistent__gespraech {grid-area:gespraech;min-width:0;min-height:0;height:var(--assistent-hoehe,calc(100dvh - 200px));padding:0;border-radius:18px;overflow:hidden}
.flaeche.werkbank .assistent__kopf {display:flex;align-items:center;flex:0 0 auto;gap:var(--abstand-3);padding:12px 20px;border-bottom:1px solid var(--line)}
.flaeche.werkbank .assistent__zeichen {display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:var(--brand-tint);color:var(--brand-ink)}
.flaeche.werkbank .assistent__zeichen svg {width:19px;height:19px}
.flaeche.werkbank .assistent__kopf > div {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}
.flaeche.werkbank .assistent__kopf h2 {font-size:16px;line-height:1.3;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.flaeche.werkbank .assistent__kopf p {font-size:12px;color:var(--ink-2);margin:0;overflow-wrap:anywhere}
.flaeche.werkbank .assistent__einstieg {padding:var(--abstand-8) 24px;max-width:740px}
.flaeche.werkbank .assistent__einstieg > p {font-size:15px;line-height:1.7;color:var(--ink-2);max-width:58ch;margin:0 0 24px}
.flaeche.werkbank .assistent__einstieg > .assistent__einladung {font-family:Archivo,sans-serif;font-size:clamp(23px,2.3vw,31px);font-weight:700;line-height:1.25;letter-spacing:-.04em;color:var(--ink);margin-bottom:16px}
.flaeche.werkbank .assistent__fragen {display:grid;gap:var(--abstand-3)}
.flaeche.werkbank .assistent__fragen form {min-width:0}
.flaeche.werkbank .assistent__fragen button {display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:52px;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:var(--card-2);color:var(--ink);font:inherit;font-size:14px;line-height:1.5;text-align:left;cursor:pointer;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.flaeche.werkbank .assistent__fragen button:hover {background:var(--brand-tint);border-color:var(--brand)}
.flaeche.werkbank .assistent__fragen button > :last-child {flex:0 0 auto;color:var(--brand-ink)}
.flaeche.werkbank .assistent__verlauf {list-style:none;margin:0 auto;padding:var(--abstand-6) 24px;gap:24px;max-width:820px;overflow:visible;flex:none}
.flaeche.werkbank .assistent__verlauf .m {width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere}
.flaeche.werkbank .assistent__verlauf .m.u {max-width:88%}
.flaeche.werkbank .assistent__sprecher {display:flex;align-items:baseline;gap:var(--abstand-3);flex-wrap:wrap;font-size:12px;color:var(--ink-2);margin:0 0 8px}
.flaeche.werkbank .assistent__sprecher b {color:var(--ink)}
.flaeche.werkbank .assistent__sprecher time {font-size:11px;color:var(--ink-3)}
.flaeche.werkbank .assistent__verlauf .m.u .assistent__sprecher {justify-content:flex-end}
.flaeche.werkbank .assistent__verlauf .m.a .bub {padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:15px;line-height:1.65}
.flaeche.werkbank .assistent__verlauf .m.u .bub {color:var(--auf-brand);padding:var(--abstand-3) var(--abstand-4);border-radius:14px 4px 14px 14px;font-size:14px;line-height:1.6}
.flaeche.werkbank .assistent__quellen {display:flex;align-items:center;gap:8px var(--abstand-4);flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--ink-2)}
.flaeche.werkbank .assistent__quellen > span {flex-basis:100%;font-size:11px}
.flaeche.werkbank .assistent__quellen a {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--brand-ink);text-decoration:none}
.flaeche.werkbank .assistent__aktion {margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
.flaeche.werkbank .assistent__aktion > .assistent__aktionsstand {margin:0 0 12px;font-size:11px;font-weight:700;color:var(--brand-ink);letter-spacing:.08em;text-transform:uppercase}
.flaeche.werkbank .assistent__aktion--uebernommen > .assistent__aktionsstand {color:var(--go)}
.flaeche.werkbank .assistent__aktion h2 {margin:0 0 8px;font-size:16px;line-height:1.35;letter-spacing:-.025em}
.flaeche.werkbank .assistent__aktion > p {margin:0 0 16px;color:var(--ink-2);font-size:14px;line-height:1.65}
.flaeche.werkbank .assistent__aktion > ul {margin:20px 0;padding:20px 0 20px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;line-height:1.65}
.flaeche.werkbank .assistent__aktion li + li {margin-top:8px}
.flaeche.werkbank .assistent__aktionsknopfe {display:flex;align-items:stretch;gap:var(--abstand-3);flex-wrap:wrap;margin-top:20px}
.flaeche.werkbank .assistent__aktionsknopfe form {display:flex;min-width:0}
.flaeche.werkbank .assistent__aktion .btn {min-height:44px;white-space:normal;text-align:center}
.flaeche.werkbank .assistent__wiederholen {margin-top:20px}
.flaeche.werkbank .assistent__eingabe {flex:0 0 auto;margin-top:auto;padding:var(--abstand-3) 16px;background:var(--card);border-top:1px solid var(--line)}
.flaeche.werkbank .assistent__formular {display:flex;flex-direction:column;padding:0;border:0;border-radius:0;gap:0;background:transparent}
.flaeche.werkbank .assistent__formular label {font-size:13px;font-weight:600;color:var(--ink)}
.flaeche.werkbank .assistent__formular textarea {display:block;flex:1;width:100%;min-width:0;min-height:44px;max-height:96px;resize:none;box-sizing:border-box;padding:var(--abstand-3) 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;font-size:16px;line-height:1.5}
.flaeche.werkbank .assistent__formular textarea::placeholder {color:var(--ink-3)}
.flaeche.werkbank .assistent__fragehilfe {margin:0 24px 20px;background:var(--card);border:1px solid var(--line);border-radius:13px}
.flaeche.werkbank .assistent__fragehilfe > summary {font-size:13px;min-height:44px;padding:12px 16px}
.flaeche.werkbank .assistent__fragehilfe .disclosure__inhalt {padding:0 12px 12px}
.flaeche.werkbank .assistent__briefing {margin:16px 20px 0;background:var(--card);border:1px solid var(--line);border-radius:12px}
.flaeche.werkbank .assistent__briefing > summary {padding:var(--abstand-3) var(--abstand-4);font-size:13px;min-height:44px}
.flaeche.werkbank .assistent__briefing .disclosure__inhalt {padding:0 16px 16px}
.flaeche.werkbank .assistent__briefing p {font-size:14px;line-height:1.65;color:var(--ink-2)}
.flaeche.werkbank .assistent__briefing .briefmeta {margin:2px 0 12px;font-size:12px;align-items:center}
.flaeche.werkbank .assistent__briefing .bgrid {gap:20px;margin-top:16px}
.flaeche.werkbank .assistent__briefing .bbox {min-width:0;padding:0;border:0;border-radius:0;background:transparent}
.flaeche.werkbank .assistent__briefing .bm {display:block;padding:0;border:0;border-radius:0;background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--ink);margin:0 0 var(--abstand-3)}
.flaeche.werkbank .assistent__briefing ol {padding-left:20px;margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.65}
.flaeche.werkbank .assistent__wunsch {border-left:3px solid var(--brand);padding:var(--abstand-1) 0 var(--abstand-1) var(--abstand-4);margin-top:20px;font-size:13px}
.flaeche.werkbank .assistent__wunsch p {margin:var(--abstand-2) 0 0}
.flaeche.werkbank .assistent__klein {font-size:13px;line-height:1.6;color:var(--ink-2)}
@media (max-width:980px) {
  .flaeche.werkbank .assistent {grid-template-columns:minmax(0,1fr);grid-template-areas:"gespraech" "navigation";gap:28px}
  .flaeche.werkbank .assistent__gespraech {grid-row:1}
  .flaeche.werkbank .assistent__navigation {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--abstand-3);max-height:none;overflow:visible;padding:0}
  .flaeche.werkbank .assistent__navigation > .thgroup,.flaeche.werkbank .assistent__kontobezug,.flaeche.werkbank .assistent__navigation > .archopen,.flaeche.werkbank .assistent__navigation > .assistent__klein {grid-column:1 / -1}
}
@media (max-width:560px) {
  .flaeche.werkbank .assistent__auftakt {gap:var(--abstand-3);margin-bottom:var(--abstand-4)}
  .flaeche.werkbank .assistent__auftakt .sub {font-size:13px}
  .flaeche.werkbank .assistent__gespraech {min-height:0;border-radius:14px}
  .flaeche.werkbank .assistent__kopf {padding:var(--abstand-2) var(--abstand-4);gap:8px}
  .flaeche.werkbank .assistent__kopf h2 {font-size:16px}
  .flaeche.werkbank .assistent__einstieg,.flaeche.werkbank .assistent__verlauf {padding:24px 16px}
  .flaeche.werkbank .assistent__eingabe {padding:8px var(--abstand-3)}
  .flaeche.werkbank .assistent__briefing {margin:12px 12px 0}
  .flaeche.werkbank .assistent__briefing .bgrid {grid-template-columns:minmax(0,1fr)}
  .flaeche.werkbank .assistent__briefing .disclosure__inhalt {padding:0 12px 16px}
  .flaeche.werkbank .assistent__verlauf .m.u {max-width:96%}
  .flaeche.werkbank .assistent__aktion {padding:var(--abstand-4) var(--abstand-4)}
  .flaeche.werkbank .assistent__aktionsknopfe {flex-direction:column}
  .flaeche.werkbank .assistent__aktionsknopfe .btn {width:100%}
  .flaeche.werkbank .assistent__navigation {grid-template-columns:minmax(0,1fr)}
}
.flaeche.werkbank .planstueck__fenster {font-size:13px;line-height:1.65;color:var(--ink-2);margin:var(--abstand-2) 0;overflow-wrap:anywhere}
.flaeche.werkbank main.wrap:has([data-assistent-seite]) {padding-top:16px;padding-bottom:16px}
.flaeche.werkbank .assistent__nachrichtenbereich {flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--line-2) transparent;scroll-padding-block:16px;scroll-behavior:auto}
.flaeche.werkbank .assistent__nachrichtenbereich:focus-visible {outline:2px solid var(--brand-ink);outline-offset:-3px}
.flaeche.werkbank .assistent__nachrichtenbereich > .notice {margin:16px 20px;max-width:none}
.flaeche.werkbank .assistent__schreibfeld {display:flex;align-items:flex-end;gap:var(--abstand-2);padding:4px;border:1px solid var(--line-2);border-radius:16px;background:var(--card);transition:border-color .16s,box-shadow .16s}
.flaeche.werkbank .assistent__schreibfeld:focus-within {border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}
.flaeche.werkbank .assistent__schreibfeld textarea:focus {outline:none;box-shadow:none}
.flaeche.werkbank .assistent__sendeknopf {flex:0 0 auto;width:44px;height:44px;min-height:44px;min-width:44px;padding:var(--abstand-3);justify-content:center;border-radius:11px;font-size:17px;box-shadow:none}
.flaeche.werkbank .assistent__eingabehilfe {margin:0;font-size:11px;line-height:1.5;color:var(--ink-2)}
.flaeche.werkbank .assistent__formular label,.flaeche.werkbank .assistent__eingabehilfe,.flaeche.werkbank .assistent__sendeknopf > span:first-child:not(.ladezeichen) {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body:has(.assistentzugang) {padding-bottom:96px}
.flaeche.assistentzugang {--zen-textgrund:#362648;--zen-rand:max(24px,env(safe-area-inset-right));position:fixed;z-index:90;right:var(--zen-rand);bottom:max(22px,env(safe-area-inset-bottom));display:block;width:80px;height:88px;min-height:44px;max-width:calc(100vw - 28px);padding:0;border:0;border-radius:24px;background:transparent;color:var(--ink);text-decoration:none;box-shadow:none;transform:none;opacity:1;isolation:isolate;transition:width .28s cubic-bezier(.2,.8,.2,1),opacity var(--dauer-kurz,160ms)}
.flaeche.assistentzugang::before {content:"";position:absolute;inset:0 0 8px;border:1px solid #66517f;border-radius:24px;background:var(--zen-textgrund);box-shadow:0 8px 28px rgba(37,23,61,.23),inset 0 1px 0 #ffffff12;opacity:0;transform:scaleX(.7);transform-origin:right center;transition:opacity .2s,transform .28s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.flaeche.assistentzugang:hover {color:var(--ink);text-decoration:none}
.flaeche.assistentzugang:focus-visible {outline:3px solid var(--brand);outline-offset:4px}
.flaeche.assistentzugang .assistentzugang__zeichen {position:absolute;right:4px;top:0;display:grid;place-items:center;width:72px;height:72px;background:transparent;pointer-events:none}
.flaeche.assistentzugang .assistentzugang__zeichen svg {width:72px;height:72px}
.flaeche.assistentzugang .assistentzugang__kurzname {position:absolute;top:68px;right:0;width:80px;text-align:center;font:650 12px/18px Inter,sans-serif;letter-spacing:.015em;opacity:1;transition:opacity .15s;pointer-events:none}
.flaeche.assistentzugang .assistentzugang__kurzname span {padding:2px 8px;border-radius:8px;background:var(--card);color:var(--ink)}
.flaeche.assistentzugang .assistentzugang__text {position:absolute;top:19px;left:20px;right:80px;display:grid;gap:var(--abstand-1);min-width:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);font-family:Inter,sans-serif;line-height:1.3;white-space:nowrap;color:#fff;background:var(--zen-textgrund);opacity:1;transform:translateX(8px);transition:transform .28s;pointer-events:none}
.flaeche.assistentzugang .assistentzugang__text strong {font-size:18px;font-weight:650;letter-spacing:-.025em}
.flaeche.assistentzugang .assistentzugang__text small {font-size:11px;color:#e0d5f2}
.flaeche.assistentzugang:focus-visible {width:224px}
.flaeche.assistentzugang:focus-visible::before {opacity:1;transform:none}
.flaeche.assistentzugang:focus-visible .assistentzugang__text {width:auto;height:auto;margin:0;overflow:visible;clip-path:none;transform:none}
.flaeche.assistentzugang:focus-visible .assistentzugang__kurzname {opacity:0}
@media (hover:hover) and (pointer:fine) {
  .flaeche.assistentzugang:hover {width:224px}
  .flaeche.assistentzugang:hover::before {opacity:1;transform:none}
  .flaeche.assistentzugang:hover .assistentzugang__text {width:auto;height:auto;margin:0;overflow:visible;clip-path:none;transform:none}
  .flaeche.assistentzugang:hover .assistentzugang__kurzname {opacity:0}
}
.flaeche .zen {display:block;width:44px;height:44px;flex-shrink:0;overflow:visible}
.flaeche .zen__wesen {transform-origin:46px 70px}
.flaeche .zen__winkhand {transform-origin:73px 53px;transform:rotate(16deg)}
.flaeche .zen__augen {transform-origin:46px 45px}
.flaeche .zen--fenster {width:38px;height:38px;margin-right:2px}
.flaeche.werkbank .assistent__zeichen:has(.zen),.flaeche.werkbank .assistent__navigation .ic:has(.zen) {background:transparent;padding:0}
.flaeche.werkbank .assistent__zeichen .zen {width:42px;height:42px}
.flaeche.werkbank .assistent__navigation .th .ic:has(.zen) {flex-basis:34px;height:34px}
.flaeche.werkbank .assistent__navigation .th .ic .zen {width:34px;height:34px}
@media (prefers-reduced-motion:no-preference) {
  .flaeche.zen-ausloeser:focus-visible .zen__winkhand {animation:zen-winken 1.3s ease-in-out both}
  .flaeche.zen-ausloeser:focus-visible .zen__wesen {animation:zen-gruessen 1.3s ease-in-out both}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .flaeche.zen-ausloeser:hover .zen__winkhand {animation:zen-winken 1.3s ease-in-out both}
  .flaeche.zen-ausloeser:hover .zen__wesen {animation:zen-gruessen 1.3s ease-in-out both}
  .flaeche.zen-ausloeser:hover .zen__augen {animation:zen-blinzeln 1.3s ease-in-out both}
}
@keyframes zen-winken {0%,100% {transform:rotate(16deg)} 18%,48%,78% {transform:rotate(-24deg)} 33%,63% {transform:rotate(12deg)}}
@keyframes zen-gruessen {0%,100% {transform:translateY(0) rotate(0)} 25%,75% {transform:translateY(-3px) rotate(-4deg)}}
@keyframes zen-blinzeln {0%,30%,44%,100% {transform:scaleY(1)} 37% {transform:scaleY(.15)}}
dialog.flaeche.werkbank.assistentfenster {position:fixed;inset:auto 18px auto auto;top:var(--assistent-fensteroben,12px);width:min(640px,calc(100vw - 24px));height:var(--assistent-fensterhoehe,calc(100dvh - 24px));max-width:none;max-height:calc(100dvh - 24px);min-height:0;margin:0;padding:0;border:1px solid var(--line);border-radius:26px;background:var(--card);color:var(--ink);box-shadow:0 24px 90px rgba(21,15,33,.28);overflow:hidden}
dialog.flaeche.werkbank.assistentfenster[open] {display:flex;flex-direction:column}
dialog.assistentfenster::backdrop {background:rgba(22,16,35,.25);backdrop-filter:blur(3px)}
.assistentfenster__kopf {display:flex;flex:0 0 auto;align-items:center;gap:8px;padding:var(--abstand-3) 16px;border-bottom:1px solid var(--line);background:var(--card-2)}
.assistentfenster__kopf > div {flex:1;min-width:0}
.flaeche.werkbank .assistentfenster__kopf h2 {margin:0;font:700 18px/1.3 Archivo,sans-serif;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flaeche.werkbank .assistentfenster__bezug {margin:var(--abstand-1) 0 0;font-size:11px;line-height:1.4;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assistentfenster__bezug:empty {display:none}
.assistentfenster__kopf .btn {flex:0 0 auto;min-height:44px;padding:10px 12px;white-space:nowrap}
.assistentfenster__kopf [data-assistent-zu] {width:44px;padding:var(--abstand-3)}
.assistentfenster__inhalt {flex:1 1 0;display:flex;min-height:0;min-width:0;overflow:hidden}
.flaeche.werkbank.assistentfenster .assistent__gespraech {flex:1;min-height:0;height:100%;padding:0;border:0;border-radius:0;box-shadow:none}
.flaeche.werkbank.assistentfenster .assistent__kopf,.flaeche.werkbank.assistentfenster .assistent__formular label,.flaeche.werkbank.assistentfenster .assistent__eingabehilfe,.flaeche.werkbank.assistentfenster .assistent__sendeknopf > span:first-child:not(.ladezeichen) {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.flaeche.werkbank.assistentfenster .assistent__einstieg {padding:28px 20px}
.flaeche.werkbank.assistentfenster .assistent__einladung {font-size:26px}
.flaeche.werkbank.assistentfenster .assistent__verlauf {padding:20px;gap:var(--abstand-6)}
.flaeche.werkbank.assistentfenster .assistent__verlauf .m.a .bub {line-height:1.6}
.flaeche.werkbank.assistentfenster .assistent__eingabe {padding:var(--abstand-3) 16px 12px;background:var(--card)}
.flaeche.werkbank.assistentfenster .assistent__formular {gap:0}
.flaeche.werkbank.assistentfenster .assistent__schreibfeld {padding:var(--abstand-1);gap:var(--abstand-2)}
.flaeche.werkbank.assistentfenster .assistent__formular textarea {min-height:44px;max-height:96px;padding:var(--abstand-3) 8px;resize:none}
.flaeche.werkbank.assistentfenster .assistent__sendeknopf {width:44px;height:44px;min-height:44px;padding:var(--abstand-3);justify-content:center;border-radius:12px}
.assistentfenster__meldung {flex:0 0 auto;font-size:13px;line-height:1.6}
.assistentfenster__meldung:empty {display:none}
.assistentfenster__meldung:not(:empty) {padding:16px 20px;border-bottom:1px solid var(--line);background:var(--card-2)}
.assistentfenster__meldung p {margin:0 0 var(--abstand-3)}
.assistentfenster__meldung p:last-child {margin-bottom:0}
.assistentfenster__meldung .btn {margin-top:12px;min-height:44px}
@media (prefers-reduced-motion:no-preference) {
  .flaeche.assistentfenster[open] {animation:assistentfenster-auf .22s cubic-bezier(.2,.8,.2,1)}
  @keyframes assistentfenster-auf {from {opacity:0;transform:translateX(16px)}to {opacity:1;transform:translateX(0)}}
}
@media (max-width:700px) {
  .flaeche.werkbank main.wrap:has([data-assistent-seite]) {padding:var(--abstand-4) 12px 24px}
  .flaeche.werkbank .assistent__auftakt {align-items:center;flex-wrap:nowrap}
  .flaeche.werkbank .assistent__auftakt .btn {padding:10px 12px;min-height:44px;font-size:11px}
  .flaeche.werkbank .assistent__auftakt .sub {max-width:23ch;font-size:12px;line-height:1.5}
  .flaeche.werkbank .assistent__auftakt h1 {font-size:25px}
  .flaeche.werkbank .assistent__schreibfeld {gap:4px;padding:4px}
  .flaeche.werkbank .assistent__sendeknopf {padding:var(--abstand-3)}
  .flaeche.werkbank .assistent__sendeknopf > span:first-child:not(.ladezeichen) {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .flaeche.werkbank .assistent__fragehilfe {margin:0 16px 16px}
  .flaeche.assistentzugang {--zen-rand:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
  dialog.flaeche.werkbank.assistentfenster {right:8px;width:calc(100vw - 16px);border-radius:20px}
  .assistentfenster__kopf {padding:var(--abstand-3) 12px;gap:var(--abstand-2)}
  .assistentfenster__kopf .btn {padding:10px;font-size:11px}
  .flaeche.werkbank .assistentfenster__kopf h2 {font-size:17px}
  .flaeche.werkbank.assistentfenster .assistent__verlauf {padding:20px 12px}
  .flaeche.werkbank.assistentfenster .assistent__eingabe {padding:8px var(--abstand-3) var(--abstand-3)}
}
@media (max-height:600px) {
  .flaeche.werkbank .assistent__auftakt .sub {display:none}
  .flaeche.werkbank .assistent__kopf {padding:var(--abstand-3) var(--abstand-4)}
  .flaeche.werkbank .assistent__eingabe {padding:8px 12px}
  .flaeche.werkbank .assistent__eingabehilfe {display:none}
  .flaeche.werkbank .assistent__formular {gap:var(--abstand-2)}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.assistentzugang,.flaeche.assistentzugang::before,.flaeche.assistentzugang .assistentzugang__text,.flaeche.assistentzugang .assistentzugang__kurzname,.flaeche.werkbank .assistent__schreibfeld {transition:none}
}
body:has([data-assistent-seite]) .assistentzugang {display:none}
body:has([data-assistent-seite]) {padding-bottom:0}
@media (max-height:600px) and (max-width:1179px) {
  .flaeche.werkbank:has([data-assistent-seite]) {--kopf:58px}
  .flaeche.werkbank:has([data-assistent-seite]) .top .wrap {display:flex;flex-wrap:nowrap;height:58px;padding:0 12px;gap:8px}
  .flaeche.werkbank:has([data-assistent-seite]) .top .wrap::after {display:none}
  .flaeche.werkbank:has([data-assistent-seite]) .top .lockup {min-height:0;margin-right:0}
  .flaeche.werkbank:has([data-assistent-seite]) .top .lockup__by {display:none}
  .flaeche.werkbank:has([data-assistent-seite]) .top .ghost {display:inline-flex;align-items:center;min-height:44px;padding:var(--abstand-2) var(--abstand-3);font-size:12px;white-space:nowrap}
  .flaeche.werkbank:has([data-assistent-seite]) .top .spacer {display:block}
  .flaeche.werkbank:has([data-assistent-seite]) .top .who,.flaeche.werkbank:has([data-assistent-seite]) .top > .wrap > .farbwahl {display:none}
  .flaeche.werkbank:has([data-assistent-seite]) .tabs .wrap {display:flex;padding:var(--abstand-2) 8px;gap:var(--abstand-1);overflow-x:auto}
  .flaeche.werkbank:has([data-assistent-seite]) .tab {flex:0 0 auto;padding:8px var(--abstand-3);font-size:11px}
  .flaeche.werkbank:has([data-assistent-seite]) .assistent__auftakt h1 {font-size:23px}
  .flaeche.werkbank:has([data-assistent-seite]) main.wrap {padding-top:var(--abstand-3)}
}
@media (max-height:450px) {
  .flaeche.werkbank .assistent__gespraech {padding:0;min-height:0}
  .flaeche.werkbank .assistent__kopf,.flaeche.werkbank.assistentfenster .assistent__kopf {padding:8px 12px;gap:8px}
  .flaeche.werkbank .assistent__kopf h2 {font-size:16px}
  .flaeche.werkbank .assistent__kopf p {display:none}
  .flaeche.werkbank .assistent__zeichen {flex-basis:28px;height:28px;border-radius:9px}
  .flaeche.werkbank .assistent__zeichen svg {width:18px;height:18px}
  .flaeche.werkbank .assistent__formular label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .flaeche.werkbank .assistent__formular textarea,.flaeche.werkbank.assistentfenster .assistent__formular textarea {min-height:44px;max-height:48px;padding:var(--abstand-3) 12px}
  .flaeche.werkbank .assistentfenster__bezug {display:none}
  .flaeche.werkbank .assistentfenster__kopf {padding:8px 12px}
}
.assistentfenster__meldung {max-height:min(25%,180px);overflow-y:auto;overscroll-behavior:contain}
:root[data-assistent-sicht] .flaeche.werkbank .assistent__auftakt .sub {display:none}
:root[data-assistent-sicht] .flaeche.werkbank .assistent__kopf {padding:var(--abstand-3) var(--abstand-4)}
:root[data-assistent-sicht] .flaeche.werkbank .assistent__eingabe {padding:8px 12px}
:root[data-assistent-sicht] .flaeche.werkbank .assistent__eingabehilfe {display:none}
:root[data-assistent-sicht] .flaeche.werkbank .assistent__formular {gap:var(--abstand-2)}
@media (max-width:1179px) {
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) {--kopf:58px}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top .wrap {display:flex;flex-wrap:nowrap;height:58px;padding:0 12px;gap:8px}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top .wrap::after {display:none}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top .lockup {min-height:0;margin-right:0}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top .lockup__by {display:none}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top .ghost {display:inline-flex;align-items:center;min-height:44px;padding:var(--abstand-2) var(--abstand-3);font-size:12px;white-space:nowrap}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top .spacer {display:block}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top .who,:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .top > .wrap > .farbwahl {display:none}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .tabs .wrap {display:flex;padding:var(--abstand-2) 8px;gap:var(--abstand-1);overflow-x:auto}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .tab {flex:0 0 auto;padding:8px var(--abstand-3);font-size:11px}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) .assistent__auftakt h1 {font-size:23px}
:root[data-assistent-sicht] .flaeche.werkbank:has([data-assistent-seite]) main.wrap {padding-top:var(--abstand-3)}
}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__gespraech {padding:0;min-height:0}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__kopf,:root[data-assistent-sicht="flach"] .flaeche.werkbank.assistentfenster .assistent__kopf {padding:8px 12px;gap:8px}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__kopf h2 {font-size:16px}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__kopf p {display:none}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__zeichen {flex-basis:28px;height:28px;border-radius:9px}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__zeichen svg {width:18px;height:18px}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__formular label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistent__formular textarea {min-height:44px;max-height:48px;padding:var(--abstand-3) 12px}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistentfenster__bezug {display:none}
:root[data-assistent-sicht="flach"] .flaeche.werkbank .assistentfenster__kopf {padding:8px 12px}
.flaeche.werkbank.fotoauftrag { padding-left: 0; }
.flaeche.werkbank.fotoauftrag main.wrap { max-width: 1100px; }
.flaeche.werkbank.fotoauftrag main.wrap { padding-bottom: 100px; }
.flaeche.werkbank .fotoauftrag__zurueck { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 0; font-size: 13px; color: var(--ink-3); }
.flaeche.werkbank .fotoauftrag__zurueck a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ink-2); text-decoration: none; }
.flaeche.werkbank .fotoauftrag__karte { display: grid; grid-template-columns: minmax(160px, .7fr) minmax(0, 1.3fr); gap: clamp(24px, 4vw, 48px); padding: clamp(20px, 3vw, 36px); align-items: center; }
.flaeche.werkbank .fotoauftrag__motiv { min-width: 0; align-self: stretch; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.flaeche.werkbank .fotoauftrag__motiv img { display: block; width: 100%; height: auto; max-height: 380px; object-fit: contain; border-radius: 14px; background: var(--paper); }
.flaeche.werkbank .fotoauftrag__motiv > span { color: var(--ink-3); font-size: 12px; text-align: center; }
.flaeche.werkbank .fotoauftrag__inhalt { min-width: 0; }
.flaeche.werkbank .fotoauftrag__inhalt h1, .flaeche.werkbank .fotoauftrag__inhalt h2 { font-size: var(--schrift-seite); line-height: 1.15; letter-spacing: -.035em; margin: 12px 0 16px; }
.flaeche.werkbank .fotoauftrag__inhalt > p { font-size: 15px; line-height: 1.65; color: var(--ink-2); margin: 0 0 20px; }
.flaeche.werkbank .fotoauftrag__status { display: flex; gap: 16px; align-items: center; padding: 20px 0; margin: 8px 0 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.flaeche.werkbank .fotoauftrag__status > div { display: grid; gap: var(--abstand-2); min-width: 0; }
.flaeche.werkbank .fotoauftrag__status strong { font-size: 15px; }
.flaeche.werkbank .fotoauftrag__status span:not(.ladezeichen) { color: var(--ink-3); font-size: 13px; line-height: 1.5; }
.flaeche.werkbank .fotoauftrag__fortschritt { margin: -4px 0 24px; }
.flaeche.werkbank .fotoauftrag__zeitleiste { height: 8px; overflow: hidden; border-radius: 20px; background: var(--line); }
.flaeche.werkbank .fotoauftrag__zeitleiste > span { display: block; height: 100%; border-radius: inherit; background: var(--brand); transition: width 1s linear; }
.flaeche.werkbank .fotoauftrag__fortschritt > p { margin: var(--abstand-3) 0 0; font-size: 12px; line-height: 1.5; color: var(--ink-3); }
.flaeche.werkbank .fotoauftrag__hintergrund { margin-bottom: 20px; padding: 16px 20px; border: 1px solid var(--line); border-left: 3px solid var(--brand); border-radius: 12px; background: var(--paper); }
.flaeche.werkbank .fotoauftrag__hintergrund strong { font-size: 15px; color: var(--ink); }
.flaeche.werkbank .fotoauftrag__hintergrund p { margin: var(--abstand-2) 0 0; font-size: 13px; line-height: 1.6; color: var(--ink-2); }
@media (prefers-reduced-motion: reduce) {
    .flaeche.werkbank .fotoauftrag__zeitleiste > span { transition: none; }
}
.flaeche.werkbank .fotoauftrag__aktionen { display: flex; flex-wrap: wrap; gap: var(--abstand-3); align-items: center; }
.flaeche.werkbank .fotoauftrag__korrektur {display:grid;gap:12px;margin:24px 0;padding:20px 0;border-block:1px solid var(--line)}
.flaeche.werkbank .fotoauftrag__korrektur > label {font-size:15px;font-weight:600;line-height:1.5;color:var(--ink)}
.flaeche.werkbank .fotoauftrag__korrektur textarea {font-size:16px;min-height:152px;resize:vertical}
.flaeche.werkbank .fotoauftrag__korrektur .fotoauftrag__eingabehinweis {margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.flaeche.werkbank .fotoauftrag__korrektur > .btn {min-height:48px;width:100%}
.flaeche.werkbank .fotoauftrag__aktionen .btn { min-height: 44px; padding: var(--abstand-3) 18px; font-size: 14px; text-decoration: none; }
.flaeche.werkbank .fotoauftrag__aktionen form { margin: 0; }
.flaeche.werkbank .fotoauftrag__inhalt .fotoauftrag__mini { font-size: 12px; margin: 16px 0 0; color: var(--ink-3); }
@media (scripting: none) {.flaeche [data-nur-mit-skript] {display:none}}
.flaeche.werkbank .fotoauftrag__behalten { display: flex; gap: 8px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.5; }
.flaeche.werkbank .fotoauftrag__verwerfen { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line); }
.flaeche.werkbank .fotoauftrag__verwerfen .btn { min-height: 44px; font-size: 12px; padding: 8px 12px; }
.flaeche.werkbank .startkopf__wege {display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.flaeche.werkbank .startkopf__bestand {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand-ink);font-size:13px;font-weight:650;text-decoration:none}
.flaeche.werkbank .startkopf__bestand > span {display:grid;place-items:center;min-width:24px;height:24px;padding:0 var(--abstand-1);border-radius:8px;background:var(--brand-tint);font-variant-numeric:tabular-nums}
.flaeche.werkbank .startauftraege {padding:var(--abstand-6);margin:var(--abstand-6) 0}
.flaeche.werkbank .startauftraege__kopf {display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.flaeche.werkbank .startauftraege__kopf h2 {font-size:18px;letter-spacing:-.02em;margin:0}
.flaeche.werkbank .startauftraege__kopf > span {color:var(--ink-3);font-size:12px;white-space:nowrap}
.flaeche.werkbank .startauftraege__liste {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--abstand-3);list-style:none;padding:0;margin:0}
.flaeche.werkbank .startauftraege__liste li {min-width:0}
.flaeche.werkbank .startauftraege__beitrag {display:flex;align-items:center;gap:var(--abstand-4);height:100%;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;background:var(--card);box-sizing:border-box}
.flaeche.werkbank .startauftraege__beitrag img {width:64px;height:74px;object-fit:cover;border-radius:9px;flex-shrink:0;background:var(--brand-tint)}
.flaeche.werkbank .startauftraege__beitrag > div {flex:1;min-width:0;display:grid;gap:var(--abstand-2)}
.flaeche.werkbank .startauftraege__beitrag strong {font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.flaeche.werkbank .startauftraege__beitrag > div > span {font-size:12px;line-height:1.4;color:var(--ink-3)}
.flaeche.werkbank .startauftraege__beitrag > div > .startauftraege__bereit {color:var(--ok)}
.flaeche.werkbank .startauftraege__pfeil {font-size:20px;color:var(--brand-ink);flex-shrink:0}
.flaeche.werkbank .startauftraege__beitrag:focus-visible,.flaeche.werkbank .startkopf__bestand:focus-visible,.flaeche.werkbank .einstellungen__wege a:focus-visible {outline:3px solid var(--brand-ink);outline-offset:3px}
.flaeche.werkbank .einstellungen__kopf {margin-bottom:24px}
.flaeche.werkbank .einstellungen__kopf h1 {font-size:var(--schrift-seite);letter-spacing:-.035em;margin:8px 0}
.flaeche.werkbank .einstellungen__kopf > p:not(.auftakt) {color:var(--ink-2);font-size:14px;margin:8px 0 20px}
.flaeche.werkbank .einstellungen__wege {display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:8px}
.flaeche.werkbank .einstellungen__wege a {display:flex;align-items:center;gap:12px;min-height:60px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-decoration:none}
.flaeche.werkbank .einstellungen__wege svg {flex:none;width:20px;height:20px;fill:none;stroke:var(--brand-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.flaeche.werkbank .einstellungen__wege span {display:grid;gap:2px;min-width:0}
.flaeche.werkbank .einstellungen__wege strong {font-size:14px;font-weight:600;line-height:1.3}
.flaeche.werkbank .einstellungen__wege small {font-size:12px;font-weight:400;line-height:1.3;color:var(--ink-2)}
@media (hover:hover) and (pointer:fine) {
    .flaeche.werkbank .startauftraege__beitrag:hover,.flaeche.werkbank .einstellungen__wege a:hover {border-color:var(--brand-ink);background:var(--brand-tint);transition:background-color 160ms ease-out,border-color 160ms ease-out}
}
@media (prefers-reduced-motion:no-preference) {
    .flaeche.werkbank .startauftraege__beitrag:active:not(:focus-visible),.flaeche.werkbank .einstellungen__wege a:active:not(:focus-visible) {transform:scale(.985);transition:transform 120ms cubic-bezier(.23,1,.32,1)}
}
@media (prefers-reduced-motion:reduce) {
    .flaeche.werkbank .startauftraege__beitrag,.flaeche.werkbank .einstellungen__wege a {transition:none}
}
@media (max-width: 700px) {
    .flaeche.werkbank .fotoauftrag__karte { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .flaeche.werkbank .fotoauftrag__motiv { align-items: center; }
    .flaeche.werkbank .fotoauftrag__motiv img { height: 170px; width: 100%; }
    .flaeche.werkbank .fotoauftrag__zurueck > span { display: none; }
    .flaeche.werkbank .fotoauftrag__inhalt h1, .flaeche.werkbank .fotoauftrag__inhalt h2 { font-size: 26px; }
    .flaeche.werkbank .fotoauftrag__inhalt > p { font-size: 14px; }
    .flaeche.werkbank .fotoauftrag__aktionen { align-items: stretch; }
    .flaeche.werkbank .fotoauftrag__aktionen > * { flex: 1 1 max-content; text-align: center; }
    .flaeche.werkbank .fotoauftrag__aktionen .btn { width: 100%; justify-content: center; }
    .flaeche.werkbank .startauftraege { padding: 16px; }
    .flaeche.werkbank .startkopf {flex-wrap:wrap;gap:var(--abstand-2)}
    .flaeche.werkbank .startkopf__wege {justify-content:flex-start}
    .flaeche.werkbank .startauftraege__liste {grid-template-columns:minmax(0,1fr)}
    .flaeche.werkbank .startauftraege__kopf {flex-wrap:wrap;gap:var(--abstand-2)}
    .flaeche.werkbank .startauftraege__beitrag {gap:var(--abstand-3);padding:var(--abstand-3)}
    .flaeche.werkbank .startauftraege__beitrag img {width:52px;height:62px}
    .flaeche.werkbank .einstellungen__wege {grid-template-columns:minmax(0,1fr)}
}
.flaeche.werkbank .startauftraege .lauf {margin:0 0 var(--abstand-2);box-shadow:none}
.flaeche.werkbank .startauftraege__gruppe {margin:20px 0 var(--abstand-2);font-size:13px;font-weight:650;letter-spacing:.01em;color:var(--ink-2)}
.flaeche.werkbank .startauftraege__kopf + .startweiter .startauftraege__gruppe {margin-top:0}
.flaeche.werkbank .startauftraege .startweiter {overflow:visible;margin:0 0 var(--abstand-2)}
.flaeche.werkbank .startauftraege .startweiter__zeile {padding:12px 0}
.flaeche.werkbank .startauftraege .startweiter__zeile:first-child {border-top:0}
.flaeche.werkbank .startauftraege__seiten { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.flaeche.werkbank .startauftraege__seiten .btn { font-size: 12px; min-height: 44px; }
.einrichtung .chan__voraussetzung, .werkbank .chan__voraussetzung {display:block;margin-top:var(--abstand-2);font-size:15px;line-height:1.5;color:var(--ink-2);max-width:60ch}
.einrichtung .kanaele__weiter, .werkbank .kanaele__weiter {font-size:15px;color:var(--ink-2);margin-top:16px;max-width:70ch}
.einrichtung details.kontoanleitung, .werkbank details.kontoanleitung {margin-top:16px}
.einrichtung .kontoanleitung__inhalt, .werkbank .kontoanleitung__inhalt {padding:4px 20px 20px;font-size:13.6px;line-height:1.6;color:var(--ink-2);max-width:70ch}
.einrichtung .kontoanleitung__inhalt p, .werkbank .kontoanleitung__inhalt p {margin:12px 0 0}
.einrichtung .kontoanleitung__inhalt ol, .werkbank .kontoanleitung__inhalt ol {margin:12px 0 0;padding-left:var(--abstand-6);display:grid;gap:var(--abstand-3)}
.einrichtung .kontoanleitung__inhalt li, .werkbank .kontoanleitung__inhalt li {padding-left:4px}
.einrichtung .kontoanleitung__inhalt b, .werkbank .kontoanleitung__inhalt b {color:var(--ink);font-weight:600}
.einrichtung .kontoanleitung__hinweis, .werkbank .kontoanleitung__hinweis {border-top:1px solid var(--line);padding-top:12px;color:var(--ink-3)}
@media (max-width:620px){
  .einrichtung .chan__voraussetzung, .werkbank .chan__voraussetzung {max-width:none}
}
.zugang__kopf {display:flex;align-items:center;gap:1rem;padding-bottom:var(--abstand-4);border-bottom:1px solid var(--line)}
.zugang__zeichen {display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:999px;background:var(--signal-wash);color:var(--signal-deep);font-family:var(--font-display);font-weight:700;font-size:1.15rem}
.zugang__wer {display:grid;gap:var(--abstand-1);min-width:0}
.zugang__wer b {font-size:1.05rem}
.zugang__wer span {color:var(--ink-soft);font-size:var(--text-sm);overflow-wrap:anywhere}
.zugang__wege {list-style:none;margin:0;padding:0}
.zugang__wege li {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.zugang__weg {display:grid;gap:var(--abstand-1);min-width:0;flex:1 1 18rem}
.zugang__weg b {font-weight:600}
.zugang__weg span {color:var(--ink-soft);font-size:var(--text-sm)}
.zugang__stand {flex:0 0 auto;padding:var(--abstand-1) var(--abstand-3);border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;background:var(--ok-wash);color:var(--ok);border:1px solid var(--ok)}
.zugang__stand--aus {background:transparent;color:var(--ink-faint);border-color:var(--line)}
.zugang__formular {margin-top:1rem}
.zugang__felder {max-width:48rem;padding:.25rem 1rem var(--abstand-4)}
.zugang__felder .field + .field {margin-top:1rem}
.zugang__felder .panel__note {margin:0 0 1rem}
.zugang__handlung {display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem}
.zugang__folge {color:var(--ink-faint);font-size:var(--text-xs);max-width:52ch}
@media (min-width:46rem) {
  .zugang__felder .field {
    display:grid;align-items:start;column-gap:var(--abstand-6);
    grid-template-columns:20rem minmax(0,1fr);
    grid-template-areas:'marke .' 'feld hinweis' 'fehler fehler';
  }
  .zugang__felder .field__label {grid-area:marke}
  .zugang__felder .field__input {grid-area:feld}
  .zugang__felder .field__hint {grid-area:hinweis;margin-top:var(--abstand-2)}
  .zugang__felder .field .notice--feld {grid-area:fehler}
}
.mehrunten {
  position:fixed;left:max(18px,env(safe-area-inset-left));
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:60;pointer-events:none;
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s;
}
.mehrunten[data-sichtbar] {opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
.mehrunten__knopf {
  pointer-events:auto;display:grid;place-items:center;width:38px;height:38px;padding:0;
  border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);
  box-shadow:var(--shadow);cursor:pointer;transition:color .18s,border-color .18s,transform .18s;
}
.mehrunten__knopf:hover {color:var(--brand);border-color:var(--brand)}
.mehrunten__knopf:focus-visible {outline:2px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion:no-preference) {
  .mehrunten[data-sichtbar] .mehrunten__knopf {animation:mehrunten-wink 2.6s ease-in-out infinite}
}
@keyframes mehrunten-wink {
  0%,100% {transform:translateY(0)}
  50% {transform:translateY(3px)}
}
.flaeche .cal [data-termin-verschieben] { cursor: grab; }
.flaeche .cal .cell.termin-quelle, .flaeche .cal .cell.termin-quelle:hover { opacity: .55; cursor: grabbing; transform: none; }
.flaeche .cal .cell.termin-ziel, .flaeche .cal .cell.fremd.termin-ziel { background: var(--brand-tint); border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand), 0 0 0 1px var(--brand); transform: translateY(-2px); }
.flaeche .cal .cell.termin-gesperrt { opacity: .4; cursor: not-allowed; }
.beitrag-verschieben { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 16px 0 24px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--card-2); }
.beitrag-verschieben > label { display: grid; min-width: 0; max-width: 100%; gap: 6px; font-size: 13px; font-weight: 600; }
.beitrag-verschieben input[type="date"] { box-sizing: border-box; min-width: 0; max-width: 100%; width: 100%; min-height: 42px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--ink); font: inherit; }
.beitrag-verschieben > span { align-self: center; color: var(--ink-2); font-size: 12px; }
@media (max-width: 480px) { .werkbank .beitrag-verschieben > label, .beitragsfenster .beitrag-verschieben > label { width: 100%; } }
.flaeche.werkbank.fotovorrat main.wrap { max-width: 1440px; }
.flaeche.werkbank .fotothek__einstieg { padding: var(--abstand-6) 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 24px 0; }
.flaeche.werkbank .fotothek__einstieg strong { font-size: 18px; }
.flaeche.werkbank .fotothek__einstieg p { color: var(--ink-2); font-size: 14px; margin: var(--abstand-2) 0 0; }
.flaeche.werkbank .fotothek__einstieg > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; flex-shrink: 0; }
.flaeche.werkbank .fotothek__waehlen { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--brand); font-size: 14px; }
@media (max-width: 900px) {
    .flaeche.werkbank .fotothek__einstieg { flex-direction: column; align-items: stretch; }
}
@media (max-width: 520px) {
    .flaeche.werkbank .fotothek__einstieg > div:last-child { flex-direction: column; align-items: stretch; }
}
.flaeche.werkbank [data-assistent-vorlaeufig] {animation:assistent-ankommen .18s ease-out}
.flaeche.werkbank [data-assistent-vorlaeufig] .bub {white-space:pre-wrap;overflow-wrap:anywhere}
.flaeche.werkbank [data-assistent-vorlaeufig] .assistent__sprecher > span {font-size:11px;color:var(--ink-2)}
.flaeche.werkbank [data-assistent-denkt] {align-self:flex-start;padding:8px 0;font-size:13px;color:var(--ink-2)}
@keyframes assistent-ankommen {from {opacity:0;transform:translateY(5px)} to {opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank [data-assistent-vorlaeufig] {animation:none}
}
.flaeche.werkbank .assistent__freigabe {margin:0 0 var(--abstand-3);max-height:34vh;overflow:auto;padding:12px var(--abstand-4) 12px 44px;font-size:13px;line-height:1.5}
.flaeche.werkbank .assistent__freigabe[hidden] {display:none}
.flaeche.werkbank .assistent__freigabe p {margin:4px 0 var(--abstand-3)}
.flaeche.werkbank .assistent__freigabeaktionen {display:flex;flex-wrap:wrap;gap:8px}
.flaeche.werkbank .assistent__freigabeaktionen .btn {min-height:40px;white-space:normal;text-align:left}
.flaeche .beitragseditor__kopf { margin: 0 0 24px; }
.flaeche .beitragseditor__kopf .titlerow { margin-bottom: 8px; }
.flaeche .beitragseditor__kopf p { margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.6; max-width: 620px; }
.flaeche .beitragseditor__raster { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.3fr); gap: clamp(20px, 4vw, 56px); align-items: start; padding-bottom: 52px; }
.flaeche .beitragseditor__vorschau { position: sticky; top: calc(var(--kopf) + 24px); min-width: 0; max-width: 420px; }
.flaeche .beitragseditor__bild { aspect-ratio: 4/5; border-radius: 16px; overflow: hidden; background: var(--card-2); box-shadow: 0 16px 42px rgba(0,0,0,.10); }
.flaeche .beitragseditor__bild img { display: block; width: 100%; height: 100%; object-fit: contain; }
.flaeche .beitragseditor__vorschau > .mini { margin: 16px 0; }
.flaeche .beitragseditor__kopie { white-space: pre-wrap; overflow-wrap: anywhere; margin: 24px 0 12px; line-height: 1.6; }
.flaeche .beitragseditor__felder { padding: 0 28px; min-width: 0; }
.flaeche .beitragseditor__abschnitt { padding: 28px 0; border-bottom: 1px solid var(--line); }
.flaeche .beitragseditor__label, .beitragseditor__abschnitt h2 { display: block; color: var(--ink); font-size: 19px; font-weight: 700; margin: 0 0 8px; }
.flaeche.beitragseditor .field__input { width: 100%; margin: 12px 0 8px; }
.flaeche.beitragseditor textarea { resize: vertical; line-height: 1.6; }
.flaeche.beitragseditor input[type="checkbox"], .beitragseditor input[type="radio"] { width: 19px; height: 19px; accent-color: var(--brand); }
.flaeche.beitragseditor .beitragseditor__gestaltung .bilddarstellung {margin:16px 0 4px}
.flaeche .beitragseditor__ausschnitt { margin-top: 16px; }
.flaeche .beitragseditor__ausschnitt label { display: block; margin-top: 12px; color: var(--ink-2); }
.flaeche .beitragseditor__ausschnitt input { display: block; width: 100%; margin: 10px 0; accent-color: var(--brand); }
.flaeche.beitragseditor form:has([name="ganzes_bild"][value="1"]:checked) .beitragseditor__ausschnitt { display: none; }
.flaeche.beitragseditor .beitragseditor__abschluss { padding: 24px 0; margin: 0; border: 0; }
.flaeche .beitragseditor__abschluss .acts { margin: 16px 0; }
.flaeche .beitragseditor__abschluss [data-editor-fehler] { color: var(--danger, #B42318); overflow-wrap: anywhere; }
@media (max-width: 700px) {
    .flaeche .beitragseditor__raster { grid-template-columns: 1fr; gap: 24px; }
    .flaeche .beitragseditor__vorschau { position: static; width: 100%; max-width: 300px; margin-inline: auto; }
    .flaeche .beitragseditor__felder { padding: 0 20px; }
    .flaeche .beitragseditor__abschluss .acts { align-items: stretch; flex-direction: column; }
}
.abo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 20px; margin-block: 24px; }
.abo-grid--tarife { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.abo-grid > *, .abo-form > *, .abo-suche > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.abo-form { display: grid; gap: 18px; }
.abo-tarifwahl { min-width: 0; margin: 0; padding: 0; border: 0; }
.abo-tarifwahl__wahl { min-height: 44px; align-items: center; color: var(--ink); }
.abo-tarifwahl .panel:has(input:checked) { outline: 2px solid var(--signal-deep); outline-offset: 2px; }
.abo-form > .button { justify-self: start; }
.abo-schalter { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.abo-schalter small { display: block; color: var(--ink-2); }
.abo-schalter select, .abo-suche input { padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); color: var(--ink); font: inherit; }
.abo-suche { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-block: 20px; }
.abo-suche input { flex: 1 1 180px; }
.abo-seiten { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 20px; }
.verwaltung__reiter { flex-wrap: wrap; }
.abo-betriebe li { flex-wrap: wrap; align-items: center; }
.abo-betriebe li > span { flex: 1 1 260px; min-width: 0; overflow-wrap: anywhere; }
.abo-betriebe li > form { max-width: 100%; }
.abo-betriebe .button { white-space: normal; }
.flaeche.werkbank .monatsplan {min-width:0}
.flaeche.werkbank .monatsplan .eyebrow {margin-bottom:var(--abstand-3)}
.flaeche.werkbank .monatsplan .h-sec {margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.035em}
.flaeche.werkbank .monatsplan__erklaerung {margin:var(--abstand-3) 0 28px;color:var(--ink-2);font-size:14px;line-height:1.6}
.flaeche.werkbank .monatsplan__inhalt {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px;align-items:start}
.flaeche.werkbank .monatsplan__monat {min-width:0}
.flaeche.werkbank .monatsplan__heute {font-size:12px;color:var(--ink-2);margin-bottom:var(--abstand-4)}
.flaeche.werkbank .monatsplan__raster {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;position:relative}
.flaeche.werkbank .monatsplan__raster > abbr {font-size:12px;font-weight:500;color:var(--ink-3);text-align:center;text-decoration:none;padding:0 0 8px}
.flaeche.werkbank .monatsplan__tag {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-1);min-height:44px;border:1px solid transparent;border-radius:10px;color:var(--ink-2);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;text-decoration:none;list-style:none;padding:var(--abstand-1) 0;background:transparent}
.flaeche.werkbank .monatsplan__tag::-webkit-details-marker {display:none}
.flaeche.werkbank a.monatsplan__tag,.flaeche.werkbank summary.monatsplan__tag {background:var(--card-2);color:var(--ink);cursor:pointer}
.flaeche.werkbank a.monatsplan__tag:hover,.flaeche.werkbank summary.monatsplan__tag:hover {background:var(--brand-tint);border-color:var(--brand-tint-2)}
.flaeche.werkbank .monatsplan .monatsplan__tag--heute .monatsplan__zahl {background:var(--ink);color:var(--card);border-radius:999px;padding:0 var(--abstand-2);font-weight:700}
.flaeche.werkbank .monatsplan__zeichen {display:block;flex:0 0 auto}
.flaeche.werkbank .monatsplan__legende {list-style:none;padding:16px 0 0;margin:12px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--abstand-3) 20px}
.flaeche.werkbank .monatsplan__legende li {display:flex;gap:var(--abstand-2);align-items:center;font-size:12px;color:var(--ink-2)}
.flaeche.werkbank .monatsplan__legende b {color:var(--ink);font-weight:650}
.flaeche.werkbank .monatsplan__mehr {padding:0;margin:0;border:0;border-radius:0;background:none}
.flaeche.werkbank .monatsplan__tagesliste {position:absolute;inset-inline:0;z-index:3;padding:16px;background:var(--card);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;overflow-wrap:anywhere}
.flaeche.werkbank .monatsplan__tagesliste > strong {font-size:13px}
.flaeche.werkbank .monatsplan__tagesliste a {display:flex;flex-direction:column;gap:var(--abstand-1);padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);line-height:1.5;text-decoration:none}
.flaeche.werkbank .monatsplan__tagesliste a:last-child {border:0;padding-bottom:0}
.flaeche.werkbank .monatsplan__tagesliste a > span {font-size:11px;color:var(--ink-2)}
.flaeche.werkbank .monatsplan__ausblick {min-width:0;padding:24px;background:var(--card-2);border-radius:16px;overflow-wrap:anywhere}
.flaeche.werkbank .monatsplan__klein {display:block;font-size:12px;color:var(--ink-2)}
.flaeche.werkbank .monatsplan__ausblick .monatsplan__datum {font-size:13px;font-weight:650;color:var(--brand-ink);margin:20px 0 8px}
.flaeche.werkbank .monatsplan__ausblick h3 {font-size:18px;line-height:1.4;letter-spacing:-.025em;margin:var(--abstand-4) 0 0}
.flaeche.werkbank .monatsplan__ausblick p {font-size:13px;line-height:1.65;color:var(--ink-2);margin:12px 0 0}
.flaeche.werkbank .monatsplan__beitrag {display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:var(--abstand-2);font-size:13px;color:var(--brand-ink);text-underline-offset:4px}
.flaeche.werkbank .monatsplan__weiter {border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.flaeche.werkbank .monatsplan__weiter .btn {justify-content:center;gap:14px;max-width:100%}
.flaeche.werkbank .monatsplan__weiter p {font-size:12px;margin-top:8px}
.flaeche.werkbank .monatsplan a:focus-visible,.flaeche.werkbank .monatsplan summary:focus-visible {outline:2px solid var(--brand);outline-offset:3px}
@media (max-width:560px) {
    .flaeche.werkbank .monatsplan {padding:var(--abstand-6) 16px}
    .flaeche.werkbank .monatsplan__inhalt {gap:24px}
    .flaeche.werkbank .monatsplan__ausblick {padding:20px}
}
.flaeche .anlasswahl__liste {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:var(--abstand-3)}
.flaeche .anlasswahl__option {display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer;min-width:0}
.flaeche .anlasswahl__option input {appearance:auto;position:static;opacity:1;width:18px;height:18px;flex:0 0 18px;margin:var(--abstand-1) 0 0;accent-color:var(--brand)}
.flaeche .anlasswahl__option > span {display:flex;flex-direction:column;gap:var(--abstand-2);min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.45}
.flaeche .anlasswahl__option strong {font-size:14px;line-height:1.45;font-weight:650}
.flaeche .anlasswahl__option small {font-size:12px;line-height:1.5;color:var(--ink-2)}
.flaeche .anlasswahl__option:has(input:checked) {border-color:var(--brand);background:var(--brand-tint)}
.flaeche .anlasswahl__option:has(input:focus-visible) {outline:2px solid var(--brand);outline-offset:3px}
.flaeche .anlasswahl__weitere {margin-top:var(--abstand-4)}
.flaeche .anlasswahl__weitere > .anlasswahl__liste {padding:12px}
.flaeche.werkbank .planhilfe {padding-top:16px}
.flaeche.werkbank .planhilfe ol {list-style:none;counter-reset:hilfe;display:grid;gap:24px;margin:0;padding:0}
.flaeche.werkbank .planhilfe li {counter-increment:hilfe;position:relative;padding-left:48px;max-width:70ch}
.flaeche.werkbank .planhilfe li::before {content:counter(hilfe);position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink);font-size:13px;font-weight:700}
.flaeche.werkbank .planhilfe li > strong {font-size:16px;line-height:1.5}
.flaeche.werkbank .planhilfe li > p {margin:var(--abstand-2) 0 0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.flaeche .planauswahl {max-width:820px}
.flaeche .planauswahl .ovbody {display:block}
.flaeche .planauswahl__feld {border:0;padding:0;margin:0;min-width:0}
.flaeche .planauswahl__feld legend {font-size:16px;font-weight:700;padding:0;margin-bottom:var(--abstand-3)}
.flaeche .planauswahl__feld > p {font-size:14px;line-height:1.6;color:var(--ink-2);margin:0 0 16px}
.flaeche .planauswahl__extra {margin-top:20px}
.flaeche .planauswahl__extra > fieldset {padding:16px 0 0}
.flaeche .archiv__kopf {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.flaeche .archiv__kopf .sub {margin-bottom:0;max-width:65ch}
.flaeche .archiv__auswahl {display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px;padding-bottom:var(--abstand-6);border-bottom:1px solid var(--line)}
.flaeche .archiv__auswahl > a {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:var(--abstand-3) 16px;border-radius:12px;border:1px solid var(--line);color:var(--ink-2);text-decoration:none;font-size:14px;line-height:1.4;font-weight:600}
.flaeche .archiv__auswahl > a[aria-current="page"] {border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink)}
.flaeche .archiv__auswahl > a:hover {border-color:var(--brand)}
.flaeche .archiv__anzahl {font-variant-numeric:tabular-nums;min-width:24px;text-align:center}
.flaeche .archiv__monat {margin-top:28px}
.flaeche .archiv__monat > h2 {font-size:15px;font-weight:600;color:var(--ink-2);margin:0 0 var(--abstand-2)}
.flaeche .archiv__liste {list-style:none;padding:0;margin:0}
.flaeche .archiv__eintrag {padding:24px 0;border-bottom:1px solid var(--line)}
.flaeche .archiv__eintrag--bild {display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:start}
.flaeche .archiv__medien {min-width:0}
.flaeche .archiv__medien .bildladehinweis {font-size:12px;overflow-wrap:anywhere}
.flaeche .archiv__bild {margin:0;min-width:0;text-align:center}
.flaeche .archiv__bild img {display:block;width:128px;height:160px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--card-2)}
.flaeche .archiv__bild figcaption {font-size:12px;color:var(--ink-2);line-height:1.5;margin-top:var(--abstand-2)}
.flaeche .archiv__bild .beitragsbild__fehler {padding:var(--abstand-4) var(--abstand-3);min-height:100px;margin-top:0}
.flaeche .archiv__inhalt {min-width:0}
.flaeche .archiv__inhalt h3 {font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:var(--abstand-1) 0 8px;overflow-wrap:anywhere}
.flaeche .archiv__datum {color:var(--ink-2);font-size:12px;line-height:1.5;margin:0}
.flaeche .archiv__auszug {color:var(--ink-2);font-size:14px;line-height:1.65;margin:0;max-width:76ch;overflow-wrap:anywhere}
.flaeche .archiv__bildhinweis {font-size:12px;line-height:1.5;color:var(--ink-2);margin:8px 0 0}
.flaeche .archiv__aktionen {display:flex;align-items:center;flex-wrap:wrap;gap:var(--abstand-3) var(--abstand-6);margin-top:16px;font-size:13px}
.flaeche .archiv__aktionen > a {min-height:44px;display:inline-flex;align-items:center;gap:var(--abstand-2)}
.flaeche .archiv__leer {padding:32px 0 12px;max-width:65ch}
.flaeche .archiv__leer h2 {font-size:21px;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}
.flaeche .archiv__leer p, .flaeche .archiv__erklaerung {font-size:15px;line-height:1.7;color:var(--ink-2)}
.flaeche .archiv__leer .btn {margin-top:10px}
.flaeche .archiv__seiten {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--abstand-4);margin-top:24px;font-size:13px;color:var(--ink-2)}
.flaeche.werkbank .assistent__kopf {flex-wrap:wrap}
.flaeche.werkbank .assistent__ablegen {margin:0 0 0 auto}
.flaeche.werkbank .assistent__archivhinweis {margin-bottom:20px}
@media (max-width:600px) {
  .flaeche .archiv__auswahl {display:grid;grid-template-columns:minmax(0,1fr)}
  .flaeche .archiv__eintrag--bild {grid-template-columns:80px minmax(0,1fr);gap:16px}
  .flaeche .archiv__bild img {width:80px;height:100px}
  .flaeche .archiv__inhalt h3 {font-size:16px}
  .flaeche .archiv__aktionen {gap:8px;margin-top:12px}
  .flaeche .archiv__aktionen .btn {white-space:normal;text-align:left}
  .flaeche .archiv__seiten {justify-content:flex-start}
}
.flaeche.werkbank .testzeithinweis {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--abstand-4) 28px;margin:0 0 var(--abstand-6);padding:20px var(--abstand-6) 20px 20px;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:14px;background:var(--card);color:var(--ink-2);scroll-margin-top:30px}
.flaeche.werkbank .testzeithinweis__inhalt {min-width:0}
.flaeche.werkbank .testzeithinweis .auftakt {margin:0 0 var(--abstand-2);font-size:10px}
.flaeche.werkbank .testzeithinweis h2 {margin:0 0 var(--abstand-2);font-size:18px;line-height:1.35;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.flaeche.werkbank .testzeithinweis p:not(.auftakt) {margin:0;font-size:13px;line-height:1.6;max-width:68ch}
.flaeche.werkbank .testzeithinweis p:not(.auftakt) + p {margin-top:var(--abstand-2)}
.flaeche.werkbank .testzeithinweis__weg {min-height:44px;justify-self:end;white-space:nowrap}
.flaeche.werkbank .testzeithinweis__weg:focus-visible {outline:2px solid var(--brand);outline-offset:3px}
@media (max-width:600px) {
  .flaeche.werkbank .testzeithinweis {grid-template-columns:minmax(0,1fr);padding:16px}
  .flaeche.werkbank .testzeithinweis__weg {justify-self:stretch;justify-content:center;white-space:normal}
}
@font-face {font-family:'Archivo Ersatz';src:local('Arial Bold'),local('Arial-BoldMT'),local('Roboto Bold'),local('Roboto');font-weight:700 850;size-adjust:103.6%;ascent-override:84.7%;descent-override:20.3%;line-gap-override:0%}
@font-face {font-family:'Inter Ersatz';src:local('Arial'),local('ArialMT'),local('Roboto');font-weight:400 600;size-adjust:106%;ascent-override:91.4%;descent-override:22.8%;line-gap-override:0%}
:root:has(> body > .werbung.wb-anmeldung) {
    color-scheme:light;
    --font-display:'Archivo','Archivo Ersatz',sans-serif;
    --font-text:'Inter','Inter Ersatz',sans-serif;
    --paper:#F3F1EB;--card:#FFFFFF;--card-2:#FAF9F5;
    --ink:#14172B;--ink-2:#5B6276;--ink-3:#686D7F;
    --line:#E5E2D9;--line-2:#D6D2C6;
    --brand:#6A3CEF;--brand-ink:#4A22C4;--brand-tint:#F0EBFE;--brand-tint-2:#E4DBFC;
    --wortmarke-anfang:#5A33E6;--wortmarke-mitte:#8B3BE8;--wortmarke-ende:#C2399B;
    --go:#2C7A4F;--go-bg:#E4F0E8;--wait:#B86E14;--wait-bg:#FAE9D6;--stop:#B4232B;--stop-bg:#FBE7E7;
    --shadow:0 1px 2px rgba(20,23,43,.05), 0 8px 24px -12px rgba(20,23,43,.10);
    --shadow-lg:0 2px 4px rgba(20,23,43,.06), 0 24px 48px -20px rgba(20,23,43,.20);
    --auf-brand:#FFFFFF;--auf-stop:#FFFFFF;--balken:#9A7BCF;--balken-offen:color-mix(in srgb, var(--balken) 22%, transparent);
    --dauer-kurz:160ms;--dauer:240ms;--dauer-lang:320ms;--zen-frei:88px;
    --haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
    background:#FBF8F1;
    --faktenfrage-ton:#875216;--faktenfrage-grund:#F6E8CB;--faktenfrage-schrift:#3D2B15;
}
.werbung.wb-anmeldung {
    color-scheme:light;
    --wa-nacht:#120F1A;--wa-nacht-2:#1D1829;--wa-nacht-linie:#2E2740;
    --wa-licht:#F4F1FA;--wa-licht-weich:#B8B2C8;--wa-violett-licht:#B9A2FF;--wa-violett-knopf:#7A4BF0;
    --wa-leise:#676C7C;--wa-platzhalter:#717686;--wa-rand:#9A927F;
    --wa-e1:cubic-bezier(.23,1,.32,1);--wa-e2:cubic-bezier(.77,0,.175,1);
    --zen:108px;
}
.werbung.wb-anmeldung .wb-kopf .lockup__zendrion::after {opacity:0}
.werbung.wb-anmeldung .wb-kopf .lockup {min-height:44px}
.werbung.wb-anmeldung .wb-kopf__anmelden {display:inline-flex;align-items:center;column-gap:.3em;min-height:44px}
@media (max-width:1240px) {body:has(> .werbung.wb-anmeldung) > .mehrunten {display:none}}
.werbung.wb-anmeldung .wb-anmeldung__wort h1,
.werbung.wb-anmeldung .wb-anmeldung__karte--fertig h2 {font-family:Archivo,'Archivo Ersatz',sans-serif}
.werbung.wb-anmeldung .wb-anmeldung__raster {grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:clamp(28px,4vw,64px);padding-top:104px;padding-bottom:64px}
.werbung.wb-anmeldung .wb-anmeldung__raster--schmal {max-width:1040px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:920px) {
    .werbung.wb-anmeldung .wb-anmeldung__raster,
    .werbung.wb-anmeldung .wb-anmeldung__raster--schmal {grid-template-columns:minmax(0,1fr);gap:28px;padding-top:92px;padding-bottom:44px}
    .werbung.wb-anmeldung .wb-anmeldung__wort h1,
    .werbung.wb-anmeldung .wb-anmeldung__raster--schmal .wb-anmeldung__wort h1 {font-size:clamp(30px,6.2vw,48px)}
}
.werbung.wb-anmeldung .wb-anmeldung__wort {position:static;padding:clamp(24px,3vw,40px);border-radius:24px;color:var(--wa-licht);
    background:
        radial-gradient(120% 70% at 100% 0%, rgb(122 75 240 / .36), transparent 62%),
        radial-gradient(80% 60% at 0% 100%, rgb(199 116 20 / .13), transparent 66%),
        var(--wa-nacht);
    box-shadow:0 40px 90px -42px rgb(74 34 166 / .6), inset 0 1px 0 rgb(255 255 255 / .06)}
@media (min-width:921px) {
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte] {position:sticky;top:var(--wort-oben,88px)}
    .werbung.wb-anmeldung .wb-anmeldung__raster:not(.wb-anmeldung__raster--schmal) > .wb-anmeldung__wort[data-dichte] {align-self:start}
    .werbung.wb-anmeldung .wb-anmeldung__raster:not(.wb-anmeldung__raster--schmal):has(> .wb-anmeldung__karte) {padding-bottom:0}
    .werbung.wb-anmeldung .wb-anmeldung__raster:not(.wb-anmeldung__raster--schmal) > .wb-anmeldung__karte {margin-bottom:64px}
}
.werbung.wb-anmeldung .wb-anmeldung__augenbraue {margin:0 0 var(--abstand-4);color:var(--wa-violett-licht);
    font:700 13px/1.2 Archivo, sans-serif;letter-spacing:.14em;text-transform:uppercase}
.werbung.wb-anmeldung .wb-anmeldung__wort h1 {color:var(--wa-licht);font-size:clamp(34px,4.1vw,56px);line-height:1.04;text-wrap:balance}
.werbung.wb-anmeldung .wb-anmeldung__wort h1 em {color:var(--wa-violett-licht)}
.werbung.wb-anmeldung .wb-anmeldung__raster--schmal .wb-anmeldung__wort h1 {font-size:clamp(32px,3.4vw,46px)}
.werbung.wb-anmeldung .wb-anmeldung__sub {margin-top:20px;max-width:40ch;color:var(--wa-licht-weich);font-size:17px;line-height:1.6}
.werbung.wb-anmeldung .wb-anmeldung__sub strong {color:var(--wa-licht);overflow-wrap:anywhere}
.werbung.wb-anmeldung .wb-anmeldung__schritte {position:relative;margin-top:var(--abstand-8);gap:20px}
.werbung.wb-anmeldung .wb-anmeldung__schritte::before {content:'';position:absolute;left:14px;top:18px;bottom:18px;width:2px;
    border-radius:2px;background:linear-gradient(var(--wa-violett-knopf), var(--wa-nacht-linie) 55%)}
.werbung.wb-anmeldung .wb-anmeldung__schritte li {padding-left:48px;color:var(--wa-licht-weich);font-size:15.5px;line-height:1.55}
.werbung.wb-anmeldung .wb-anmeldung__schritte li::before {top:-3px;width:30px;height:30px;border-radius:50%;
    background:var(--wa-nacht-2);border:1.5px solid var(--wa-nacht-linie);color:var(--wa-licht-weich);font:800 13px/1 Archivo, sans-serif}
.werbung.wb-anmeldung .wb-anmeldung__schritte li:first-child::before {background:var(--wa-violett-knopf);border-color:var(--wa-violett-knopf);
    color:#fff;box-shadow:0 0 0 5px rgb(122 75 240 / .22)}
.werbung.wb-anmeldung .wb-anmeldung__schritte b {color:var(--wa-licht)}
.werbung.wb-anmeldung .wb-anmeldung__zusage {position:relative;max-width:46ch;margin:calc(var(--zen) * .84 + 8px) 0 0;padding:20px 20px;
    border-radius:18px;background:var(--wa-nacht-2);border:1px solid var(--wa-nacht-linie);color:var(--wa-licht-weich);font-size:15px;line-height:1.6}
.werbung.wb-anmeldung .wb-anmeldung__zusage b {color:var(--wa-licht)}
.werbung.wb-anmeldung .wb-anmeldung__zusammen {white-space:nowrap}
.werbung.wb-anmeldung .wb-wache {position:absolute;right:22px;bottom:calc(100% + 1px);display:block;
    width:calc(var(--zen) + 8px);height:calc(var(--zen) * .84);overflow:hidden;pointer-events:none}
.werbung.wb-anmeldung .wb-wache .zen {position:absolute;left:4px;bottom:calc(var(--zen) / -3);display:block;
    width:var(--zen);height:var(--zen);overflow:visible}
.werbung.wb-anmeldung .wb-wache .zen__wesen {transform-origin:46px 82px}
.werbung.wb-anmeldung .wb-wache .zen__winkhand {transform-origin:70px 58px}
.werbung.wb-anmeldung .wb-wache .zen__augen {transform:translate(var(--blick-x,0px), var(--blick-y,0px));transition:transform 240ms var(--wa-e1)}
.werbung.wb-anmeldung .wb-wache .zen__augen rect {transform-box:fill-box;transform-origin:50% 55%;transition:transform 140ms ease}
.werbung.wb-anmeldung .wb-wache.augen-zu .zen__augen rect {transform:scaleY(.12)}
@media (prefers-reduced-motion:no-preference) {
    .werbung.wb-anmeldung .wb-wache .zen {animation:wa-auftritt 640ms var(--wa-e1) 120ms both}
    .werbung.wb-anmeldung .wb-wache .zen__winkhand {animation:wa-winken 1100ms ease-in-out 720ms both}
    .werbung.wb-anmeldung .wb-wache.blinzelt .zen__augen rect {animation:wa-blinzeln 220ms ease-in-out}
    .werbung.wb-anmeldung .wb-wache--froh .zen__wesen {animation:wa-huepfen 560ms var(--wa-e1) 900ms both}
    .werbung.wb-anmeldung .wb-wache--froh .zen__augen rect {animation:wa-froh 760ms ease-in-out 860ms both}
    .werbung.wb-anmeldung .wb-wache.huepft .zen__wesen {animation:wa-huepfen 560ms var(--wa-e1)}
    .werbung.wb-anmeldung .wb-wache.huepft .zen__augen rect {animation:wa-froh 560ms ease-in-out}
}
@media (prefers-reduced-motion:reduce) {
    .werbung.wb-anmeldung .wb-wache .zen__augen,
    .werbung.wb-anmeldung .wb-wache .zen__augen rect {transition:none}
}
.werbung.wb-anmeldung .wb-wache.wb-wache--knopf {display:none}
@media (max-width:920px) {
    .werbung.wb-anmeldung .wb-wache.wb-wache--knopf {--zen:52px;position:relative;right:auto;bottom:auto;display:block;margin:calc(var(--zen) * -.84) 12px 0 auto}
}
@media (max-width:380px) {
    .werbung.wb-anmeldung form .wb-zettel {font-size:22px}
    .werbung.wb-anmeldung .wb-wache.wb-wache--knopf {--zen:40px;margin-right:8px}
}
@keyframes wa-auftritt {from {transform:translateY(calc(var(--zen) * .66))}}
@keyframes wa-winken {0%,100% {transform:rotate(0)} 20%,60% {transform:rotate(-18deg)} 40%,80% {transform:rotate(8deg)}}
@keyframes wa-blinzeln {0%,100% {transform:scaleY(1)} 50% {transform:scaleY(.1)}}
@keyframes wa-huepfen {0%,100% {transform:none} 18% {transform:translateY(2px) scaleY(.97)} 50% {transform:translateY(-13px) rotate(-3deg)} 80% {transform:translateY(1px) scaleY(.98)}}
@keyframes wa-froh {0%,100% {transform:scaleY(1)} 25%,70% {transform:scaleY(.22)}}
.werbung.wb-anmeldung .wb-anmeldung__karte {border-radius:24px;padding:clamp(24px,3vw,40px);
    box-shadow:0 1px 0 rgb(30 34 51 / .04), 0 34px 70px -32px rgb(30 34 51 / .3)}
.werbung.wb-anmeldung .wb-feld {margin-bottom:20px}
.werbung.wb-anmeldung .wb-feld > span,
.werbung.wb-anmeldung .wb-wahl legend {margin-bottom:8px;color:var(--w-ink);font-size:14.5px;font-weight:600;letter-spacing:0;text-transform:none}
.werbung.wb-anmeldung .wb-feld > span i {color:var(--w-ink-2);font-weight:400}
.werbung.wb-anmeldung .wb-feld input {min-height:52px;padding:14px 16px;border:1.5px solid var(--wa-rand);border-radius:13px;transition:border-color .15s, box-shadow .15s}
.werbung.wb-anmeldung .wb-feld input[aria-invalid="true"] {border-color:var(--stop)}
.werbung.wb-anmeldung .wb-feld input:hover {border-color:var(--w-ink-2)}
.werbung.wb-anmeldung .wb-feld input:focus {border-color:var(--w-brand);box-shadow:0 0 0 4px rgb(106 60 239 / .16)}
.werbung.wb-anmeldung .wb-feld input:focus-visible {outline:2px solid var(--w-brand);outline-offset:2px;box-shadow:none}
.werbung.wb-anmeldung .wb-feld input::placeholder {color:var(--wa-platzhalter)}
.werbung.wb-anmeldung .wb-feld small,
.werbung.wb-anmeldung .wb-wahl > small,
.werbung.wb-anmeldung .wb-anmeldung__fuss {color:var(--wa-leise);font-size:13px;line-height:1.5}
.werbung.wb-anmeldung .wb-feld__reihe {gap:16px}
.werbung.wb-anmeldung .wb-wahl {margin:8px 0 20px}
.werbung.wb-anmeldung .wb-wahl legend {margin-bottom:16px;padding:0}
.werbung.wb-anmeldung .wb-wahl__reihe {gap:12px}
.werbung.wb-anmeldung .wb-wahl__knopf {min-height:44px;padding:16px 16px var(--abstand-4);border:1.5px solid var(--wa-rand);border-radius:16px;background:#fff;
    transition:border-color .15s, background-color .15s, box-shadow .15s}
.werbung.wb-anmeldung .wb-wahl__knopf::after {content:'';position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;
    border:1.5px solid var(--wa-rand);background:#fff;transition:background-color .15s, border-color .15s, box-shadow .15s}
.werbung.wb-anmeldung .wb-wahl__knopf--zusatz::after {border-radius:6px}
.werbung.wb-anmeldung .wb-wahl__knopf:has(input:checked)::after {border-color:var(--w-brand);background:var(--w-brand);box-shadow:inset 0 0 0 4px #fff}
.werbung.wb-anmeldung .wb-wahl__knopf:hover {border-color:var(--w-brand)}
.werbung.wb-anmeldung .wb-wahl__knopf:has(input:checked) {border-color:var(--w-brand);background:var(--w-tint);box-shadow:0 12px 28px -16px rgb(106 60 239 / .6)}
.werbung.wb-anmeldung .wb-wahl__knopf:has(input:focus-visible) {outline:3px solid var(--w-brand);outline-offset:3px;box-shadow:none}
.werbung.wb-anmeldung .wb-wahl__knopf b {padding-right:28px;color:var(--w-ink);font:800 28px/1.05 Archivo, sans-serif;letter-spacing:-.02em}
.werbung.wb-anmeldung .wb-wahl__knopf--zusatz b {font-size:16px;font-weight:700}
.werbung.wb-anmeldung .wb-wahl__knopf span {margin-top:var(--abstand-1);color:var(--w-ink-2);font-size:13.5px;line-height:1.4}
.werbung.wb-anmeldung .wb-wahl__takt {margin-top:2px;color:var(--w-ink-2);font-size:13px;line-height:1.35}
.werbung.wb-anmeldung .wb-wahl__preis {margin-top:var(--abstand-3);color:var(--w-ink);font-size:13.5px;font-weight:600;line-height:1.3}
.werbung.wb-anmeldung .wb-wahl__tipp {position:absolute;top:-11px;left:50%;translate:-50% 0;padding:var(--abstand-1) var(--abstand-2);border-radius:999px;background:var(--w-brand);color:#fff;
    font:700 13px/1.3 Inter, 'Inter Ersatz', sans-serif;font-style:normal;letter-spacing:0;white-space:nowrap}
@media (min-width:1181px) {.werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) {padding-inline:12px}}
@media (max-width:560px), (min-width:921px) and (max-width:1180px) {
    .werbung.wb-anmeldung .wb-wahl__reihe:not(.wb-wahl__reihe--zwei) {grid-template-columns:minmax(0,1fr)}
    .werbung.wb-anmeldung .wb-wahl__reihe {gap:20px}
    .werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) {display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;align-items:center;padding:var(--abstand-4) 44px var(--abstand-4) 16px}
    .werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) b {grid-row:1 / span 3;padding:0;font-size:30px}
    .werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) span,
    .werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) small {grid-column:2;margin-top:1px}
    .werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) .wb-wahl__preis {margin-top:var(--abstand-2)}
    .werbung.wb-anmeldung .wb-wahl__knopf::after {top:50%;margin-top:-10px}
}
.werbung.wb-anmeldung .wb-wahl__reihe:not(.wb-wahl__reihe--zwei) {grid-auto-rows:1fr;padding-top:12px}
.werbung.wb-anmeldung .wb-wahl__knopf .wb-wahl__tipp {top:0;translate:-50% -50%;max-width:calc(100% - 24px);padding:var(--abstand-1) var(--abstand-3);
    font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 0 3px #fff}
.werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) {padding-top:28px}
.werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz)::after {top:26px}
@media (max-width:560px), (min-width:921px) and (max-width:1180px) {
    .werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz) {padding-block:24px}
    .werbung.wb-anmeldung .wb-wahl__knopf:not(.wb-wahl__knopf--zusatz)::after {top:50%;margin-top:-10px}
}
.werbung.wb-anmeldung .wb-drin {margin-top:12px;padding-top:4px}
.werbung.wb-anmeldung .wb-drin summary {min-height:44px;gap:var(--abstand-3);border-radius:8px;font-size:14px}
.werbung.wb-anmeldung .wb-drin summary::before {content:'';width:7px;height:7px;margin:0 2px 0 var(--abstand-1);border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:rotate(-45deg);transition:transform .2s var(--wa-e1)}
.werbung.wb-anmeldung .wb-drin[open] summary::before {content:'';transform:rotate(45deg)}
.werbung.wb-anmeldung .wb-drin summary:focus-visible {outline:3px solid var(--w-brand);outline-offset:2px}
.werbung.wb-anmeldung .wb-drin ul {margin:4px 0 var(--abstand-2);gap:8px}
.werbung.wb-anmeldung .wb-drin li {align-items:center;gap:var(--abstand-3);color:var(--w-ink-2);font-size:14px}
.werbung.wb-anmeldung .wb-drin li::before {content:'';width:11px;height:6px;margin:0 var(--abstand-1) var(--abstand-1) 2px;border-left:2px solid var(--w-go);border-bottom:2px solid var(--w-go);transform:rotate(-45deg)}
.werbung.wb-anmeldung .wb-check {gap:12px;margin:4px 0 16px;padding:var(--abstand-3) var(--abstand-4);border:1px solid var(--w-line);border-radius:14px;background:var(--w-papier);
    transition:border-color .15s, background-color .15s}
.werbung.wb-anmeldung .wb-check input {width:22px;height:22px;margin:1px 0 0}
.werbung.wb-anmeldung .wb-check span {color:var(--w-ink-2);font-size:14px}
.werbung.wb-anmeldung .wb-check:has(input[aria-invalid="true"]) {border-color:var(--stop)}
.werbung.wb-anmeldung .wb-check:has(input:checked) {border-color:#CDBDF9;background:var(--w-tint)}
.werbung.wb-anmeldung .wb-check__hinweis {margin:-8px 0 16px;color:var(--wa-leise);font-size:14px;line-height:1.45}
.werbung.wb-anmeldung .wb-check:has(input:focus-visible) {outline:3px solid var(--w-brand);outline-offset:2px}
.werbung.wb-anmeldung .wb-zettel {display:inline-flex;align-items:center;gap:var(--abstand-3);min-height:36px;margin:var(--abstand-2) 0 12px 2px;color:var(--w-ink);pointer-events:none;
    font:600 26px/1 Caveat, 'Segoe Script', cursive;transform:rotate(-2deg);transform-origin:left center}
.werbung.wb-anmeldung .wb-zettel__feld {position:relative;flex:none;width:28px;height:28px}
.werbung.wb-anmeldung .wb-zettel__feld svg {position:absolute;inset:0;width:28px;height:28px;overflow:visible;fill:none;stroke:var(--w-brand);stroke-linecap:round;stroke-linejoin:round}
.werbung.wb-anmeldung .wb-zettel__kasten {stroke-width:2}
.werbung.wb-anmeldung .wb-zettel__haken {stroke-width:3;clip-path:inset(-10% 100% -10% -10%);transition:clip-path 320ms var(--wa-e2)}
.werbung.wb-anmeldung .wb-zettel--erledigt .wb-zettel__haken,
.werbung.wb-anmeldung form:has(.wb-anmeldung__senden:is(:hover,:focus-visible)) .wb-zettel__haken {clip-path:inset(-10%)}
@media (prefers-reduced-motion:no-preference) {
    .werbung.wb-anmeldung .wb-anmeldung__karte--fertig .wb-zettel__haken {animation:wa-haken 420ms var(--wa-e2) 520ms both}
}
@media (prefers-reduced-motion:reduce) {.werbung.wb-anmeldung .wb-zettel__haken {transition:none}}
@keyframes wa-haken {from {clip-path:inset(-10% 100% -10% -10%)}}
.werbung.wb-anmeldung .wb-anmeldung__senden {min-height:56px}
.werbung.wb-anmeldung .wb-btn:not(.wb-btn--zart) {background:linear-gradient(135deg,var(--wa-violett-knopf),var(--w-brand))}
.werbung.wb-anmeldung .wb-anmeldung__zweitweg {min-height:48px}
.werbung.wb-anmeldung .wb-btn:focus-visible {outline:3px solid var(--w-brand);outline-offset:3px}
.werbung.wb-anmeldung .wb-btn--gross:focus-visible {box-shadow:0 0 0 6px #fff, 0 10px 26px -10px rgba(106,60,239,.55)}
.werbung.wb-anmeldung a:focus-visible,
.werbung.wb-anmeldung .wb-anmeldung__nochmal button:focus-visible {outline:3px solid var(--w-brand);outline-offset:3px;border-radius:4px}
.werbung.wb-anmeldung .wb-fuss a:focus-visible {outline-color:#fff}
.werbung.wb-anmeldung .wb-anmeldung__wort a:focus-visible {outline-color:var(--wa-violett-licht)}
.werbung.wb-anmeldung .wb-anmeldung__nochmal button {min-height:44px;color:var(--w-ink-2)}
.werbung.wb-anmeldung .wb-anmeldung__karte--fertig {text-align:left;padding:clamp(26px,3.4vw,48px)}
.werbung.wb-anmeldung .wb-anmeldung__karte--fertig .wb-zettel {margin:0 0 20px 2px}
.werbung.wb-anmeldung .wb-anmeldung__karte--fertig h2 {font-size:clamp(26px,2.8vw,34px);margin-bottom:var(--abstand-4)}
.werbung.wb-anmeldung .wb-anmeldung__karte--fertig p:not(.wb-zettel) {max-width:46ch;margin:0 0 var(--abstand-3);font-size:16px}
.werbung.wb-anmeldung .wb-anmeldung__karte--fertig strong {color:var(--w-ink);overflow-wrap:anywhere}
.werbung.wb-anmeldung .wb-fertig__code {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) 16px;margin:var(--abstand-6) 0 4px;padding:var(--abstand-4) 16px;
    border:1px solid var(--w-line);border-radius:16px;background:var(--w-papier)}
.werbung.wb-anmeldung .wb-fertig__code span {flex:1 1 200px;color:var(--w-ink-2);font-size:14.5px;line-height:1.45}
.werbung.wb-anmeldung .wb-fertig__code .wb-btn {min-height:44px}
.werbung.wb-anmeldung .wb-anmeldung__karte .wb-fertig__klein {color:var(--wa-leise)!important}
@media (max-width:560px) {
    .werbung.wb-anmeldung {--zen:80px}
    .werbung.wb-anmeldung .wb-anmeldung__raster,
    .werbung.wb-anmeldung .wb-anmeldung__raster--schmal {gap:20px;padding-top:88px}
    .werbung.wb-anmeldung .wb-feld__reihe {gap:0}
    .werbung.wb-anmeldung .wb-anmeldung__wort {padding:var(--abstand-6) 20px 20px;border-radius:24px}
    .werbung.wb-anmeldung .wb-anmeldung__augenbraue {margin-bottom:var(--abstand-3)}
    .werbung.wb-anmeldung .wb-anmeldung__sub {margin-top:12px;line-height:1.5}
    .werbung.wb-anmeldung .wb-anmeldung__schritte {margin-top:20px;gap:12px}
    .werbung.wb-anmeldung .wb-anmeldung__schritte li {font-size:14.5px;line-height:1.5;padding-left:44px}
    .werbung.wb-anmeldung .wb-anmeldung__schritte li::before {width:28px;height:28px;top:-3px}
    .werbung.wb-anmeldung .wb-anmeldung__schritte::before {left:13px}
    .werbung.wb-anmeldung .wb-anmeldung__wort h1,
    .werbung.wb-anmeldung .wb-anmeldung__raster--schmal .wb-anmeldung__wort h1 {font-size:clamp(30px,9vw,38px)}
    .werbung.wb-anmeldung .wb-anmeldung__sub {font-size:16px}
    .werbung.wb-anmeldung .wb-anmeldung__zusage {padding:var(--abstand-4) 16px;font-size:14.5px;line-height:1.55}
    .werbung.wb-anmeldung .wb-wache {right:12px}
    .werbung.wb-anmeldung .wb-anmeldung__karte {border-radius:24px;padding:var(--abstand-6) 20px}
}
@media (min-width:921px) {
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="1"] {padding:28px 32px}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="1"] h1 {font-size:clamp(30px,3.1vw,44px)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="1"] .wb-anmeldung__sub {margin-top:12px;font-size:16px;line-height:1.5}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="1"] .wb-anmeldung__schritte {margin-top:var(--abstand-6);gap:var(--abstand-4)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="2"] {padding:20px 28px;border-radius:24px;--zen:76px}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="2"] .wb-anmeldung__augenbraue {margin-bottom:8px}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="2"] h1 {font-size:clamp(26px,2.7vw,34px)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="2"] .wb-anmeldung__sub {margin-top:8px;font-size:15px;line-height:1.45}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="2"] .wb-anmeldung__schritte {margin-top:12px;gap:8px}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="2"] .wb-anmeldung__schritte li {font-size:14.5px;line-height:1.45}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="2"] .wb-anmeldung__zusage {padding:12px 16px;font-size:14.5px}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] {padding:16px 24px;--zen:64px}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] h1 {font-size:clamp(24px,2.4vw,30px)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] .wb-anmeldung__sub:has(+ .wb-anmeldung__schritte) {display:none}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] .wb-anmeldung__schritte {margin-top:var(--abstand-3)}
}
.flaeche.werkbank.werkbank--ohne-reiter {--seitenbreite:0px}
.flaeche.werkbank main.werkbank__seite {display:flex;flex-direction:column;align-items:stretch;gap:40px}
:where(.flaeche.werkbank main.werkbank__seite) > * {max-width:68rem;min-width:0;width:100%}
.flaeche.werkbank main.werkbank__seite > * {margin-inline:auto}
.flaeche.werkbank main.werkbank__seite > .notice {margin-block:0}
@media (max-width:640px) {.flaeche.werkbank main.werkbank__seite {gap:24px}}
.flaeche.werkbank .top a.ghost[aria-current="page"] {background:var(--brand-tint);border-color:var(--brand-tint-2);color:var(--brand-ink)}
.flaeche .top .ghost:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px}
@media (max-height:600px) and (max-width:1179px) {
  .flaeche.werkbank:has([data-assistent-seite]) .tab {min-height:36px}
}
.flaeche .top span.lockup:hover .lockup__unterbau {color:var(--ink)}
.flaeche .top span.lockup:hover .lockup__by {background:none;box-shadow:none}
.flaeche .abschnitt {display:flex;flex-direction:column;gap:24px;min-width:0}
.flaeche .abschnitt + .abschnitt {margin-top:40px}
@media (max-width:620px) {
  .flaeche .abschnitt > .card.pad {padding:16px}
}
.flaeche .stand {
  display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 12px 0 var(--abstand-3);
  border-radius:999px;background:var(--card-2);color:var(--ink);
  font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;
}
.flaeche .stand::before {content:'';flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ink-3)}
.flaeche .stand--go {background:var(--go-bg)}
.flaeche .stand--go::before {background:var(--go)}
.flaeche .stand--wait {background:var(--wait-bg)}
.flaeche .stand--wait::before {background:var(--wait)}
.flaeche .stand--stop {background:var(--stop-bg)}
.flaeche .stand--stop::before {background:var(--stop)}
.flaeche .stand--brand {background:var(--brand-tint)}
.flaeche .stand--brand::before {background:var(--brand)}
.flaeche .stand--leise {background:transparent;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}
.flaeche .wahlkarte {
  position:relative;display:flex;flex-direction:column;gap:var(--abstand-2);min-width:0;
  padding:28px 20px 20px;border:1px solid var(--line);border-radius:16px;
  background:var(--card);color:var(--ink);cursor:pointer;
  transition:transform var(--dauer-kurz) var(--ease),border-color var(--dauer-kurz) var(--ease),background-color var(--dauer-kurz) var(--ease),box-shadow var(--dauer-kurz) var(--ease);
}
.flaeche .wahlkarte > input {position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.flaeche .wahlkarte::before,
.flaeche .wahlkarte::after {content:'';position:absolute;opacity:0;pointer-events:none;transition:opacity var(--dauer-kurz) var(--ease),transform var(--dauer-kurz) var(--ease)}
.flaeche .wahlkarte::before {top:14px;right:14px;width:24px;height:24px;border-radius:50%;background:var(--brand);transform:scale(.6)}
.flaeche .wahlkarte::after {top:21px;right:21px;width:10px;height:6px;border-left:2px solid var(--auf-brand);border-bottom:2px solid var(--auf-brand);transform:rotate(-45deg) scale(.6)}
.flaeche .wahlkarte__marken {position:absolute;top:0;left:20px;display:flex;flex-wrap:wrap;gap:var(--abstand-2);transform:translateY(-50%)}
.flaeche .wahlkarte__marke {display:inline-flex;align-items:center;min-height:24px;padding:0 var(--abstand-3);border-radius:999px;background:var(--brand);color:var(--auf-brand);font-size:12px;font-weight:600;line-height:1.2}
.flaeche .wahlkarte__marke--leise {background:var(--card);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.flaeche .wahlkarte__titel {display:block;font-size:17px;font-weight:650;letter-spacing:-.01em;line-height:1.3;padding-right:32px}
.flaeche .wahlkarte__text {display:block;font-size:14px;line-height:1.55;color:var(--ink-2)}
@media (hover:hover) and (pointer:fine) {
  .flaeche .wahlkarte:hover {border-color:var(--ink-3);transform:translateY(-2px)}
}
.flaeche .wahlkarte:has(> input:checked) {border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:color-mix(in srgb,var(--brand-tint) 55%,var(--card))}
.flaeche .wahlkarte:has(> input:checked)::before {opacity:1;transform:scale(1)}
.flaeche .wahlkarte:has(> input:checked)::after {opacity:1;transform:rotate(-45deg) scale(1)}
.flaeche .wahlkarte:has(> input:focus-visible) {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche .wahlkarte:has(> input:disabled) {opacity:.6;cursor:not-allowed}
.flaeche .wahlkarte:has(> input:disabled):hover {transform:none;border-color:var(--line)}
@media (prefers-reduced-motion:reduce) {
  .flaeche .wahlkarte, .flaeche .wahlkarte::before, .flaeche .wahlkarte::after {transition:none}
  .flaeche .wahlkarte:hover {transform:none}
}
.flaeche .btn.leise:not(.sec) {background:transparent;border-color:transparent;color:var(--brand-ink);padding-inline:10px;text-decoration:underline;text-underline-offset:3px}
.flaeche .btn.leise:not(.sec):hover {background:var(--brand-tint);filter:none}
.flaeche .btn.gefahr:not(.sec) {background:var(--stop);border-color:var(--stop);color:var(--auf-stop)}
.flaeche .btn.gefahr:not(.sec):hover {filter:brightness(1.08)}
.notice--schritt {
  --meldung-ton: var(--brand);
  --meldung-feld: var(--brand-tint);
  --meldung-zeichen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
}
.notice--warnung {
  --meldung-ton: var(--wait);
  --meldung-feld: var(--wait-bg);
  --meldung-zeichen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.4v7.4'/%3E%3Cpath d='M12 18.2h.01'/%3E%3C/svg%3E");
}
.flaeche .notice[role="status"],
.flaeche .notice[role="alert"] {animation:meldung-ein var(--dauer) var(--ease) both}
@keyframes meldung-ein {from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce) {
  .flaeche .notice[role="status"], .flaeche .notice[role="alert"] {animation:none}
}
details.disclosure > .disclosure__inhalt {padding:0 1rem 1.1rem}
details.disclosure > summary::before {transition-duration:var(--dauer-kurz)}
details.disclosure[open] > *:not(summary) {animation-duration:var(--dauer)}
@media (prefers-reduced-motion:reduce) {
  .flaeche details.disclosure > summary::before {transition:none}
}
.flaeche .haftleiste {
  position:sticky;bottom:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:var(--abstand-3) 16px;padding:12px var(--zen-frei) calc(12px + env(safe-area-inset-bottom)) 16px;
  background:var(--card);border-top:1px solid var(--line);color:var(--ink);
  animation:haftleiste-ein var(--dauer) var(--ease) both;
}
.flaeche .haftleiste[hidden] {display:none}
.flaeche .haftleiste__text {font-size:14px;font-weight:550;color:var(--ink-2)}
@keyframes haftleiste-ein {from {transform:translateY(100%)} to {transform:none}}
@media (prefers-reduced-motion:reduce) {.flaeche .haftleiste {animation:none}}
.flaeche .chips.chips--feld {
  display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:8px;
  padding:8px var(--abstand-3);min-height:52px;border:1px solid var(--line-2);border-radius:12px;
  background:var(--card);cursor:text;
}
.flaeche .chips.chips--feld:focus-within {border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}
.flaeche .chips--feld .chips__chip {gap:6px;padding:4px 7px 4px 12px;max-width:100%;background:var(--card-2);border-color:var(--line-2);color:var(--ink);overflow-wrap:anywhere}
.flaeche .chips--feld .chips__chip--markiert {border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-tint)}
.flaeche .chips--feld .chips__chip--weg {opacity:0;transform:scale(.92);transition:opacity 140ms ease,transform 140ms ease}
.flaeche .chips--feld .chips__remove {position:relative;width:44px;height:44px;margin:-13px -11px -13px -9px;flex:0 0 auto;color:var(--ink-2);background:transparent;isolation:isolate}
.flaeche .chips--feld .chips__remove::before {content:'';position:absolute;inset:13px;border-radius:50%;z-index:-1;transition:background-color var(--duration) var(--ease)}
.flaeche .chips--feld .chips__remove:hover {background:transparent}
.flaeche .chips--feld .chips__remove:hover::before {background:var(--danger-wash)}
.flaeche .chips--feld .chips__remove:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px}
.flaeche .chips--feld .chips__input {flex:1 1 9rem;min-width:min(9rem,100%);padding:var(--abstand-2) 4px;font-size:15px;color:var(--ink)}
.flaeche .chips--feld .chips__hinzu {
  display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:9px;
  background:var(--card);color:var(--brand-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;
}
.flaeche .chips--feld .chips__hinzu[hidden] {display:none}
.flaeche .chips--feld .chips__hinzu:hover {background:var(--brand-tint);border-color:var(--brand)}
.flaeche .chips--feld .chips__hinzu:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce) {
  .flaeche .chips--feld .chips__chip--weg {transition:none}
  .flaeche .chips--feld .chips__remove::before {transition:none}
}
.flaeche .abostand {display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.flaeche .abostand > .eyebrow {color:var(--brand-ink)}
.flaeche .abostand__kopf {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) var(--abstand-4);min-width:0}
.flaeche .abostand__titel {margin:0;font-size:clamp(24px, 1.2vw + 18px, 32px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink);overflow-wrap:break-word;hyphens:manual}
.flaeche .abostand__text {margin:0;max-width:44rem;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.flaeche .abostand__hinweis {margin:4px 0 0;max-width:44rem}
.flaeche .abostand__aktionen {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) 12px;margin-top:var(--abstand-2)}
.flaeche .abostand__aktionen > form {display:flex;margin:0;max-width:100%}
@media (max-width:620px) {
  .flaeche .abostand__aktionen, .flaeche .abostand__aktionen > form {width:100%}
  .flaeche .abostand__aktionen .btn:not(.leise) {width:100%}
}
.flaeche .aboabschluss {display:flex;flex-direction:column;gap:24px;min-width:0;margin:0}
.flaeche .abopakete {container:abopakete / inline-size;display:block;min-width:0;margin:0;padding:0;border:0}
.flaeche .abopakete__titel {display:block;float:none;width:100%;margin:0 0 var(--abstand-2);padding:0;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--ink)}
.flaeche .abopakete__text {margin:0;max-width:44rem;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.flaeche .abopakete > .feldfehler {margin-top:8px}
.flaeche .abopakete__karten {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:var(--abstand-6) 0 0;padding:12px 0 0}
.flaeche .abokarte {
  display:grid;grid-template-columns:minmax(7.5rem,auto) minmax(0,1fr) auto;
  grid-template-areas:'menge takt preis';align-items:center;gap:var(--abstand-2) 20px;
  padding:28px 52px 20px 20px;
}
.flaeche .abokarte__menge {grid-area:menge;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.flaeche .abokarte__takt {grid-area:takt;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.flaeche .abokarte__preis {grid-area:preis;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-width:0}
.flaeche .abokarte__zahl {font-size:40px;font-weight:750;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.flaeche .abokarte__einheit {font-size:14px;font-weight:600;line-height:1.3;color:var(--ink);white-space:nowrap}
.flaeche .abokarte__taktwort {font-size:14px;line-height:1.45;color:var(--ink-2)}
.flaeche .abokarte__punkte {display:flex;gap:var(--abstand-1)}
.flaeche .abokarte__punkt {width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.flaeche .abokarte__punkt--an {background:var(--brand);box-shadow:none}
.flaeche .abokarte__betrag {font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.flaeche .abokarte__zusatz {font-size:13px;line-height:1.35;color:var(--ink-2)}
.flaeche .abokarte__rabatt {flex-basis:100%;margin-top:var(--abstand-2);max-width:30ch;white-space:normal}
@container abopakete (max-width:419.98px) {
  .flaeche .abokarte {grid-template-columns:auto minmax(0,1fr);grid-template-areas:'menge takt' 'menge preis';align-items:start;column-gap:16px;padding-right:44px}
  .flaeche .abokarte__menge {align-self:center}
  .flaeche .abokarte__preis {flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:var(--abstand-2);text-align:left}
  .flaeche .abokarte__betrag {font-size:20px}
}
@container abopakete (min-width:720px) {
  .flaeche .abopakete__karten {grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:0}
  .flaeche .abokarte {
    grid-row:span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;
    grid-template-areas:none;align-items:start;row-gap:16px;padding:var(--abstand-8) var(--abstand-6) var(--abstand-6);
  }
  .flaeche .abokarte__menge, .flaeche .abokarte__takt, .flaeche .abokarte__preis {grid-area:auto}
  .flaeche .abokarte__menge {flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px;padding-right:20px}
  .flaeche .abokarte__zahl {font-size:44px}
  .flaeche .abokarte__einheit {white-space:normal}
  .flaeche .abokarte__preis {flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:var(--abstand-2);padding-top:16px;border-top:1px solid var(--line);text-align:left}
}
.flaeche .abokarte--auskunft {cursor:default}
.flaeche .abokarte--auskunft:hover {transform:none;border-color:var(--line)}
.flaeche .abokarte--ihres,
.flaeche .abokarte--ihres:hover {border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:color-mix(in srgb,var(--brand-tint) 55%,var(--card))}
.flaeche .abokarte:has(> input:checked) .abokarte__betrag {color:var(--brand-ink)}
.flaeche .aboauswahl {display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:40rem;min-width:0}
.flaeche .aboauswahl__titel {margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.flaeche .aboauswahl__zeilen {display:flex;flex-direction:column;width:100%;margin:0;border-top:1px solid var(--line)}
.flaeche .aboauswahl__zeile {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;padding:var(--abstand-3) 0;border-bottom:1px solid var(--line)}
.flaeche .aboauswahl__zeile dt {margin:0;font-size:14px;color:var(--ink-2)}
.flaeche .aboauswahl__zeile dd {margin:0;font-size:15px;font-weight:600;color:var(--ink);text-align:left;overflow-wrap:anywhere}
.flaeche .aboauswahl__zeile dd.aboauswahl__neu {animation:abo-zeile-ein var(--dauer-kurz) var(--ease) both}
@keyframes abo-zeile-ein {from {opacity:0} to {opacity:1}}
.flaeche .aboauswahl__bestaetigung {display:flex;flex-direction:column;gap:2px;width:100%}
.flaeche .aboauswahl__bestaetigung > .feldfehler {margin:0 0 var(--abstand-2) 32px}
.flaeche .abobestaetigung {display:flex;align-items:flex-start;gap:12px;min-height:44px;margin:0 -12px;padding:var(--abstand-3);border-radius:10px;font-size:14.5px;line-height:1.5;color:var(--ink);cursor:pointer}
.flaeche .abobestaetigung:hover {background:var(--card-2)}
.flaeche .abobestaetigung__feld {flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand);cursor:pointer}
.flaeche .abobestaetigung__feld:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche .abobestaetigung a {color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.flaeche .aboauswahl__klein {margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}
@media (max-width:620px) {.flaeche .aboauswahl__knopf {width:100%}}
.flaeche .aboumfang {display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.flaeche .aboumfang__titel {margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.flaeche .aboumfang__liste {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.flaeche .aboumfang__chip {display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 var(--abstand-3) 0 var(--abstand-3);border:1px solid var(--line-2);border-radius:999px;background:var(--card);font-size:13.5px;line-height:1.3;color:var(--ink)}
.flaeche .aboumfang__chip::before {content:'';flex:0 0 auto;width:9px;height:5px;margin-top:-3px;border-left:2px solid var(--go);border-bottom:2px solid var(--go);transform:rotate(-45deg)}
.flaeche .aboumfang__klein {margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.flaeche details.disclosure.abounterlagen {margin:0;max-width:40rem}
.flaeche details.disclosure.abounterlagen > summary {min-height:44px}
.flaeche .abounterlagen__liste {display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.flaeche .abounterlagen__liste a {display:inline-flex;align-items:center;min-height:44px;color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.flaeche .abounterlagen__titel {margin:12px 0 4px;font-size:14.5px;font-weight:700;color:var(--ink)}
.flaeche .abounterlagen__text {margin:0 0 4px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce) {
  .flaeche .aboauswahl__zeile dd.aboauswahl__neu {animation:none}
}
.abo-paketwahl {display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;max-width:100%}
.abo-paketwahl__name {font-size:var(--text-sm);font-weight:600;color:var(--ink)}
.abo-paketwahl select {min-height:44px;max-width:100%;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}
.abo-paketwahl select:focus-visible {outline:3px solid var(--signal-deep);outline-offset:2px}
.flaeche.werkbank main.mz-seite > * {max-width:46rem;width:100%}
.flaeche.werkbank main.mz-seite {gap:24px}
.flaeche .mz-kopf {display:flex;flex-direction:column;gap:8px;margin:0}
.flaeche .mz-titel {margin:0;font-size:var(--schrift-seite);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.flaeche .mz-lead {margin:0;max-width:40rem;font-size:16px;line-height:1.55;color:var(--ink-2)}
.flaeche .mz-zurueck {margin:0 0 -8px}
.flaeche .mz-zurueck__link.btn.leise:not(.sec) {padding-inline:8px 12px;margin-left:-8px;text-decoration:none;color:var(--brand-ink)}
.flaeche .mz-zurueck__link.btn.leise:not(.sec):hover {text-decoration:underline}
.flaeche .mz-karte {display:flex;flex-direction:column;gap:12px;min-width:0;margin:0}
.flaeche .mz-karte[hidden] {display:none}
.flaeche .mz-karte__titel {margin:0;font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.flaeche .mz-karte__text {margin:0;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:40rem}
.flaeche .mz-klein {margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.flaeche .mz-leer {margin:4px 0 0;padding:var(--abstand-4) 16px;border:1px dashed var(--line-2);border-radius:12px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.flaeche .mz-handlung {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) 12px;margin:4px 0 0}
.flaeche .mz-verweis {color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.flaeche .mz-verweis:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px;border-radius:4px}
.flaeche .mz-profil {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--abstand-2) 16px;margin:0}
.flaeche .mz-profil__zeichen {display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink);font-size:22px;font-weight:700}
.flaeche .mz-profil__wer {display:flex;flex-direction:column;gap:4px;min-width:0}
.flaeche .mz-profil__name {margin:0;font-size:20px;line-height:1.25;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.flaeche .mz-profil__mail {margin:0;font-size:14.5px;color:var(--ink-2);overflow-wrap:anywhere}
.flaeche .mz-profil__stand {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:var(--abstand-2) 0 0}
.flaeche .mz-profil__betrieb {font-size:14px;font-weight:550;color:var(--ink);overflow-wrap:anywhere}
.flaeche .mz-profil__rolle {grid-column:1 / -1;margin-top:var(--abstand-3);padding-top:var(--abstand-4);border-top:1px solid var(--line)}
.flaeche .mz-wege {list-style:none;margin:0;padding:0}
.flaeche .mz-weg {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:var(--abstand-4) 0;border-bottom:1px solid var(--line)}
.flaeche .mz-weg:first-child {padding-top:4px}
.flaeche .mz-weg__wort {display:flex;flex-direction:column;gap:var(--abstand-1);min-width:0;flex:1 1 16rem}
.flaeche .mz-weg__wort b {font-size:15.5px;font-weight:650;color:var(--ink)}
.flaeche .mz-weg__wort span {font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.flaeche .mz-karte details.mz-panel {margin:4px 0 0}
.flaeche .mz-karte details.mz-panel + details.mz-panel {margin-top:0}
.flaeche details.mz-panel > summary {min-height:44px;color:var(--ink)}
.flaeche details.mz-panel > summary:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche details.mz-panel > .disclosure__inhalt {padding:16px 16px 20px}
.flaeche .mz-formular {display:flex;flex-direction:column;gap:16px}
.flaeche .mz-feld {display:flex;flex-direction:column;gap:var(--abstand-2);min-width:0}
.flaeche .mz-feld__marke {font-size:14.5px;font-weight:600;line-height:1.4;color:var(--ink)}
.flaeche .mz-feld__zeile {display:flex;align-items:center;gap:var(--abstand-3);min-width:0}
.flaeche .mz-feld__hinweis {margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.flaeche .mz-feld__fehler {margin:0;font-size:14px;line-height:1.5;font-weight:550;color:var(--stop)}
.flaeche .mz-feld__fehler:empty {display:none}
.flaeche .mz-eingabe {
  box-sizing:border-box;width:100%;max-width:22rem;min-height:48px;padding:var(--abstand-3) var(--abstand-4);
  border:1px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--ink);
  font:inherit;font-size:16px;line-height:1.4;
  transition:border-color var(--dauer-kurz) var(--ease),box-shadow var(--dauer-kurz) var(--ease);
}
.flaeche .mz-eingabe:hover {border-color:var(--ink-3)}
.flaeche .mz-eingabe:focus {outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint-2)}
.flaeche .mz-eingabe:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px}
.flaeche .mz-eingabe[aria-invalid="true"] {border-color:var(--stop)}
.flaeche .mz-eingabe--code {width:11ch;max-width:100%;box-sizing:content-box;padding-inline:16px;font-size:24px;font-weight:600;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}
.flaeche .mz-eingabe--wort {width:14rem;max-width:100%}
.flaeche kbd.loeschwort {display:inline-block;padding:1px 8px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;background:var(--card-2);color:var(--ink);font:inherit;font-weight:650}
.flaeche .mz-haken {position:relative;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--go);opacity:0;transform:scale(.6);transition:opacity var(--dauer-kurz) var(--ease),transform var(--dauer-kurz) var(--ease)}
.flaeche .mz-haken::after {content:'';position:absolute;left:8px;top:7px;width:9px;height:5px;border-left:2.5px solid var(--card);border-bottom:2.5px solid var(--card);transform:rotate(-45deg)}
.flaeche .mz-feld--fertig .mz-haken {opacity:1;transform:scale(1)}
.flaeche .mz-zeilen {list-style:none;margin:0;padding:0}
.flaeche .mz-zeile {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px var(--abstand-4);padding:var(--abstand-4) 0;border-bottom:1px solid var(--line)}
.flaeche .mz-zeile:last-child {border-bottom:0}
.flaeche .mz-zeile__zeichen {display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink);font-weight:700;font-size:16px}
.flaeche .mz-zeile__zeichen--leise {background:var(--card-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.flaeche .mz-zeile__zeichen--geraet {background:var(--card-2);color:var(--ink-2)}
.flaeche .mz-zeile__wort {display:flex;flex-direction:column;gap:2px;min-width:0}
.flaeche .mz-zeile__wort b {font-size:15px;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.flaeche .mz-zeile__wort span {font-size:14px;color:var(--ink-2);overflow-wrap:anywhere}
.flaeche .mz-zeile > .stand {grid-column:2;justify-self:start;white-space:normal}
.flaeche .mz-zeile__handlung {grid-column:3;grid-row:1 / span 2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.flaeche .mz-zeile .btn.sm {min-height:44px}
@media (max-width:620px) {
  .flaeche .mz-zeile {grid-template-columns:auto minmax(0,1fr)}
  .flaeche .mz-zeile__handlung {grid-column:1 / -1;grid-row:auto;justify-content:flex-start}
}
.flaeche .mz-person--neu {animation:mz-zeile-ein var(--dauer) var(--ease) both}
.flaeche .mz-person--weg {opacity:0;transform:translateY(-4px);transition:opacity var(--dauer) var(--ease),transform var(--dauer) var(--ease)}
@keyframes mz-zeile-ein {from {opacity:0;transform:translateY(4px)} to {opacity:1;transform:none}}
.flaeche .btn.sec.mz-loeschen__knopf {color:var(--stop)}
.flaeche .btn.sec.mz-loeschen__knopf:hover {border-color:var(--stop);background:var(--stop-bg)}
.flaeche .mz-zen {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 20px;margin:0}
.flaeche .mz-zen__figur {display:block;width:96px;height:96px}
.flaeche .mz-zen__figur .zen {display:block;width:96px;height:96px;animation:mz-zen-ein var(--dauer-lang) var(--ease) both,mz-zen-schweben 4s ease-in-out var(--dauer-lang) infinite}
.flaeche .mz-zen__wort {display:flex;flex-direction:column;gap:8px;min-width:0}
@keyframes mz-zen-ein {from {opacity:0;transform:translateY(12px)} to {opacity:1;transform:none}}
@keyframes mz-zen-schweben {0%,100% {transform:translateY(0)} 50% {transform:translateY(-3px)}}
@media (max-width:480px) {
  .flaeche .mz-zen {grid-template-columns:1fr}
  .flaeche .mz-zen__figur, .flaeche .mz-zen__figur .zen {width:72px;height:72px}
}
.flaeche .mz-umfang {margin:0}
.flaeche .mz-wahl {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-auto-rows:1fr;gap:16px}
.flaeche .mz-option {display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
.flaeche .mz-option__titel {margin:0;font-size:17px;line-height:1.3;font-weight:650;color:var(--ink)}
.flaeche .mz-option__text {margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.flaeche .mz-option__handlung {margin-top:auto;padding-top:8px}
.flaeche .mz-folgen {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:620px) {.flaeche .mz-folgen {grid-template-columns:1fr}}
.flaeche .mz-spalte {display:flex;flex-direction:column;gap:12px;margin:0;min-width:0}
.flaeche .mz-spalte__titel {margin:0;font-size:16px;font-weight:650;color:var(--ink)}
.flaeche .mz-spalte__zusatz {margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.flaeche .mz-liste {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--abstand-3)}
.flaeche .mz-liste li {display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--abstand-3);align-items:start;font-size:14.5px;line-height:1.5;color:var(--ink)}
.flaeche .mz-liste__zeichen {margin-top:2px}
.flaeche .mz-spalte--weg .mz-liste__zeichen {color:var(--stop)}
.flaeche .mz-spalte--bleibt .mz-liste__zeichen {color:var(--go)}
.flaeche .mz-archiv {margin:0}
.flaeche .mz-bestaetigen {gap:20px}
.flaeche .mz-neu {display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0}
.flaeche .mz-codeanforderung {display:flex;flex-direction:column;gap:var(--abstand-3);margin:0;padding:var(--abstand-4) 16px;border-radius:12px;background:var(--card-2);box-shadow:inset 0 0 0 1px var(--line)}
.flaeche .mz-codeanforderung .mz-handlung {margin:0}
.flaeche .mz-codeanforderung .notice {margin:0}
.flaeche .mz-codeanforderung .mz-karte__text {overflow-wrap:anywhere}
.werbung.wb-anmeldung .mz-abschied__weiter {margin:28px 0 0}
.werbung.wb-anmeldung .mz-einladung__daten {display:grid;gap:12px;margin:0 0 var(--abstand-6)}
.werbung.wb-anmeldung .mz-einladung__daten div {display:grid;gap:2px}
.werbung.wb-anmeldung .mz-einladung__daten dt {font-size:13px;font-weight:600;color:var(--w-ink-2)}
.werbung.wb-anmeldung .mz-einladung__daten dd {margin:0;font-size:17px;font-weight:600;color:var(--w-ink);overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce) {
  .flaeche .mz-zen__figur .zen, .flaeche .mz-person--neu {animation:none}
  .flaeche .mz-haken, .flaeche .mz-person--weg, .flaeche .mz-eingabe {transition:none}
}
.uebergabe {
  box-sizing:border-box;min-height:100vh;min-height:100dvh;display:grid;place-items:center;
  padding:24px 16px;background:var(--paper);
}
.uebergabe__karte {
  box-sizing:border-box;width:100%;max-width:26rem;padding:32px 28px 28px;text-align:center;
  background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
}
.uebergabe[data-zustand='laeuft'] .uebergabe__karte {animation:uebergabe-ein 300ms var(--ease) 400ms both}
.uebergabe__zen {width:56px;height:56px;margin:0 auto 16px}
.uebergabe__zen .zen {display:block;width:56px;height:56px}
.uebergabe__titel {
  margin:0 0 8px;font-family:var(--font-display);font-size:clamp(1.45rem,1.2rem + 1vw,1.75rem);
  line-height:1.2;letter-spacing:-.01em;color:var(--ink);overflow-wrap:break-word;
}
.uebergabe__titel:focus,
.uebergabe__titel:focus-visible {outline:none}
.uebergabe__satz {margin:0 auto;max-width:22rem;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.uebergabe__linie {
  display:block;width:100%;max-width:12rem;height:2px;margin:22px auto 0;border-radius:2px;background:var(--brand);
  transform-origin:left center;transform:scaleX(.9);animation:uebergabe-linie 1.2s var(--ease) both;
}
.uebergabe__laeuft[hidden],
.uebergabe__gescheitert[hidden] {display:none}
.uebergabe__knopf {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;padding:0 20px;
  border-radius:12px;background:var(--brand);color:var(--auf-brand);font-weight:600;text-decoration:none;
  transition:filter var(--dauer-kurz) var(--ease);
}
.uebergabe__knopf:hover {filter:brightness(1.06)}
.uebergabe__leise {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:0 8px;
  border-radius:6px;color:var(--brand-ink);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;
}
.uebergabe__leise:hover {text-decoration-thickness:2px}
button.uebergabe__knopf {border:0;font:inherit;font-weight:600;cursor:pointer;max-width:100%;padding:10px 20px;line-height:1.3;overflow-wrap:anywhere}
button.uebergabe__leise {border:0;background:none;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
button.uebergabe__knopf:disabled {opacity:.6;cursor:progress}
.uebergabe__betrieb {display:grid;gap:2px;margin:6px auto 12px;max-width:22rem;overflow-wrap:anywhere}
.uebergabe__betrieb strong {font-size:1.15rem;color:var(--ink)}
.uebergabe__betrieb span {font-size:14.5px;color:var(--ink-2)}
.uebergabe__knopf:focus-visible,
.uebergabe__leise:focus-visible {outline:3px solid var(--brand-ink);outline-offset:3px}
@keyframes uebergabe-ein {from {opacity:0;transform:translateY(6px)} to {opacity:1;transform:none}}
@keyframes uebergabe-linie {from {transform:scaleX(0)} to {transform:scaleX(.9)}}
@media (scripting: none) {
  .uebergabe__laeuft {display:none}
}
@media (prefers-reduced-motion: reduce) {
  .uebergabe[data-zustand='laeuft'] .uebergabe__karte,
  .uebergabe__linie {animation:none}
}
.werbung .uebergabe-hinweis {display:grid;gap:4px}
.werbung .uebergabe-hinweis strong {color:inherit;font-weight:700}
.flaeche .einstellungen__marke {display:flex;flex-direction:column;gap:24px;min-width:0}
.flaeche .einstellungen__inhaber {margin:0}
.flaeche .beitragstage__lesen {margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.3;color:var(--ink)}
.flaeche .chan.kanalkarte {
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;
  gap:var(--abstand-2) 16px;padding:20px var(--abstand-6);
}
.flaeche .chan.kanalkarte .ci {width:44px;height:44px;margin:0}
.flaeche .kanalkarte__text {min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-2)}
.flaeche .kanalkarte__name {display:block;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--ink);padding-top:1px}
.flaeche .kanalkarte__name label {cursor:default}
.flaeche .kanalkarte__stand {
  position:relative;margin:0;padding-left:16px;font-size:15px;line-height:1.45;color:var(--ink-2);
  overflow-wrap:anywhere;max-width:62ch;
}
.flaeche .kanalkarte__stand::before {
  content:'';position:absolute;left:0;top:.48em;width:8px;height:8px;border-radius:50%;background:var(--ink-3);
}
.flaeche .kanalkarte__stand--go {color:var(--ink)}
.flaeche .kanalkarte__stand--go::before {background:var(--go)}
.flaeche .kanalkarte__stand--wait {color:var(--ink)}
.flaeche .kanalkarte__stand--wait::before {background:var(--wait)}
.flaeche .kanalkarte__stand--stop {color:var(--ink)}
.flaeche .kanalkarte__stand--stop::before {background:var(--stop)}
.flaeche .kanalkarte__stand--frisch::before {animation:kanalpunkt 900ms var(--ease) 1 both}
@keyframes kanalpunkt {0% {transform:scale(1)} 40% {transform:scale(1.9);opacity:.7} 100% {transform:scale(1);opacity:1}}
.flaeche .kanalkarte__hinweis {margin:0;font-size:15px;line-height:1.5;color:var(--ink-2);max-width:62ch}
.flaeche .kanalkarte__hinweis a {color:var(--brand-ink)}
.flaeche .kanalkarte__beenden {margin-left:-12px;min-height:44px}
.flaeche .kanalkarte__handlung {display:flex;align-items:flex-start;justify-content:flex-end;min-width:0}
.flaeche .kanalkarte__handlung .btn {white-space:nowrap}
.flaeche .kanalkarte__handlung .chan__feld {width:220px;max-width:100%}
.flaeche .kanalkarte__hilfe {width:100%;margin-top:2px;border-radius:12px}
.flaeche .kanalkarte__schritte {margin:0;padding-left:20px;display:grid;gap:8px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.flaeche .kanalliste__inhaber {margin:var(--abstand-4) 0 0;font-size:15px;color:var(--ink-2)}
.flaeche .kanalliste .metapruefung {margin-top:20px}
.flaeche .kanalliste__speichern {margin-top:20px}
@media (max-width:620px) {
  .flaeche .chan.kanalkarte {grid-template-columns:44px minmax(0,1fr);padding:16px}
  .flaeche .kanalkarte__handlung {grid-column:2;justify-content:flex-start}
  .flaeche .kanalkarte__handlung .chan__feld {width:100%}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche .kanalkarte__stand--frisch::before {animation:none}
}
.flaeche .sprache__feld {margin-top:20px}
.flaeche .sprache__hinweis {margin:2px 0 8px}
.flaeche .chips__meldung {margin:var(--abstand-2) 0 0;font-size:13px;font-weight:550;color:var(--stop)}
.flaeche .chips__meldung[hidden] {display:none}
.flaeche .ohne-skript {display:none}
@media (scripting:none) {
  .flaeche .mit-skript {display:none}
  .flaeche .ohne-skript {display:inline}
}
.flaeche .sprache-lesen {margin:20px 0 0;display:grid;gap:var(--abstand-2)}
.flaeche .sprache-lesen dt {font-size:13px;font-weight:600;color:var(--ink-2)}
.flaeche .sprache-lesen dd {margin:0 0 var(--abstand-3);font-size:14px;color:var(--ink)}
.flaeche .chips-lesen {display:flex;flex-wrap:wrap;gap:var(--abstand-2);margin:0;padding:0;list-style:none}
.flaeche .chips-lesen li {padding:4px 12px;border-radius:999px;background:var(--card-2);border:1px solid var(--line-2);font-size:13.4px;color:var(--ink);overflow-wrap:anywhere}
.flaeche .markenform__fuss {margin-top:var(--abstand-6)}
.flaeche .markenform .haftleiste {margin-top:20px;border:1px solid var(--line);border-radius:12px}
.flaeche .paketkarte__menge {margin:var(--abstand-3) 0 0;font-size:17px;color:var(--ink)}
.flaeche .paketkarte__menge b {font-size:30px;font-weight:700;letter-spacing:-.02em;margin-right:4px}
.flaeche .paketkarte__takt {margin-top:2px}
.flaeche .paketkarte__weg {margin:var(--abstand-4) 0 0}
.flaeche .lesefassung {max-width:46rem}
.flaeche .lesefassung .sub {max-width:56ch}
.flaeche .auslese {position:relative;min-width:0}
.flaeche .auslese .sub {max-width:62ch}
.flaeche .auslese [hidden] {display:none}
.flaeche .auslese__meldung {margin:var(--abstand-4) 0 0}
.flaeche .auslese__form {margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-4);max-width:40rem}
.flaeche .auslese__form > .field {width:100%;margin:0}
.flaeche .auslese__adresse {
  display:flex;align-items:stretch;min-height:48px;width:100%;
  border:1px solid var(--line-2);border-radius:12px;background:var(--card);overflow:hidden;
  transition:border-color var(--dauer-kurz) var(--ease),box-shadow var(--dauer-kurz) var(--ease);
}
.flaeche .auslese__adresse:focus-within {border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}
.flaeche .auslese__adresse--fehler {border-color:var(--stop)}
.flaeche .auslese__vorsatz {display:flex;align-items:center;padding:0 2px 0 var(--abstand-4);font-size:16px;color:var(--ink-2);user-select:none}
.flaeche .auslese__eingabe::placeholder {color:var(--ink-2);opacity:1}
.flaeche .zenvorbereitung p.mini {color:var(--ink-2)}
.flaeche .auslese__eingabe {flex:1 1 auto;min-width:0;border:0;background:transparent;padding:12px var(--abstand-4) 12px 2px;font:inherit;font-size:16px;color:var(--ink);outline:none}
.flaeche .auslese__feldfehler {margin-top:8px}
.flaeche .auslese__start {margin:0}
.flaeche .auslese__hinweis {margin:0;font-size:13.4px;line-height:1.5;color:var(--ink-2);max-width:62ch}
.flaeche .auslese__zuletzt {margin:0;font-size:13px;color:var(--ink-2)}
.flaeche .auslese__fehler {margin-top:12px}
.flaeche .auslese__fehlertitel {margin:0;font-size:16px;font-weight:650;color:var(--stop)}
.flaeche .auslese__lauf {margin-top:20px;max-width:44rem}
.flaeche .auslese__laufkopf {margin:0;font-size:17px;font-weight:650;line-height:1.35;color:var(--ink)}
.flaeche .auslese__laufzeile {margin:4px 0 0;overflow-wrap:anywhere}
.flaeche .auslese__laufzeile:empty {display:none}
.flaeche .auslese__balken {position:relative;height:6px;margin:16px 0 var(--abstand-2);border-radius:999px;background:var(--line);overflow:hidden}
.flaeche .auslese__balken i {position:absolute;inset:0;background:var(--brand);transform-origin:left center;transform:scaleX(0);transition:transform var(--dauer) var(--ease)}
.flaeche .auslese__schimmer {
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card) 60%,transparent),transparent);
  transform:translateX(-100%);animation:auslese-schimmer 1.8s linear infinite;
}
.flaeche .auslese__lauf.ist-fertig .auslese__schimmer,
.flaeche .auslese__lauf.ist-angehalten .auslese__schimmer {animation:none;opacity:0}
@keyframes auslese-schimmer {to {transform:translateX(100%)}}
.flaeche .auslese__zeilen {list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.flaeche .auslese__zeile {display:flex;align-items:center;gap:12px;min-height:40px;padding:var(--abstand-2) 0;border-bottom:1px solid var(--line)}
.flaeche .auslese__zeile:last-child {border-bottom:0}
.flaeche .auslese__zeile .mk {
  flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:2px dashed var(--line-2);
  display:grid;place-items:center;font-size:11px;font-weight:700;line-height:1;color:var(--ink-2);
  transform:scale(.85);transition:transform var(--dauer-kurz) var(--ease);
}
.flaeche .auslese__zeile.on .mk {border:2px solid var(--go);background:var(--go);color:var(--card);transform:none}
.flaeche .auslese__zeile.fehl .mk {border:2px solid var(--line-2);background:var(--card-2);color:var(--ink-2);transform:none}
.flaeche .auslese__zeile .tx {min-width:0;display:flex;flex-direction:column}
.flaeche .auslese__zeile .tx b {font-size:14.4px;font-weight:550;color:var(--ink-2)}
.flaeche .auslese__zeile.on .tx b,
.flaeche .auslese__zeile.fehl .tx b {color:var(--ink);font-weight:600}
.flaeche .auslese__zeile .tx span:empty {display:none}
.flaeche .auslese__zeile .tx span {font-size:13px;color:var(--ink-2)}
.flaeche .auslese__weiter {margin-top:16px}
.flaeche .vergleich__summe {margin:var(--abstand-3) 0 0;font-size:14px;font-weight:600;color:var(--ink-2)}
.flaeche .vergleich__kaum {margin-top:var(--abstand-4)}
.flaeche .vergleich {margin-top:20px;--kachel-hell:#FFFFFF;--kachel-dunkel:#181A20}
.flaeche .vergleich__liste {display:flex;flex-direction:column;gap:16px}
.flaeche .vergleich__karte {
  container-type:inline-size;min-width:0;padding:16px 20px 20px;
  border:1px solid var(--line);border-radius:16px;background:var(--card);
  animation:vergleich-ein var(--dauer) var(--ease) both;animation-delay:calc(var(--i, 0) * 60ms);
  transition:border-color var(--dauer-kurz) var(--ease),box-shadow var(--dauer-kurz) var(--ease);
}
.flaeche .vergleich__karte:has(.vergleich__schalter input:checked) {border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
@keyframes vergleich-ein {from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:none}}
.flaeche .vergleich__kopf {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px}
.flaeche .vergleich__titel {margin:0;font-size:16.5px;font-weight:650;letter-spacing:-.01em;line-height:1.35;color:var(--ink)}
.flaeche .vergleich__schalter {position:relative;display:inline-flex;align-items:center;gap:var(--abstand-3);min-height:44px;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink)}
.flaeche .vergleich__schalter input {position:absolute;left:0;top:50%;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.flaeche .vergleich__bahn {position:relative;flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:var(--line-2);transition:background-color var(--dauer-kurz) var(--ease)}
.flaeche .vergleich__bahn::after {content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink-2);transition:transform var(--dauer-kurz) var(--ease),background-color var(--dauer-kurz) var(--ease)}
.flaeche .vergleich__schalter input:checked + .vergleich__bahn {background:var(--brand)}
.flaeche .vergleich__schalter input:checked + .vergleich__bahn::after {background:var(--auf-brand);transform:translateX(18px)}
.flaeche .vergleich__schalter input:focus-visible + .vergleich__bahn {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche .vergleich__spalten {display:grid;grid-template-columns:minmax(0,1fr);gap:var(--abstand-3);margin-top:var(--abstand-3)}
@container (min-width:520px) {
  .flaeche .vergleich__spalten {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
}
.flaeche .vergleich__spalte {min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px var(--abstand-4) var(--abstand-4);border-radius:12px;background:var(--card-2)}
.flaeche .vergleich__spalte--neu {background:color-mix(in srgb,var(--brand-tint) 50%,var(--card))}
.flaeche .vergleich__spaltenkopf {margin:0;font-size:12.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.flaeche .vergleich__wert {margin:0;font-size:15px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.flaeche .vergleich__wert--leer {color:var(--ink-2)}
.flaeche .vergleich__hinweis {margin:var(--abstand-3) 0 0;font-size:13.4px;line-height:1.5;color:var(--ink-2);max-width:62ch}
.flaeche .vergleich__rest {margin:var(--abstand-4) 0 0;font-size:14px;line-height:1.5;color:var(--ink-2);max-width:62ch}
.flaeche .minibild {position:relative;display:block;width:min(100%,168px);aspect-ratio:4/5;border-radius:10px;overflow:hidden;container-type:inline-size;background:linear-gradient(150deg,var(--line-2),var(--ink-3))}
.flaeche .minibild__foto {position:absolute;inset:0}
.flaeche .minibild__karte {position:absolute;left:8%;right:8%;bottom:8%;display:flex;flex-direction:column;gap:var(--abstand-2);padding:12px var(--abstand-3);background:var(--mb-flaeche);border-radius:calc(var(--mb-radius) * 100cqw / 1080)}
.flaeche .minibild__balken {display:block;width:24%;height:4px;border-radius:2px;background:var(--mb-balken)}
.flaeche .minibild__titel {display:block;width:92%;height:8px;border-radius:3px;background:var(--mb-ueberschrift)}
.flaeche .minibild__titel--kurz {width:64%}
.flaeche .minibild__zeile {display:block;width:50%;height:5px;border-radius:2px;background:var(--mb-zeile)}
.flaeche .vergleich__farben {display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:2px 0 0;font-size:13px;line-height:1.4}
.flaeche .vergleich__farben > div {display:contents}
.flaeche .vergleich__farben dt {color:var(--ink-2)}
.flaeche .vergleich__farben dd {margin:0;display:flex;align-items:center;gap:var(--abstand-2);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.flaeche .vergleich__tupfer {flex:0 0 auto;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line-2)}
.flaeche .vergleich__logos {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}
.flaeche .vergleich__kachel {display:grid;place-items:center;min-height:72px;padding:var(--abstand-3);border-radius:10px;box-shadow:inset 0 0 0 1px var(--line)}
.flaeche .vergleich__kachel--hell {background:var(--kachel-hell)}
.flaeche .vergleich__kachel--dunkel {background:var(--kachel-dunkel)}
.flaeche .vergleich__kachel img {display:block;max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain}
.flaeche .vergleich__fotos {display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;width:100%}
.flaeche .vergleich__foto {position:relative;display:block;aspect-ratio:1;min-height:44px;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);background:var(--card-2)}
.flaeche .vergleich__foto input {position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0}
.flaeche .vergleich__foto img {display:block;width:100%;height:100%;object-fit:cover;transition:opacity var(--dauer-kurz) var(--ease),transform var(--dauer-kurz) var(--ease)}
.flaeche .vergleich__foto:has(input:not(:checked)) img {opacity:.3;transform:scale(.92)}
.flaeche .vergleich__foto::before {content:'';position:absolute;z-index:1;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px var(--card)}
.flaeche .vergleich__foto::after {content:'';position:absolute;z-index:1;top:12px;right:11px;width:9px;height:5px;border-left:2px solid var(--auf-brand);border-bottom:2px solid var(--auf-brand);transform:rotate(-45deg)}
.flaeche .vergleich__foto:has(input:not(:checked))::before {background:var(--card);box-shadow:0 0 0 2px var(--ink-2)}
.flaeche .vergleich__foto:has(input:not(:checked))::after {opacity:0}
.flaeche .vergleich__foto:has(input:focus-visible) {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche .vergleich__chips li.vergleich__chip--neu {background:var(--brand-tint);border-color:var(--brand);color:var(--ink)}
.flaeche .vergleich__chips li.vergleich__chip--alt {color:var(--ink-2);background:transparent}
.flaeche .vergleich__neu {font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-ink)}
.flaeche .vergleich__leiste {margin-top:20px;border:1px solid var(--line);border-radius:12px}
.flaeche .vergleich__knoepfe {display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.flaeche .vergleich__leiste .btn[disabled] {opacity:.55;cursor:not-allowed;filter:none}
.flaeche .vergleich__fertig {margin-top:20px}
@media (max-width:619px) {
  .flaeche .vergleich__karte {padding:var(--abstand-4)}
  .flaeche .vergleich__knoepfe {width:100%}
  .flaeche .vergleich__knoepfe .btn:not(.leise) {flex:1 1 auto}
}
.einrichtung .scanbar i {width:100%;transform:scaleX(0);transform-origin:left center;transition:transform .45s ease}
@media (prefers-reduced-motion:reduce) {
  .flaeche .auslese__adresse,
  .flaeche .auslese__balken i,
  .flaeche .auslese__zeile .mk,
  .flaeche .vergleich__karte,
  .flaeche .vergleich__bahn,
  .flaeche .vergleich__bahn::after,
  .flaeche .vergleich__foto img,
  .einrichtung .scanbar i {transition:none}
  .flaeche .auslese__schimmer {animation:none;display:none}
  .flaeche .vergleich__karte {animation:none}
}
.flaeche.werkbank .kz-kopf {align-items:flex-end}
.flaeche.werkbank .kz-kopf__text {display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.flaeche.werkbank .kz-kopf__text > .btn {margin-top:20px}
.flaeche.werkbank .kz-monatswahl {flex-wrap:wrap;justify-content:flex-end;gap:var(--abstand-3);flex-shrink:0}
.flaeche.werkbank .kz-monatswahl .monatswahl__pfeil {width:44px;height:44px;min-width:44px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:20px}
.flaeche.werkbank .kz-monatswahl__monat {display:grid;gap:2px;min-width:9.5rem;margin:0;text-align:center}
.flaeche.werkbank .kz-monatswahl__monat strong {font-size:19px;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.flaeche.werkbank .kz-monatswahl__monat span {font-size:12px;color:var(--ink-2)}
.flaeche.werkbank .kz-monatswahl .monatswahl__heute {display:inline-flex;align-items:center;min-height:44px;padding:0 var(--abstand-4)}
.flaeche.werkbank .kz-reihe {margin-bottom:0}
.flaeche.werkbank .kz-karte {display:flex;flex-direction:column;gap:16px;min-width:0;padding:28px var(--abstand-8);background:var(--card);border:1px solid var(--line);border-radius:24px}
.flaeche.werkbank .kz-karte__kopf {display:flex;align-items:center;flex-wrap:wrap;gap:12px var(--abstand-4)}
.flaeche.werkbank .kz-karte .ci {display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:11px}
.flaeche.werkbank .kz-karte__name {display:grid;gap:2px;flex:1 1 9rem;min-width:0}
.flaeche.werkbank .kz-karte__name h2 {margin:0;font-size:19px;line-height:1.3}
.flaeche.werkbank .kz-karte__name span {color:var(--ink-2);font-size:13px;overflow-wrap:anywhere}
.flaeche.werkbank .kz-karte__zeitraum {max-width:100%;white-space:normal;padding-block:var(--abstand-1)}
.flaeche.werkbank .kz-karte__stand {margin:-8px 0 0;color:var(--ink-2);font-size:12.5px}
.flaeche.werkbank .kz-band {width:auto;max-width:none;box-shadow:none;font-size:14px}
.flaeche.werkbank .kz-werte {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:4px 0 0}
.flaeche.werkbank .kz-wert {display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:var(--abstand-4);border-top:1px solid var(--line)}
.flaeche.werkbank .kz-wert--haupt {grid-column:1/-1;padding-top:0;border-top:0}
.flaeche.werkbank .kz-wert dt {color:var(--ink-2);font-size:13px;font-weight:600}
.flaeche.werkbank .kz-wert dd {margin:0}
.flaeche.werkbank .kz-wert__zahl {color:var(--ink);font-size:30px;font-weight:650;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.flaeche.werkbank .kz-wert--haupt .kz-wert__zahl {font-size:clamp(44px,5vw,64px);letter-spacing:-.05em}
.flaeche.werkbank .kz-wert__offen {color:var(--ink-2);font-size:16px;font-weight:500;letter-spacing:0}
.flaeche.werkbank .kz-wert__unterzeile,.flaeche.werkbank .kz-wert__hinweis {color:var(--ink-2);font-size:12.5px;line-height:1.5}
.flaeche.werkbank .kz-wert__hinweis {color:var(--brand-ink);font-weight:600}
.flaeche.werkbank .kz-leer {margin:4px 0 0;color:var(--ink-2);font-size:24px;font-weight:600;letter-spacing:-.02em}
.flaeche.werkbank .kz-karte__satz {max-width:62ch;margin:0;color:var(--ink-2);font-size:14px;line-height:1.6}
.flaeche.werkbank .kz-karte__knopf {align-self:flex-start}
.flaeche.werkbank .kz-hinweis {margin:0;color:var(--ink-2);font-size:14px;line-height:1.6}
.flaeche.werkbank .kz-lesart {margin:0}
.flaeche.werkbank .kz-lesart .disclosure__inhalt p {max-width:75ch;margin:0 0 var(--abstand-3);color:var(--ink-2);font-size:14px;line-height:1.65}
.flaeche.werkbank .kz-lesart .disclosure__inhalt strong {color:var(--ink)}
.flaeche.werkbank .kz-verlauf .wirkungsbalken {grid-template-columns:repeat(var(--monate,1),minmax(44px,72px));justify-content:start}
.flaeche.werkbank .kz-verlauf .wirkungsbalken strong {display:block;height:24px;line-height:24px;white-space:nowrap}
.flaeche.werkbank .kz-verlauf .wirkungsbalken li {align-content:start}
.flaeche.werkbank .kz-verlauf__sechs {display:none;flex-shrink:0;padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--line);border-radius:8px;background:var(--card-2);color:var(--ink-2);font-size:12px}
.flaeche.werkbank .kz-verlauf__leer {margin:-8px 0 8px;color:var(--ink-2);font-size:13px}
.flaeche.werkbank .kz-verlauf:has(.kz-verlauf__leer) .wirkungsbalken__bahn {height:56px;background:none}
.flaeche.werkbank .kz-verlauf:has(.kz-verlauf__leer) .wirkungsbalken strong {display:none}
.flaeche.werkbank .wirkungsbalken li[data-art="laufend"] .wirkungsbalken__wert,
.flaeche.werkbank .wirkungsbalken li[data-art="teil"] .wirkungsbalken__wert {background:repeating-linear-gradient(135deg,var(--balken-offen) 0 5px,transparent 5px 10px);border:1.5px dashed var(--balken);border-bottom:0}
.flaeche.werkbank .wirkungsbalken__platz {display:block;width:70%;height:28%;border:1.5px dashed var(--balken);border-bottom:0;border-radius:8px 8px 0 0}
.flaeche .kz-start {display:grid;gap:var(--abstand-4);margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--line);list-style:none}
.flaeche .kz-start__zeile {display:grid;gap:var(--abstand-1);min-width:0}
.flaeche .kz-start__kanal {color:var(--ink);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.flaeche .kz-start__kanal b {font-family:Archivo,sans-serif;font-size:19px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.flaeche .kz-start__zeile small {color:var(--ink-2);font-size:12px;line-height:1.5}
@media (prefers-reduced-motion:no-preference) {
    .flaeche.werkbank .kz-wert {animation:kz-ein var(--dauer) var(--ease) both;animation-delay:calc(var(--folge,0) * 60ms)}
}
@keyframes kz-ein {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (min-width:1024px) {
    .flaeche.werkbank .kz-karte--facebook .kz-werte {grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));align-items:end}
    .flaeche.werkbank .kz-karte--facebook .kz-wert--haupt {grid-column:auto}
    .flaeche.werkbank .kz-karte--facebook .kz-wert:not(.kz-wert--haupt) {padding:0 0 0 20px;border-top:0;border-left:1px solid var(--line)}
}
@media (max-width:850px) {
    .flaeche.werkbank .kz-kopf {align-items:flex-start;flex-direction:column;gap:20px}
    .flaeche.werkbank .kz-monatswahl {justify-content:flex-start}
}
@media (max-width:1023px) {
    .flaeche.werkbank .kz-verlauf .wirkungsbalken {grid-template-columns:repeat(var(--monate,1),minmax(36px,64px));gap:var(--abstand-2)}
}
@media (max-width:639px) {
    .flaeche.werkbank .kz-verlauf .wirkungsbalken {grid-template-columns:repeat(var(--monate-schmal,1),minmax(32px,56px));gap:var(--abstand-2)}
    .flaeche.werkbank .kz-verlauf .wirkungsbalken li:nth-last-child(n+7) {display:none}
    .flaeche.werkbank .kz-verlauf__sechs {display:inline-flex}
    .flaeche.werkbank .kz-karte {padding:var(--abstand-6);border-radius:20px}
    .flaeche.werkbank .kz-wert--haupt .kz-wert__zahl {font-size:44px}
}
@media (max-width:420px) {
    .flaeche.werkbank .kz-karte {padding:16px}
    .flaeche.werkbank .kz-werte {column-gap:0}
    .flaeche.werkbank .kz-wert--haupt + .kz-wert + .kz-wert {padding-left:var(--abstand-3)}
    .flaeche.werkbank .kz-wert__zahl {font-size:26px}
}
.flaeche.werkbank .assistent {grid-template-columns:minmax(0,1fr);grid-template-areas:"gespraech";gap:0;width:100%;max-width:820px;margin-inline:auto}
.flaeche.werkbank .assistent__gespraech {grid-row:auto}
.flaeche.werkbank .assistent__kopf {flex-wrap:wrap;row-gap:8px}
.flaeche.werkbank .assistent__kopf h1 {font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.flaeche.werkbank .assistent__kopfverweise {display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.flaeche.werkbank .assistent__kopfverweise .btn {min-height:44px;display:inline-flex;align-items:center;gap:6px}
.flaeche.werkbank.assistentfenster .assistent__kopfverweise {display:none}
body:has([data-assistent-seite]) > .mehrunten {display:none}
@media (max-width:620px) {
  .flaeche.werkbank .assistent__kopfverweise {margin-left:0;width:100%}
  .flaeche.werkbank .assistent__kopfverweise .btn {flex:1 1 auto;justify-content:center}
}
.flaeche.werkbank .assistent__mehr {margin:0;padding:var(--abstand-2) 20px;text-align:center}
.flaeche.werkbank .assistent__mehr a {display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--brand-ink);font-size:13px;font-weight:600;text-underline-offset:3px;border-radius:10px}
.flaeche.werkbank .assistent__mehr a:hover {background:var(--brand-tint)}
.flaeche.werkbank .assistent__mehr a:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .assistent__meldungen {flex:0 0 auto;padding:var(--abstand-3) 16px 0;background:var(--card);border-top:1px solid var(--line)}
.flaeche.werkbank .assistent__meldungen:not(:has(.notice)) {display:none}
.flaeche.werkbank .assistent__meldungen .notice {margin:0;max-width:none}
.flaeche.werkbank .assistent__meldungen + .assistent__eingabe {border-top:0}
.flaeche.werkbank .assistent__nurlesen {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) 16px;background:var(--card-2)}
.flaeche.werkbank .assistent__nurlesen p {flex:1 1 280px;margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
.flaeche.werkbank .assistent__nurlesen .btn {min-height:44px}
.flaeche .archiv__weiter {margin:28px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.flaeche .archiv__weiter a {display:inline-flex;align-items:center;gap:var(--abstand-2);min-height:44px;color:var(--brand-ink);font-weight:600;text-underline-offset:3px}
.flaeche .archiv__weiter a:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px;border-radius:6px}
.flaeche.werkbank .planthema__hilfe {width:100%;margin:0 0 20px;min-width:0}
.flaeche.werkbank .planthema__hilfe > .planthema__auftrag {margin:0}
.flaeche .planthema__achten {margin:12px 0 0;padding:2px 0 2px var(--abstand-3);border-left:2px solid var(--wait);color:var(--ink-2);font-size:13px;line-height:1.5}
.flaeche .planthema__achten b {color:var(--ink);font-weight:650}
.flaeche .entwurf-verwerfen {margin:0 0 0 auto;display:inline-flex}
.flaeche .btn.leise.verwerfen:not(.sec) {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--stop);text-decoration:none}
.flaeche .btn.leise.verwerfen:not(.sec):hover {background:var(--stop-bg);color:var(--stop)}
.flaeche .btn.leise.verwerfen:not(.sec):focus-visible {outline:3px solid var(--stop);outline-offset:2px}
.flaeche .btn.leise.verwerfen svg {flex:0 0 16px}
.flaeche.einord .einord-aktionen {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) 12px}
.flaeche.einord .einord-aktionen > .verwerfen {margin-left:auto}
.flaeche.einord .einord-aktionen > .mini {order:4;flex-basis:100%;margin:0}
.flaeche.werkbank .fotoauftrag__verwerfen .entwurf-verwerfen {margin:0}
@media (max-width:620px) { .flaeche .entwurf-verwerfen {margin-left:0} }
dialog.nachfrage .nachfrage__zeichen {display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 0 14px;border-radius:16px;background:var(--stop-bg);color:var(--stop)}
dialog.nachfrage .nachfrage__zeichen[hidden],dialog.nachfrage .nachfrage__gegenstand[hidden] {display:none}
dialog.nachfrage .nachfrage__zeichen svg {width:28px;height:28px;overflow:visible}
dialog.nachfrage .nachfrage__deckel {transform-box:fill-box;transform-origin:100% 100%}
dialog.nachfrage .nachfrage__gegenstand {display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;color:var(--ink);font-weight:650;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
dialog.nachfrage .nachfrage__gegenstand svg {flex:0 0 18px;margin-top:2px;color:var(--ink-2)}
@media (prefers-reduced-motion: no-preference) {
  dialog.nachfrage[open] .nachfrage__zeichen:not([hidden]) .nachfrage__deckel {animation:nachfrage-deckel .36s var(--ease) .12s both}
  @keyframes nachfrage-deckel {
    from {transform:rotate(-14deg)}
    to {transform:rotate(0deg)}
  }
}
.flaeche .cal .cell {transition:transform var(--dauer-kurz) var(--ease), box-shadow var(--dauer-kurz) var(--ease), opacity var(--dauer-kurz) var(--ease)}
.flaeche .cal .cell:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche .cell .cell__kopf {display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;min-width:0;line-height:20px}
.flaeche .cell .cell__zahl {display:inline-block;min-width:20px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-2)}
.flaeche .cell .cell__zeichen {flex:0 0 auto;margin-left:auto}
.flaeche .cell .monatsmarke {color:var(--ink-2)}
.flaeche .cell.kalendertag--erschienen .cell__zahl,
.flaeche .cell.kalendertag--erschienen .monatsmarke,
.flaeche .cell.kalendertag--erschienen .cell__zeichen {color:var(--auf-brand)}
.flaeche .cell.kalendertag--eingeplant .cell__zahl {color:var(--brand-ink)}
.flaeche .cell.kalendertag--verstrichen {border-color:var(--stop);background:var(--card)}
.flaeche .cell.kalendertag--verstrichen .cell__zahl,
.flaeche .cell.kalendertag--verstrichen .cell__zeichen,
.flaeche .cell.kalendertag--verstrichen .tagname {color:var(--stop)}
.flaeche .cell.kalendertag--beitragstag {border:1.5px solid var(--go)}
.flaeche .cell.today .cell__zahl, .flaeche .cell.today.kalendertag--erschienen .cell__zahl {color:var(--card)}
.flaeche .cal .hd.hd--beitragstag {color:var(--go);text-decoration:underline 2px;text-underline-offset:5px}
@media (max-width: 420px) {
  .flaeche .cal {gap:4px}
  .flaeche .cal .cell {padding:var(--abstand-1) var(--abstand-1)}
  .flaeche .cell .cell__zahl {min-width:0}
  .flaeche .cell.today .cell__zahl {padding:0 4px}
  .flaeche .cell .monatsmarke {margin-left:0;font-size:8.5px;letter-spacing:.04em}
}
.flaeche .cal .cell.termin-gesperrt::after {
  content:'';position:absolute;top:6px;right:6px;width:12px;height:12px;background:var(--ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.flaeche .cal .cell.frisch {animation:kalender-landen var(--dauer-lang) var(--ease) both}
@keyframes kalender-landen {from {opacity:0;transform:scale(.96)} to {opacity:1;transform:none}}
.flaeche .kalender-anleitung {margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2);max-width:72ch}
.flaeche .kalender-anleitung__finger {display:none}
@media (pointer: coarse) {
  .flaeche .kalender-anleitung__maus {display:none}
  .flaeche .kalender-anleitung__finger {display:inline}
}
.flaeche .notice.kalenderkarte {display:grid;gap:4px;width:auto;max-width:100%;margin:var(--abstand-4) 0 0;padding-right:52px}
.flaeche .kalenderkarte__titel {font-weight:650;color:var(--ink)}
.flaeche .kalenderkarte__text {color:var(--ink-2)}
.flaeche .kalenderkarte__wege {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.flaeche .kalenderkarte__wege form {margin:0}
.flaeche .kalenderkarte__wege .btn {min-height:44px}
.flaeche .kalenderkarte__zu {
  position:absolute;top:4px;right:4px;width:44px;height:44px;display:grid;place-items:center;
  border:0;border-radius:10px;background:none;color:var(--ink-2);cursor:pointer;
  transition:background-color var(--dauer-kurz) var(--ease), color var(--dauer-kurz) var(--ease);
}
.flaeche .kalenderkarte__zu:hover {background:var(--card-2);color:var(--ink)}
.flaeche .kalenderkarte__zu:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche .kalender-status {margin:var(--abstand-3) 0 0;min-height:3em;font-size:13px;line-height:1.5;color:var(--ink-2)}
.flaeche ul.kalender-legende {list-style:none;padding:0;margin:var(--abstand-2) 0 0;gap:8px 20px}
.flaeche .kalender-legende li {display:flex;align-items:center;gap:var(--abstand-2)}
.flaeche .legendenzeichen, .flaeche .legend .legendenzeichen {display:block;flex:0 0 auto;width:14px;height:14px;border-radius:4px;box-sizing:border-box}
.flaeche .legendenzeichen--erschienen, .flaeche .legend .legendenzeichen--erschienen {background:var(--brand)}
.flaeche .legendenzeichen--eingeplant, .flaeche .legend .legendenzeichen--eingeplant {background:var(--card);border:1.5px dashed var(--brand)}
.flaeche .legendenzeichen--verstrichen, .flaeche .legend .legendenzeichen--verstrichen {background:var(--card);border:1.5px dashed var(--stop)}
.flaeche .legendenzeichen--beitragstag, .flaeche .legend .legendenzeichen--beitragstag {background:var(--card-2);border:1.5px solid var(--go)}
.flaeche .eyebrow .kalender-zaehler {text-transform:none;letter-spacing:normal;white-space:normal}
.flaeche.werkbank .monatsplan__tag {transition:transform var(--dauer-kurz) var(--ease)}
.flaeche.werkbank a.monatsplan__tag:hover, .flaeche.werkbank summary.monatsplan__tag:hover {transform:translateY(-2px)}
.flaeche.werkbank .monatsplan__tag.kalendertag--erschienen,
.flaeche.werkbank .monatsplan__tag.kalendertag--erschienen:hover {background:var(--brand);border-color:var(--brand);color:var(--auf-brand)}
.flaeche.werkbank .monatsplan__tag.kalendertag--eingeplant,
.flaeche.werkbank .monatsplan__tag.kalendertag--eingeplant:hover {background:var(--card);border:1.5px dashed var(--brand);color:var(--brand-ink)}
.flaeche.werkbank .monatsplan__tag.kalendertag--verstrichen,
.flaeche.werkbank .monatsplan__tag.kalendertag--verstrichen:hover {background:var(--card);border:1.5px dashed var(--stop);color:var(--stop)}
.flaeche.werkbank .monatsplan__tag.kalendertag--beitragstag {border:1px solid var(--go)}
.flaeche.werkbank .monatsplan__raster > abbr.monatsplan__kopf--beitragstag {color:var(--go);text-decoration:underline 2px;text-underline-offset:5px}
.flaeche.werkbank .monatsplan__tag--heute.kalendertag--erschienen .monatsplan__zahl {color:var(--card)}
.flaeche .beitrag-verschieben .beitrag-verschieben__hinweis {flex:1 0 100%;margin:0;font-size:13px;line-height:1.5;color:var(--ink);padding-left:var(--abstand-4);position:relative}
.flaeche .beitrag-verschieben .beitrag-verschieben__hinweis::before {content:'';position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--wait)}
.flaeche .beitrag-verschieben .schnellwahl {flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:var(--abstand-4);border-top:1px solid var(--line)}
.flaeche .beitrag-verschieben .schnellwahl__titel {flex:1 0 100%;font-size:13px;font-weight:600;color:var(--ink)}
.flaeche .beitrag-verschieben .schnellwahl .btn {min-height:44px}
@media (prefers-reduced-motion: reduce) {
  .flaeche .cal .cell, .flaeche a.cell, .flaeche.werkbank .monatsplan__tag, .flaeche .kalenderkarte__zu {transition:none}
  .flaeche a.cell:hover, .flaeche .cal .cell.termin-ziel, .flaeche .cal .cell.termin-ziel:hover,
  .flaeche.werkbank a.monatsplan__tag:hover, .flaeche.werkbank summary.monatsplan__tag:hover {transform:none}
  .flaeche .cal .cell.frisch {animation:none}
}
.flaeche .kanaleinrichtung .kanaleinrichtung__inhaber {margin:0;color:var(--ink-2)}
.flaeche .kanaleinrichtung .kanaleinrichtung__inhaber strong {color:var(--ink)}
@media (min-width:620px) { .flaeche .kanaleinrichtung .kanaleinrichtung__weiter {align-self:flex-start;width:auto} }
.flaeche .mz-zeile > .stand {padding-block:4px;line-height:1.3;border-radius:14px}
.flaeche .stand .stand__text {min-width:0}
.flaeche .stand .stand__zusatz {white-space:nowrap}
.flaeche.werkbank .startbuehne .mini a {color:#FAF8FF;text-decoration:underline;text-underline-offset:2px}
.flaeche.werkbank .startbuehne .mini a:focus-visible {outline:3px solid #CEEFAC;outline-offset:2px;border-radius:2px}
.ci.ci--kanal {display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:11px}
.ci.ci--kanal,
.flaeche .ci.ci--kanal {background:var(--brand-tint);color:var(--brand-ink);box-shadow:inset 0 0 0 1px var(--brand-tint-2)}
.ci.ci--kanal svg {display:block}
.ci.ci--marke,
.flaeche .chan .ci.ci--marke,
.flaeche .chan.kanalkarte .ci.ci--marke,
.flaeche.werkbank .kz-karte .ci.ci--marke {display:block;flex:0 0 32px;width:32px;height:32px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.ci.ci--marke img {display:block;width:32px;height:32px;max-width:none}
.flaeche .chan:has(> .ci--marke) {gap:24px}
.einrichtung .chan__weg, .werkbank .chan__weg {display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--ink-2);max-width:60ch}
.einrichtung .kanaele__linkedin {margin-top:var(--abstand-4)}
.einrichtung .kontoanleitung__inhalt, .werkbank .kontoanleitung__inhalt {font-size:15px}
.flaeche .chan.kanalkarte:has(> .ci--marke) {grid-template-columns:32px minmax(0,1fr) auto;column-gap:24px}
.flaeche .kanalkarte__hinweis--weg {color:var(--ink-2)}
.flaeche.werkbank .kz-karte__kopf:has(> .ci--marke) {gap:16px 24px}
.flaeche .kz-start:has(.ci--marke) {gap:24px}
.flaeche .kz-start__zeile:has(> .ci--marke) {grid-template-columns:32px minmax(0,1fr);column-gap:24px;align-items:center}
.flaeche .kz-start__text {display:grid;gap:var(--abstand-1);min-width:0}
.flaeche .kz-start__zeile small {font-size:13px}
.flaeche .kanaleinrichtung__kopf,
.flaeche .seitenwahl__kopf {display:flex;align-items:center;gap:24px;min-width:0}
.flaeche .kanaleinrichtung__kopf h2,
.flaeche .seitenwahl__kopf h1 {margin:0;min-width:0}
.flaeche .kanaleinrichtung__stand {margin:0;font-size:16px;font-weight:600;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.flaeche .kanaleinrichtung__stand--verbunden {color:var(--go)}
.flaeche .kanaleinrichtung__stand--erneuern {color:var(--stop)}
.flaeche .kanaleinrichtung__hinweis {margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:62ch}
.flaeche .kanaleinrichtung .kanaleinrichtung__karte .btn {align-self:flex-start}
.metapruefung .metapruefung__titel {display:block;margin-bottom:4px;font-size:16px}
.metapruefung .metapruefung__text {margin:0;font-size:15.5px;line-height:1.55}
.metapruefung .metapruefung__knopf {display:inline-flex;margin-top:12px}
.flaeche .lede + .metapruefung {margin-top:20px}
.erscheintauf {display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:16px 0;min-width:0}
.erscheintauf__titel {font-size:14px;font-weight:600;line-height:1.4;color:var(--ink-2)}
.erscheintauf__liste {display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px;margin:0;padding:0;list-style:none;min-width:0}
.erscheintauf__kanal {display:flex;align-items:center;gap:24px;min-width:0}
.erscheintauf__name {font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}
.flaeche .kanalstart__kanaele {margin:0}
.flaeche .kanalstand .kanalstart {margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.flaeche.werkbank .wirkungsverbindung__kopf {display:flex;align-items:center;gap:24px;margin:0 0 16px;min-width:0}
.flaeche.werkbank .wirkungsverbindung__kopf h2 {margin:0}
.flaeche.werkbank .wirkungsverbindung__text p {font-size:15px}
.flaeche.werkbank .wirkungsverbindung__aktion small {font-size:14px}
@media (max-width:620px) {
  .flaeche .chan:has(> .ci--marke) .cx {flex-basis:calc(100% - 56px)}
  .flaeche .chan:has(> .ci--marke) > .ci--marke {align-self:flex-start}
  .flaeche .chan.kanalkarte:has(> .ci--marke) {grid-template-columns:32px minmax(0,1fr)}
}
@media (max-width:480px) {
  .flaeche .chan.kanalkarte:has(> .ci--marke) {align-items:center;row-gap:var(--abstand-2)}
  .flaeche .chan.kanalkarte:has(> .ci--marke) .kanalkarte__text {display:contents}
  .flaeche .chan.kanalkarte:has(> .ci--marke) .kanalkarte__text > * {grid-column:1 / -1}
  .flaeche .chan.kanalkarte:has(> .ci--marke) .kanalkarte__text > .kanalkarte__name {grid-column:2;padding-top:0}
  .flaeche .chan.kanalkarte:has(> .ci--marke) .kanalkarte__text > .kanalkarte__name + * {margin-top:var(--abstand-3)}
  .flaeche .chan.kanalkarte:has(> .ci--marke) .kanalkarte__handlung {grid-column:1 / -1;justify-content:flex-start;margin-top:4px}
  .flaeche .chan.kanalkarte:has(> .ci--marke) .kanalkarte__handlung .btn {white-space:normal}
}
.flaeche.werkbank .startbuehne {
  --buehne-text:#FAF8FF; --buehne-leise:#DFD6ED; --buehne-linie:#67557F;
  --buehne-flaeche:#ffffff0a; --buehne-beispiel:#ffffff14; --buehne-akzent:#CEEFAC; --buehne-achten:#F6C98B;
}
.flaeche.werkbank .einwurfidee {display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;margin:20px 0 20px;padding:16px 20px 2px;border:1px solid var(--buehne-linie);border-radius:16px;background:var(--buehne-flaeche);color:var(--buehne-text);min-width:0}
.flaeche.werkbank .einwurfidee__kopf {display:contents}
.flaeche.werkbank .einwurfidee__zeichen {grid-column:1;grid-row:1 / span 2;align-self:center;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--buehne-beispiel);color:var(--buehne-akzent)}
.flaeche.werkbank .einwurfidee__zeichen svg {width:22px;height:22px}
.flaeche.werkbank .einwurfidee__marke {grid-column:2;grid-row:1;align-self:end;margin:0;white-space:nowrap;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--buehne-akzent)}
.flaeche.werkbank .einwurfidee h3 {grid-column:2;grid-row:2;align-self:start;margin:2px 0 0;font-family:var(--font-display);font-size:clamp(19px,1.05rem + .45vw,22px);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--buehne-text);text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:manual}
.flaeche.werkbank .einwurfidee > :not(.einwurfidee__kopf, h3) {grid-column:1 / -1}
.flaeche.werkbank .einwurfidee__satz {margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--buehne-leise);max-width:60ch}
.flaeche.werkbank .einwurfidee > .fotohilfe {margin-top:var(--abstand-4)}
.flaeche .fotohilfe {--fh-text:var(--ink);--fh-leise:var(--ink-2);--fh-zeichen:var(--brand-ink);--fh-weg:var(--ink-2);--fh-achten:var(--wait);--fh-linie:var(--line);--fh-beispiel:var(--brand-tint);--fh-akzent:var(--brand);--fh-etikett:var(--brand-ink);
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;font-size:14px}
.flaeche .fotohilfe > *,.flaeche .fotohilfe__zeile > span,.flaeche .fotohilfe__achten > span {min-width:0;overflow-wrap:anywhere}
.flaeche.werkbank .startbuehne .fotohilfe {--fh-text:var(--buehne-text);--fh-leise:var(--buehne-leise);--fh-zeichen:var(--buehne-akzent);--fh-weg:var(--buehne-leise);--fh-achten:var(--buehne-achten);--fh-linie:var(--buehne-linie);--fh-beispiel:var(--buehne-beispiel);--fh-akzent:var(--buehne-akzent);--fh-etikett:var(--buehne-akzent)}
.flaeche .fotohilfe__beispiel {margin:0;padding:var(--abstand-3) var(--abstand-4);border-left:3px solid var(--fh-akzent);border-radius:0 10px 10px 0;background:var(--fh-beispiel);font-size:1em;line-height:1.55;color:var(--fh-text);overflow-wrap:anywhere}
.flaeche .fotohilfe__etikett {font-weight:700;color:var(--fh-etikett)}
.flaeche .fotohilfe__zeile {display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--abstand-3);align-items:start;margin:0;font-size:1em;line-height:1.55;color:var(--fh-text);overflow-wrap:anywhere}
.flaeche .fotohilfe__zeile > svg {width:18px;height:18px;margin-top:2px;color:var(--fh-zeichen)}
.flaeche .fotohilfe__zeile--motiv {font-weight:600}
.flaeche .fotohilfe__zeile--weg > svg {color:var(--fh-weg)}
.flaeche .fotohilfe__achten {display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--abstand-3);align-items:start;margin:0;font-size:.93em;line-height:1.5;color:var(--fh-leise);overflow-wrap:anywhere}
.flaeche .fotohilfe__achten > svg {width:18px;height:18px;margin-top:1px;color:var(--fh-achten)}
.flaeche .fotohilfe__achten b {color:var(--fh-text);font-weight:650}
.flaeche .fotohilfe__fuss {display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 16px;border-top:1px solid var(--fh-linie)}
.flaeche .fotohilfe__mehr {flex:0 1 auto;min-width:0}
.flaeche .fotohilfe__mehr[open] {flex-basis:100%}
.flaeche .fotohilfe__mehr > summary {display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;color:var(--fh-zeichen);cursor:pointer;list-style:none;border-radius:6px;text-underline-offset:4px}
.flaeche .fotohilfe__mehr > summary::-webkit-details-marker {display:none}
.flaeche .fotohilfe__mehr > summary::after {content:"";width:7px;height:7px;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.flaeche .fotohilfe__mehr[open] > summary::after {transform:translateY(2px) rotate(-135deg)}
.flaeche .fotohilfe__mehr > summary:hover {text-decoration:underline}
.flaeche .fotohilfe__liste {list-style:none;margin:0;padding:2px 0 var(--abstand-4);display:grid;gap:var(--abstand-3)}
.flaeche .fotohilfe__wechsel {display:inline-flex;align-items:center;gap:var(--abstand-2);min-height:44px;margin-left:auto;font-size:13px;font-weight:600;color:var(--fh-leise);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;border-radius:6px}
.flaeche .fotohilfe__wechsel:hover {color:var(--fh-text);text-decoration-color:currentColor}
.flaeche .fotohilfe__mehr > summary:focus-visible,
.flaeche .fotohilfe__wechsel:focus-visible {outline:3px solid var(--fh-akzent);outline-offset:3px}
@media (prefers-reduced-motion:no-preference) {
  .flaeche .fotohilfe__mehr > summary::after {transition:transform var(--dauer-kurz) var(--ease)}
}
.flaeche.werkbank .planthema .fotohilfe {font-size:13px;gap:12px}
.flaeche.werkbank .planthema .fotohilfe__fuss {margin-top:2px}
.flaeche.werkbank .assistent__aktion > .fotohilfe {margin:0 0 4px}
.flaeche.werkbank .assistent__aktion .fotohilfe__liste li + li {margin-top:0}
@media (max-width:640px) {
  .flaeche.werkbank .einwurfidee {column-gap:var(--abstand-3);padding:12px var(--abstand-4) 0;margin:12px 0 var(--abstand-4)}
  .flaeche.werkbank .einwurfidee__zeichen {width:32px;height:32px;border-radius:10px}
  .flaeche.werkbank .einwurfidee__zeichen svg {width:18px;height:18px}
  .flaeche.werkbank .einwurfidee__satz {margin-top:8px;font-size:13px;line-height:1.45}
  .flaeche.werkbank .einwurfidee h3 {font-size:19px}
  .flaeche.werkbank .einwurfidee > .fotohilfe {margin-top:var(--abstand-3)}
  .flaeche.werkbank .startbuehne .fotohilfe {font-size:13px;gap:var(--abstand-3)}
  .flaeche.werkbank .startbuehne .fotohilfe__beispiel {padding:var(--abstand-2) 12px}
  .flaeche.werkbank .startbuehne .fotohilfe__beispiel,
  .flaeche.werkbank .startbuehne .fotohilfe__zeile,
  .flaeche.werkbank .startbuehne .fotohilfe__achten {line-height:1.45}
  .flaeche.werkbank .startbuehne:has(.einwurfidee) .startbuehne__inhalt {padding-top:20px}
  .flaeche.werkbank .startbuehne:has(.einwurfidee) h2 {font-size:22px}
}
.flaeche.werkbank .assistent__patientenfrage {width:auto;max-width:none;margin:var(--abstand-3) 0 0;box-shadow:none}
.flaeche.werkbank .assistent__patientenfrage[hidden] {display:none}
.flaeche.werkbank .assistent__patientenfrage p {margin:0 0 var(--abstand-3)}
.flaeche.werkbank .assistent__patientenwahl {display:flex;flex-wrap:wrap;gap:8px}
.flaeche.werkbank .assistent__patientenwahl .btn {min-height:44px}
.flaeche.werkbank .neuefassung {margin:0 0 20px}
.flaeche.werkbank .neuefassung strong {display:block}
.flaeche.werkbank .neuefassung a {display:inline-block;margin-top:4px;min-height:24px}
@media (max-width:560px) {
  .flaeche.werkbank .assistent__patientenwahl .btn {flex:1 1 auto}
}
.flaeche .kihinweis {display:flex;align-items:flex-start;gap:var(--abstand-3);margin:var(--abstand-3) 0 0;padding:var(--abstand-3) 12px;
    background:var(--card-2);border:1px solid var(--line);border-radius:12px;color:var(--ink-2);font-size:14px;line-height:1.45}
.flaeche .kihinweis .kihinweis__zeichen {flex:0 0 auto;display:inline-flex;width:18px;height:18px;margin-top:1px;color:var(--ink-2)}
.flaeche .kihinweis.kihinweis--praxis .kihinweis__zeichen {color:var(--wait)}
.flaeche .kihinweis .kihinweis__zeichen svg {display:block;width:18px;height:18px}
.flaeche .kihinweis .kihinweis__text {flex:1 1 auto;min-width:0}
.flaeche .kihinweis .kihinweis__kopf {display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-3);min-height:44px;list-style:none;font-size:14px;line-height:1.45;cursor:pointer;border-radius:4px}
.flaeche .kihinweis .kihinweis__kopf::-webkit-details-marker {display:none}
.flaeche .kihinweis .kihinweis__kopf:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px}
.flaeche .kihinweis .kihinweis__details {flex:0 0 auto;color:var(--brand-ink);font-size:14px}
.flaeche .kihinweis .kihinweis__details > span {display:inline-block;transform:rotate(-90deg)}
.flaeche .kihinweis [open] > .kihinweis__kopf .kihinweis__details > span {transform:rotate(0)}
.flaeche .kihinweis .kihinweis__inhalt {padding-top:4px}
.flaeche .kihinweis .kihinweis__satz {margin:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.flaeche .kihinweis .kihinweis__satz + .kihinweis__satz {margin-top:4px}
.flaeche .kihinweis .kihinweis__satz[hidden] {display:none}
.flaeche .kihinweis .kihinweis__ki {color:var(--ink);font-weight:600;min-width:0;overflow-wrap:anywhere}
.flaeche .kihinweis.kihinweis--praxis .kihinweis__daten {color:var(--ink)}
.flaeche .kihinweis .kihinweis__verweis {margin:4px 0 0;font-size:14px;line-height:1.45}
.flaeche .kihinweis .kihinweis__verweis a {display:inline;padding-block:var(--abstand-1);
    color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.flaeche .kihinweis .kihinweis__verweis a:hover {text-decoration-thickness:2px}
.flaeche .kihinweis .kihinweis__nobr {white-space:nowrap}
.flaeche .kihinweis .kihinweis__verweis a:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:4px}
.flaeche .chatcta .railchips + .kihinweis {margin-top:var(--abstand-4)}
.flaeche.werkbank.assistentfenster .kihinweis {margin-top:8px;padding:8px var(--abstand-3)}
.flaeche.werkbank .assistent__paketregel {margin-top:var(--abstand-4);padding:12px var(--abstand-4);border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
.flaeche.werkbank .assistent__paketregel p {margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.flaeche.werkbank .assistent__paketregel p a {color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.flaeche.werkbank .assistent__paketregel .btn {margin-top:10px;min-height:44px}
.flaeche.einord .anlass__rueckfrage {margin:0 0 20px;padding:20px 20px 16px;border:2px solid var(--brand);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}
.flaeche.einord .anlass__rueckfrage span {font-size:14px;font-weight:750;letter-spacing:0}
.flaeche.einord .anlass__rueckfrage strong {margin-top:var(--abstand-2);font-size:18px;line-height:1.4}
.flaeche.einord .anlass__rueckfrage p {margin-top:var(--abstand-2);font-size:15px;line-height:1.55}
.flaeche.einord .anlass__aktionen {gap:var(--abstand-3);margin-top:var(--abstand-4)}
.flaeche.einord .anlass__aktionen .btn {min-height:48px;padding:12px 16px;font-size:15px}
dialog.nachfrage.nachfrage--briefing {width:520px}
dialog.nachfrage.nachfrage--briefing .briefingdialog__zeichen {display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 0 14px;border-radius:16px;background:var(--brand-tint);color:var(--brand-ink)}
dialog.nachfrage.nachfrage--briefing .nachfrage__titel:focus {outline:none}
dialog.nachfrage.nachfrage--briefing .nachfrage__titel:focus-visible {outline:2px solid var(--brand);outline-offset:4px;border-radius:6px}
dialog.nachfrage.nachfrage--briefing .briefingdialog__frage {margin:0 0 6px;font-size:18px;font-weight:650;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
dialog.nachfrage.nachfrage--briefing .briefingdialog__hilfe {margin:0 0 18px;font-size:15px;line-height:1.55;color:var(--ink-2)}
dialog.nachfrage.nachfrage--briefing .briefingdialog__label {display:block;margin:0 0 7px;font-size:15px;font-weight:700;color:var(--ink)}
dialog.nachfrage.nachfrage--briefing .briefingdialog__antwort {display:block;box-sizing:border-box;width:100%;min-height:104px;margin:0;padding:12px 14px;font:inherit;font-size:16px;line-height:1.5;color:var(--ink);background:var(--card);border:1.5px solid var(--line-2);border-radius:12px;resize:vertical}
dialog.nachfrage.nachfrage--briefing .briefingdialog__antwort:focus {outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)}
dialog.nachfrage.nachfrage--briefing .briefingdialog__antwort[aria-invalid="true"] {border-color:var(--stop)}
dialog.nachfrage.nachfrage--briefing .briefingdialog__fehler {margin:9px 0 0;font-size:15px;font-weight:650;line-height:1.5;color:var(--stop)}
dialog.nachfrage.nachfrage--briefing .briefingdialog__fehler[hidden] {display:none}
dialog.nachfrage.nachfrage--briefing .briefingdialog__satz {margin:9px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
dialog.nachfrage.nachfrage--briefing .nachfrage__knoepfe .button {min-height:48px;font-size:15px}
dialog.nachfrage.nachfrage--briefing .briefingdialog__zurueck {grid-column:1 / -1;justify-self:center;min-height:44px;margin:0;padding:10px 16px;border:0;border-radius:10px;background:none;color:var(--brand-ink);font:inherit;font-size:15px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
dialog.nachfrage.nachfrage--briefing .briefingdialog__zurueck:hover {background:var(--brand-tint)}
dialog.nachfrage.nachfrage--briefing .briefingdialog__zurueck:focus-visible {outline:2px solid var(--brand);outline-offset:2px}
@media (max-width:560px) {
  dialog.nachfrage.nachfrage--briefing {width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:12px auto auto}
  dialog.nachfrage.nachfrage--briefing .nachfrage__inhalt {padding:20px 18px 18px}
  dialog.nachfrage.nachfrage--briefing .briefingdialog__zeichen {width:44px;height:44px;margin-bottom:10px;border-radius:14px}
  dialog.nachfrage.nachfrage--briefing .briefingdialog__knoepfe {grid-template-columns:1fr}
  dialog.nachfrage.nachfrage--briefing .nachfrage__knoepfe .button {padding:12px 14px;font-size:15px}
}
.flaeche.werkbank .fotoauftrag__zeitleiste {height:10px}
.flaeche.werkbank .fotoauftrag__zeitleiste > span {position:relative;width:100%;overflow:hidden;transition:transform 1s linear}
.flaeche.werkbank .fotoauftrag__fortschritt > p {font-size:15px;line-height:1.55;color:var(--ink-2)}
@media (prefers-reduced-motion: no-preference) {
  .flaeche.werkbank .fotoauftrag__fortschritt[data-stufe="laenger"] .fotoauftrag__zeitleiste > span::after,
  .flaeche.werkbank .fotoauftrag__fortschritt[data-stufe="lang"] .fotoauftrag__zeitleiste > span::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgb(255 255 255 / .38) 50%,transparent 100%);transform:translateX(-100%);animation:dauer-glanz 1.8s ease-in-out infinite}
  @keyframes dauer-glanz {
    to {transform:translateX(100%)}
  }
}
@media (prefers-reduced-motion: reduce) {
  .flaeche.werkbank .fotoauftrag__zeitleiste > span {transition:none!important}
}
.flaeche.werkbank .webfotos h2 {margin:0 0 var(--abstand-3);font-size:22px;line-height:1.3;letter-spacing:-.02em}
.flaeche.werkbank .webfotos__zahl {margin:0;font-size:17px;line-height:1.55;font-weight:600;color:var(--ink)}
.flaeche .webfotostand {display:grid;gap:var(--abstand-3);margin-top:var(--abstand-4)}
.flaeche .webfotostand p {margin:0;max-width:42rem;font-size:16px;line-height:1.6;color:var(--ink)}
.flaeche .webfotostand .webfotostand__knopf {justify-self:start;margin-top:var(--abstand-2)}
.flaeche .vorratsweg .webfotostand {margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.flaeche .heicfehler {margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--danger)}
.flaeche .heicfehler[hidden] {display:none}
.flaeche.werkbank .startbuehne .drop .drop__fehler {font-size:15px;line-height:1.5;font-weight:600;color:#A3122A}
@media (max-width:620px) {
  .flaeche.werkbank:has([data-assistent-seite]) .top,.flaeche.werkbank:has([data-assistent-seite]) .tabs {position:static}
  .flaeche.werkbank .assistent__kopf {padding:8px 12px;column-gap:var(--abstand-3)}
  .flaeche.werkbank .assistent__kopf > div > p {display:none}
  .flaeche.werkbank .assistent__kopfverweise {width:auto;margin-left:auto}
  .flaeche.werkbank .assistent__kopfverweise .btn {flex:0 0 auto;padding:8px 12px;font-size:14px}
  .flaeche .kihinweis {gap:8px;padding:8px var(--abstand-3)}
  .flaeche .kihinweis .kihinweis__satz,.flaeche .kihinweis .kihinweis__verweis {display:inline;margin:0}
}
.flaeche.assistentzugang[data-zen-stand="warten"] {opacity:0;visibility:hidden;transition:none}
@media (scripting:none) {
  .flaeche.assistentzugang[data-zen-stand="warten"] {opacity:1;visibility:visible}
}
.flaeche.assistentzugang[data-zen-stand="weg"]:not(:focus-visible) {opacity:0;pointer-events:none}
body:has(.assistentzugang[data-zen-modus="ganz"]) {padding-bottom:148px}
.flaeche.assistentzugang[data-zen-modus="kompakt"] {--zen-textgrund:var(--card);--zen-rand:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px;border-radius:26px}
.flaeche.assistentzugang[data-zen-modus="kompakt"]::before {inset:0;border:1px solid var(--brand-tint-2);border-radius:26px;background:var(--card);box-shadow:0 6px 22px rgba(37,23,61,.2);opacity:1;transform:none}
.flaeche.assistentzugang[data-zen-modus="kompakt"] .assistentzugang__zeichen {right:4px;top:4px;width:44px;height:44px}
.flaeche.assistentzugang[data-zen-modus="kompakt"] .assistentzugang__zeichen svg {width:44px;height:44px}
.flaeche.assistentzugang[data-zen-modus="kompakt"] .assistentzugang__kurzname {display:none}
.flaeche.assistentzugang[data-zen-modus="kompakt"] .assistentzugang__text {top:8px;left:20px;right:58px;color:var(--ink)}
.flaeche.assistentzugang[data-zen-modus="kompakt"] .assistentzugang__text strong {font-size:15px}
.flaeche.assistentzugang[data-zen-modus="kompakt"] .assistentzugang__text small {color:var(--ink-2)}
.flaeche.assistentzugang[data-zen-modus="kompakt"]:focus-visible {width:204px}
@media (hover:hover) and (pointer:fine) {
  .flaeche.assistentzugang[data-zen-modus="kompakt"]:hover {width:204px}
  .flaeche.assistentzugang[data-zen-modus="kompakt"]:hover::before {border-color:var(--brand)}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.assistentzugang,.flaeche.assistentzugang::before {transition:none}
}
.metapruefung .metapruefung__schritte {margin:10px 0 0;padding:0;list-style:none;counter-reset:pruefschritt;display:grid;gap:10px}
.metapruefung .metapruefung__schritte > li {position:relative;padding-left:34px;font-size:15.5px;line-height:1.55;counter-increment:pruefschritt}
.metapruefung .metapruefung__schritte > li::before {content:counter(pruefschritt);position:absolute;left:0;top:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink);font-size:13px;font-weight:700;line-height:1}
.metapruefung .metapruefung__schritte .metapruefung__knopf {display:flex;width:fit-content;margin-top:8px}
@media (scripting: enabled) {
}
.flaeche input[aria-invalid="true"]:not([type="checkbox"]):not([type="radio"]),.flaeche textarea[aria-invalid="true"],.flaeche select[aria-invalid="true"] {border-color:var(--stop);box-shadow:0 0 0 1px var(--stop)}
.flaeche input[type="checkbox"][aria-invalid="true"],.flaeche input[type="radio"][aria-invalid="true"] {outline:2px solid var(--stop);outline-offset:2px}
.flaeche.werkbank .startrueckfrage {display:flex;gap:16px;align-items:flex-start;margin:0 0 20px;padding:20px var(--abstand-6);border:2px solid var(--brand);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
.flaeche.werkbank .startrueckfrage__zeichen {flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand-tint);color:var(--brand-ink);font:700 22px/1 Archivo,Inter,sans-serif}
.flaeche.werkbank .startrueckfrage__text {min-width:0}
.flaeche.werkbank .startrueckfrage h2 {margin:0 0 var(--abstand-2);font-size:20px;line-height:1.3;letter-spacing:-.02em}
.flaeche.werkbank .startrueckfrage p {margin:0 0 8px;font-size:15px;line-height:1.55;color:var(--ink-2);overflow-wrap:anywhere}
.flaeche.werkbank .startrueckfrage .startrueckfrage__frage {margin:0 0 var(--abstand-4);font-size:18px;font-weight:650;line-height:1.45;color:var(--ink)}
.flaeche.werkbank .startrueckfrage .btn {min-height:48px}
.flaeche.werkbank .startrueckfrage .startrueckfrage__mehr {margin:12px 0 0;font-size:14px}
@media (max-width:560px) {
  .flaeche.werkbank .startrueckfrage {flex-direction:column;gap:var(--abstand-3);padding:20px 16px}
  .flaeche.werkbank .startrueckfrage .btn {width:100%;justify-content:center}
}
.flaeche.werkbank .fotoauftrag__karte details.disclosure--flat > summary {min-height:44px}
.flaeche.werkbank .wochenstand {padding:24px;margin:var(--abstand-6) 0;overflow:hidden}
.flaeche.werkbank .wochenstand__kopf {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}
.flaeche.werkbank .wochenstand__kopf .auftakt {margin:0 0 var(--abstand-1);font-size:11px;color:var(--brand-ink)}
.flaeche.werkbank .wochenstand__kopf h2 {margin:0;font-size:25px;letter-spacing:-.025em}
.flaeche.werkbank .wochenstand__kopf > p {margin:0;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.flaeche.werkbank .wochenstand__tage {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.flaeche.werkbank .wochenstand__tag {display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 4px;border:1px solid var(--line);border-radius:13px;color:var(--ink-2);background:var(--card)}
.flaeche.werkbank .wochenstand__tag time {display:flex;flex-direction:column;align-items:center;gap:var(--abstand-1);font-size:12px}
.flaeche.werkbank .wochenstand__tag time b {font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}
.flaeche.werkbank .wochenstand__zeichen {display:grid;place-items:center;min-width:25px;min-height:25px;font-size:20px;font-weight:600;line-height:1}
.flaeche.werkbank .wochenstand__tag--veroeffentlicht,.flaeche.werkbank .wochenstand__tag--eingeplant {background:var(--brand-tint);border-color:var(--brand-ink);color:var(--brand-ink)}
.flaeche.werkbank .wochenstand__tag--verstrichen .wochenstand__zeichen {color:var(--stop)}
.flaeche.werkbank .wochenstand__zahlen {display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:var(--abstand-4) 0 20px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.flaeche.werkbank .wochenstand__zahlen li {display:flex;align-items:center;gap:var(--abstand-2)}
.flaeche.werkbank .wochenstand__zahlen li > span {font-size:17px;color:var(--brand-ink)}
.flaeche.werkbank .wochenstand__naechster {display:flex;align-items:center;gap:16px;padding:20px;background:var(--brand-tint);border-radius:15px;color:var(--ink);text-decoration:none;min-height:72px;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.flaeche.werkbank .wochenstand__naechster:active {transform:scale(.985)}
.flaeche.werkbank .wochenstand__naechster:focus-visible {outline:3px solid var(--brand-ink);outline-offset:3px}
.flaeche.werkbank .wochenstand__zen {display:block;width:48px;flex:0 0 48px}
.flaeche.werkbank .wochenstand__zen svg {display:block;width:100%;height:auto}
.flaeche.werkbank .wochenstand__aufgabe {display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--abstand-1);overflow-wrap:anywhere}
.flaeche.werkbank .wochenstand__aufgabe small {color:var(--brand-ink);font-size:12px;font-weight:600}
.flaeche.werkbank .wochenstand__aufgabe strong {font-size:18px;line-height:1.35}
.flaeche.werkbank .wochenstand__aufgabe > span {color:var(--ink-2);font-size:14px;line-height:1.5}
.flaeche.werkbank .wochenstand__pfeil {font-size:24px;color:var(--brand-ink);flex:0 0 auto}
.flaeche.werkbank .zenvorbereitung {max-width:880px;margin:0 auto}
.flaeche.werkbank .zenvorbereitung__zurueck {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand-ink);font-weight:600;text-decoration:none}
.flaeche.werkbank .zenvorbereitung__kopf {display:flex;align-items:center;gap:20px;margin:20px 0 24px}
.flaeche.werkbank .zenvorbereitung__zen {display:block;flex:0 0 70px;width:70px}
.flaeche.werkbank .zenvorbereitung__zen svg {width:100%;height:auto}
.flaeche.werkbank .zenvorbereitung__kopf h1 {font-size:var(--schrift-seite);letter-spacing:-.035em;line-height:1.15;margin:0 0 var(--abstand-3)}
.flaeche.werkbank .zenvorbereitung__kopf p {line-height:1.55;color:var(--ink-2);margin:0}
.flaeche.werkbank .zenvorbereitung__kopf .auftakt {font-size:11px;color:var(--brand-ink);margin-bottom:8px}
.flaeche.werkbank .zenvorbereitung__angaben,.flaeche.werkbank .zenvorbereitung__fotowahl {padding:24px;margin:0 0 var(--abstand-6);min-width:0}
.flaeche.werkbank .zenvorbereitung__angaben > label,.flaeche.werkbank .zenvorbereitung__fotowahl legend {font-weight:700;font-size:19px;color:var(--ink);line-height:1.4}
.flaeche.werkbank .zenvorbereitung__fotowahl > legend {float:left;width:100%;padding:0;margin-bottom:var(--abstand-4);max-width:100%}
.flaeche.werkbank .zenvorbereitung__fotowahl .zenvorbereitung__quelle {clear:both}
.flaeche.werkbank .zenvorbereitung__angaben > p,.flaeche.werkbank .zenvorbereitung__sammlungshilfe {font-size:14px;color:var(--ink-2);line-height:1.6;margin:8px 0 16px}
.flaeche.werkbank .zenvorbereitung textarea {display:block;width:100%;min-height:132px;resize:vertical;font-family:inherit;font-size:16px;line-height:1.6;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:var(--abstand-4);background:var(--card-2);color:var(--ink)}
.flaeche.werkbank .zenvorbereitung__quelle {display:flex;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:600;cursor:pointer}
.flaeche.werkbank .zenvorbereitung__quelle input,.flaeche.werkbank .zenvorbereitung__foto input {width:20px;height:20px;accent-color:var(--brand-ink);flex:0 0 auto}
.flaeche.werkbank .zenvorbereitung__datei {margin:4px 0 20px;padding:16px;background:var(--brand-tint);border-radius:12px}
.flaeche.werkbank .zenvorbereitung__datei > label {display:block;margin-bottom:10px;font-weight:600}
.flaeche.werkbank .zenvorbereitung__datei input {width:100%;max-width:100%;font-size:14px;min-height:44px;color:var(--ink)}
.flaeche.werkbank .zenvorbereitung__datei input::file-selector-button {border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 12px;color:var(--ink);background:var(--card);margin-right:10px;cursor:pointer;font-weight:600}
.flaeche.werkbank .zenvorbereitung__fotowahl {container-type:inline-size}
.flaeche.werkbank .zenvorbereitung__fotos {display:grid;grid-template-columns:repeat(var(--spalten,3),minmax(0,240px));gap:12px}
@container (max-width:600px) {
  .flaeche.werkbank .zenvorbereitung__fotos[style*="--spalten:4"] {grid-template-columns:repeat(2,minmax(0,240px))}
}
.flaeche.werkbank .zenvorbereitung__foto {position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--abstand-2) var(--abstand-2) var(--abstand-3);border:2px solid var(--line);border-radius:14px;cursor:pointer;color:var(--ink);background:var(--card);transition:border-color var(--dauer-kurz,160ms) var(--ease,ease),transform var(--dauer-kurz,160ms) var(--ease,ease)}
.flaeche.werkbank .zenvorbereitung__foto:hover {border-color:var(--brand-tint-2)}
.flaeche.werkbank .zenvorbereitung__foto:active {transform:scale(.985)}
.flaeche.werkbank .zenvorbereitung__foto:has(input:checked) {border-color:var(--brand);background:var(--brand-tint)}
.flaeche.werkbank .zenvorbereitung__foto:has(input:focus-visible),.flaeche.werkbank .zenvorbereitung input:focus-visible,.flaeche.werkbank .zenvorbereitung textarea:focus-visible {outline:3px solid var(--brand-ink);outline-offset:3px}
.flaeche.werkbank .zenvorbereitung__foto input {position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.flaeche.werkbank .zenvorbereitung__bild {position:relative;display:block}
.flaeche.werkbank .zenvorbereitung__foto img {display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:9px;background:var(--brand-tint)}
.flaeche.werkbank .zenvorbereitung__haken {position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;box-sizing:border-box;border-radius:50%;border:2px solid var(--line-2);background:var(--card);color:transparent;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.flaeche.werkbank .zenvorbereitung__foto:has(input:checked) .zenvorbereitung__haken {border-color:var(--brand);background:var(--brand);color:var(--auf-brand)}
.flaeche.werkbank .zenvorbereitung__kurztitel {display:-webkit-box;margin:var(--abstand-2) 4px 0;font-size:13.5px;font-weight:600;line-height:1.35;overflow:hidden;overflow-wrap:break-word;word-break:normal;hyphens:manual;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.flaeche.werkbank .zenvorbereitung__gewaehlt {display:none;margin:var(--abstand-1) 4px 0;font-size:12px;font-weight:700;color:var(--brand-ink)}
.flaeche.werkbank .zenvorbereitung__foto:has(input:checked) .zenvorbereitung__gewaehlt {display:block}
.flaeche.werkbank .zenvorbereitung__fotos + .zenvorbereitung__quelle {margin-top:16px}
.flaeche.werkbank .zenvorbereitung__fotowahl:has(.zenvorbereitung__foto input:checked) .zenvorbereitung__datei {display:none}
.flaeche.werkbank .zenvorbereitung__datei input.zenvorbereitung__dateifeld {position:absolute;top:0;left:0;width:1px;height:1px;min-height:0;margin:0;padding:0;opacity:0;overflow:hidden}
.flaeche.werkbank .zenvorbereitung__datei {position:relative}
.flaeche.werkbank .zenvorbereitung__datei > .zenvorbereitung__dateiknopf {display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card);color:var(--ink);font-weight:650;cursor:pointer;transition:border-color var(--dauer-kurz,160ms) var(--ease,ease)}
.flaeche.werkbank .zenvorbereitung__dateiknopf svg {color:var(--brand-ink)}
.flaeche.werkbank .zenvorbereitung__dateiknopf:hover {border-color:var(--brand)}
.flaeche.werkbank .zenvorbereitung__dateifeld:focus-visible + .zenvorbereitung__dateiknopf {outline:3px solid var(--brand-ink);outline-offset:3px}
.flaeche.werkbank .zenvorbereitung__dateiname {display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--ink-2);overflow-wrap:anywhere}
.flaeche.werkbank .zenvorbereitung__datei--gewaehlt .zenvorbereitung__dateiname {color:var(--ink);font-weight:600}
@media (scripting: none) {
  .flaeche.werkbank .zenvorbereitung__datei input.zenvorbereitung__dateifeld {position:static;width:100%;height:auto;min-height:44px;opacity:1;overflow:visible}
  .flaeche.werkbank .zenvorbereitung__dateiknopf svg,.flaeche.werkbank .zenvorbereitung__dateiname {display:none}
  .flaeche.werkbank .zenvorbereitung__datei > .zenvorbereitung__dateiknopf {display:block;min-height:0;padding:0 0 8px;border:0;background:none;cursor:default}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank .zenvorbereitung__datei > .zenvorbereitung__dateiknopf {transition:none}
}
.flaeche.werkbank .zenvorbereitung__freiwillig {font-weight:500;color:var(--ink-2);font-size:.85em}
.flaeche.werkbank .zenvorbereitung textarea::placeholder {color:var(--ink-3);opacity:1}
.flaeche.werkbank .zenidee {position:relative;margin:0 0 var(--abstand-6);padding:20px var(--abstand-6) 16px 28px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.flaeche.werkbank .zenidee::before {content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--brand)}
.flaeche.werkbank .zenidee__auftakt {display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--brand-ink)}
.flaeche.werkbank .zenidee__zeichen {display:block;flex:0 0 22px;width:22px}
.flaeche.werkbank .zenidee__zeichen svg {display:block;width:100%;height:auto}
.flaeche.werkbank .zenidee__titel {margin:0 0 12px;font-size:clamp(20px,2.4vw,24px);line-height:1.25;letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.flaeche.werkbank .zenidee__zeile {margin:0;font-size:15px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.flaeche.werkbank .zenidee__zeile--motiv {display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;font-weight:600}
.flaeche.werkbank .zenidee__zeile--motiv svg {width:18px;height:18px;margin-top:var(--abstand-1);color:var(--brand-ink)}
.flaeche.werkbank .zenidee__zeile--tipp {margin-top:var(--abstand-2);padding-left:28px;font-size:14px;color:var(--ink-2)}
.flaeche.werkbank .zenidee .bildplanzeile {margin-top:12px}
.flaeche.werkbank .zenidee__fuss {margin:var(--abstand-4) 0 0;padding-top:var(--abstand-3);border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--ink-3)}
.flaeche.werkbank .zenvorbereitung__weiter {display:flex;align-items:center;gap:20px;margin:20px 0 32px;flex-wrap:wrap}
.flaeche.werkbank .zenvorbereitung__weiter .btn {min-height:48px;white-space:normal;text-align:left}
.flaeche.werkbank .zenvorbereitung__weiter p {flex:1;min-width:180px;max-width:35ch;margin:0;font-size:13px;line-height:1.6;color:var(--ink-2)}
@media (max-width:620px) {
  .flaeche.werkbank .wochenstand {padding:20px var(--abstand-4);margin:20px 0}
  .flaeche.werkbank .wochenstand__kopf {align-items:flex-start;flex-direction:column;gap:8px}
  .flaeche.werkbank .wochenstand__tage {gap:4px}
  .flaeche.werkbank .wochenstand__tag {padding:var(--abstand-3) 1px;border-radius:9px}
  .flaeche.werkbank .wochenstand__tag time b {font-size:18px}
  .flaeche.werkbank .wochenstand__zahlen {font-size:12px;gap:var(--abstand-2) 12px}
  .flaeche.werkbank .wochenstand__naechster {gap:var(--abstand-3);padding:var(--abstand-4) 12px}
  .flaeche.werkbank .wochenstand__zen {width:36px;flex-basis:36px;align-self:flex-start}
  .flaeche.werkbank .wochenstand__aufgabe strong {font-size:16px}
  .flaeche.werkbank .wochenstand__pfeil {display:none}
  .flaeche.werkbank .zenvorbereitung__kopf {align-items:flex-start;gap:12px}
  .flaeche.werkbank .zenvorbereitung__zen {width:46px;flex-basis:46px}
  .flaeche.werkbank .zenvorbereitung__angaben,.flaeche.werkbank .zenvorbereitung__fotowahl {padding:20px var(--abstand-4)}
  .flaeche.werkbank .zenvorbereitung__fotos,.flaeche.werkbank .zenvorbereitung__fotos[style] {grid-template-columns:minmax(0,1fr);gap:8px}
  .flaeche.werkbank .zenvorbereitung__foto {display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:1fr auto 1fr;column-gap:var(--abstand-3);align-items:center;padding:var(--abstand-2) var(--abstand-3) var(--abstand-2) var(--abstand-2);min-height:76px}
  .flaeche.werkbank .zenvorbereitung__foto .zenvorbereitung__bild {grid-row:1 / 4;grid-column:1}
  .flaeche.werkbank .zenvorbereitung__foto img {width:64px;height:64px;border-radius:8px}
  .flaeche.werkbank .zenvorbereitung__haken {top:3px;right:3px;width:22px;height:22px}
  .flaeche.werkbank .zenvorbereitung__haken svg {width:12px;height:12px}
  .flaeche.werkbank .zenvorbereitung__kurztitel {grid-column:2;grid-row:2;margin:0;font-size:14px}
  .flaeche.werkbank .zenvorbereitung__gewaehlt {grid-column:2;grid-row:3;align-self:start;margin:2px 0 0}
  .flaeche.werkbank .zenidee {padding:16px 16px var(--abstand-4) 20px;border-radius:16px}
  .flaeche.werkbank .zenidee__zeile--tipp {padding-left:0}
  .flaeche.werkbank .zenvorbereitung__datei {padding:12px}
  .flaeche.werkbank .zenvorbereitung__weiter .btn {width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank .wochenstand__naechster {transition:none}
  .flaeche.werkbank .wochenstand__naechster:active {transform:none}
  .flaeche.werkbank .zenvorbereitung__foto {transition:none}
  .flaeche.werkbank .zenvorbereitung__foto:active {transform:none}
}
.flaeche.werkbank .zenvorbereitung__vorratstitel {margin:var(--abstand-6) 0 var(--abstand-2);font-size:17px;line-height:1.4}
.flaeche .bildplanzeile {display:flex;align-items:flex-start;gap:8px;margin:var(--abstand-2) 0 0;padding:var(--abstand-2) 12px;border-radius:999px;background:var(--brand-tint);color:var(--brand-ink);font-weight:600;font-size:.92em;line-height:1.4;width:fit-content;max-width:100%}
.flaeche .bildplanzeile svg {flex:0 0 auto;margin-top:1px}
.flaeche .bildplanzeile__frei {font-weight:400}
.flaeche.werkbank .startbuehne .bildplanzeile {background:var(--buehne-beispiel);color:var(--buehne-text)}
.flaeche.werkbank .einwurfidee > .bildplanzeile {margin-top:12px}
@media (max-width:640px) { .flaeche.werkbank .einwurfidee > .bildplanzeile {margin-top:var(--abstand-3)} }
.flaeche.werkbank .planthema__hilfe > .bildplanzeile {margin:0 0 12px}
.flaeche .karussellplaetze {border:0;margin:0;padding:0;min-width:0}
.flaeche .karussellplaetze legend {display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:12px;padding:0}
.flaeche .karussellplaetze__plan {font-weight:700;font-size:1.05em}
.flaeche .karussellplaetze__anzahl {color:var(--ink-2);font-size:.92em}
.flaeche .karussellplaetze__ausweg, .flaeche .karussellplaetze__angebot {margin:12px 0 0;display:flex;flex-wrap:wrap;gap:var(--abstand-2) 12px;align-items:center}
.flaeche .karussellplaetze__beschreibung {display:block;margin-top:16px;font-weight:600}
.flaeche .karussellbuehne {margin-top:var(--abstand-4)}
.flaeche .karussellband {display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--abstand-3);overscroll-behavior-x:contain;scrollbar-width:thin}
.flaeche .karussellband:focus-visible {outline:2px solid var(--brand);outline-offset:4px;border-radius:8px}
.flaeche .karussellseite {flex:0 0 min(340px,82%);margin:0;scroll-snap-align:start;min-width:0}
.flaeche .karussellseite img {display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:8px;background:var(--line);box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08)}
.flaeche .karussellseite figcaption {display:flex;gap:8px;align-items:baseline;margin-top:8px;font-size:.88em;color:var(--ink-2)}
.flaeche .karussellseite figcaption span {font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}
.flaeche .karussellseite__laden {margin-left:auto}
.flaeche .karussellpfeile {display:flex;gap:var(--abstand-3);align-items:center;justify-content:space-between;margin-top:var(--abstand-2)}
.flaeche .karusselltext {margin-top:16px}
.flaeche .karussellzeilen {margin:var(--abstand-4) 0}
.flaeche .karussellzeilen form {display:grid;gap:12px;margin-top:12px}
.flaeche .karussellzeile {display:grid;gap:4px}
.flaeche .karussellzeile span {font-weight:600;font-size:.92em}
.flaeche .karussellschilder {border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
.flaeche .karussellschilder legend {font-weight:600;font-size:.92em;padding:0;margin-bottom:4px}
@media (prefers-reduced-motion: reduce) {.flaeche .karussellband {scroll-behavior:auto}}
.flaeche.werkbank .startplaetze {display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:28px 32px;background:#3C2B59;color:var(--buehne-text)}
.flaeche.werkbank .startplaetze > .startbuehne__frage {margin-top:var(--abstand-2)}
.flaeche.werkbank .startplaetze .karussellplaetze legend {color:var(--buehne-text)}
.flaeche.werkbank .startplaetze .karussellplaetze__beschreibung {color:var(--buehne-text)}
.flaeche.werkbank .startplaetze .karussellplaetze__beschreibung .muted {color:var(--buehne-leise)}
.flaeche.werkbank .startbuehne .karussellplaetze__ausweg a, .flaeche.werkbank .startbuehne .karussellplaetze__angebot a {color:var(--buehne-text);text-underline-offset:3px}
.flaeche.werkbank .startbuehne .karussellplaetze__ausweg a:focus-visible, .flaeche.werkbank .startbuehne .karussellplaetze__angebot a:focus-visible {outline:3px solid var(--buehne-akzent);outline-offset:2px;border-radius:2px}
.flaeche.werkbank .startbuehne .karussellplaetze__angebot {margin:0 0 20px}
.flaeche.werkbank .startbuehne--karussell {grid-template-columns:minmax(0,1fr)}
.flaeche.werkbank .startbuehne--karussell .startbuehne__inhalt > * {max-width:880px}
.flaeche.werkbank .startbuehne--karussell .startplaetze {border-top:1px solid var(--buehne-linie)}
@media (max-width:1100px) {
  .flaeche.werkbank .startplaetze {padding:28px}
}
@media (max-width:700px) {
  .flaeche.werkbank .startplaetze {padding:20px 20px var(--abstand-6);border-top:1px solid var(--buehne-linie)}
}
.flaeche.werkbank [data-assistent-seite] {--zen-spalte:860px}
@media (min-width:900px) {
  .flaeche.werkbank [data-assistent-seite] .assistent__nachrichtenbereich > * {max-width:var(--zen-spalte);margin-inline:auto}
  .flaeche.werkbank [data-assistent-seite] .assistent__nachrichtenbereich > .notice {max-width:calc(var(--zen-spalte) - 40px)}
  .flaeche.werkbank [data-assistent-seite] .assistent__einstieg {box-sizing:border-box}
  .flaeche.werkbank [data-assistent-seite] .assistent__eingabe,
  .flaeche.werkbank [data-assistent-seite] .assistent__meldungen {padding-inline:max(16px,calc((100% - var(--zen-spalte)) / 2 + 16px))}
}
@media (min-width:1180px) {
  .flaeche.werkbank main.wrap:has([data-assistent-seite]) {max-width:none;padding:0}
  .flaeche.werkbank [data-assistent-seite] .assistent {--assistent-luft:0px;max-width:none}
  .flaeche.werkbank [data-assistent-seite] .assistent__gespraech {border:0;border-radius:0;box-shadow:none}
  .flaeche.werkbank [data-assistent-seite] .assistent__kopf {padding:12px 24px}
}
@media (min-width:1180px) and (min-height:600px) {
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has([data-assistent-seite]) .footnote {position:fixed;left:0;bottom:0;z-index:56;
      flex-direction:column;align-items:flex-start;gap:var(--abstand-1);width:var(--seitenbreite);max-width:none;margin:0;box-sizing:border-box;
      padding:var(--abstand-4) 20px 16px var(--abstand-8);background:var(--card);border-top:1px solid var(--line);border-right:1px solid var(--line)}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has([data-assistent-seite]) .footnote__links {margin:4px 0 0;gap:2px var(--abstand-4)}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has([data-assistent-seite]) .tabs .wrap {padding-bottom:172px}
}
.flaeche.werkbank [data-assistent-seite] .kihinweis:has(> details:not([open])) {margin-top:4px;padding:0 4px;background:transparent;border-color:transparent}
.flaeche.werkbank [data-assistent-seite] .kihinweis:has(> details:not([open])) .kihinweis__zeichen {margin-top:var(--abstand-3)}
.vordruck-link {display:inline-flex;align-items:center;min-height:44px;margin-right:14px;font-weight:600;color:var(--fh-text, currentColor);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;border-radius:4px}
.vordruck-link:hover {text-decoration-thickness:2px}
.vordruck-zeile {display:flex;flex-wrap:wrap;margin:4px 0 0}
.vordruck-zeile:empty {display:none}
.vordruck-link:focus-visible {outline:3px solid var(--fh-akzent, currentColor);outline-offset:2px}
.fotohilfe__achten .vordruck-link {display:inline;min-height:0;margin-right:0;white-space:nowrap}
.flaeche .fotoplaetze {
  --fp-text:var(--ink); --fp-leise:var(--ink-2); --fp-flaeche:var(--card); --fp-leer:var(--brand-tint);
  --fp-linie:var(--line-2); --fp-akzent:var(--brand); --fp-akzent-text:var(--auf-brand); --fp-fehler:var(--stop);
  --fp-fehlergrund:var(--stop-bg); --fp-fehlertext:var(--ink); --fp-schalter:var(--brand); --fp-knauf:#fff; --fp-schalteraus:var(--line-2);
  --fp-schatten:var(--shadow);
}
.flaeche.werkbank .startbuehne .fotoplaetze {
  --fp-text:var(--buehne-text); --fp-leise:var(--buehne-leise); --fp-flaeche:#ffffff0d; --fp-leer:#ffffff0a;
  --fp-linie:var(--buehne-linie); --fp-akzent:var(--buehne-akzent); --fp-akzent-text:#20311B; --fp-fehler:#FF9AA1;
  --fp-fehlergrund:rgba(240,118,124,.18); --fp-fehlertext:#FFE3E5; --fp-schalter:var(--buehne-akzent); --fp-knauf:#20311B; --fp-schalteraus:#7E6D97;
  --fp-schatten:0 1px 2px rgba(0,0,0,.25), 0 12px 28px -16px rgba(0,0,0,.6);
}
.flaeche .fotoplaetze {color:var(--fp-text)}
.flaeche .fotoplaetze__kopf {display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:0 0 4px;padding:0;color:var(--fp-text)}
.flaeche .fotoplaetze .karussellplaetze__anzahl {color:var(--fp-leise)}
.flaeche .fotoplaetze__stand {margin:0 0 var(--abstand-4);font-size:13px;color:var(--fp-leise);font-variant-numeric:tabular-nums}
.flaeche .fotoplaetze__stand [data-fotoplaetze-zahl] {font-weight:700;color:var(--fp-text)}
.flaeche .fotoplaetze__meldung {margin:0 0 var(--abstand-4)}
.flaeche .fotoplaetze {container-type:inline-size}
.flaeche .fotoplaetze__liste {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--abstand-4);align-items:start}
@container (min-width:720px) {.flaeche .fotoplaetze[data-hoechstens="3"] .fotoplaetze__liste {grid-template-columns:repeat(3,minmax(0,1fr))} .flaeche .fotoplaetze[data-hoechstens="4"] .fotoplaetze__liste {grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (max-width:340px) {.flaeche .fotoplaetze__liste {grid-template-columns:1fr}}
.flaeche .fotoplatz {position:relative;display:flex;flex-direction:column;gap:var(--abstand-3);min-width:0;padding:var(--abstand-3) var(--abstand-3) 12px;border-radius:18px;
  background:var(--fp-flaeche);border:1px solid var(--fp-linie);box-shadow:var(--fp-schatten);color:var(--fp-text)}
.flaeche .fotoplatz--frei:not(.fotoplatz--voll) {background:transparent;box-shadow:none;border-style:dashed}
.flaeche .fotoplatz--fehler {border-color:var(--fp-fehler)}
.flaeche .fotoplatz__bild {position:relative;display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;border-radius:13px;
  background:var(--fp-leer);border:1.5px dashed color-mix(in srgb, var(--fp-akzent) 60%, transparent)}
.flaeche .fotoplatz--frei:not(.fotoplatz--voll) .fotoplatz__bild {border-color:var(--fp-linie)}
.flaeche .fotoplatz--voll .fotoplatz__bild {border:0;background:#0000001a}
.flaeche .fotoplaetze--skript .fotoplatz--leer .fotoplatz__bild {cursor:pointer}
.flaeche .fotoplatz__bild img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.flaeche .fotoplatz__bild img[hidden] {display:none}
.flaeche .fotoplaetze[data-ordnen="1"] .fotoplatz--voll .fotoplatz__bild[draggable="true"] {cursor:grab}
.flaeche .fotoplatz__leer {display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;text-align:center;font-size:14px;font-weight:600;color:var(--fp-text)}
.flaeche .fotoplatz__leer svg {color:var(--fp-akzent)}
.flaeche .fotoplatz--frei .fotoplatz__leer {font-weight:500;color:var(--fp-leise)}
.flaeche .fotoplatz--frei .fotoplatz__leer svg {color:var(--fp-leise)}
.flaeche .fotoplatz__leer[hidden] {display:none}
.flaeche .fotoplatz__nummer {position:absolute;top:10px;left:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:var(--fp-akzent);color:var(--fp-akzent-text);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.flaeche .fotoplatz--frei:not(.fotoplatz--voll) .fotoplatz__nummer {background:transparent;color:var(--fp-leise);box-shadow:inset 0 0 0 1.5px var(--fp-linie)}
.flaeche .fotoplatz__laden {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-3);padding:12px;
  background:rgba(18,14,32,.66);color:#fff;font-size:13px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}
.flaeche .fotoplatz__laden[hidden] {display:none}
.flaeche .fotoplatz__text {display:flex;flex-direction:column;gap:2px;min-width:0}
.flaeche .fotoplatz__name {font-size:15px;font-weight:700;line-height:1.3;color:var(--fp-text);hyphens:manual;overflow-wrap:normal;word-break:normal}
.flaeche .fotoplatz__frei {margin-left:var(--abstand-2);padding:1px var(--abstand-2);border-radius:999px;border:1px solid var(--fp-linie);font-size:11.5px;font-weight:500;color:var(--fp-leise);white-space:nowrap}
.flaeche .fotoplatz__hinweis {font-size:13px;line-height:1.45;color:var(--fp-leise)}
.flaeche .fotoplatz__fehler {display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0;padding:var(--abstand-3) 12px;border-radius:11px;
  background:var(--fp-fehlergrund);color:var(--fp-fehlertext);font-size:13px;line-height:1.45}
.flaeche .fotoplatz__fehler[hidden] {display:none}
.flaeche .fotoplatz__fehler svg {flex:0 0 auto;margin-top:2px;color:var(--fp-fehler)}
.flaeche .fotoplatz__fehler > span {flex:1 1 0;min-width:0}
.flaeche .fotoplatz__nochmal {appearance:none;margin-left:24px;padding:0;min-height:32px;border:0;background:none;color:var(--fp-fehlertext);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.flaeche .fotoplatz__aktionen {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2) 8px}
.flaeche .fotoplatz__waehlen {position:relative;flex:1 1 auto;cursor:pointer;white-space:nowrap}
.flaeche .fotoplatz__waehlen:focus-within {outline:3px solid var(--fp-akzent);outline-offset:2px}
.flaeche .fotoplatz--voll .fotoplatz__waehlen, .flaeche.werkbank .fotoplatz--voll .fotoplatz__waehlen.btn, .flaeche.werkbank .startbuehne .fotoplatz--voll .fotoplatz__waehlen.btn,
.flaeche .fotoplatz--frei:not(.fotoplatz--voll) .fotoplatz__waehlen, .flaeche.werkbank .fotoplatz--frei:not(.fotoplatz--voll) .fotoplatz__waehlen.btn, .flaeche.werkbank .startbuehne .fotoplatz--frei:not(.fotoplatz--voll) .fotoplatz__waehlen.btn {
  flex:0 1 auto;background:transparent;border:1px solid var(--fp-linie);color:var(--fp-text)}
.flaeche .fotoplatz__nebenknopf {appearance:none;min-height:44px;padding:0 var(--abstand-2);border:0;background:none;color:var(--fp-text);font:inherit;font-size:13px;font-weight:600;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.flaeche .fotoplatz__nebenknopf[hidden] {display:none}
.flaeche .fotoplatz__nebenknopf:focus-visible, .flaeche .fotoplatz__pfeil:focus-visible, .flaeche .fotoplatz__vorrat summary:focus-visible {outline:3px solid var(--fp-akzent);outline-offset:2px;border-radius:8px}
.flaeche .fotoplatz__ordnen {display:inline-flex;gap:4px;margin-left:auto}
.flaeche .fotoplatz__ordnen[hidden] {display:none}
.flaeche .fotoplatz__pfeil {appearance:none;display:grid;place-items:center;width:40px;height:44px;border:1px solid var(--fp-linie);border-radius:10px;background:transparent;color:var(--fp-text);cursor:pointer}
.flaeche .fotoplatz__pfeil:disabled {opacity:.35;cursor:default}
.flaeche .fotoplatz__vorrat {font-size:13px}
.flaeche .fotoplatz__vorrat summary {display:inline-flex;align-items:center;gap:var(--abstand-2);min-height:44px;color:var(--fp-text);font-weight:600;cursor:pointer;list-style:none}
.flaeche .fotoplatz__vorrat summary::-webkit-details-marker {display:none}
.flaeche .fotoplatz__vorrat summary::before {content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--dauer-kurz,160ms) var(--ease)}
.flaeche .fotoplatz__vorrat[open] summary::before {transform:rotate(45deg)}
.flaeche .fotoplatz__vorratsliste {display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--abstand-2);margin-top:8px}
.flaeche .fotoplatz__vorratsfoto {position:relative;display:block;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:4/5}
.flaeche .fotoplatz__vorratsfoto input {position:absolute;opacity:0;inset:0;margin:0}
.flaeche .fotoplatz__vorratsfoto img {display:block;width:100%;height:100%;object-fit:cover}
.flaeche .fotoplatz__vorratsfoto:has(input:checked) {outline:3px solid var(--fp-akzent);outline-offset:-3px}
.flaeche .fotoplatz__vorratsfoto:has(input:focus-visible) {outline:3px solid var(--fp-akzent);outline-offset:1px}
.flaeche .fotoplatz__einwilligung {display:flex;align-items:center;gap:var(--abstand-3);min-height:44px;margin:0;font-size:13px;line-height:1.35;color:var(--fp-text);cursor:pointer}
.flaeche .fotoplaetze--skript .fotoplatz--leer .fotoplatz__einwilligung {display:none}
.flaeche .fotoplatz__schalter {appearance:none;-webkit-appearance:none;position:relative;flex:0 0 42px;width:42px;height:26px;margin:0;border-radius:13px;
  background:var(--fp-schalteraus);cursor:pointer;transition:background-color var(--dauer-kurz,160ms)}
.flaeche .fotoplatz__schalter::before {content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform var(--dauer-kurz,160ms) var(--ease)}
.flaeche .fotoplatz__schalter:checked {background:var(--fp-schalter)}
.flaeche .fotoplatz__schalter:checked::before {transform:translateX(16px);background:var(--fp-knauf)}
.flaeche .fotoplatz__schalter:focus-visible {outline:3px solid var(--fp-akzent);outline-offset:2px}
.flaeche .fotoplatz__schalterbahn {display:none}
.flaeche .fotoplaetze__einwilligungshilfe {margin:12px 0 0;font-size:12.5px;line-height:1.45;color:var(--fp-leise)}
.flaeche .fotoplatz--ziel {outline:2px dashed var(--fp-akzent);outline-offset:3px}
.flaeche .fotoplatz--zieht {opacity:.55}
.flaeche .fotoplatz--hervor::after, .flaeche .fotoplatz--bewegt::after {content:"";position:absolute;inset:-3px;border-radius:20px;box-shadow:0 0 0 3px var(--fp-akzent);opacity:0;pointer-events:none;animation:fotoplatzRing .9s var(--ease) 1}
@keyframes fotoplatzRing {0% {opacity:0} 25% {opacity:1} 100% {opacity:0}}
.flaeche .fotoplaetze__absenden {display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:16px}
.flaeche .fotoplaetze__grund {min-height:2.9em;margin:0;font-size:13px;line-height:1.45;color:var(--ink-2)}
.flaeche.werkbank .startbuehne .fotoplaetze__grund {color:var(--buehne-leise)}
.flaeche .zenvorbereitung__weiter .fotoplaetze__grund {flex-basis:100%;order:3}
.flaeche .fotoplaetze__grund--betont {animation:fotoplaetzeGrund .5s var(--ease) 1}
@keyframes fotoplaetzeGrund {0%,100% {transform:none} 30% {transform:translateX(-4px)} 60% {transform:translateX(4px)}}
.flaeche .btn.btn--gesperrt {opacity:.55;cursor:not-allowed;filter:none}
@media (prefers-reduced-motion: reduce) {
  .flaeche .fotoplatz--hervor::after, .flaeche .fotoplatz--bewegt::after, .flaeche .fotoplaetze__grund--betont {animation:none}
  .flaeche .fotoplatz__schalter, .flaeche .fotoplatz__schalter::before, .flaeche .fotoplatz__vorrat summary::before {transition:none}
}
@media (max-width:420px) {
  .flaeche .fotoplaetze__liste {grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--abstand-3)}
  .flaeche .fotoplatz {padding:8px 8px var(--abstand-3);border-radius:15px}
  .flaeche .fotoplatz__waehlen {flex-basis:100%;padding-inline:var(--abstand-3)}
  .flaeche .fotoplatz__ordnen {margin-left:0}
  .flaeche .fotoplatz--fehler {grid-column:1 / -1}
  .flaeche .fotoplatz--fehler .fotoplatz__bild {max-width:200px}
}
@media (max-width:359px) {
  .flaeche .fotoplatz__nummer {top:6px;left:6px;width:24px;height:24px;font-size:12px}
  .flaeche .fotoplatz__leer {padding:28px 8px 8px;gap:4px;font-size:13px;line-height:1.25}
  .flaeche .fotoplatz__leer svg {width:28px;height:28px}
}
.flaeche .btn[disabled], .flaeche .btn.btn--gesperrt, .flaeche .btn[aria-disabled="true"],
.flaeche.werkbank .btn[disabled]:not(.sec), .flaeche.werkbank .btn.btn--gesperrt:not(.sec), .flaeche.werkbank .btn[aria-disabled="true"]:not(.sec) {
  opacity:1;background:transparent;border:1.5px solid var(--field-border);color:var(--ink-2);box-shadow:none;filter:none;cursor:not-allowed}
.flaeche.werkbank .startbuehne .startfoto .drop {background:#443360;border:1.5px dashed var(--buehne-linie);color:var(--buehne-text);box-shadow:none}
.flaeche.werkbank .startbuehne .startfoto .drop:hover {background:#4A3A65;border-color:#9C88BC}
.flaeche.werkbank .startbuehne .startfoto .drop.over {background:#50406A;border-color:var(--buehne-akzent);transform:none}
.flaeche.werkbank .startbuehne .startfoto .drop:where(.drop--voll) {background:#463662;border-style:solid;border-color:var(--buehne-akzent)}
.flaeche.werkbank .startbuehne .startfoto .drop:has(input:focus-visible) {outline:3px solid var(--buehne-akzent);outline-offset:4px}
.flaeche.werkbank .startbuehne .startfoto .drop strong {color:var(--buehne-text)}
.flaeche.werkbank .startbuehne .startfoto .drop span,
.flaeche.werkbank .startbuehne .startfoto .drop .or,
.flaeche.werkbank .startbuehne .startfoto .drop strong .drop__ziehen,
.flaeche.werkbank .startbuehne .startfoto .drop__gewaehlt > .drop__keinbild {color:var(--buehne-leise)}
.flaeche.werkbank .startbuehne .startfoto .drop__leer > svg {color:var(--buehne-akzent)}
.flaeche.werkbank .startbuehne .startfoto .drop__gewaehlt > .or {color:var(--buehne-akzent)}
.flaeche.werkbank .startbuehne .startfoto .drop .drop__fehler {color:#FFC9CD}
.flaeche.werkbank .startbuehne .btn[disabled],
.flaeche.werkbank .startbuehne .btn.btn--gesperrt,
.flaeche.werkbank .startbuehne .btn[disabled]:hover,
.flaeche.werkbank .startbuehne .btn.btn--gesperrt:hover {opacity:1;background:transparent;border:1.5px solid var(--buehne-linie);color:#B4A7CB;box-shadow:none;filter:none;cursor:not-allowed}
@media (min-width:1100px) {
  .flaeche.werkbank .startbuehne--karussell .startbuehne__inhalt > * {max-width:none}
  .flaeche.werkbank .startbuehne--karussell .einwurfidee {grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);align-items:start;padding:20px var(--abstand-6) 4px}
  .flaeche.werkbank .startbuehne--karussell .einwurfidee__zeichen {align-self:center}
  .flaeche.werkbank .startbuehne--karussell .einwurfidee > :not(.einwurfidee__kopf):not(h3):not(.fotohilfe) {grid-column:1 / 3}
  .flaeche.werkbank .startbuehne--karussell .einwurfidee > .fotohilfe {grid-column:3;grid-row:1 / span 8;margin:0 0 0 20px;padding-left:28px;border-left:1px solid var(--buehne-linie)}
}
.flaeche.werkbank .startbuehne {--stapel-karte:#3D3059;--stapel-griff:#352850;--stapel-griffrand:#8A78A6;--stapel-griffrand-hell:#9C88BC}
.flaeche.werkbank .startbuehne__inhalt:has(> .startgriffe, > .eigenkarte) {position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr)}
.flaeche.werkbank .startgriffe {position:relative;z-index:0;grid-row:3;grid-column:1;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;margin:16px 12px -12px}
.flaeche.werkbank .startgriff {grid-area:1 / 1;position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:56px;padding:12px 16px 24px;background:var(--stapel-griff);border:1px solid var(--stapel-griffrand);border-bottom:0;border-radius:16px 16px 0 0;color:var(--buehne-text);text-decoration:none;cursor:pointer}
.flaeche.werkbank .startgriff::before {content:'';position:absolute;z-index:-1;left:12px;right:12px;top:-8px;height:12px;border:1px solid var(--stapel-griffrand);border-bottom:0;border-radius:12px 12px 0 0;background:#2F2348}
.flaeche.werkbank .startgriff__zeichen {display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#ffffff14;color:var(--buehne-akzent)}
.flaeche.werkbank .startgriff__text {display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;min-width:0}
.flaeche.werkbank .startgriff__text strong {font-size:14px;line-height:1.4;color:var(--buehne-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.flaeche.werkbank .startgriff__text small {font-size:12px;line-height:1.4;color:var(--buehne-leise)}
.flaeche.werkbank .startbuehne__inhalt > .einwurfidee,
.flaeche.werkbank .startbuehne__inhalt > .eigenkarte {position:relative;z-index:1;grid-row:4;grid-column:1;min-width:0;margin:0;background:var(--stapel-karte);transform-origin:50% 0;box-shadow:0 -8px 20px -14px #150D26}
.flaeche.werkbank .startbuehne__inhalt:has(#art-eigen:checked) > .einwurfidee,
.flaeche.werkbank .startbuehne__inhalt:has(#art-idee:checked) > .eigenkarte {z-index:0;visibility:hidden;opacity:0;transform:translateY(-32px) scale(.98)}
.flaeche.werkbank .startbuehne__inhalt:has(#art-idee:checked) .startgriff--idee,
.flaeche.werkbank .startbuehne__inhalt:has(#art-eigen:checked) .startgriff--eigen {visibility:hidden;opacity:0;transform:translateY(12px)}
.flaeche.werkbank .startbuehne:has(#art-idee:checked) [data-nur-art="eigen"],
.flaeche.werkbank .startbuehne:has(#art-eigen:checked) [data-nur-art="idee"] {display:none}
.flaeche.werkbank #art-idee:focus-visible ~ .startgriff--eigen,
.flaeche.werkbank #art-eigen:focus-visible ~ .startgriff--idee,
.flaeche.werkbank a.startgriff:focus-visible {outline:3px solid var(--buehne-akzent);outline-offset:2px}
.flaeche.werkbank .startbuehne:not(.startbuehne--karussell) .einwurfidee {align-content:start;grid-template-rows:auto auto auto minmax(0,1fr)}
.flaeche.werkbank .startbuehne:not(.startbuehne--karussell) .einwurfidee > .fotohilfe {display:flex;flex-direction:column;align-self:stretch}
.flaeche.werkbank .startbuehne:not(.startbuehne--karussell) .einwurfidee .fotohilfe__fuss {margin-top:auto}
.flaeche.werkbank .startbuehne .startfoto .mini {display:block}
.flaeche.werkbank .startbuehne .startfoto .startrechte {font-size:12px;line-height:1.55}
.flaeche.werkbank .eigenkarte {display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;align-content:start;padding:16px 20px 20px;border:1px solid var(--buehne-linie);border-radius:16px;color:var(--buehne-text);overflow:hidden;container-type:inline-size}
.flaeche.werkbank .eigenkarte .einwurfidee__zeichen {grid-column:1;grid-row:1 / span 2}
.flaeche.werkbank .eigenkarte .einwurfidee__marke {grid-column:2;grid-row:1}
.flaeche.werkbank .eigenkarte h3 {grid-column:2;grid-row:2;margin:4px 0 0;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--buehne-text);text-wrap:balance;hyphens:manual}
.flaeche.werkbank .eigenkarte__satz {grid-column:1 / -1;margin:12px 0 112px;font-size:14px;line-height:1.55;color:var(--buehne-leise);max-width:46ch}
.flaeche.werkbank .eigenkarte__bild {position:absolute;right:-8px;bottom:-8px;width:152px;height:auto;pointer-events:none}
.flaeche.werkbank .startbuehne--karussell .eigenkarte__bild {display:none}
@container (max-width:319px) {
  .flaeche.werkbank .eigenkarte__bild {display:none}
  .flaeche.werkbank .eigenkarte__satz {margin-bottom:0}
}
@media (prefers-reduced-motion:no-preference) {
  .flaeche.werkbank .startbuehne__inhalt > .einwurfidee,.flaeche.werkbank .startbuehne__inhalt > .eigenkarte {transition:transform 320ms var(--ease),opacity 160ms var(--ease)}
  .flaeche.werkbank .startbuehne__inhalt:has(#art-eigen:checked) > .einwurfidee,.flaeche.werkbank .startbuehne__inhalt:has(#art-idee:checked) > .eigenkarte {transition:transform 320ms var(--ease),opacity 120ms var(--ease),visibility 0s linear 120ms}
  .flaeche.werkbank .startgriff {transition:transform 200ms var(--ease) 80ms,opacity 160ms var(--ease) 80ms}
  .flaeche.werkbank .startbuehne__inhalt:has(#art-idee:checked) .startgriff--idee,.flaeche.werkbank .startbuehne__inhalt:has(#art-eigen:checked) .startgriff--eigen {transition:transform 120ms var(--ease),opacity 80ms var(--ease),visibility 0s linear 80ms}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .flaeche.werkbank .startgriff:hover {transform:translateY(-3px);border-color:var(--stapel-griffrand-hell)}
  .flaeche.werkbank .startgriff:active {transform:scale(.99)}
}
@media (max-width:700px) {
  .flaeche.werkbank .startbuehne__inhalt:has(#art-eigen:checked) > .einwurfidee,.flaeche.werkbank .startbuehne__inhalt:has(#art-idee:checked) > .eigenkarte {position:absolute;top:0;left:0;right:0}
  .flaeche.werkbank .startgriffe {margin:16px 8px -12px}
  .flaeche.werkbank .startgriff {padding:12px 12px 24px}
  .flaeche.werkbank .startgriff__text small {flex-basis:100%}
  .flaeche.werkbank .eigenkarte {padding:12px 16px 16px}
  .flaeche.werkbank .eigenkarte h3 {font-size:19px}
  .flaeche.werkbank .eigenkarte__satz {margin:8px 0 0;font-size:13px;line-height:1.45}
  .flaeche.werkbank .eigenkarte__bild,.flaeche.werkbank .fotohilfe__wechselrest {display:none}
}
@media (max-width:360px) {
  .flaeche.werkbank .startgriff--eigen .startgriff__text small {display:none}
}
@supports not selector(:has(*)) {
  .flaeche.werkbank .startbuehne__inhalt > .einwurfidee,.flaeche.werkbank .startbuehne__inhalt > .eigenkarte {grid-row:auto}
}
.flaeche.weg {--weg-breite:1116px}
.flaeche.werkbank .zenvorbereitung {max-width:1040px}
.flaeche.werkbank.weg main.wrap,.flaeche.weg > .schritte .wrap {max-width:var(--weg-breite);padding-left:40px;padding-right:40px}
@media (max-width:700px) {
  .flaeche.werkbank.weg main.wrap,.flaeche.weg > .schritte .wrap {padding-left:20px;padding-right:20px}
}
.flaeche .schritte--innen {border:0;background:none;margin:12px 0 0}
.flaeche .schritte--innen .schritte__zeile {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2) var(--abstand-3);min-height:28px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--ink-3)}
.flaeche .schritte--innen .schritt .b {width:20px;height:20px}
.flaeche .schritte--innen {container-type:inline-size}
@container (max-width:539px) {
  .flaeche .schritte--innen .schritt:not(.schritt--jetzt) .schritt__name {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
.flaeche.werkbank .zenvorbereitung > .schritte--innen {margin:0 0 20px}
.flaeche.werkbank .startbuehne .schritte--innen {margin:var(--abstand-3) 0 20px}
.flaeche.werkbank .startbuehne .schritte--innen .schritte__zeile {color:var(--buehne-leise)}
.flaeche.werkbank .startbuehne .schritte--innen .schritt--jetzt {color:var(--buehne-text)}
.flaeche.werkbank .startbuehne .schritte--innen .schritt .b {border-color:var(--buehne-linie)}
.flaeche.werkbank .startbuehne .schritte--innen .schritt--jetzt .b {background:var(--buehne-akzent);border-color:var(--buehne-akzent);color:#30234B}
.flaeche.werkbank .startbuehne .schritte--innen .pfeil {color:var(--buehne-leise)}
.flaeche.einord .stack > .card:not(.pad) {padding:0}
.flaeche.einord .q {padding:22px clamp(20px,2.2vw,28px)}
.flaeche.einord .gest__kopf {padding:20px clamp(20px,2.2vw,28px)}
.flaeche.einord .gest .gbody {padding:0 clamp(20px,2.2vw,28px) 24px}
.flaeche.einord .card.pad:has(> .einord-aktionen) {container-type:inline-size}
.flaeche.einord .einord-aktionen {display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 24px;margin:0;padding:0;border:0}
.flaeche.einord .einord-aktionen__haupt {display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.flaeche.einord .einord-aktionen__folge {margin:0;max-width:36ch;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.flaeche.einord .einord-aktionen__neben {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) var(--abstand-4);margin-left:auto}
.flaeche.einord .einord-aktionen__neben > button {min-height:44px}
@container (max-width:639px) {
  .flaeche.einord .einord-aktionen__neben {flex-basis:100%;margin-left:0}
}
@container (max-width:439px) {
  .flaeche.einord .einord-aktionen__haupt {flex-basis:100%;align-items:stretch}
  .flaeche.einord .einord-aktionen__haupt > .btn {width:100%;justify-content:center}
  .flaeche.einord .einord-aktionen__folge {max-width:none;text-align:center}
  .flaeche.einord .einord-aktionen__neben {flex-direction:column;align-items:stretch;gap:var(--abstand-2)}
  .flaeche.einord .einord-aktionen__neben > .btn {justify-content:center}
}
.flaeche [data-freigabevorschau] {container-type:inline-size}
@container (max-width:759px) {
  .flaeche [data-freigabevorschau] .acts > .entwurf-verwerfen {margin-left:0}
}
.flaeche.einord main > .notice--error[data-fehlerfokus] {width:auto;max-width:none}
.flaeche .fotoplaetze--skript:not(:has(.fotoplatz--voll)) .fotoplaetze__einwilligungshilfe {display:none}
.flaeche .fotoplaetze__liste {align-items:stretch}
.flaeche .fotoplatz__text {flex:1 0 auto}
.flaeche .weiterzeile {display:flex;flex-wrap:wrap;align-items:center;gap:8px var(--abstand-4)}
.flaeche .weiterzeile__hinweis {font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.flaeche .weiterzeile__hinweis[hidden] {display:none}
.flaeche.werkbank .zenvorbereitung__weiter > .weiterzeile {flex:0 1 auto}
.flaeche.werkbank .storywerkstatt__felder > .weiterzeile > .btn {flex:1 1 auto}
.flaeche .bildplanzeile {border-radius:14px}
.flaeche .bildplanzeile__frei {margin:var(--abstand-2) 0 0;font-size:12.5px;font-weight:400;line-height:1.5;color:var(--ink-2)}
.flaeche.werkbank .startbuehne .bildplanzeile__frei {color:var(--buehne-leise)}
@media (hover:hover) and (pointer:fine) and (min-width:701px) {
}
.flaeche.werkbank .wochenstand__zahlen li.wochenstand__leer > span {color:var(--ink-3)}
.werbung .wb-kopf.wb-kopf--fenster {position:relative;inset:auto;z-index:auto;background:var(--w-papier,#FBF8F1);backdrop-filter:none;-webkit-backdrop-filter:none}
.werbung .wb-kopf--fenster .wrap {height:60px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.werbung.wb-anmeldung.app-fenster .wb-anmeldung__raster {padding-top:clamp(16px,3vw,40px)}
@media (max-width:920px) {
  .werbung.wb-anmeldung.app-fenster .wb-anmeldung__raster,
  .werbung.wb-anmeldung.app-fenster .wb-anmeldung__raster--schmal {padding-top:16px}
}
.werbung.wb-anmeldung.app-fenster .wb-anmeldung__wort[data-dichte] {position:static}
.werbung.wb-anmeldung.app-fenster .wrap.wb-anmeldung__raster {padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.flaeche .top[data-app-fenster] {position:static;background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none}
.flaeche.werkbank:has(> .top[data-app-fenster]) {--kopf:64px}
@media (min-width:1180px) {
  .flaeche.werkbank:has(> .top[data-app-fenster]) {padding-top:0}
  .flaeche.werkbank > .top[data-app-fenster] {position:static}
}
.flaeche.werkbank > .top[data-app-fenster] .wrap {height:64px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
@media (max-width:700px) {
  .flaeche.werkbank > .top[data-app-fenster] .wrap {flex-wrap:nowrap;align-content:normal;gap:12px}
  .flaeche.werkbank > .top[data-app-fenster] .wrap::after {display:none}
  .flaeche.werkbank > .top[data-app-fenster] .lockup {flex-direction:row;align-items:center;gap:10px;min-height:44px;margin-right:auto}
  .flaeche.werkbank > .top[data-app-fenster] .wordmark--produkt {font-size:26px}
  .flaeche.werkbank[data-kopf-eingeklappt] > .top[data-app-fenster] {transform:none}
}
.flaeche.einrichtung:has(> .top[data-app-fenster]) .steps {position:static}
:where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]) {
    -webkit-appearance:none;appearance:none;box-sizing:border-box;flex:0 0 auto;
    width:20px;height:20px;margin:2px 0 0;padding:0;vertical-align:-4px;
    border:2px solid var(--ink-3);border-radius:6px;background:var(--card) center/16px 16px no-repeat;
    cursor:pointer;transition:background-color var(--dauer-kurz),border-color var(--dauer-kurz),box-shadow var(--dauer-kurz);
}
:where(input[type="radio"]) {border-radius:50%}
:where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]):hover {border-color:var(--brand)}
:where(input[type="checkbox"]:not([role="switch"])):checked {border-color:var(--brand);background-color:var(--brand);background-image:var(--haken)}
:where(input[type="radio"]):checked {border-color:var(--brand);background-color:var(--brand);box-shadow:inset 0 0 0 3px var(--card)}
:where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]):focus-visible {outline:3px solid var(--brand-tint-2);outline-offset:1px;border-color:var(--brand)}
:where(input[type="checkbox"]:not([role="switch"]), input[type="radio"]):disabled {border-color:var(--line-2);background-color:var(--card-2);cursor:not-allowed}
:where(input[type="checkbox"]:not([role="switch"]), input[type="radio"])[aria-invalid="true"] {border-color:var(--stop);box-shadow:0 0 0 3px var(--stop-bg)}
:where(input[type="checkbox"]:not([role="switch"])):checked[aria-invalid="true"] {border-color:var(--brand);box-shadow:none}
.flaeche input[type="checkbox"]:not([role="switch"])[aria-invalid="true"],.flaeche input[type="radio"][aria-invalid="true"] {outline:0}
.werbung.wb-anmeldung .wb-check input,.avv__haken input,.einrichtung .consent input,.flaeche.werkbank .startbuehne .startrechte .check__box,
.flaeche .checkline input,.legal .checkline input {width:22px;height:22px;min-width:22px}
.avv__haken input {margin-top:0}
.flaeche .anlasswahl__option input {-webkit-appearance:none;appearance:none;width:20px;height:20px;flex:0 0 20px;margin-top:2px}
.legal__title {-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
.legal__sheet .avv__vertrag-titel {margin:0;padding:.9rem 1.25rem;border-top:0;font-size:var(--text-sm);letter-spacing:0;background:var(--card)}
.legal__sheet .avv__vertrag-text {max-height:none;overflow:visible}
@media (max-width:700px) {
    .einrichtung .steps .wrap {overflow:visible}
    .einrichtung .st:not(.now) .st__name {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
    .einrichtung .st {padding-right:var(--abstand-3);gap:8px}
    .einrichtung .st .arw {margin-left:var(--abstand-3)}
    .einrichtung .st.now {min-width:0}
    .einrichtung .st.now .st__name {overflow:hidden;text-overflow:ellipsis}
}
.einrichtung .facts .fk__pflicht {display:inline-block;margin-left:var(--abstand-2);padding:1px var(--abstand-2);border-radius:999px;background:var(--wait-bg);color:var(--ink-2);font-size:11.5px;font-weight:700;vertical-align:1px}
.einrichtung .facts .fv__hilfe {display:block;margin-top:var(--abstand-2);font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.einrichtung .fr--fehler .chips,.einrichtung .fr--fehler textarea {border-color:var(--stop);box-shadow:0 0 0 3px var(--stop-bg)}
.einrichtung .q .feldfehler {color:var(--stop)}
.einrichtung .opts[aria-invalid="true"] .opt {border-color:var(--stop)}
.flaeche .chips input.chips__input[aria-invalid="true"] {border:0;box-shadow:none;outline:0}
.einrichtung [id^="feld-"] {scroll-margin-top:24px}
.notice.sammelmeldung:focus,.notice.sammelmeldung:focus-visible {outline:none}
.notice.sammelmeldung a {color:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.notice.sammelmeldung a:focus-visible {outline:3px solid currentColor;outline-offset:2px;border-radius:4px}
.werbung .notice.sammelmeldung {width:auto;max-width:none;margin:0 0 18px;color:var(--ink)}
.flaeche a.rueckweg,.flaeche.werkbank .fotoauftrag__zurueck a.rueckweg,.flaeche.werkbank .zenvorbereitung__zurueck.rueckweg,.flaeche .storywerkstatt__zurueck.rueckweg {
    display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;line-height:1.3;
    color:var(--ink-2);text-decoration:none;border-radius:8px}
.flaeche a.rueckweg:hover {color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.flaeche a.rueckweg:focus-visible {outline:3px solid var(--brand-tint-2);outline-offset:2px}
@media (min-width:721px) {
    .flaeche .appr {grid-template-columns:clamp(300px, 36%, 380px) minmax(0,1fr);gap:clamp(20px, 2.6vw, 36px);align-items:start}
}
.flaeche [data-freigabevorschau] {container:freigabekarte / inline-size}
@container freigabekarte (max-width:669px) {
    .flaeche [data-freigabevorschau] .appr {grid-template-columns:minmax(0,1fr)}
    .flaeche [data-freigabevorschau] .appr > :is(.beitragsbild, .mock) {width:min(100%, 380px)}
}
@media (min-width:721px) {
    .flaeche [data-freigabevorschau] .appr > :last-child {align-self:stretch;display:flex;flex-direction:column}
    .flaeche [data-freigabevorschau] .appr > :last-child > .erscheintauf,
    .flaeche [data-freigabevorschau] .appr > :last-child > .freigabe-aussicht:not(.erscheintauf ~ *),
    .flaeche [data-freigabevorschau] .appr > :last-child > .acts:not(.erscheintauf ~ *):not(.freigabe-aussicht ~ *) {margin-top:auto}
}
.flaeche .appr > :last-child {container-type:inline-size;container-name:freigabespalte}
@container freigabespalte (max-width:600px) {
    .flaeche [data-freigabevorschau] .acts > .entwurf-verwerfen {margin-left:0}
}
.flaeche .karussellreihe {display:grid;gap:12px}
.flaeche .karussellreihe__titel {margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.flaeche .karussellreihe__liste {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--abstand-3)}
.flaeche .karussellreihe__foto {position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--card-2);border:1px solid var(--line)}
.flaeche .karussellreihe__foto img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.flaeche .karussellreihe__nummer {position:absolute;top:8px;left:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
    background:var(--brand);color:var(--auf-brand);font-size:13px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.flaeche .fotoauftrag__fotos {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.flaeche .fotoauftrag__fotos li:first-child:nth-last-child(odd) {grid-column:1 / -1}
.flaeche .fotoauftrag__fotos img {display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.flaeche .karussellvorschau__aufbau {margin:var(--abstand-2) 0 var(--abstand-4)}
.flaeche .karussellpfeile .karussellpfeile__zurueck {background:transparent}
.flaeche .karussellseite .karussellseite__laden {margin-left:var(--abstand-2)}
.flaeche .karussellzeilen > summary {display:flex;align-items:center;gap:8px;min-height:44px}
.flaeche .fotoplatz__pfeil {width:44px}
.flaeche.werkbank .startbuehne {--haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B1D45' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.flaeche.werkbank .startbuehne input[type="checkbox"]:not([role="switch"]) {border-color:var(--buehne-leise);background-color:transparent}
.flaeche.werkbank .startbuehne input[type="checkbox"]:not([role="switch"]):checked {border-color:var(--buehne-akzent);background-color:var(--buehne-akzent)}
.flaeche .fotoplatz__unten {display:flex;flex-direction:column;gap:var(--abstand-3);min-width:0}
@supports (grid-template-rows:subgrid) {
    .flaeche .fotoplaetze__liste {grid-auto-rows:auto;row-gap:var(--abstand-3);align-items:stretch}
    .flaeche .fotoplatz {display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--abstand-3);align-content:start;margin-bottom:4px}
    .flaeche .fotoplatz__text {flex:none;align-self:start}
    .flaeche .fotoplatz__unten {align-self:start}
}
@media (max-width:920px) {
    .werbung.wb-anmeldung.app-einrichtung .wb-wache.wb-wache--knopf {margin-top:4px}
}
:root[data-app-fenster] :is(.werbung .wb-kopf.wb-kopf--fenster, .legal .legal__head, .flaeche > header.top[data-app-fenster]) {min-height:64px;background:var(--card);border-bottom:1px solid var(--line)}
:root[data-app-fenster] .werbung .wb-kopf.wb-kopf--fenster .wrap,
:root[data-app-fenster] .flaeche > header.top[data-app-fenster] .wrap {height:64px;min-height:64px}
:root[data-app-fenster] .legal .legal__head {padding-top:10px;padding-bottom:10px}
:root[data-app-fenster] :is(.werbung .wb-kopf.wb-kopf--fenster, .legal .legal__head, .flaeche > header.top[data-app-fenster]) .lockup {flex-direction:row;align-items:center;gap:12px;min-height:44px;margin-right:auto}
:root[data-app-fenster] :is(.werbung .wb-kopf.wb-kopf--fenster, .legal .legal__head, .flaeche > header.top[data-app-fenster]) .lockup .wordmark--produkt,
:root[data-app-fenster] .flaeche.werkbank > .top[data-app-fenster] .lockup .wordmark--produkt {font-size:28px;line-height:1}
:root[data-app-fenster] :is(.werbung .wb-kopf.wb-kopf--fenster, .legal .legal__head, .flaeche > header.top[data-app-fenster]) .lockup__by,
:root[data-app-fenster] .flaeche.werkbank > .top[data-app-fenster] .lockup__by {display:inline-grid;align-content:center;gap:3px;padding:2px 0 2px 15px;border-radius:6px}
:root[data-app-fenster] :is(.werbung .wb-kopf.wb-kopf--fenster, .legal .legal__head, .flaeche > header.top[data-app-fenster]) .lockup__by::before,
:root[data-app-fenster] .flaeche.werkbank > .top[data-app-fenster] .lockup__by::before {display:block}
:root[data-app-fenster] :is(.werbung .wb-kopf.wb-kopf--fenster, .legal .legal__head, .flaeche > header.top[data-app-fenster]) .lockup__prefix,
:root[data-app-fenster] .flaeche.werkbank > .top[data-app-fenster] .lockup__prefix {font-size:8.5px;letter-spacing:.07em;padding-left:2.766667%}
:root[data-app-fenster] :is(.werbung .wb-kopf.wb-kopf--fenster, .legal .legal__head, .flaeche > header.top[data-app-fenster]) .lockup__zendrion,
:root[data-app-fenster] .flaeche.werkbank > .top[data-app-fenster] .lockup__zendrion {width:clamp(72px, calc(100vw - 240px), 92px)}
:root[data-app-fenster] .flaeche > header.top[data-app-fenster] button.ghost.logout {min-height:44px;padding:6px 8px;border-color:transparent;background:transparent;
    color:var(--ink-2);font-size:13px;font-weight:600;white-space:nowrap}
:root[data-app-fenster] .flaeche > header.top[data-app-fenster] button.ghost.logout:hover {color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.flaeche.einrichtung > header.top .wrap {max-width:none;padding-inline:28px}
@media (max-width:640px){.flaeche.einrichtung > header.top .wrap {padding-inline:16px}}
:root[data-app-fenster] .flaeche > header.top[data-app-fenster] .wrap {max-width:none;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.werbung.wb-anmeldung .wb-anmeldung__nochmal-frage {font-size:13.4px;color:var(--w-ink-2)}
.werbung.wb-anmeldung .wb-anmeldung__nochmal button {white-space:nowrap}
.einrichtung .fontopts button {min-height:44px}
.flaeche.werkbank .fotoauftrag__karte--schluss {grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;max-width:760px;margin-inline:auto}
.flaeche.werkbank .fotoauftrag__zeichen {display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--card-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.flaeche.werkbank .fotoauftrag__zeichen--erledigt {background:var(--go-bg);box-shadow:none;color:var(--go)}
.flaeche.werkbank .fotoauftrag__karte--schluss .fotoauftrag__inhalt > p:last-child {margin-bottom:0}
@media (max-width:700px) {
    .flaeche.werkbank .fotoauftrag__karte--schluss {grid-template-columns:minmax(0,1fr);gap:16px}
}
.werbung .wb-meldung--fehler a {color:inherit;text-decoration:underline;text-underline-offset:3px}
.werbung .wb-meldung--fehler a:focus-visible {outline:3px solid currentColor;outline-offset:2px;border-radius:4px}
.werbung.wb-anmeldung [id^="feld-"] {scroll-margin-top:24px}
.werbung .feldfehler,.legal .feldfehler,.flaeche .feldfehler {display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--stop)}
.werbung .feldfehler::before,.legal .feldfehler::before {content:"!";display:grid;place-items:center;flex:0 0 18px;height:18px;margin-top:1px;border-radius:50%;background:var(--stop);color:var(--auf-stop,#fff);font-size:12px;font-weight:800;line-height:1}
.werbung.wb-anmeldung .wb-feld > .feldfehler,.werbung.wb-anmeldung .wb-check ~ .feldfehler {display:flex;margin:8px 0 0;color:var(--stop);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none}
.feldfehler[hidden] {display:none!important}
.flaeche .mz-feld > .feldfehler {margin-top:2px}
.werbung.wb-anmeldung .wb-feld input[aria-invalid="true"],.werbung.wb-anmeldung .wb-feld input[aria-invalid="true"]:hover,.werbung.wb-anmeldung .wb-feld input[aria-invalid="true"]:focus {border-color:var(--stop)}
.werbung.wb-anmeldung .wb-feld input[aria-invalid="true"]:focus {box-shadow:0 0 0 4px var(--stop-bg)}
.werbung.wb-anmeldung .wb-feld input[aria-invalid="true"]:focus-visible {outline-color:var(--stop)}
.flaeche .mz-eingabe[aria-invalid="true"]:focus {border-color:var(--stop);box-shadow:0 0 0 3px var(--stop-bg)}
.flaeche .mz-sammelmeldung,.werbung .notice.sammelmeldung,.legal .notice.sammelmeldung {width:auto;max-width:none;margin:0}
.werbung .wb-anmeldung__karte > .notice.sammelmeldung {margin:0 0 20px}
.legal .avv__handlung > .notice.sammelmeldung {margin:0 0 18px}
.notice.sammelmeldung[hidden],.notice.sammelmeldung li[hidden] {display:none}
.flaeche .mz-eingabe--code {width:100%;max-width:22rem;box-sizing:border-box;min-height:56px;padding-inline:16px;font-family:Archivo,inherit;font-size:26px;font-weight:700;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.flaeche .mz-eingabe--code::placeholder {color:var(--ink-3);letter-spacing:.35em}
.flaeche .mz-neu .btn.leise:not(.sec) {padding-inline:0;margin-inline:0}
.flaeche .mz-neu .btn.leise:not(.sec):hover {background:transparent;text-decoration-thickness:2px}
.einrichtung .urlfield[data-fehler],.einrichtung .urlfield:has(input[aria-invalid="true"]) {border-color:var(--stop)}
.einrichtung .urlfield[data-fehler]:focus-within,.einrichtung .urlfield:has(input[aria-invalid="true"]):focus-within {border-color:var(--stop);box-shadow:0 0 0 4px var(--stop-bg)}
.flaeche.einrichtung .urlfield input[aria-invalid="true"]:not([type="checkbox"]):not([type="radio"]) {border:0;box-shadow:none;outline:0}
.einrichtung .urlrow > .urlspalte {flex:1;min-width:260px;display:flex;flex-direction:column}
.einrichtung .urlrow > .urlspalte > .urlfield {flex:none;min-width:0}
.einrichtung .urlspalte > .feldfehler {margin-top:8px}
.storyrechte + .feldfehler {margin:-12px 0 16px}
.flaeche [data-support-rechte] + .feldfehler {margin-bottom:16px}
.legal__head {flex-wrap:wrap;row-gap:4px}
.legal__back {display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;font-weight:600;text-decoration:none}
.legal__back:hover {text-decoration:underline;text-underline-offset:3px}
@media (max-width:520px) { .legal .legal__head > .legal__back {flex-basis:100%;margin-left:0;order:9} }
.legal .legal__back--inhalt {margin:0 0 12px -2px;color:var(--ink-2);font-size:14px}
.legal .legal__back--inhalt:hover {color:var(--brand-ink)}
.legal .legal__back--inhalt:focus-visible {outline:3px solid var(--brand-tint-2);outline-offset:2px;border-radius:8px}
.flaeche .kanalstand__bericht {justify-content:center;gap:8px}
.flaeche .storywerkstatt__weiter {justify-content:center;gap:8px}
.flaeche.werkbank .planthema > .btn {justify-content:center;gap:8px;text-align:center}
.flaeche.werkbank .zenvorbereitung__weiter .weiterzeile .btn {justify-content:center;gap:8px}
.flaeche .storyeinfuehrung .storyeinfuehrung__inhalt .btn {justify-content:center;gap:8px}
.einrichtung.app-weg {display:block}
.einrichtung.app-weg .steps {position:static}
.einrichtung.app-weg .wrap {max-width:1220px;margin:0 auto;padding:0 28px;box-sizing:border-box}
@media (max-width:640px){.einrichtung.app-weg .wrap {padding:0 16px}}
@media (max-width:700px) {
    .einrichtung .steps .wrap:has(> .st:nth-child(5)) .st {padding-right:var(--abstand-1);gap:var(--abstand-2)}
    .einrichtung .steps .wrap:has(> .st:nth-child(5)) .st .arw {margin-left:var(--abstand-1)}
}
.werbung.wb-anmeldung .einrichtung.app-weg + .wb-anmeldung__raster,.werbung.wb-anmeldung .einrichtung.app-weg + main {padding-top:24px}
.einrichtung .q .feldfehler {font-size:13.5px;line-height:1.5}
.flaeche [data-auftrag-erledigt] [tabindex="-1"]:focus {outline:none}
.einrichtung .fr--fehler .chips:focus-within,.chips:has(input[aria-invalid="true"]):focus-within {border-color:var(--stop);box-shadow:0 0 0 3px var(--stop-bg)}
.footnote .footnote__links a,.flaeche .footnote .footnote__links a {text-decoration:none;border-bottom:0;border-radius:4px}
.footnote .footnote__links a:hover,.flaeche .footnote .footnote__links a:hover {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.footnote .footnote__links a:focus-visible,.flaeche .footnote .footnote__links a:focus-visible {outline:2px solid var(--brand-ink,var(--signal-deep));outline-offset:2px;
    text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media (min-width:1180px) {
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > .footnote {flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:1px;
      width:var(--seitenbreite);max-width:none;margin:0;box-sizing:border-box;padding:12px 20px var(--abstand-3) var(--abstand-8);
      background:var(--card);border-top:1px solid var(--line);border-right:1px solid var(--line);font-size:11px;line-height:1.45}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > .footnote .footnote__links {margin:var(--abstand-1) 0 0 -4px;gap:0 4px}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > .footnote .footnote__links a {display:inline-flex;align-items:center;min-height:24px;padding:0 var(--abstand-1)}
}
@media (min-width:1180px) and (min-height:580px) {
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) {--leistenfuss-h:116px}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > nav.tabs {bottom:var(--leistenfuss-h)}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > nav.tabs .wrap {padding-top:24px;padding-bottom:12px}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > .footnote {position:fixed;left:0;right:auto;top:auto;bottom:0;z-index:56;
      height:var(--leistenfuss-h);justify-content:flex-end;overflow:hidden}
}
@media (min-width:1180px) and (max-height:579.98px) {
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) {display:grid;grid-template-columns:var(--seitenbreite) minmax(0,1fr);
      grid-template-rows:auto 1fr;padding-left:0}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > nav.tabs {position:relative;top:auto;bottom:auto;grid-column:1;grid-row:1;
      width:auto;height:auto;overflow:visible;align-self:start}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > nav.tabs .wrap {padding-top:24px;padding-bottom:12px}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > main {grid-column:2;grid-row:1 / span 2;min-width:0;width:100%}
  .flaeche.werkbank:not(.werkbank--ohne-reiter):has(> nav.tabs) > .footnote {position:static;grid-column:1;grid-row:2;align-self:stretch;width:auto}
}
@media (max-width:719.98px) {
  .flaeche .footnote,.legal .footnote,.werbung .footnote {flex-direction:column;align-items:flex-start;gap:2px}
  .flaeche .footnote .footnote__links,.legal .footnote .footnote__links,.werbung .footnote .footnote__links {margin:6px 0 0 -5px;gap:0 2px}
  .flaeche .footnote .footnote__links a,.legal .footnote .footnote__links a,.werbung .footnote .footnote__links a {display:inline-flex;align-items:center;min-height:32px;padding:0 5px}
}
.werbung.wb-anmeldung .wb-pflicht {margin:4px 0 8px}
.werbung.wb-anmeldung .wb-pflicht > .wb-check {margin:0}
.werbung.wb-anmeldung .wb-pflicht > .feldfehler {margin:8px 0 0 2px}
.werbung.wb-anmeldung .wb-pflicht + .wb-check__hinweis {margin:0 0 16px}
.werbung.wb-anmeldung .wb-pflicht, .werbung.wb-anmeldung [id^="feld-"] {scroll-margin-top:96px}
.werbung.wb-anmeldung .wb-wahl > .feldfehler {margin:var(--abstand-3) 0 8px}
:where(.feldfehler) {display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:13.5px;line-height:1.5;font-weight:600;color:var(--stop,#B4232B)}
:where(.feldfehler)::before {content:"!";display:grid;place-items:center;flex:0 0 18px;height:18px;margin-top:1px;border-radius:50%;background:var(--stop,#B4232B);color:var(--auf-stop,#fff);font-size:12px;font-weight:800;line-height:1}
label > .feldfehler[data-feldpruefung] {width:100%}
.chips + .feldfehler, .chips__meldung + .feldfehler {margin-top:8px}
.fv:has(> .feldfehler:not([hidden])) > .fv__hilfe {display:none}
.notice.sammelmeldung .notice__liste li {margin:0 0 4px;line-height:1.5}
.notice.sammelmeldung .notice__liste li:last-child {margin-bottom:0}
.notice.sammelmeldung .sammelmeldung__satz {font-weight:500}
.notice.sammelmeldung a.sammelmeldung__sprung {display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 2px;border-radius:4px;
    color:var(--meldung-ton,currentColor);font-size:.86em;font-weight:650;text-decoration:none;white-space:nowrap}
.notice.sammelmeldung a.sammelmeldung__sprung::after {content:"";width:6px;height:6px;margin-left:2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg)}
.notice.sammelmeldung a.sammelmeldung__sprung:hover {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.notice.sammelmeldung a.sammelmeldung__sprung:focus-visible {outline:2px solid currentColor;outline-offset:2px}
:is(input[type="checkbox"], input[type="radio"])[aria-invalid="true"]:focus-visible {outline-offset:0}
@media (max-width:359.98px) {
    .flaeche.einrichtung > header.top .lockup__by {display:none}
}
.feldfehler > .feldfehler__text {min-width:0}
@media (max-width:359.98px) {
    .werbung .wb-kopf .lockup__by {display:none}
}
.flaeche .kihinweis.kihinweis[data-kihinweis] {--kh-zeile:20px;--kh-polster:12px;
    align-items:flex-start;gap:var(--abstand-3);margin:var(--abstand-2) 0 0;padding:0 4px;background:transparent;border:1px solid transparent;border-radius:0;
    font-size:14px;line-height:var(--kh-zeile);color:var(--ink-2)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__zeichen {width:18px;height:18px;margin-top:calc(var(--kh-polster) + (var(--kh-zeile) - 18px) / 2)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__kopf {align-items:flex-start;gap:12px;box-sizing:border-box;min-height:44px;
    padding-block:var(--kh-polster);line-height:var(--kh-zeile);border-radius:8px;-webkit-tap-highlight-color:transparent}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__kopf:focus-visible {outline:none}
.flaeche .kihinweis.kihinweis[data-kihinweis] {padding-inline:var(--abstand-3);margin-inline:-12px;border-radius:12px}
.flaeche .kihinweis.kihinweis[data-kihinweis]:has(.kihinweis__kopf:focus-visible) {outline:2px solid var(--brand-ink);outline-offset:-2px}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__ki {line-height:var(--kh-zeile)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__details {display:inline-flex;align-items:center;gap:var(--abstand-2);flex:0 0 auto;
    box-sizing:border-box;height:28px;margin:calc((var(--kh-zeile) - 28px) / 2) -8px 0 auto;padding:0 8px 0 var(--abstand-3);border-radius:999px;
    color:var(--brand-ink);font-size:14px;font-weight:500;line-height:1;transition:background-color .15s}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__kopf:hover .kihinweis__details {background:var(--brand-tint)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__kopf:active .kihinweis__details {background:color-mix(in srgb, var(--brand) 22%, transparent)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__chevron {display:block;flex:0 0 auto;width:12px;height:12px;transform:rotate(0deg);transition:transform .2s ease-out}
.flaeche .kihinweis.kihinweis[data-kihinweis] [open] > .kihinweis__kopf .kihinweis__chevron {transform:rotate(180deg)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__inhalt {margin:0 0 var(--abstand-2);padding:var(--abstand-3) 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__satz,
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__verweis {font-size:14px;line-height:1.5}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__verweis {margin-top:var(--abstand-2)}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__verweis a {font-weight:600;color:var(--brand-ink);text-decoration-line:underline;
    text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb, currentColor 32%, transparent);
    border-radius:4px}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__verweis a:hover,
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__verweis a:focus-visible {text-decoration-color:currentColor}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__verweis a:focus-visible {outline:2px solid var(--brand-ink);outline-offset:3px}
.flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__verweis a [aria-hidden] {display:inline-block;margin-left:1px;text-decoration:none}
@media (max-width:620px) {
  .flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__inhalt {margin:-8px 0 var(--abstand-2);padding:0;border:0;background:transparent}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__chevron,
  .flaeche .kihinweis.kihinweis[data-kihinweis] .kihinweis__details {transition:none}
}
.flaeche.werkbank .assistent__fragen {display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-3)}
.flaeche.werkbank .assistent__fragen form {max-width:100%}
.flaeche.werkbank .assistent__fragen button {display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:10px;width:auto;max-width:100%;
    box-sizing:border-box;min-height:44px;padding:var(--abstand-3) 18px var(--abstand-3) 14px;border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:22px;
    background:color-mix(in srgb, var(--brand) 4%, var(--card));color:var(--ink);font:inherit;font-size:15px;font-weight:500;line-height:20px;text-align:left;
    box-shadow:0 1px 2px rgba(20,23,43,.05);cursor:pointer;overflow-wrap:anywhere;
    transition:background-color .15s,border-color .15s,transform .15s ease-out,box-shadow .15s}
.flaeche.werkbank .assistent__fragen button > :last-child {flex:1 1 auto;min-width:0;color:inherit}
.flaeche.werkbank .assistent__fragen .assistent__funke {flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:var(--brand)}
.flaeche.werkbank .assistent__fragen button:hover {background:var(--brand-tint);border-color:color-mix(in srgb, var(--brand) 60%, transparent);box-shadow:0 2px 8px -2px rgba(74,34,196,.18)}
.flaeche.werkbank .assistent__fragen button:active {transform:scale(.98);background:color-mix(in srgb, var(--brand) 16%, var(--card))}
.flaeche.werkbank .assistent__fragen button:focus-visible {outline:2px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .assistent__fragen button[disabled] {opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:color-mix(in srgb, var(--brand) 4%, var(--card))}
.flaeche.werkbank .assistent__aktion {margin-top:var(--abstand-4);padding:20px 20px 16px;border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);border-radius:18px;
    background:color-mix(in srgb, var(--brand) 3%, var(--card));box-shadow:0 1px 2px rgba(20,23,43,.04),0 10px 28px -18px rgba(74,34,196,.35)}
.flaeche.werkbank .assistent__aktion--abgelehnt,.flaeche.werkbank .assistent__aktion--veraltet {border-color:var(--line);background:var(--card-2);box-shadow:none}
.flaeche.werkbank .assistent__aktion > .assistent__aktionsstand {display:flex;align-items:center;gap:var(--abstand-2);margin:0 0 8px;font-size:13px;line-height:18px;font-weight:600;
    letter-spacing:0;text-transform:none;color:var(--brand-ink)}
.flaeche.werkbank .assistent__aktion > .assistent__aktionsstand svg {flex:0 0 auto}
.flaeche.werkbank .assistent__aktion--abgelehnt > .assistent__aktionsstand,.flaeche.werkbank .assistent__aktion--veraltet > .assistent__aktionsstand {color:var(--ink-2)}
.flaeche.werkbank .assistent__aktion h2 {margin:0 0 var(--abstand-2);font-family:Archivo,sans-serif;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.flaeche.werkbank .assistent__aktion > p:not(.assistent__aktionsstand) {margin:0 0 var(--abstand-4);font-size:15px;line-height:1.55;color:var(--ink-2)}
.flaeche.werkbank .assistent__aktion > ul.assistent__aktionszeilen {display:grid;gap:var(--abstand-2);margin:0 0 var(--abstand-4);padding:0;border:0;list-style:none;font-size:15px;line-height:22px;color:var(--ink)}
.flaeche.werkbank .assistent__aktion > ul.assistent__aktionszeilen li {display:flex;align-items:flex-start;gap:var(--abstand-2);margin:0}
.flaeche.werkbank .assistent__aktion > ul.assistent__aktionszeilen svg {flex:0 0 auto;margin-top:var(--abstand-1);color:var(--brand)}
.flaeche.werkbank .assistent__aktion > .fotohilfe {margin:0 0 4px}
.flaeche.werkbank .assistent__aktion .assistent__aktionsknopfe {gap:var(--abstand-3);margin-top:16px}
.flaeche.werkbank .assistent__aktion .btn {min-height:48px;padding:12px 20px;border-radius:14px;font-size:15px}
.flaeche.werkbank .assistent__aktion .btn:not(.sec) {box-shadow:0 6px 16px -8px color-mix(in srgb, var(--brand) 70%, transparent)}
.flaeche.werkbank .assistent__aktion .btn svg {flex:0 0 auto}
.flaeche.werkbank .assistent__aktion .btn:active {transform:scale(.98)}
.flaeche.werkbank .assistent__aktion .btn.sec {background:var(--card)}
.flaeche.werkbank .assistent__aktion .btn.sec:hover {border-color:color-mix(in srgb, var(--brand) 55%, transparent);background:var(--brand-tint)}
.flaeche.werkbank .assistent__aktion .assistent__klein {margin:12px 0 0;font-size:14px}
@media (min-width:561px) {
  .flaeche.werkbank .assistent__aktion .assistent__aktionsknopfe form:first-child {flex:1 1 260px}
  .flaeche.werkbank .assistent__aktion .assistent__aktionsknopfe form:first-child .btn {width:100%}
}
@media (max-width:560px) {
  .flaeche.werkbank .assistent__aktion {padding:16px var(--abstand-4) var(--abstand-4);border-radius:16px}
  .flaeche.werkbank .assistent__aktionsknopfe form {width:100%}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank .assistent__fragen button,.flaeche.werkbank .assistent__aktion .btn {transition:none}
  .flaeche.werkbank .assistent__fragen button:active,.flaeche.werkbank .assistent__aktion .btn:active {transform:none}
}
.einrichtung .kanaele__raster {display:grid;gap:20px;margin-block:24px 4px;align-items:start}
.einrichtung .kanaele__raster > .kanalfuehrung {margin:0;min-width:0}
@media (min-width:1080px) {
    .einrichtung .kanaele__raster {grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
}
.flaeche .kanaltage {container-type:inline-size;display:grid;gap:12px;padding:var(--abstand-6);min-width:0;scroll-margin-top:96px}
.flaeche .kanaltage h2 {margin:0;font-size:clamp(1.15rem,1rem + .8vw,1.35rem);line-height:1.3}
.flaeche .kanaltage__satz {margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.flaeche .kanaltage__satz b {color:var(--ink);font-weight:650}
.flaeche .kanaltage__form {display:grid;gap:var(--abstand-4);margin:4px 0 0}
.flaeche .kanaltage__feld {min-width:0;margin:0;padding:0;border:0}
.flaeche .kanaltage__tage {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--abstand-2);padding:var(--abstand-2);border:1px solid var(--line);border-radius:calc(var(--r) + 2px);background:var(--card-2,var(--bg))}
@container (max-width:355px) {
    .flaeche .kanaltage__tage {grid-template-columns:repeat(4,minmax(0,1fr))}
}
.flaeche .kanaltage__tage[data-fehler] {border-color:var(--stop);box-shadow:0 0 0 1px var(--stop)}
.flaeche .kanaltag {position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:56px;padding:0 var(--abstand-2);border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--card);color:var(--ink-2);font-weight:650;line-height:1.2;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform 120ms var(--ease)}
.flaeche .kanaltage .kanaltag input[type="checkbox"] {position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:inherit;opacity:0;appearance:none;-webkit-appearance:none;background:none;box-shadow:none;outline:0;cursor:pointer}
.flaeche .kanaltag__kurz {font-size:16px;letter-spacing:.01em}
.flaeche .kanaltag__lang {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container (min-width:640px) {
    .flaeche .kanaltag__kurz {display:none}
    .flaeche .kanaltag__lang {position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:14.5px}
}
.flaeche .kanaltag__haken {position:absolute;top:6px;right:6px;width:12px;height:12px;opacity:0;transform:scale(.5);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}
.flaeche .kanaltag:hover {border-color:var(--brand);color:var(--brand-ink);background:var(--brand-tint)}
.flaeche .kanaltag:active {transform:scale(.96)}
.flaeche .kanaltag:has(input:focus-visible) {outline:3px solid var(--brand);outline-offset:2px}
.flaeche .kanaltag:has(input:checked) {border-color:var(--brand);background:var(--brand);color:var(--auf-brand);box-shadow:0 8px 18px -10px var(--brand)}
.flaeche .kanaltag:has(input:checked):hover {background:var(--brand);border-color:var(--brand);color:var(--auf-brand);filter:brightness(1.06)}
.flaeche .kanaltag:has(input:checked) .kanaltag__haken {opacity:1;transform:none}
.flaeche .kanaltage__tage[data-fehler] .kanaltag:has(input:focus-visible) {outline-color:var(--stop)}
.flaeche .kanaltage__feld > .feldfehler {margin:var(--abstand-3) 0 0}
.flaeche .kanaltage__fuss {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}
.flaeche .kanaltage__lage {display:grid;gap:2px;flex:1 1 12rem;min-width:0}
.flaeche .kanaltage__zahl {margin:0;font-size:14px;font-weight:650;color:var(--ink-2);font-variant-numeric:tabular-nums}
.flaeche .kanaltage__stand {min-width:0;margin:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.flaeche .kanaltage__stand:empty {display:none}
.flaeche .kanaltage__ok {display:inline-flex;align-items:baseline;gap:var(--abstand-2);color:var(--go);font-weight:650}
.flaeche .kanaltage__ok::before {content:"✓";font-weight:800}
.flaeche .kanaltage__offen {display:inline-flex;align-items:flex-start;gap:8px}
.flaeche .kanaltage__offen::before {content:"";flex:0 0 8px;height:8px;margin-top:calc(0.75em - 4px);border-radius:50%;background:var(--wait)}
.flaeche .kanaltage__speichern {flex:0 0 auto;min-height:44px}
@media (max-width:420px) {
    .flaeche .kanaltage {padding:20px}
    .flaeche .kanaltage__speichern {flex:1 1 100%}
}
.einrichtung .kanaele__ausgang {display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-3);margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.einrichtung .kanaele__ausgang .kanaele__weiter {min-width:0;max-width:64ch;margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.einrichtung .kanaele__ausgang .btn {min-height:44px}
.einrichtung .kanaele__ausgang--spaeter .kanaele__spaeter {margin-left:-12px}
@media (prefers-reduced-motion:reduce) {
    .flaeche .kanaltag,.flaeche .kanaltag__haken {transition:none}
    .flaeche .kanaltag:active {transform:none}
}
:root {
    --zeilen-eng: 30rem;
    --zeilen-text: 40rem;
    --zeilen-einleitung: 42rem;
    --zeilen-weit: 46rem;
}
body {text-wrap:balance;text-wrap:pretty}
:is(h1,h2,h3,h4,h5,h6,legend,summary,.big,.h-sec,.lbl,.kick) {text-wrap:balance}
main :is(p,li,dd,dt,figcaption,small,span,strong,b,em,a,label,td,th,blockquote,div) {text-wrap:balance}
:is(.legal,.wissen-artikel,.wissen-punkte,.lesefassung__text) :is(p,dd,blockquote) {text-wrap:balance;text-wrap:pretty}
:is(input,textarea,select,pre,code,[contenteditable]), main :is(input,textarea,select,pre,code,[contenteditable]) {text-wrap:wrap}
.zeilen-paar,:is(main, .flaeche, .einrichtung, .werbung, .legal) span.zeilen-paar {display:inline!important;white-space:nowrap!important;
    font:inherit!important;color:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;margin:0!important;
    padding:0!important;border:0!important;background:none!important;opacity:1!important;line-height:inherit!important}
.einrichtung p.lede {max-width:var(--zeilen-einleitung);text-wrap:balance}
.einrichtung .blocks .sub {max-width:var(--zeilen-weit)}
.einrichtung .abschluss__text {max-width:var(--zeilen-text)}
.einrichtung .chan__voraussetzung, .werkbank .chan__voraussetzung,
.einrichtung .chan__weg, .werkbank .chan__weg {max-width:var(--zeilen-text)}
.einrichtung .kanaele__weiter, .werkbank .kanaele__weiter,
.einrichtung .kanaele__ausgang .kanaele__weiter {max-width:var(--zeilen-weit)}
.einrichtung .kontoanleitung__inhalt, .werkbank .kontoanleitung__inhalt {max-width:var(--zeilen-weit)}
.flaeche .kanalfuehrung__text {max-width:var(--zeilen-text)}
.flaeche .kanaleinrichtung__hinweis, .flaeche .kanalkarte__hinweis,
.flaeche .auslese__hinweis, .flaeche .vergleich__hinweis, .flaeche .vergleich__rest {max-width:var(--zeilen-text)}
.flaeche .lesefassung .sub, .flaeche .auslese .sub {max-width:var(--zeilen-text)}
.flaeche.werkbank .bench > .sub {max-width:var(--zeilen-text)}
.flaeche .ovhead p {max-width:var(--zeilen-text)}
.werkbank .wissen-kopf p {max-width:var(--zeilen-text)}
.flaeche.werkbank .planauftakt p:not(.auftakt) {max-width:var(--zeilen-text)}
.flaeche.werkbank .assistent__einstieg > p {max-width:var(--zeilen-text)}
.flaeche.werkbank .wirkungsauftakt p:not(.auftakt) {max-width:var(--zeilen-einleitung)}
.flaeche .archiv__kopf .sub {max-width:var(--zeilen-weit)}
.flaeche.einord .anlass__intro > p {max-width:var(--zeilen-eng)}
.flaeche .arbeitsschritte {--puls-dauer:1.6s;list-style:none;margin:-8px 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:var(--abstand-2)}
.flaeche .arbeitsschritte__chip {display:inline-flex;align-items:center;gap:var(--abstand-1);min-height:30px;padding:4px var(--abstand-3) 4px var(--abstand-2);border-radius:999px;
    border:1px solid var(--line-2);background:var(--card);color:var(--ink-3);font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap}
.flaeche .arbeitsschritte__zeichen {display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-2);flex:none}
.flaeche .arbeitsschritte__chip[data-zustand='erledigt'] {color:var(--ink-2);border-color:var(--line)}
.flaeche .arbeitsschritte__chip[data-zustand='erledigt'] .arbeitsschritte__zeichen {border-color:transparent;color:var(--auf-brand);
    background:linear-gradient(135deg,var(--wortmarke-anfang),var(--wortmarke-ende))}
.flaeche .arbeitsschritte__chip[aria-current='step'] {color:var(--brand-ink);border-color:var(--brand);background:var(--brand-tint);
    animation:arbeitsschritt-puls var(--puls-dauer) ease-in-out infinite alternate;animation-delay:var(--puls-versatz,0ms)}
.flaeche .arbeitsschritte__chip[aria-current='step'] .arbeitsschritte__zeichen {border-color:var(--brand);
    background:radial-gradient(circle,var(--brand) 0 3px,transparent 3.5px)}
.flaeche .arbeitsschritte__chip[data-neu] .arbeitsschritte__zeichen svg {animation:arbeitsschritt-haken .32s var(--ease) both}
@keyframes arbeitsschritt-puls {from {opacity:.75} to {opacity:1}}
@keyframes arbeitsschritt-haken {from {transform:scale(.2)} to {transform:scale(1)}}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .flaeche .arbeitsschritte__chip[aria-current='step'] {color:var(--ink);background:var(--brand-tint)}
}
:root[data-theme='dark'] .flaeche .arbeitsschritte__chip[aria-current='step'] {color:var(--ink);background:var(--brand-tint)}
@media (prefers-reduced-motion: reduce) {
    .flaeche .arbeitsschritte__chip[aria-current='step'], .flaeche .arbeitsschritte__chip[data-neu] .arbeitsschritte__zeichen svg {animation:none}
}
.flaeche .ortkarte {display:flex;flex-direction:column;gap:var(--abstand-4)}
.flaeche .ortkarte > .sub {margin:0}
.flaeche .ortkarte > .auftakt {margin:0}
.flaeche .ortkarte > .h-sec {margin:0 0 -8px}
.flaeche .ortkarte__stand {display:flex;align-items:flex-start;gap:12px;padding:12px var(--abstand-4);border-radius:var(--r-s);background:var(--card-2);border:1px solid var(--line)}
.flaeche .ortkarte__zeichen {flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--auf-brand);
    background:linear-gradient(135deg,var(--wortmarke-anfang),var(--wortmarke-ende))}
.flaeche .ortkarte__stand > div {display:flex;flex-direction:column;gap:2px;min-width:0}
.flaeche .ortkarte__name {font-size:var(--text-base);color:var(--ink);overflow-wrap:anywhere}
.flaeche .ortkarte__status {font-size:var(--text-sm);color:var(--ink-3)}
.flaeche .ortkarte__status[data-ortstatus='bestaetigt'] {color:var(--go)}
.flaeche .ortkarte__status[data-ortstatus='abgelehnt'] {color:var(--stop)}
.flaeche .ortkarte__leer {margin:0;font-size:var(--text-sm);color:var(--ink-2)}
.flaeche .ortkarte__vorschlag {display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3) 16px;padding:12px var(--abstand-4);border-radius:var(--r-s);border:1px dashed var(--line-2)}
.flaeche .ortkarte__vorschlag p {margin:0;display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}
.flaeche .ortkarte__adresse {font-size:var(--text-sm);color:var(--ink-3)}
.flaeche .ortkarte__aendern summary {cursor:pointer;font-weight:600;color:var(--brand-ink);min-height:44px;display:flex;align-items:center;gap:8px;list-style:none}
.flaeche .ortkarte__aendern summary::-webkit-details-marker {display:none}
.flaeche .ortkarte__aendern summary::marker {content:''}
.flaeche .ortkarte__aendern summary::before {content:'';flex:none;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;
    transform:rotate(-45deg);transition:transform var(--duration) var(--ease)}
.flaeche .ortkarte__aendern[open] summary::before {transform:translateY(-2px) rotate(45deg)}
.flaeche .ortkarte__aendern[open] summary {margin-bottom:var(--abstand-2)}
.flaeche .ortkarte__anleitung {margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--ink-2)}
.flaeche .ortkarte__name-form {margin-top:var(--abstand-4);padding-top:var(--abstand-4);border-top:1px solid var(--line)}
.flaeche .ortkarte__schalter, .flaeche .ortwahl {display:flex;align-items:center;justify-content:flex-start;gap:16px}
.flaeche .ortwahl {margin:4px 0 12px;padding:var(--abstand-3) 12px;border-radius:var(--r-s);background:var(--card-2);border:1px solid var(--line)}
.flaeche .ortwahl__text, .flaeche .ortschalter__text {display:flex;flex-direction:column;flex:0 1 auto;font-weight:600;color:var(--ink);min-width:0}
.flaeche .ortwahl__name {font-weight:500;font-size:var(--text-sm);color:var(--ink-3);overflow-wrap:anywhere}
.flaeche .ortschalter {appearance:none;flex:none;display:inline-flex;align-items:center;gap:var(--abstand-3);min-height:44px;min-width:44px;padding:0 4px;border:0;background:none;
    color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer}
.flaeche .ortschalter__spur {position:relative;width:46px;height:28px;border-radius:999px;background:var(--line-2);flex:none;transition:background-color var(--duration) var(--ease)}
.flaeche .ortschalter__knopf {position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--card);
    box-shadow:0 1px 2px rgba(20,23,43,.25);transition:transform var(--duration) var(--ease)}
.flaeche .ortschalter[aria-checked='true'] .ortschalter__spur {background:var(--brand)}
.flaeche .ortschalter[aria-checked='true'] .ortschalter__knopf {transform:translateX(18px)}
.flaeche .ortschalter[aria-checked='true'] .ortschalter__wert {color:var(--brand-ink)}
.flaeche .ortschalter:focus-visible {outline:3px solid var(--brand-ink);outline-offset:3px;border-radius:999px}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .flaeche .ortschalter[aria-checked='true'] .ortschalter__wert {color:var(--ink)}
}
:root[data-theme='dark'] .flaeche .ortschalter[aria-checked='true'] .ortschalter__wert {color:var(--ink)}
@media (prefers-reduced-motion: reduce) {
    .flaeche .ortschalter__spur, .flaeche .ortschalter__knopf, .flaeche .ortkarte__aendern summary::before {transition:none}
}
.werbung.wb-anmeldung {
    --anm-rand:clamp(1rem, .5rem + 3vw, 3rem);
    --anm-breite:min(100% - 2 * var(--anm-rand), max(1360px, 66vw));
    --anm-kopf:72px;
}
@media (min-width:921px) {
    .werbung.wb-anmeldung {
        --anm-text:clamp(1rem, .25rem + 1vw, 1.25rem);
        --anm-klein:clamp(.9375rem, .35rem + .75vw, 1.125rem);
        --anm-feld:clamp(3.25rem, 2rem + 1.6vw, 4rem);
        --anm-polster:clamp(1.75rem, 1rem + 2.5vw, 4.5rem);
        --anm-titel:clamp(2.5rem, 1rem + 2.6vw, 4.5rem);
        --anm-kopf:clamp(72px, 2.5rem + 2.2vw, 100px);
        --zen:clamp(108px, 3rem + 4vw, 152px);
    }
    .werbung.wb-anmeldung:not(.app-fenster) .wb-kopf .wrap,
    .werbung.wb-anmeldung:not(.app-fenster) .wrap.wb-anmeldung__raster,
    .werbung.wb-anmeldung:not(.app-fenster) .wrap.wb-anmeldung__raster--schmal,
    .werbung.wb-anmeldung .wb-fuss .wrap {width:var(--anm-breite);max-width:none;margin-inline:auto;padding-inline:0}
    .werbung.wb-anmeldung:not(.app-fenster) .wb-kopf .wrap {height:var(--anm-kopf)}
    .werbung.wb-anmeldung .wb-kopf .wordmark--produkt {font-size:clamp(34px, 1.2rem + 1vw, 44px)}
    .werbung.wb-anmeldung .wb-kopf .lockup__zendrion {width:clamp(100px, 3rem + 3.3vw, 128px)}
    .werbung.wb-anmeldung .wb-kopf .lockup__prefix {font-size:clamp(9.5px, .3rem + .3vw, 11.5px)}
    .werbung.wb-anmeldung .wb-kopf__anmelden {font-size:var(--anm-klein);min-height:48px;padding-inline:8px 0}
    .werbung.wb-anmeldung .wb-fuss {font-size:var(--anm-klein)}
    .werbung.wb-anmeldung:not(.app-fenster) .wb-anmeldung__raster {padding-top:calc(var(--anm-kopf) + clamp(2rem, 1rem + 2.5vh, 4.5rem));padding-bottom:clamp(3rem, 2rem + 4vh, 6rem);gap:clamp(2.5rem, 1rem + 3vw, 6.5rem)}
    .werbung.wb-anmeldung .wb-anmeldung__wort {padding:var(--anm-polster);border-radius:clamp(24px, 1rem + .8vw, 36px)}
    .werbung.wb-anmeldung .wb-anmeldung__augenbraue {font-size:clamp(.8125rem, .1rem + 1vw, 1.0625rem);margin-bottom:clamp(14px, .5rem + .6vw, 22px)}
    .werbung.wb-anmeldung.app-fenster .wb-anmeldung__wort .wb-anmeldung__augenbraue {font-size:clamp(.75rem, .1rem + 1vw, 1.0625rem)}
    .werbung.wb-anmeldung .wb-anmeldung__wort h1,
    .werbung.wb-anmeldung .wb-anmeldung__raster--schmal .wb-anmeldung__wort h1 {font-size:var(--anm-titel)}
    .werbung.wb-anmeldung .wb-anmeldung__sub {font-size:var(--anm-text);max-width:46ch;margin-top:clamp(18px, .6rem + .8vw, 30px)}
    .werbung.wb-anmeldung .wb-anmeldung__schritte li {font-size:var(--anm-text);padding-left:calc(30px + .9em)}
    .werbung.wb-anmeldung .wb-anmeldung__zusage {font-size:var(--anm-text);padding:clamp(18px, .6rem + .8vw, 28px) clamp(20px, .7rem + 1vw, 32px)}
    .werbung.wb-anmeldung .wb-anmeldung__karte {padding:var(--anm-polster);border-radius:clamp(24px, 1rem + .8vw, 36px)}
    .werbung.wb-anmeldung .wb-feld {margin-bottom:clamp(18px, .6rem + .8vw, 28px)}
    .werbung.wb-anmeldung .wb-feld > span,
    .werbung.wb-anmeldung .wb-wahl legend {font-size:var(--anm-text);margin-bottom:clamp(8px, .3rem + .3vw, 12px)}
    .werbung.wb-anmeldung .wb-feld input {min-height:var(--anm-feld);font-size:var(--anm-text);padding-inline:clamp(15px, .6rem + .5vw, 22px);border-radius:clamp(13px, .5rem + .4vw, 18px)}
    .werbung.wb-anmeldung .wb-feld__code {font-size:clamp(26px, 1rem + 1.2vw, 36px)!important}
    .werbung.wb-anmeldung .wb-feld small,
    .werbung.wb-anmeldung .wb-wahl > small,
    .werbung.wb-anmeldung .wb-anmeldung__fuss,
    .werbung.wb-anmeldung .wb-check span,
    .werbung.wb-anmeldung .wb-check__hinweis,
    .werbung.wb-anmeldung .wb-drin summary,
    .werbung.wb-anmeldung .wb-drin li,
    .werbung.wb-anmeldung .wb-wahl__knopf span,
    .werbung.wb-anmeldung .wb-wahl__takt,
    .werbung.wb-anmeldung .wb-wahl__preis,
    .werbung.wb-anmeldung .wb-wahl__tipp,
    .werbung.wb-anmeldung .wb-anmeldung__nochmal-frage,
    .werbung.wb-anmeldung .wb-anmeldung__nochmal button,
    .werbung.wb-anmeldung .mz-einladung__daten dt {font-size:var(--anm-klein)}
    .werbung.wb-anmeldung .wb-meldung,
    .werbung.wb-anmeldung .wb-feld > .feldfehler,
    .werbung.wb-anmeldung .wb-check ~ .feldfehler,
    .werbung.wb-anmeldung .wb-pflicht > .feldfehler,
    .werbung.wb-anmeldung .mz-einladung__daten dd {font-size:var(--anm-text)}
    .werbung.wb-anmeldung .wb-btn--gross {font-size:var(--anm-text);padding-inline:clamp(28px, 1rem + 1.2vw, 40px);border-radius:clamp(15px, .6rem + .4vw, 20px)}
    .werbung.wb-anmeldung .wb-anmeldung__senden {min-height:calc(var(--anm-feld) + 4px)}
    .werbung.wb-anmeldung .wb-anmeldung__zweitweg {min-height:var(--anm-feld);font-size:var(--anm-klein)}
    .werbung.wb-anmeldung .wb-anmeldung__nochmal button {min-height:var(--anm-feld)}
}
@media (min-width:1180px) {
    .werbung.wb-anmeldung .wb-anmeldung__raster--schmal {grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-content:center;align-items:stretch}
    .werbung.wb-anmeldung .wb-anmeldung__raster--schmal > .wb-anmeldung__karte {display:flex;flex-direction:column;justify-content:center}
    .werbung.wb-anmeldung:not(.app-fenster) .wb-anmeldung__raster--schmal:not(:has(> .wb-anmeldung__karte)) {grid-template-columns:minmax(0,1fr)}
}
@media (min-width:1440px) {
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte] .wb-anmeldung__sub,
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte] .wb-anmeldung__schritte li,
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte] .wb-anmeldung__zusage {font-size:var(--anm-text)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] {padding:clamp(28px, .8rem + 1.2vw, 48px) clamp(32px, 1rem + 1.4vw, 56px);--zen:clamp(84px, 2rem + 3vw, 120px)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] .wb-anmeldung__augenbraue {margin-bottom:var(--abstand-4)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] h1 {font-size:clamp(32px, 1rem + 1.6vw, 52px)}
    .werbung.wb-anmeldung .wb-anmeldung__wort[data-dichte~="3"] .wb-anmeldung__schritte {margin-top:clamp(20px, .6rem + .8vw, 32px);gap:clamp(12px, .3rem + .6vw, 20px)}
}
.werbung.wb-anmeldung.app-fenster .wb-kopf--fenster .wrap {padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.werbung.wb-anmeldung.app-fenster:has(.wb-anmeldung__raster--schmal) .wb-kopf--fenster .wrap {max-width:1040px}
.flaeche form[data-uebersetzungsretry] {margin:0 0 20px}
.flaeche fieldset.sprache__feld {border:0;padding:0;margin-inline:0;min-inline-size:0}
.flaeche fieldset.sprache__feld > legend {display:block;float:none;width:100%;padding:0;margin:0 0 var(--abstand-2)}
.flaeche fieldset.feldgruppe {border:0;padding:0;margin-inline:0;min-inline-size:0}
.flaeche fieldset.feldgruppe > legend {display:block;float:none;width:100%;padding:0;margin:0 0 var(--abstand-2)}
.flaeche.werkbank .auswahlfrage {display:grid;gap:var(--abstand-4);margin:20px 0 8px}
.flaeche.werkbank .auswahlfrage__feld {border:0;padding:0;margin:0;min-inline-size:0;display:grid;gap:var(--abstand-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.flaeche.werkbank .auswahlfrage__wahl {position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:4px;
    min-height:56px;padding:var(--abstand-4) 16px;border:1.5px solid var(--line-strong, var(--line));border-radius:var(--radius-field, 10px);background:var(--card);
    cursor:pointer;transition:border-color var(--dauer-kurz, .15s) var(--ease, ease), background-color var(--dauer-kurz, .15s) var(--ease, ease)}
.flaeche.werkbank .auswahlfrage__wahl:hover {border-color:var(--brand)}
.flaeche.werkbank .auswahlfrage__wahl input {width:20px;height:20px;margin:0;accent-color:var(--brand);border-radius:50%}
.flaeche.werkbank .auswahlfrage__wahl input:focus-visible {outline:none}
.flaeche.werkbank .auswahlfrage__wahl:has(input:checked) {border-color:var(--brand);background:var(--brand-tint)}
.flaeche.werkbank .auswahlfrage__wahl:has(input:focus-visible) {outline:2px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .auswahlfrage__wert {font-size:20px;font-weight:700;line-height:1.25;color:var(--ink);font-variant-numeric:tabular-nums}
.flaeche.werkbank .auswahlfrage__hinweis {grid-column:2;font-size:13px;line-height:1.45;color:var(--ink-2)}
.flaeche.werkbank .auswahlfrage > .btn {min-height:48px;justify-self:start}
.flaeche.werkbank .auswahlfrage:has(+ .auswahlfrage__anderes[open]) > .btn {display:none}
.flaeche.werkbank .auswahlfrage__anderes {margin:4px 0 20px}
.flaeche.werkbank .auswahlfrage__anderes .fotoauftrag__korrektur {margin:12px 0 0;padding-bottom:0;border-bottom:0}
.flaeche.werkbank .auswahlfrage__anderes .fotoauftrag__korrektur textarea {min-height:72px}
@media (prefers-reduced-motion:reduce) {.flaeche.werkbank .auswahlfrage__wahl {transition:none}}
.support-freigabe{min-width:0;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:12px;text-align:left;display:grid;gap:10px}
.flaeche .support-freigabe{scroll-margin-top:calc(var(--kopf) + 68px)}
@media (min-width:1180px){.flaeche.werkbank .support-freigabe{scroll-margin-top:calc(var(--kopf) + 24px)}}
@media (max-width:700px){.flaeche.werkbank .support-freigabe{scroll-margin-top:calc(var(--kopf) + 108px)}}
.support-freigabe legend{font-weight:600;padding:0 6px}
.support-freigabe textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.support-freigabe .check{align-items:flex-start}
.startweiter { margin-bottom: 16px; border-color: var(--brand); }
.startweiter h2 { margin: 0 0 10px; }
.startweiter .btn { margin-top: 8px; }
.startweiter__hilfe { display: inline-block; margin: 12px 0 0 18px; text-decoration: underline; }
.startmehr { margin: 16px 0; }
.wb-paketdetails > summary { cursor: pointer; padding: 14px 0; font-weight: 650; }
.testzeithinweis--neutral { margin: 12px 0; padding: 14px 18px; }
.testzeithinweis--neutral h2 { font-size: 15px; }
.kanalpflicht { min-width: 0; width: 100%; }
.kanalpflicht__trotzdem { margin-top: 10px; }
.planhinweis { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.planhinweis p { flex: 1 1 260px; }
.beitragsanpassung { padding: 12px 16px; }
.werkbank .monatswahl__pfeil { width: 48px; height: 48px; min-width: 44px; min-height: 44px; flex: 0 0 48px; }
.werkbank .monatswahl__heute { min-height: 44px; display: inline-flex; align-items: center; }
.kalender-tagesliste { display: none; }
@media (max-width: 640px) {
    .werkbank .kalender-tagesliste { display: block; max-width: 640px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
    .werkbank .kalender-tagesliste__wahl { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .werkbank .kalender-tagesliste__wahl label { flex-basis: 100%; font-weight: 650; }
    .werkbank .kalender-tagesliste__wahl input { width: auto; min-width: 0; flex: 1 1 140px; min-height: 44px; }
    .werkbank .kalender-tagesliste__wahl button, .werkbank .kalender-tagesliste__beitrag .btn { min-height: 44px; }
    .werkbank .kalender-tagesliste h3 { margin: 20px 0 var(--abstand-3); }
    .werkbank .kalender-tagesliste__beitrag { display: grid; gap: 8px; padding: var(--abstand-4) 0; border-top: 1px solid var(--line); }
    .werkbank .kalender-tagesliste__beitrag strong { overflow-wrap: anywhere; }
    .werkbank .kalender-tagesliste__beitrag p { margin: 0; color: var(--ink-2); }
    .werkbank .kalender-tagesliste__beitrag .btn { justify-self: start; }
    .werkbank .kalendertag[data-tag-auswahl="ja"] { outline: 2px solid var(--brand); outline-offset: -2px; }
    .werkbank .startweiter__hilfe { display: block; margin-left: 0; }
}
.flaeche.werkbank main.mz-uebersicht > *,
.flaeche.werkbank main.hilfe-videos > * {max-width:none;min-width:0}
.flaeche .mz-karten {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.flaeche .mz-karten > .card {margin:0;min-width:0;height:100%}
.flaeche .mz-uebersicht .mz-profil {padding:clamp(20px,3vw,32px);background:var(--brand-tint);border-color:var(--brand-tint-2)}
.flaeche .mz-uebersicht .mz-profil__name {font-size:clamp(22px,2.2vw,30px)}
.flaeche .mz-karten .mz-karte__text {max-width:60ch}
.flaeche .hilfethemen {display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.flaeche .hilfethema {display:flex;align-items:center;gap:var(--abstand-4);min-width:0;min-height:108px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none}
.flaeche .hilfethema:hover {background:var(--brand-tint);border-color:var(--brand)}
.flaeche .hilfethema > span:nth-child(2) {min-width:0;flex:1}
.flaeche .hilfethema strong,.flaeche .hilfethema small {display:block;overflow-wrap:anywhere}
.flaeche .hilfethema strong {font:650 16px/1.35 Archivo,Inter,sans-serif}
.flaeche .hilfethema small {margin-top:var(--abstand-1);font-size:13px;line-height:1.5;color:var(--ink-2)}
.flaeche .hilfethema__zeichen {display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:var(--brand-tint);color:var(--brand-ink)}
.flaeche .hilfethema__pfeil {color:var(--brand-ink)}
.flaeche .hilfethema:focus-visible,.flaeche .hilfe-video__start:focus-visible {outline:3px solid var(--brand-ink);outline-offset:4px}
.flaeche .hilfelektionen {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.flaeche .hilfelektion.card {margin:0;padding:clamp(18px,3vw,28px);scroll-margin-top:calc(var(--kopf,90px) + 28px)}
.flaeche .hilfelektion__kopf {display:flex;align-items:flex-start;gap:var(--abstand-4);margin-bottom:8px}
.flaeche .hilfelektion__nummer {font:700 26px/1.2 Archivo,Inter,sans-serif;color:var(--brand-ink)}
.flaeche .hilfelektion__kopf p {margin:var(--abstand-2) 0 0;color:var(--ink-2);font-size:14px;line-height:1.5}
.flaeche .hilfe-schritte {list-style:none;margin:0;padding:0;display:grid;gap:var(--abstand-3)}
.flaeche .hilfe-schritte li {display:flex;align-items:flex-start;gap:12px;padding:var(--abstand-4);border-radius:12px;background:var(--card-2);color:var(--ink);font-size:14px;line-height:1.6}
.flaeche .hilfe-schritte__nummer {display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:8px;background:var(--brand-tint);color:var(--brand-ink);font-weight:700}
.flaeche .hilfe-video {min-width:0;margin-bottom:12px}
.flaeche .hilfe-video__vorschau {position:relative;overflow:hidden;border-radius:14px;background:var(--card-2)}
.flaeche .hilfe-video__film {display:block;width:100%;aspect-ratio:16 / 9;max-height:420px;object-fit:contain}
.flaeche .hilfe-video__start {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-3);border:0;background:linear-gradient(transparent,var(--ink));color:var(--card);font:600 15px Inter,sans-serif;cursor:pointer}
.flaeche .hilfe-video__start svg {box-sizing:content-box;padding:var(--abstand-4);border-radius:50%;background:var(--brand);color:var(--auf-brand)}
.flaeche .hilfe-video__start[hidden],.flaeche [data-hilfe-videofehler][hidden] {display:none}
.flaeche .hilfe-video__kopf {display:flex;align-items:baseline;gap:12px;margin:var(--abstand-4) 0 var(--abstand-2)}
.flaeche .hilfe-video__titel {flex:1;margin:0;font-size:16px;line-height:1.4}
.flaeche .hilfe-video__dauer {flex:none;color:var(--ink-2);font-size:12px}
.flaeche .hilfe-video__beschreibung {margin:0;color:var(--ink-2);font-size:14px;line-height:1.6}
.flaeche.werkbank .planhinweis {position:relative;inset:auto;z-index:auto;width:100%;max-width:100%;margin:16px 0;--meldung-luft:16px;padding:16px 16px 16px 48px;display:flex;align-items:flex-start;flex-wrap:nowrap;gap:12px;box-shadow:none;border-radius:16px}
.flaeche .planhinweis__text {min-width:0;flex:1}
.flaeche .planhinweis__text strong {display:block;margin:0 0 4px;font-size:15px}
.flaeche .planhinweis__text p {margin:0;font-size:13px;line-height:1.5}
.flaeche .planhinweis__text a {display:inline-flex;align-items:center;min-height:32px;color:inherit;font-size:12px;text-underline-offset:3px}
.flaeche .planhinweis form {margin:0;flex:none}
.flaeche .planhinweis .btn {min-width:44px;min-height:44px;padding:0;font-size:26px;color:inherit}
.flaeche.assistentzugang,.flaeche.assistentzugang[data-zen-modus="kompakt"] {bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--zen-fussabstand,0px))}
.flaeche.werkbank .startassistent {width:100%;min-width:0;margin:0;padding:clamp(20px,3vw,32px)}
.flaeche.werkbank .startassistent .eyebrow {color:var(--ink-2)}
.flaeche.werkbank .startassistent h4 {font-size:24px;line-height:1.3}
.flaeche.werkbank .startassistent p {max-width:68ch}
.flaeche.werkbank .startassistent .railchat {max-width:64rem}
.flaeche.werkbank .startassistent .railchat input {min-width:0;font-size:16px}
.flaeche.werkbank .startassistent .railchips {display:flex;flex-wrap:wrap;gap:var(--abstand-3)}
.flaeche.werkbank .startassistent .railchips form {min-width:0;max-width:100%}
.flaeche.werkbank .startassistent .railchips button {min-height:44px;white-space:normal;text-align:left}
.flaeche.werkbank [data-assistent-seite] .assistent__nachrichtenbereich > .assistent__einstieg {max-width:none;width:100%;padding:clamp(20px,3vw,40px);margin:0}
.flaeche.werkbank [data-assistent-seite] .assistent__eingabe,
.flaeche.werkbank [data-assistent-seite] .assistent__meldungen {padding-inline:clamp(20px,3vw,40px)}
.flaeche.werkbank [data-assistent-seite] .assistent__fragen {display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
.flaeche.werkbank [data-assistent-seite] .assistent__fragen button {width:100%;height:100%;border-radius:14px;padding:16px}
@media (min-width:768px) {
  .flaeche .mz-karten,.flaeche .hilfethemen {grid-template-columns:repeat(2,minmax(0,1fr))}
  .flaeche.werkbank [data-assistent-seite] .assistent__fragen {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1280px) {
  .flaeche .hilfethemen {grid-template-columns:repeat(3,minmax(0,1fr))}
  .flaeche .hilfelektionen {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px) {
  .flaeche.werkbank .planhinweis {--meldung-luft:12px;padding:12px 12px 12px 48px;gap:8px}
}
@media (min-width:701px) and (max-width:900px) {
  .flaeche.werkbank {--kopf:116px}
  .flaeche.werkbank .top .wrap {flex-wrap:wrap;align-content:center;justify-content:flex-end;gap:4px 12px;padding:4px 20px}
  .flaeche.werkbank .top:not([data-app-fenster]) .wrap::after {content:'';flex-basis:100%;height:0;order:1}
  .flaeche.werkbank .top .wrap > a.ghost,
  .flaeche.werkbank .top form {order:2}
}
.bestaetigungen { overflow-wrap: anywhere; }
.bestaetigungen__formular { display: grid; gap: 24px; margin-top: 28px; }
.bestaetigungen__punkt { min-width: 0; padding: clamp(16px, 4vw, 24px); border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
.bestaetigungen__punktkopf { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.bestaetigungen__punktkopf > span { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: var(--brand-tint); color: var(--brand-ink); font-weight: 700; }
.bestaetigungen__punktkopf h3 { margin: 0; font-size: 1.1rem; }
.bestaetigungen__punkt > .check { display: flex; gap: 12px; margin-top: 24px; line-height: 1.6; align-items: flex-start; }
.bestaetigungen__punkt .check__box { flex: 0 0 auto; margin-top: 4px; }
.bestaetigungen__formular > .button { min-height: 48px; white-space: normal; }
.bestaetigungen .disclosure summary { min-height: 44px; padding-block: 12px; cursor: pointer; }
.bestaetigungen :focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.einrichtung main.wrap { padding-block: clamp(24px, 5vw, 52px) 64px; }
.einrichtung__auftakt { display: grid; grid-template-columns: minmax(0, 1fr) 64px; align-items: start; gap: 12px; margin-bottom: 28px; }
.einrichtung__auftakttext { min-width: 0; }
.einrichtung__auftakt .kick { margin-top: 0; }
.einrichtung__zen { width: 100%; max-width: 112px; justify-self: end; }
.einrichtung__zen .zen { display: block; width: 100%; height: auto; }
.einrichtung .einrichtung__auftakt h1.big { font-size: clamp(28px, 4.4vw, 44px); line-height: 1.12; text-wrap: balance; }
.einrichtung .einrichtung__auftakt p.lede { font-size: 16px; line-height: 1.65; margin-top: 16px; }
.einrichtung .screen { min-width: 0; }
.einrichtung .card.pad { padding: 24px; border-radius: 16px; }
.einrichtung .board { margin-top: 28px; gap: 24px; }
.einrichtung .blocks { gap: 20px; }
.einrichtung .markenbereich { padding-block: 12px 0; }
.einrichtung .markenbereich h2 { font-size: 1.2rem; line-height: 1.4; }
.einrichtung .eyebrow { gap: 12px; flex-wrap: wrap; font-size: 15px; }
.einrichtung .sub, .einrichtung .altc span { font-size: 14px; line-height: 1.65; }
.einrichtung .urlrow { margin-top: 0; gap: var(--abstand-4); }
.einrichtung .urlfield { min-height: 56px; }
.einrichtung .urlfield input { font-size: 16px; min-width: 0; }
.einrichtung .alt { gap: 20px; margin-top: 32px; }
.einrichtung .altc { padding: var(--abstand-6); border-style: solid; border-radius: 16px; }
.einrichtung .altc b { font-size: 16px; margin-bottom: 8px; }
.einrichtung .q { padding-block: var(--abstand-6); }
.einrichtung .q:first-child { padding-top: 0; }
.einrichtung .nav { gap: 16px; margin-top: 28px; flex-wrap: wrap; }
.einrichtung input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),
.einrichtung textarea, .einrichtung select { font-size: max(16px, 1em); }
.einrichtung .btn, .einrichtung .button, .einrichtung .ghost { min-height: 44px; }
.einrichtung .bestaetigungen { max-width: 860px; margin-inline: auto; }
.einrichtung .bestaetigungen__formular { gap: 20px; }
.einrichtung .bestaetigungen__punkt { background: var(--card); padding: 24px; border: 1px solid var(--line); border-radius: 16px; }
.einrichtung .bestaetigungen__punkt .check { margin-top: var(--abstand-6); padding-top: 20px; border-top: 1px solid var(--line); }
.einrichtung .bestaetigungen__punkt .disclosure { margin-top: 20px; }
.einrichtung .bestaetigungen__punkt .check__box { margin-top: var(--abstand-1); }
.einrichtung .hero-ok.einrichtung__auftakt { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.einrichtung .hero-ok .einrichtung__zen { width: 88px; }
@media (min-width: 640px) {
  .einrichtung__auftakt { grid-template-columns: minmax(0, 1fr) 112px; gap: 32px; align-items: center; }
  .einrichtung .einrichtung__auftakt p.lede { font-size: 17px; }
}
@media (max-width: 639px) {
  .einrichtung .urlrow { flex-direction: column; }
  .einrichtung .urlspalte { width: 100%; }
  .einrichtung .urlrow > .btn, .einrichtung .nav > .btn, .einrichtung .bestaetigungen__formular > .button { width: 100%; justify-content: center; }
  .einrichtung .top .who { max-width: 45%; overflow-wrap: anywhere; }
  .einrichtung .top .who b, .einrichtung .top .who span { overflow: hidden; text-overflow: ellipsis; }
}
.flaeche.einrichtung { --field-border: var(--ink-3); }
.flaeche.einrichtung .chips.chips--feld { border-color:var(--field-border); }
.einrichtung .fontopts__hinweis { font-size:12px; }
.einrichtung .abschluss__weg .eyebrow {color:var(--ink-2)}
details.disclosure { transition: none; }
details.disclosure > summary { transition: none; }
.rechtsvolltext__rahmen { position: relative; min-width: 0; padding: clamp(12px, 3vw, 20px); }
.rechtsvolltext__hinweis { display: none; max-inline-size: 65ch; margin: 0 auto 12px; color: var(--ink); font-size: .875rem; line-height: 1.5; }
.rechtsvolltext { box-sizing: border-box; min-width: 0; max-inline-size: 65ch; margin-inline: auto; padding: clamp(16px, 3vw, 28px); border: 1px solid var(--line); border-radius: 12px; background: var(--card); color: var(--ink); font-size: .9375rem; line-height: 1.75; max-height: none; max-block-size: none; overflow: visible; overflow-wrap: anywhere; }
.rechtsvolltext:focus-visible { outline: 3px solid var(--brand); outline-offset: -3px; }
.rechtsvolltext > :first-child { margin-top: 0; }
.rechtsvolltext > :last-child { margin-bottom: 0; }
.rechtsvolltext :is(h1, h2, h3, h4) { color: var(--ink); font-weight: 700; line-height: 1.4; letter-spacing: normal; text-transform: none; text-wrap: pretty; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: normal; }
.rechtsvolltext :is(h1, h2) { margin: 1.75em 0 .75em; font-size: 1.15rem; }
.rechtsvolltext h3 { margin: 1.5em 0 .65em; font-size: 1.05rem; }
.rechtsvolltext h4 { margin: 1.25em 0 .6em; font-size: 1rem; }
.rechtsvolltext p { margin: 0 0 1em; font-size: inherit; line-height: inherit; }
.rechtsvolltext :is(ul, ol) { padding-inline-start: 1.25em; margin: .75em 0 1.25em; }
.rechtsvolltext li + li { margin-block-start: .5em; }
.rechtsvolltext table { width: 100%; max-width: 100%; table-layout: fixed; border-collapse: collapse; margin-block: 1.25em; font-size: .875rem; }
.rechtsvolltext :is(th, td) { padding: .65em .5em; border: 1px solid var(--line); vertical-align: top; text-align: start; overflow-wrap: anywhere; word-break: normal; }
.rechtsvolltext th { background: var(--paper-raised); color: var(--ink); font-weight: 700; }
.rechtsvolltext a { color: var(--ink); text-decoration: underline; text-underline-offset: .2em; }
.rechtsvolltext :is(img, svg) { max-width: 100%; height: auto; }
.legal__sheet .avv__vertrag-text.rechtsvolltext { max-height: none; max-block-size: none; overflow: visible; padding: clamp(16px, 3vw, 28px); }
.legal__sheet .rechtsvolltext :is(h1, h2) { font-size: 1.15rem; margin: 1.75em 0 .75em; }
.legal__sheet .rechtsvolltext :is(th, td) { padding: .65em .5em; overflow-wrap: anywhere; }
.aboauswahl details.disclosure > .rechtsvolltext, .abounterlagen > .rechtsvolltext { margin: 16px; }
@media (min-width: 701px) {
  :where(.flaeche, .legal, dialog.zustimmungsdialog) .rechtsvolltext__hinweis { display: block; }
  :where(.flaeche, .legal, dialog.zustimmungsdialog) .rechtsvolltext__rahmen .rechtsvolltext, .legal__sheet .avv__vertrag-text.rechtsvolltext { max-block-size: min(62dvh, 46rem); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding-bottom: 40px; }
  :where(.flaeche, .legal, dialog.zustimmungsdialog) .rechtsvolltext__rahmen::after { content: ''; position: absolute; inset-inline: clamp(12px, 3vw, 20px); bottom: clamp(12px, 3vw, 20px); height: 28px; border-radius: 0 0 12px 12px; background: linear-gradient(transparent, var(--card)); pointer-events: none; }
}
@supports (interpolate-size: allow-keywords) {
  :where(.flaeche, .legal, dialog.zustimmungsdialog) details.disclosure::details-content { interpolate-size: allow-keywords; height: 0; overflow: clip; transition: height 280ms var(--ease), content-visibility 280ms allow-discrete; }
  :where(.flaeche, .legal, dialog.zustimmungsdialog) details.disclosure[open]::details-content { height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  :where(.flaeche, .legal, dialog.zustimmungsdialog) details.disclosure, :where(.flaeche, .legal, dialog.zustimmungsdialog) details.disclosure::details-content, :where(.flaeche, .legal, dialog.zustimmungsdialog) details.disclosure *, :where(.flaeche, .legal, dialog.zustimmungsdialog) details.disclosure *::before { transition: none !important; animation: none !important; }
}
.zustimmungsdialog .bestaetigungen__formular {margin-top:0}
.flaeche .uploadaktionen {display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-4);margin-bottom:var(--abstand-6)}
.flaeche .uploadaktionen > form {margin:0}
.flaeche .uploadaktionen > .uploadmeldung {width:100%;min-width:0;margin:0}
.flaeche .uploadmeldung:not([open]) > summary {width:fit-content}
.flaeche .uploadmeldung__frage {margin:16px 0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.flaeche .uploadmeldung__raster {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;list-style:none;margin:0;padding:0;min-width:0}
.flaeche .uploadmeldung__kachel {display:grid;gap:12px;align-content:start;min-width:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.flaeche .uploadmeldung__kachel figure {margin:0;min-width:0}
.flaeche .uploadmeldung__foto {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;background:var(--card-2)}
.flaeche .uploadmeldung__kachel figcaption {margin-top:8px;font-size:14px;font-weight:600;color:var(--ink)}
.flaeche .uploadmeldung__kachel form {margin:0;min-width:0}
.flaeche .uploadmeldung .uploadmeldung__knopf {width:100%;min-height:44px;padding:8px;font-size:13px;color:var(--danger);background:var(--card);border-color:var(--line-strong)}
.flaeche .uploadmeldung .uploadmeldung__knopf:hover {color:var(--danger);background:var(--danger-wash);border-color:var(--danger);filter:none}
.flaeche .uploadmeldung .uploadmeldung__knopf:focus-visible {outline:3px solid var(--brand-ink);outline-offset:3px}
@media (min-width:768px) {
  .flaeche .uploadmeldung__raster {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1200px) {
  .flaeche .uploadmeldung__raster {grid-template-columns:repeat(4,minmax(0,1fr))}
}
.flaeche .storyvorbereitung__titel {display:flex;align-items:center;gap:.4em}
.flaeche .abostand {text-align:left;width:100%;overflow-wrap:anywhere}
@keyframes abostand-ein {
  from {opacity:0;transform:translateY(8px)}
  to {opacity:1;transform:none}
}
@media (prefers-reduced-motion:no-preference) {
  .flaeche .abostand {animation:abostand-ein var(--dauer-lang) var(--ease) both}
}
.flaeche .abostand__kopf {max-width:100%}
.flaeche .abostand__testverlauf {width:100%;max-width:44rem;min-width:0}
.flaeche .abostand__testverlauf progress {display:block;width:100%;height:7px;border:0;border-radius:99px;overflow:hidden;background:var(--line);accent-color:var(--brand)}
.flaeche .abostand__testverlauf progress::-webkit-progress-bar {background:var(--line)}
.flaeche .abostand__testverlauf progress::-webkit-progress-value {background:var(--brand)}
.flaeche .abostand__testverlauf progress::-moz-progress-bar {background:var(--brand)}
.flaeche .abostand__testverlauf p {margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.flaeche .abostand__ablauf {display:grid;gap:16px;margin:0;padding:0 0 0 16px;border-left:2px solid var(--line);list-style:none;min-width:0}
.flaeche .abostand__ablauf li {position:relative;display:grid;gap:4px;min-width:0}
.flaeche .abostand__ablauf li::before {content:'';position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--brand)}
.flaeche .abostand__ablauf strong {font-size:14px;color:var(--ink)}
.flaeche .abostand__ablauf span {font-size:13px;line-height:1.5;color:var(--ink-2)}
.flaeche .abostand__weg {display:block;appearance:none;min-height:44px;max-width:100%;margin:0;padding:12px 0;border:0;background:transparent;color:var(--ink-2);font:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.flaeche .abostand__weg:focus-visible {outline:2px solid var(--brand-ink);outline-offset:3px}
.flaeche .abostand__weg:disabled {cursor:default;opacity:.6}
.flaeche .abostand .abostand__aktionen--ablauf {display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px}
.flaeche .abostand details.disclosure.abostand__belege {width:100%;min-width:0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.flaeche .abostand details.disclosure.abostand__belege > summary {padding:12px 0;min-height:44px;color:var(--ink-2);font-size:14px;overflow-wrap:anywhere}
.flaeche .abostand .abostand__belege .rechtsvolltext {margin:0;max-width:100%;overflow-wrap:anywhere}
.flaeche .abostand .abostand__belege a {overflow-wrap:anywhere}
.flaeche .abokarte [data-empfehlung] {background:var(--brand);color:var(--auf-brand);min-height:28px;font-size:13px;font-weight:700}
.flaeche .abokarte .wahlkarte__marken {max-width:calc(100% - 32px);left:16px}
.flaeche .aboauswahl__heute dt, .flaeche .aboauswahl__heute dd {font-size:17px;font-weight:700;color:var(--ink)}
@container abopakete (max-width:319.98px) {
  .flaeche .abokarte {grid-template-columns:minmax(0,1fr);grid-template-areas:'menge' 'takt' 'preis';padding:48px 36px 20px 16px;row-gap:12px}
  .flaeche .abokarte__menge {align-self:start}
  .flaeche .abokarte__einheit {white-space:normal}
}
.flaeche .abostand__zeilen {display:grid;gap:12px;width:100%;margin:0;padding:12px 0;border-top:1px solid var(--line)}
.flaeche .abostand__zeilen > div {display:flex;flex-wrap:wrap;gap:4px 16px;min-width:0}
.flaeche .abostand__zeilen dt {font-size:13px;color:var(--ink-2)}
.flaeche .abostand__zeilen dd {margin:0;font-size:13px;color:var(--ink)}
.flaeche.werkbank .einstellraum {max-width:1180px;margin-inline:auto;padding-bottom:120px}
.flaeche.werkbank .einstellraum__kopf {margin-bottom:32px}
.flaeche.werkbank .einstellraum__kopf h1 {font-size:var(--schrift-seite);letter-spacing:-.035em;margin:8px 0}
.flaeche.werkbank .einstellraum__raster {display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.flaeche.werkbank .einstellraum__inhalt {min-width:0;display:grid;gap:24px}
.flaeche.werkbank .einstellraum__zurueck {display:none}
.flaeche.werkbank .einstellraum__bereichstitel {display:none}
.flaeche.werkbank .einstellraum .einstellweg {position:sticky;top:calc(var(--kopf) + var(--sb, 0px) + 24px);display:grid;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.flaeche.werkbank .einstellraum .einstellweg__zeile {position:relative;display:flex;gap:12px;align-items:center;min-height:72px;padding:16px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.flaeche.werkbank .einstellraum .einstellweg__zeile:last-child {border-bottom:0}
.flaeche.werkbank .einstellraum .einstellweg__zeile[aria-current] {background:var(--brand-tint);box-shadow:inset 2px 0 var(--brand-ink)}
.flaeche.werkbank .einstellraum .einstellweg__zeile span {display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.flaeche.werkbank .einstellraum .einstellweg__zeile svg {flex:none}
.flaeche.werkbank .einstellraum .einstellweg__zeile small {font-size:12px;line-height:1.5;color:var(--ink-2)}
.flaeche.werkbank .einstellraum .einstellweg__zeile--warnung small {color:var(--stop)}
.flaeche.werkbank .einstellraum .einstellweg__zeile .einstellweg__symbol {flex:none;display:grid;place-items:center;gap:0;width:40px;height:40px;border-radius:12px;background:var(--brand-tint);color:var(--brand-ink)}
.flaeche.werkbank .einstellraum .einstellweg__zeile[aria-current] .einstellweg__symbol {background:var(--card)}
.flaeche.werkbank .einstellraum .einstellweg__zeile--warnung .einstellweg__symbol {color:var(--stop)}
.flaeche.werkbank .einstellraum .bereichskopf {display:grid;gap:8px;margin-bottom:8px}
.flaeche.werkbank .einstellraum .bereichskopf h2 {font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0}
.flaeche.werkbank .einstellraum .bereichskopf p {color:var(--ink-2);margin:0;line-height:1.6}
.flaeche.werkbank .einstellraum .webseitenband {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
.flaeche.werkbank .einstellraum .webseitenband p {margin:4px 0 0;color:var(--ink-2)}
.flaeche.werkbank .einstellraum .einstellfarben {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.flaeche.werkbank .einstellraum .einstellfarben dd {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 0;overflow-wrap:anywhere}
.flaeche.werkbank .einstellraum .einstellfarben__punkt {display:inline-block;width:40px;height:40px;border:1px solid var(--field-border);border-radius:50%;flex:none}
.flaeche.werkbank .einstellraum .speicherleiste {position:sticky;bottom:16px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--zen-frei,88px) 16px 20px;border:1px solid var(--line-2);border-radius:16px;background:var(--card);box-shadow:var(--shadow);margin-top:24px;transition:transform var(--dauer) var(--ease),opacity var(--dauer) var(--ease)}
.flaeche.werkbank .einstellraum .speicherleiste[hidden] {display:none}
.flaeche.werkbank .einstellraum .speicherleiste__aktionen {display:flex;gap:8px;flex-wrap:wrap}
.flaeche.werkbank .einstellraum .speicherleiste[data-erfolg] {color:var(--go)}
.flaeche.werkbank .einstellraum .logos {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.flaeche.werkbank .einstellraum .logoslot {position:relative;display:block;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card-2)}
.flaeche.werkbank .einstellraum .logoslot:focus-within {outline:3px solid var(--brand-ink);outline-offset:4px}
.flaeche.werkbank .einstellraum .logoslot .face {height:160px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}
.flaeche.werkbank .einstellraum .logoslot .face img {width:100%;height:100%;object-fit:contain}
.flaeche.werkbank .einstellraum .logoslot .cap {display:flex;flex-wrap:wrap;gap:4px 12px;border-top:1px solid var(--line);padding:12px;color:var(--ink-2);font-size:12px}
.flaeche.werkbank .einstellraum .logoslot__tausch {position:absolute;top:8px;right:8px;padding:4px 8px;background:var(--card);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;font-size:12px;pointer-events:none}
.flaeche.werkbank .einstellraum .logohinweis {grid-column:1/-1;color:var(--ink-2)}
.flaeche.werkbank .einstellraum .logozurueck {display:flex;gap:8px;align-items:flex-start}
.flaeche.werkbank .einstellraum .field {min-width:0}
.flaeche.werkbank .einstellraum [data-haken] {border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:16px}
.flaeche.werkbank .einstellraum [data-haken][hidden] {display:none}
@media (min-width:900px) and (max-width:1179px) {
 .flaeche.werkbank .einstellraum__raster {grid-template-columns:216px minmax(0,1fr);gap:32px}
 .flaeche.werkbank .einstellraum .einstellweg {top:calc(var(--kopf) + var(--sb, 0px) + 76px)}
}
@media (max-width:899px) {
 .flaeche.werkbank .einstellraum__raster {grid-template-columns:minmax(0,1fr);gap:24px}
 .flaeche.werkbank .einstellraum:not([data-start]) .einstellraum__kopf {display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:24px}
 .flaeche.werkbank .einstellraum:not([data-start]) .einstellraum__kopf .auftakt {flex-basis:100%;order:-1;margin:0}
 .flaeche.werkbank .einstellraum:not([data-start]) .einstellraum__kopf h1 {font-size:16px;line-height:1.5;letter-spacing:-.02em;margin:0}
 .flaeche.werkbank .einstellraum .einstellweg {position:static}
 .flaeche.werkbank .einstellraum[data-start] .einstellraum__inhalt {display:none}
 .flaeche.werkbank .einstellraum:not([data-start]) .einstellweg {display:none}
 .flaeche.werkbank .einstellraum:not([data-start]) .einstellraum__zurueck {display:inline-flex;min-height:44px;align-items:center}
 .flaeche.werkbank .einstellraum:not([data-start]) .einstellraum__titel {display:none}
 .flaeche.werkbank .einstellraum:not([data-start]) .einstellraum__bereichstitel {display:inline}
 .flaeche.werkbank .einstellraum .speicherleiste {flex-wrap:wrap;padding:16px var(--zen-frei,88px) 16px 16px;font-size:14px}
}
@media (max-width:439px) {
 .flaeche.werkbank .einstellraum .logos,.flaeche.werkbank .einstellraum .einstellfarben {grid-template-columns:minmax(0,1fr)}
 .flaeche.werkbank .einstellraum .speicherleiste__aktionen {flex-direction:column}
}
@media (hover:hover) and (pointer:fine) {
 .flaeche.werkbank .einstellraum .einstellweg__zeile:hover {background:var(--brand-tint)}
}
@media (prefers-reduced-motion:reduce) {
 .flaeche.werkbank .einstellraum .speicherleiste {transition:none}
}
.flaeche.werkbank .einstellraum[data-bereich-gewechselt] .einstellraum__inhalt {animation:einstellbereich 200ms var(--ease)}
.flaeche.werkbank .einstellraum .speicherleiste {transition:transform 240ms var(--ease),opacity 240ms var(--ease);flex-wrap:wrap}
.flaeche.werkbank .einstellraum .speicherleiste[data-verborgen] {opacity:0;transform:translateY(12px);transition-duration:160ms;pointer-events:none}
.flaeche.werkbank .einstellraum .speicherleiste__aktionen[hidden] {display:none}
.flaeche.werkbank .einstellraum .speicherleiste__haken {flex:none}
.flaeche.werkbank .einstellraum .speicherleiste[data-erfolg] .speicherleiste__haken {animation:einstellhaken 240ms var(--ease)}
.flaeche.werkbank .einstellraum .einstellweg__zeile {transition:transform 120ms var(--ease)}
.flaeche.werkbank .einstellraum .einstellweg__zeile:active {transform:scale(.985)}
@media (hover:hover) and (pointer:fine) {.flaeche.werkbank .einstellraum .einstellweg__zeile:hover {background:var(--brand-tint)}}
@keyframes einstellbereich {from {opacity:0;transform:translateY(6px)} to {opacity:1;transform:none}}
@keyframes einstellhaken {from {opacity:0;transform:scale(.8)} to {opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce) {.flaeche.werkbank .einstellraum *, .flaeche.werkbank .einstellraum *::before, .flaeche.werkbank .einstellraum *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.flaeche .farbkarte {display:block}
.flaeche .farbkarte__raster {width:100%}
.flaeche .farbkarte__kopf {display:grid;gap:4px;margin-bottom:20px}
.flaeche .farbkarte__kopf p {margin:0;color:var(--ink-2)}
.flaeche .farbkarte__raster {display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;align-items:start}
.flaeche .farbkarte__buehne {order:2;min-width:0;position:sticky;top:calc(var(--kopf, 72px) + var(--sb, 0px) + 24px)}
.flaeche .farbkarte__bedienung {order:1;display:grid;gap:20px;min-width:0}
.flaeche .farbkarte .speicherleiste {grid-column:1 / -1}
.flaeche .farbbuehne {margin:0}
.flaeche .farbbuehne {margin:0;min-width:0}
.flaeche .farbbuehne__flaeche {position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:1fr 1fr;min-width:0;gap:12px;padding:16px;border-radius:20px;background:var(--card-2);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.flaeche .farbbuehne__kachel {position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:12px;background:var(--line);box-shadow:var(--elevation)}
.flaeche .farbbuehne__kachel img {display:block;width:100%;height:100%;object-fit:cover;transition:opacity 200ms var(--ease, ease-out)}
.flaeche .farbbuehne__kachel--gross {grid-row:1 / span 2}
.flaeche .farbbuehne__kachel--eins {align-self:end;transform:translate(-8px, 8px)}
.flaeche .farbbuehne__kachel--zwei {align-self:start;transform:translate(-8px, -8px)}
.flaeche .farbbuehne__kachel--rechnet img {opacity:.92}
.flaeche .farbbuehne__hinweis {margin-top:12px;font-size:14px;color:var(--ink-2)}
.flaeche .farbkarte__rollen {display:grid;gap:12px}
.flaeche .farbkarte__rolle {display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:border-color 200ms var(--ease, ease-out), box-shadow 200ms var(--ease, ease-out)}
.flaeche .farbkarte--skript .farbkarte__rolle[data-aktiv] {border-color:var(--brand-ink);box-shadow:inset 4px 0 var(--brand-ink)}
.flaeche .farbkarte__rollenknopf {display:none;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.flaeche .farbkarte--skript .farbkarte__rollenknopf {display:flex}
.flaeche .farbkarte__rollentext {display:grid;gap:4px}
.flaeche .farbkarte__rollenname {font-weight:600}
.flaeche .farbkarte__rollenwert {font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.flaeche .farbkarte__punkt {flex:none;display:inline-block;width:32px;height:32px;border-radius:50%;background:var(--punkt, transparent);box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--field-border)}
.flaeche .farbkarte__lesen .farbkarte__punkt {width:20px;height:20px;margin-right:8px;vertical-align:middle}
.flaeche .farbkarte__code .field__input {font-variant-numeric:tabular-nums;text-transform:uppercase}
.flaeche .farbkarte__code .field__input[aria-invalid='true'] {border-color:var(--stop)}
.flaeche .farbkarte__keine {display:flex;align-items:center;gap:8px;min-height:44px}
.flaeche .farbkarte__waehler {display:grid;gap:16px}
.flaeche .farbkarte__feld {position:relative;height:180px;border-radius:12px;touch-action:none;cursor:crosshair;background:linear-gradient(to top, #000, rgba(0,0,0,0)), linear-gradient(to right, #fff, var(--farbton, #f00))}
.flaeche .farbkarte__feld:focus-visible {outline:none;box-shadow:var(--focus-ring)}
.flaeche .farbkarte__griff {position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:var(--punkt, #fff);box-shadow:0 0 0 3px #fff, 0 0 0 4px rgba(0,0,0,.35), 0 4px 8px rgba(0,0,0,.25);pointer-events:none}
.flaeche .farbkarte__feld > .farbkarte__griff {inset:0 auto auto 0;width:0;height:0;background:none;box-shadow:none}
.flaeche .farbkarte__feld > .farbkarte__griff::after {content:'';position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:var(--punkt, #fff);box-shadow:0 0 0 3px #fff, 0 0 0 4px rgba(0,0,0,.35), 0 4px 8px rgba(0,0,0,.25);transition:transform 160ms var(--ease, ease-out)}
.flaeche .farbkarte__feld--greift > .farbkarte__griff::after {transform:scale(1.15)}
.flaeche .farbkarte__ton {width:100%;height:44px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.flaeche .farbkarte__ton::-webkit-slider-runnable-track {height:16px;border-radius:8px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.flaeche .farbkarte__ton::-moz-range-track {height:16px;border-radius:8px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.flaeche .farbkarte__ton::-webkit-slider-thumb {-webkit-appearance:none;width:28px;height:28px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.25)}
.flaeche .farbkarte__ton::-moz-range-thumb {width:28px;height:28px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.25)}
.flaeche .farbkarte__ton:focus-visible {outline:none;box-shadow:var(--focus-ring);border-radius:8px}
.flaeche .farbkarte__logo {display:grid;gap:8px}
.flaeche .farbkarte__tinten {display:flex;flex-wrap:wrap;gap:12px}
.flaeche .farbkarte__tinte {width:44px;height:44px;border:0;border-radius:50%;background:var(--punkt);box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--field-border);cursor:pointer;transition:transform 160ms var(--ease, ease-out)}
.flaeche .farbkarte__tinte:active {transform:scale(.97)}
.flaeche .farbkarte__tinte:focus-visible {outline:none;box-shadow:0 0 0 2px var(--card), var(--focus-ring)}
.flaeche .farbkarte__wartend {margin:0}
@media (max-width:899px) {
  .flaeche .farbkarte__raster {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .flaeche .farbkarte__buehne {order:0;grid-column:1 / -1;position:static}
  .flaeche .farbkarte__bedienung {grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .flaeche .farbkarte__rollen, .flaeche .farbkarte__keine {grid-column:1}
  .flaeche .farbkarte__waehler {grid-column:2;grid-row:1 / span 2}
  .flaeche .farbkarte__logo, .flaeche .farbkarte__wartend {grid-column:1 / -1}
}
@media (max-width:599px) {
  .flaeche .farbkarte__raster {grid-template-columns:minmax(0,1fr);gap:20px}
  .flaeche .farbkarte__bedienung {grid-template-columns:minmax(0,1fr)}
  .flaeche .farbkarte__rollen, .flaeche .farbkarte__keine, .flaeche .farbkarte__waehler {grid-column:1;grid-row:auto}
  .flaeche .farbbuehne__flaeche {gap:8px;padding:8px}
  .flaeche .farbkarte__buehne {margin-inline:-12px}
}
@media (max-width:599px) and (min-height:700px) {
  .flaeche .farbkarte__buehne {position:sticky;top:calc(var(--kopf, 72px) + var(--sb, 0px) + 8px);z-index:2}
  .flaeche .farbkarte__raster:has(.farbkarte__code input:focus) .farbkarte__buehne {position:static}
}
@media (hover:none) {.flaeche .farbkarte__tinte:hover {transform:none}}
@media (prefers-reduced-motion:reduce) {.flaeche .farbkarte *, .flaeche .farbkarte *::after {transition:none!important;animation:none!important}}
.flaeche .einrichtung .webseite__zusage, .einrichtung .webseite__zusage {margin-top:12px;font-size:13px;color:var(--ink-3)}
.einrichtung .markentafel .board {grid-template-columns:minmax(0,1fr) 316px;gap:32px;margin-top:28px}
.einrichtung .markentafel .blocks {grid-template-columns:minmax(0,1fr);gap:20px}
.einrichtung .markentafel__haken:empty {display:none}
.einrichtung .markentafel__haken {margin-top:20px}
.einrichtung .leistungskarte .eyebrow, .einrichtung .auftritt__titel {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.einrichtung .leistungskarte__titel {margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit}
.einrichtung .leistungskarte .fr {display:grid;gap:8px}
.einrichtung .leistungskarte .fk {color:var(--ink-2);font-size:14px}
.einrichtung .leistungskarte__gewerbe {margin:20px 0 0;padding:0;border:0}
.einrichtung .leistungskarte__gewerbe legend {font-weight:600;margin-bottom:12px}
.einrichtung .leistungskarte__wahl {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.einrichtung .leistungskarte__antippen {margin:20px 0 8px;color:var(--ink-2);font-size:14px}
.einrichtung .leistungskarte__knoepfe {display:flex;flex-wrap:wrap;gap:8px}
.einrichtung .vorschlag {min-height:44px;padding:0 16px;border:1px dashed var(--field-border);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:transform 120ms var(--ease), opacity 160ms var(--ease), border-color 160ms var(--ease)}
.einrichtung .vorschlag:active {transform:scale(.97)}
.einrichtung .vorschlag:focus-visible {outline:none;box-shadow:var(--focus-ring)}
.einrichtung .vorschlag--weg {opacity:0;transform:scale(.97)}
.einrichtung .befund {border-top:1px solid var(--line)}
.einrichtung .befund:first-of-type {border-top:0}
.einrichtung .befund__kopf {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:8px 0;cursor:pointer;list-style:none}
.einrichtung .befund__kopf::-webkit-details-marker {display:none}
.einrichtung .befund__kopf::after {content:'';flex:none;width:10px;height:10px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg) translate(-2px,-2px);transition:transform 160ms var(--ease)}
.einrichtung .befund[open] > .befund__kopf::after {transform:rotate(-135deg) translate(-2px,-2px)}
.einrichtung .befund__kopf:focus-visible {outline:none;box-shadow:var(--focus-ring);border-radius:8px}
.einrichtung .befund__name {display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600}
.einrichtung .befund__wert {display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0;color:var(--ink-2);font-size:14px}
.einrichtung .befund__text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28ch}
.einrichtung .befund__punkte {display:flex}
.einrichtung .befund__punkte i {display:block;width:24px;height:24px;border-radius:50%;background:var(--punkt);box-shadow:0 0 0 2px var(--card), 0 0 0 3px var(--field-border);transition:background-color 400ms var(--ease)}
.einrichtung .befund__punkte i + i {margin-left:-8px}
.einrichtung .befund__logo {display:grid;place-items:center;width:56px;height:32px;padding:4px;border-radius:8px;border:1px solid var(--line)}
.einrichtung .befund__logo--hell {background:#FFFFFF}
.einrichtung .befund__logo--dunkel {background:#181A20}
.einrichtung .befund__logo img {max-width:100%;max-height:100%;object-fit:contain}
.einrichtung .befund__minis {display:flex}
.einrichtung .befund__minis img {width:32px;height:32px;object-fit:cover;border-radius:6px;box-shadow:0 0 0 2px var(--card)}
.einrichtung .befund__minis img + img {margin-left:-8px}
.einrichtung .befund__inhalt {padding:4px 0 20px;animation:befund-auf 180ms var(--ease)}
.einrichtung .befund__hinweis {margin:12px 0 0;font-size:13px;color:var(--ink-2)}
.einrichtung .befund__inhalt.farbkarte .farbkarte__bedienung {gap:16px}
.einrichtung .befund__punkte i[hidden] {display:none}
@media (min-width:600px) {
  .einrichtung .befund__inhalt.farbkarte .farbkarte__rollen {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@keyframes befund-auf {from {opacity:0;transform:translateY(-4px)} to {opacity:1;transform:none}}
.einrichtung .markentafel .prev {position:sticky;top:calc(var(--kopf, 72px) + 24px)}
.einrichtung .markentafel .farbbuehne--einzeln .farbbuehne__flaeche {display:block;padding:12px}
.einrichtung .markentafel .farbbuehne--einzeln .farbbuehne__kachel--gross {grid-row:auto}
.einrichtung .markentafel .farbbuehne--einzeln .farbbuehne__hinweis {text-align:center}
.einrichtung .befund__weiter .hint {color:var(--ink-3)}
@media (min-width:1440px) {
  .einrichtung .markentafel .board {grid-template-columns:minmax(0,1fr) 360px}
}
@media (max-width:899px) {
  .einrichtung .markentafel .board {grid-template-columns:minmax(0,1fr)}
  .einrichtung .markentafel .prev {position:static;width:260px;max-width:100%;justify-self:center}
  .einrichtung .befund__weiter {position:sticky;bottom:0;z-index:5;margin-inline:-16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}
  .einrichtung .befund__weiter .btn {width:100%}
  .einrichtung .befund__weiter .hint {display:none}
  body:has(.einrichtung [data-markentafel]) > .mehrunten {display:none}
}
@media (max-width:899px) and (max-height:560px) {
  .einrichtung .befund__weiter {position:static}
}
@media (max-width:639px) {
  .einrichtung .markentafel .board {margin-top:20px}
  .einrichtung .markentafel .prev {order:-1;width:min(62vw,236px)}
  .einrichtung .befund__kopf {flex-wrap:wrap}
}
@media (max-width:639px) and (max-height:719px) {
  .einrichtung .markentafel .prev {width:176px}
}
@media (max-width:359px) {
  .einrichtung .befund__wert {flex-basis:100%;margin-left:0}
}
@media (hover:hover) and (pointer:fine) {
  .einrichtung .vorschlag:hover {border-color:var(--brand-ink)}
  .einrichtung .befund__kopf:hover .befund__name {color:var(--brand-ink)}
}
@media (prefers-reduced-motion:reduce) {
  .einrichtung .befund__inhalt {animation:befund-auf-ruhig 180ms linear}
  .einrichtung .befund__kopf::after, .einrichtung .befund__punkte i {transition:none}
  .einrichtung .vorschlag--weg {transform:none}
}
@keyframes befund-auf-ruhig {from {opacity:0} to {opacity:1}}
.einrichtung .stimmtafel__raster {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px;align-items:start}
.einrichtung .stimmtafel__fragen {margin:0}
.einrichtung .stimmtafel__probe {margin:0}
.einrichtung .hoerprobe {margin:8px 0 0;font-family:Archivo, var(--font-display, sans-serif);font-size:clamp(1.25rem, 1rem + 1vw, 1.6rem);line-height:1.3;color:var(--ink)}
.einrichtung .hoerprobe--neu {animation:hoerprobe-neu 180ms var(--ease)}
@keyframes hoerprobe-neu {from {opacity:0} to {opacity:1}}
.einrichtung .stimmtafel__begriffe {display:grid;gap:8px;margin-top:16px}
.einrichtung .stimmtafel__aendern > summary, .einrichtung .stimmtafel__nogo > summary {cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--brand-ink);font-weight:600}
.einrichtung .stimmtafel__nogo > summary h2 {margin:0;font-size:inherit}
.einrichtung .stimmtafel__nogo > summary::-webkit-details-marker, .einrichtung .stimmtafel__aendern > summary::-webkit-details-marker {display:none}
@media (min-width:900px) {
  .einrichtung .stimmtafel__raster {grid-template-columns:minmax(0,1fr) 320px}
  .einrichtung .stimmtafel__probe {order:2;position:sticky;top:calc(var(--kopf, 72px) + 24px)}
}
@media (prefers-reduced-motion:reduce) {
  .einrichtung .hoerprobe--neu {animation:none}
}
.flaeche.werkbank.fotovorrat {--ease-blatt:cubic-bezier(.32,.72,0,1)}
.flaeche.werkbank .fotothek__kopf {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}
.flaeche.werkbank .fotothek__kopf h1 {font-size:clamp(24px,4vw,36px);letter-spacing:-.04em;margin:0;white-space:nowrap}
.flaeche.werkbank .fotothek__kopf p {color:var(--ink-2);margin:8px 0 0}
.flaeche.werkbank .fotothek__chips {display:flex;gap:8px;overflow-x:auto;min-height:44px;margin:0 0 16px;padding:4px 0;mask-image:linear-gradient(to right,#000 96%,transparent);scrollbar-width:thin}
.flaeche.werkbank .fotothek__chip {flex:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;color:var(--ink-2);background:var(--card);font-size:14px;text-decoration:none}
.flaeche.werkbank .fotothek__chip[aria-current="true"] {color:var(--brand-ink);background:var(--brand-tint);border-color:var(--brand)}
.flaeche.werkbank .fotothek__chip:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .fotothek__leise,.flaeche.werkbank .fotothek__webstand {margin:12px 0;color:var(--ink-2);font-size:16px;line-height:1.5}
.flaeche.werkbank .fotothek__gitter {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.flaeche.werkbank .fotothek__bild {position:relative;min-width:0;margin:0}
.flaeche.werkbank .fotothek__bild:has(.fotomenue[open]) {z-index:100}
.flaeche.werkbank .fotothek__wahl {display:block;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:var(--card-2);cursor:pointer}
.flaeche.werkbank .fotothek__wahl {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:28px 28px}
.flaeche.werkbank .fotothek__wahl input {position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.flaeche.werkbank .fotothek__wahl img {display:block;width:100%;height:100%;object-fit:cover;-webkit-touch-callout:none}
.flaeche.werkbank .fotothek__wahl:has(input:checked) {background:var(--brand-tint-2)}
.flaeche.werkbank .fotothek__wahl:has(input:focus-visible) {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .fotothek__wahl:has(input:disabled) {opacity:.45}
.flaeche.werkbank .fotothek__haken {position:absolute;top:8px;left:8px;display:grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:rgb(12 14 26 / .65);color:#fff;font-size:14px;font-weight:700;pointer-events:none}
.flaeche.werkbank .fotothek__haken::before {content:attr(data-nummer)}
.flaeche.werkbank .fotothek__wahl input:checked ~ .fotothek__haken {background:var(--brand);color:var(--auf-brand)}
.flaeche.werkbank .fotothek__marke {position:absolute;bottom:8px;left:8px;padding:4px 8px;border-radius:8px;background:rgb(12 14 26 / .75);color:#fff;font-size:12px;pointer-events:none}
.flaeche.werkbank .fotomenue {position:absolute;top:4px;right:4px}
.flaeche.werkbank .fotomenue > summary {position:relative;z-index:2;display:grid;place-items:center;width:44px;height:44px;list-style:none;border-radius:50%;background:rgb(12 14 26 / .65);color:#fff;cursor:pointer}
.flaeche.werkbank .fotomenue > summary::-webkit-details-marker {display:none}
.flaeche.werkbank .fotomenue[open] > summary {z-index:auto}
.flaeche.werkbank .fotomenue[open] > summary::before {z-index:2;content:'';position:fixed;inset:0;background:rgb(12 14 26 / .42)}
.flaeche.werkbank .fotomenue__blatt {position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:3;width:auto;max-width:420px;margin:0 auto;padding:8px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);box-shadow:var(--elevation)}
.flaeche.werkbank .fotomenue__kopf {margin:0;padding:8px 12px;color:var(--ink-2);font-size:14px}
.flaeche.werkbank .fotomenue__kopf strong,.flaeche.werkbank .fotomenue__kopf small {display:block;overflow-wrap:anywhere}
.flaeche.werkbank .fotomenue__blatt form {margin:0}
.flaeche.werkbank .fotomenue__punkt {display:grid;gap:4px;align-content:center;width:100%;min-height:56px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;font-size:16px;text-align:left;text-decoration:none;cursor:pointer}
.flaeche.werkbank .fotomenue__punkt small,.flaeche.werkbank .fotomenue__satz {color:var(--ink-2);font-size:13px;line-height:1.4}
.flaeche.werkbank .fotomenue__satz {padding:8px 12px;margin:0}
.flaeche.werkbank .fotomenue__punkt:focus-visible,.flaeche.werkbank .fotomenue > summary:focus-visible {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .fotothek__leiste {position:sticky;z-index:40;display:none;flex-direction:column;gap:8px;bottom:max(8px,env(safe-area-inset-bottom));width:100%;max-width:640px;margin:16px auto 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);box-shadow:var(--elevation)}
.flaeche.werkbank .fotothek__leiste[data-an],.flaeche.werkbank .fotothek__sammlung:has(.fotothek__wahl input:checked) .fotothek__leiste {display:flex}
.flaeche.werkbank .fotothek__leistenzeile {display:flex;align-items:center;gap:12px;min-width:0}
.flaeche.werkbank .fotothek__stand {flex:1;min-width:0;font-size:15px;line-height:1.4}
.flaeche.werkbank .fotothek__stand strong {display:block}
.flaeche.werkbank .fotothek__stapel {display:flex;padding-left:12px;flex:none}
.flaeche.werkbank .fotothek__stapel img {width:36px;height:44px;margin-left:-12px;border:2px solid var(--card);border-radius:8px;object-fit:cover}
.flaeche.werkbank .fotothek__art {min-height:44px;padding:8px 0;border:0;background:none;color:var(--brand-ink);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.flaeche.werkbank .fotothek__aufheben,.flaeche.werkbank [data-vorrat-schliessen] {flex:none;width:44px;height:44px;border:0;border-radius:12px;background:var(--card-2);color:var(--ink);font-size:24px;cursor:pointer}
.flaeche.werkbank .fotothek__bindung {margin:0;color:var(--ink-2);font-size:13px}
.flaeche.werkbank .fotothek__bindung a {display:inline-flex;align-items:center;min-height:44px;margin-left:8px}
.flaeche.werkbank .fotothek__vorbereiten {width:100%;min-height:48px}
.flaeche.werkbank .fotothek__ki {margin:0;color:var(--ink-2);font-size:13px;line-height:1.4}
.flaeche.werkbank .fotothek__seiten {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:16px 0}
.flaeche.werkbank .fotothek__leer {padding:32px 16px;text-align:center;color:var(--ink-2)}
.flaeche.werkbank .fotothek__leer h2 {color:var(--ink);font-size:24px}
.flaeche.werkbank .fotothek__fenster {position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:92dvh;margin:0;padding:20px;border:0;border-radius:20px 20px 0 0;background:var(--card);color:var(--ink);box-shadow:var(--elevation);overflow:auto}
.flaeche.werkbank .fotothek__fenster::backdrop {background:rgb(12 14 26 / .48)}
.flaeche.werkbank .fotothek__fensterkopf {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.flaeche.werkbank .fotothek__fensterkopf h2 {margin:0;font-size:24px}
.flaeche.werkbank .fotothek__fenster form {display:flex;flex-direction:column;gap:12px;margin:0;min-width:0}
.flaeche.werkbank .fotothek__dateiwahl {position:relative;display:grid;gap:12px;padding:20px;border:1px dashed var(--brand);border-radius:16px;background:var(--card-2);color:var(--ink);cursor:pointer}
.flaeche.werkbank .fotothek__dateiwahl > span {color:var(--ink-2);font-size:14px}
.flaeche.werkbank .fotothek__dateiwahl input {max-width:100%;font-size:13px}
.flaeche.werkbank [data-skript] .fotothek__dateiwahl input {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}
.flaeche.werkbank .fotothek__dateiwahl:focus-within {outline:3px solid var(--brand-ink);outline-offset:2px}
.flaeche.werkbank .fotothek__uebertragung progress {width:100%;height:12px;accent-color:var(--brand)}
.flaeche.werkbank .fotothek__warteschlange {list-style:none;max-height:36dvh;overflow:auto;margin:0;padding:0}
.flaeche.werkbank .fotothek__warteschlange li {display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);opacity:.5}
.flaeche.werkbank .fotothek__warteschlange li[data-gespeichert],.flaeche.werkbank .fotothek__warteschlange li.fotothek__abgelehnt {opacity:1}
.flaeche.werkbank .fotothek__warteschlange img {width:48px;height:48px;object-fit:cover;border-radius:8px}
.flaeche.werkbank .fotothek__warteschlange div {min-width:0}
.flaeche.werkbank .fotothek__warteschlange strong,.flaeche.werkbank .fotothek__warteschlange span {display:block;overflow-wrap:anywhere;font-size:14px}
.flaeche.werkbank .fotothek__warteschlange span {color:var(--ink-2)}
.flaeche.werkbank .fotothek__fuss {margin:24px 0;color:var(--ink-2);font-size:14px}
@media (min-width:360px) {
  .flaeche.werkbank .fotothek__gitter {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:700px) {
  .flaeche.werkbank .fotothek__gitter {grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
  .flaeche.werkbank .fotomenue__blatt {position:absolute;top:44px;right:0;left:auto;bottom:auto;width:224px;max-width:calc(100vw - 32px);border-radius:16px;transform-origin:top right}
  .flaeche.werkbank .fotomenue__blatt[data-seite="links"] {right:auto;left:0;transform-origin:top left}
  .flaeche.werkbank .fotomenue__punkt {min-height:44px;font-size:15px}
  .flaeche.werkbank .fotothek__fenster {inset:0;max-width:560px;margin:auto;border-radius:20px;height:fit-content}
}
@media (min-width:1024px) {
  .flaeche.werkbank .fotothek__gitter {grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
  .flaeche.werkbank .fotothek__chips {flex-wrap:wrap;overflow:visible;mask-image:none}
}
@media (prefers-reduced-motion:no-preference) {
  .flaeche.werkbank .fotothek__wahl img {transition:transform var(--dauer) var(--ease)}
  .flaeche.werkbank .fotothek__wahl input:checked ~ img {transform:scale(.9);border-radius:8px}
  .flaeche.werkbank .fotothek__wahl:active img {transform:scale(.97)}
  .flaeche.werkbank .fotothek__leiste {animation:haftleiste-ein var(--dauer) var(--ease)}
  .flaeche.werkbank .fotothek__bild[data-neu] {animation:fotothek-neu var(--dauer-lang) var(--ease) backwards}
  .flaeche.werkbank .fotothek__bild[data-neu]:nth-child(2) {animation-delay:40ms}
  .flaeche.werkbank .fotothek__bild[data-neu]:nth-child(3) {animation-delay:80ms}
  .flaeche.werkbank .fotothek__bild[data-neu]:nth-child(4) {animation-delay:120ms}
  .flaeche.werkbank .fotothek__bild[data-neu]:nth-child(5) {animation-delay:160ms}
  .flaeche.werkbank .fotothek__bild[data-neu]:nth-child(6) {animation-delay:200ms}
  .flaeche.werkbank .fotothek__bild[data-neu]:nth-child(7) {animation-delay:240ms}
  .flaeche.werkbank .fotothek__bild[data-neu]:nth-child(8) {animation-delay:280ms}
  .flaeche.werkbank .fotomenue[open] .fotomenue__blatt {animation:fotothek-blatt var(--dauer) var(--ease-blatt)}
  .flaeche.werkbank .fotothek__fenster[open] {animation:fotothek-blatt var(--dauer-lang) var(--ease-blatt)}
}
@media (min-width:700px) and (prefers-reduced-motion:no-preference) {
  .flaeche.werkbank .fotomenue[open] .fotomenue__blatt {animation:fotothek-klappe 160ms var(--ease)}
  .flaeche.werkbank .fotothek__fenster[open] {animation:fotothek-fenster var(--dauer) var(--ease)}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank .fotothek__wahl input:checked ~ img {outline:3px solid var(--brand);outline-offset:-3px}
  .flaeche.werkbank .fotothek__leiste {animation:none}
}
@media (hover:hover) and (pointer:fine) {
  .flaeche.werkbank .fotomenue__punkt:hover {background:var(--card-2)}
  .flaeche.werkbank .fotothek__chip:hover {border-color:var(--ink-2)}
}
@media (scripting:none) {
  .flaeche.werkbank .fotothek__fenster {display:block;position:static;max-width:none;max-height:none;margin:24px 0}
  .flaeche.werkbank [data-vorrat-schliessen] {display:none}
}
@keyframes fotothek-neu {from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:none}}
@keyframes fotothek-blatt {from {opacity:.4;transform:translateY(100%)} to {opacity:1;transform:none}}
@keyframes fotothek-klappe {from {opacity:0;transform:scale(.96)} to {opacity:1;transform:none}}
@keyframes fotothek-fenster {from {opacity:0;transform:translateY(8px) scale(.98)} to {opacity:1;transform:none}}
img.bild--fehlt { visibility: hidden; }
.bild-ausweich {
    background-color: var(--paper-field);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.flaeche.werkbank .cols.startseite + .startassistent {margin-top:24px}
@media (max-width:700px) {
  .flaeche.werkbank .tabs .wrap {display:flex;flex-wrap:nowrap;gap:4px;padding:8px 32px 8px 20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:20px 32px;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}
  .flaeche.werkbank .tabs .wrap::-webkit-scrollbar {display:none}
  .flaeche.werkbank .tabs .bereichsname {display:none}
  .flaeche.werkbank .tab {flex:0 0 auto;padding:8px 12px;scroll-snap-align:start}
  .flaeche.werkbank [id] {scroll-margin-top:calc(var(--kopf) + 68px)}
  .flaeche.werkbank main.wrap {padding-top:20px}
  .flaeche.werkbank .hello {margin-bottom:16px}
  .flaeche.werkbank .hello h1 {font-size:26px}
}
@media (min-width:701px) and (max-width:879px) {
  .flaeche.werkbank .tab svg {display:none}
}
.flaeche .kihinweis-zeile {display:block}
.flaeche.werkbank .top .kontomenue {position:relative;flex:0 0 auto;margin-left:auto}
.flaeche.werkbank .kontomenue__knopf {list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);cursor:pointer;
  transition:background-color var(--dauer-kurz,160ms) ease,border-color var(--dauer-kurz,160ms) ease}
.flaeche.werkbank .kontomenue__knopf::-webkit-details-marker {display:none}
.flaeche.werkbank .kontomenue__knopf::marker {content:''}
.flaeche.werkbank .kontomenue__knopf:focus-visible {outline:3px solid var(--brand-tint-2);outline-offset:2px;border-color:var(--brand)}
.flaeche.werkbank .kontomenue[open] > .kontomenue__knopf {border-color:var(--brand-tint-2);background:var(--brand-tint)}
.flaeche.werkbank .kontomenue__kreis {position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink);
  font-size:13px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}
.flaeche.werkbank .kontomenue[open] .kontomenue__knopf .kontomenue__kreis {background:var(--brand);color:var(--auf-brand,#fff)}
.flaeche.werkbank .kontomenue__punkt {position:absolute;top:4px;left:31px;width:10px;height:10px;border-radius:50%;background:var(--stop);box-shadow:0 0 0 2px var(--card)}
.flaeche.werkbank .kontomenue__pfeil {transition:transform var(--dauer-kurz,160ms) cubic-bezier(.23,1,.32,1)}
.flaeche.werkbank .kontomenue[open] .kontomenue__pfeil {transform:rotate(180deg)}
.flaeche.werkbank .kontomenue__blatt {position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:304px;max-height:calc(100dvh - var(--kopf) - 24px);overflow-y:auto;
  padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 18px 48px rgb(20 16 40 / .18),0 2px 6px rgb(20 16 40 / .08);transform-origin:top right}
.flaeche.werkbank .kontomenue[open] .kontomenue__blatt {animation:kontomenue-auf 180ms cubic-bezier(.23,1,.32,1)}
@keyframes kontomenue-auf {from {opacity:0;transform:translateY(-4px) scale(.97)} to {opacity:1;transform:none}}
.flaeche.werkbank .kontomenue__wer {display:flex;align-items:center;gap:12px;padding:8px 12px 16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.flaeche.werkbank .kontomenue__kreis--gross {width:44px;height:44px;font-size:15px;flex:0 0 auto}
.flaeche.werkbank .kontomenue__namen {display:flex;flex-direction:column;gap:2px;min-width:0}
.flaeche.werkbank .kontomenue__namen b {font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flaeche.werkbank .kontomenue__namen span {font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flaeche.werkbank .kontomenue__wege {display:flex;flex-direction:column;gap:2px}
.flaeche.werkbank .kontomenue__wege a,
.flaeche.werkbank .kontomenue__ab button {display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);
  font:inherit;font-size:15px;font-weight:550;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--dauer-kurz,160ms) ease}
.flaeche.werkbank .kontomenue__wege a svg,
.flaeche.werkbank .kontomenue__ab svg {flex:0 0 auto;color:var(--ink-2)}
.flaeche.werkbank .kontomenue__wege a[aria-current="page"] {background:var(--brand-tint);color:var(--brand-ink)}
.flaeche.werkbank .kontomenue__wege a[aria-current="page"] svg {color:var(--brand-ink)}
.flaeche.werkbank .kontomenue__wege a:focus-visible,
.flaeche.werkbank .kontomenue__ab button:focus-visible {outline:3px solid var(--brand-tint-2);outline-offset:-1px}
@media (hover:hover) and (pointer:fine) {
  .flaeche.werkbank .kontomenue__knopf:hover {background:var(--card-2)}
  .flaeche.werkbank .kontomenue__wege a:hover,
  .flaeche.werkbank .kontomenue__ab button:hover {background:var(--card-2)}
}
.flaeche.werkbank .kontomenue__farbe {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:8px 0;padding:8px 8px 8px 12px;border-top:1px solid var(--line)}
.flaeche.werkbank .kontomenue__zwischen {display:flex;align-items:center;gap:12px;font-size:15px;font-weight:550;color:var(--ink)}
.flaeche.werkbank .kontomenue__zwischen svg {flex:0 0 auto;color:var(--ink-2)}
.flaeche.werkbank .kontomenue .kontomenue__farbe .farbwahl {display:inline-flex;gap:2px;padding:2px;margin:0;border:0;border-radius:999px;background:var(--card-2)}
.flaeche.werkbank .kontomenue .kontomenue__farbe .farbwahl[hidden] {display:none}
.flaeche.werkbank .kontomenue .kontomenue__farbe .farbwahl__option {display:inline-flex;padding:0}
.flaeche.werkbank .kontomenue .kontomenue__farbe .farbwahl__option span {width:34px;height:30px;border-radius:999px;color:var(--ink-3);transition:background-color var(--dauer-kurz,160ms) ease,color var(--dauer-kurz,160ms) ease}
.flaeche.werkbank .kontomenue .kontomenue__farbe .farbwahl__option:hover span {color:var(--ink)}
.flaeche.werkbank .kontomenue .kontomenue__farbe .farbwahl__option:has(input:checked) span {background:var(--brand-tint);color:var(--brand-ink);box-shadow:inset 0 0 0 1px var(--brand-tint-2)}
.flaeche.werkbank .kontomenue .kontomenue__farbe .farbwahl__option:has(input:focus-visible) span {outline:2px solid var(--brand);outline-offset:1px}
.flaeche.werkbank .kontomenue__ab {margin:0;padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:700px) {
  .flaeche.werkbank {--kopf:64px}
  .flaeche.werkbank .top .wrap {flex-wrap:nowrap;align-items:center;gap:12px;padding:0 16px 0 20px}
  .flaeche.werkbank .top .wrap::after {display:none}
  .flaeche.werkbank .top .lockup {min-height:44px;gap:3px}
  .flaeche.werkbank .top .wordmark--produkt {font-size:26px}
  .flaeche.werkbank .kontomenue__blatt {position:fixed;top:calc(var(--kopf) + 4px);left:12px;right:12px;width:auto}
}
@media (min-width:701px) and (max-width:900px) {
  .flaeche.werkbank {--kopf:72px}
  .flaeche.werkbank .top .wrap {flex-wrap:nowrap;align-items:center;padding:0 20px}
  .flaeche.werkbank .top:not([data-app-fenster]) .wrap::after {display:none}
}
@media (prefers-reduced-motion:reduce) {
  .flaeche.werkbank .kontomenue[open] .kontomenue__blatt {animation:kontomenue-ein 120ms ease-out}
  .flaeche.werkbank .kontomenue__pfeil {transition:none}
}
@keyframes kontomenue-ein {from {opacity:0} to {opacity:1}}
@media (max-width:700px) {
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) {grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;padding-bottom:24px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form {display:contents}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt > *, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > *, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > * {grid-column:1;grid-row:16;margin-inline:20px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt > h2 {grid-row:1;margin:20px 20px 0}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt > .schritte {grid-row:2;margin:0 20px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > .startbuehne__frage {grid-row:3;margin:20px 20px 12px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .startauswahl, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .fotoplaetze {grid-row:4;margin:0 20px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt > .startgriffe {grid-row:5;margin:24px 28px -12px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt > .einwurfidee, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt > .eigenkarte {grid-row:6;margin:0 20px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt:not(:has(> .startgriffe)) > .eigenkarte, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt:not(:has(> .startgriffe)) > .einwurfidee {margin-top:20px}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt:has(#art-eigen:checked) > .einwurfidee, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startbuehne__inhalt:has(#art-idee:checked) > .eigenkarte {display:none}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .kihinweis-zeile {grid-row:7;margin:20px 20px 0}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > p.mini:not(.kihinweis-zeile) {grid-row:8;margin:8px 20px 0}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > p.mini:not(.kihinweis-zeile) ~ p.mini:not(.kihinweis-zeile) {grid-row:9}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > p.mini:not(.kihinweis-zeile) ~ p.mini:not(.kihinweis-zeile) ~ p.mini:not(.kihinweis-zeile) {grid-row:10}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .startrechte {grid-row:11;margin:16px 20px 0}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .pipe {grid-row:12;margin:16px 20px 0}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .acts, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .fotoplaetze__absenden {grid-row:13;margin:16px 20px 0}
  .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > form > .karussellplaetze__ausweg, .flaeche.werkbank .startbuehne:has(> .startbuehne__inhalt > section) .startplaetze > .startfoto__mehrere {grid-row:14;margin:16px 20px 0}
}
.einord .briefing-rechte { margin-bottom: var(--abstand-6); }
.einord .briefing-rechte .check { min-height: 44px; }