.sup-hero{padding-block: var(--hero-top) var(--sec-xs)}.sup-hero .wrap{display: grid;gap: var(--s-4)}.sup-hero .lead{max-width: 34ch}.sup{padding-block: var(--sec-xs) var(--sec-sm)}.sup-in{display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);gap: var(--col-gap);align-items: start}.sup-karte{background: #fff;border-radius: var(--r-lg);padding: clamp(20px, 3vw, 40px);box-shadow: var(--sh-1);min-width: 0}.sup-form{display: grid;gap: var(--s-6)}.sup-fs{margin: 0;padding: 0;border: 0;min-width: 0;display: grid;gap: var(--s-4)}.sup-fs legend{display: flex;align-items: center;gap: var(--s-3);padding: 0;margin-bottom: var(--s-4);font-size: var(--fs-1);font-weight: var(--w-black);letter-spacing: var(--ls-title);line-height: var(--lh-title)}.sup-n{flex: none;display: grid;place-items: center;width: 1.6em;height: 1.6em;border-radius: 50%;background: var(--ink);color: #fff;font-size: var(--fs-sm);font-weight: var(--w-bold);font-variant-numeric: tabular-nums}.sup-kacheln{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-3)}.sup-k{position: relative;display: block;cursor: pointer;min-width: 0}.sup-k input{position: absolute;opacity: 0;inset: 0;width: 100%;height: 100%;margin: 0;cursor: pointer}.sup-k-in{display: grid;grid-template-columns: auto 1fr;gap: 2px var(--s-3);align-items: start;height: 100%;min-height: 88px;padding: var(--s-4);border-radius: var(--r-card);background: var(--paper);box-shadow: inset 0 0 0 1.5px transparent;transition: box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease)}.sup-k-in .i{grid-row: span 2;width: 26px;height: 26px;margin-top: 2px;color: var(--ink-3)}.sup-k-in b{font-weight: var(--w-bold);line-height: var(--lh-title);letter-spacing: var(--ls-title)}.sup-k-in small{grid-column: 2;color: var(--ink-3);font-size: var(--fs-sm);line-height: var(--lh-sm)}.sup-k:hover .sup-k-in{box-shadow: inset 0 0 0 1.5px var(--line)}.sup-k input:checked + .sup-k-in{background: #fff;box-shadow: inset 0 0 0 2.5px var(--ink)}.sup-k input:checked + .sup-k-in .i{color: var(--red)}.sup-k input:focus-visible + .sup-k-in{outline: 3px solid var(--red);outline-offset: 3px}.sup-stoer{display: grid;gap: var(--s-4);padding: var(--s-4);border-radius: var(--r-card);background: var(--red-paper)}.sup-check{display: grid;grid-template-columns: 26px 1fr;gap: var(--s-3);align-items: start;cursor: pointer}.sup-check input{width: 24px;height: 24px;margin: 2px 0 0;accent-color: var(--red)}.sup-check b{display: block;font-weight: var(--w-bold)}.sup-check small{display: block;color: var(--ink-2);font-size: var(--fs-sm)}.sup-zwei{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-4)}.sup-f{display: grid;gap: 6px;min-width: 0}.sup-f > span:first-child{font-size: var(--fs-sm);font-weight: var(--w-bold)}.sup-f small{font-weight: var(--w-med);color: var(--ink-3);font-size: 1em}.sup-hilfe{font-size: var(--fs-sm);line-height: var(--lh-sm)}.sup-f input, .sup-f textarea{width: 100%;min-height: 52px;padding: 12px 14px;border: 1.5px solid var(--line);border-radius: var(--r-btn);background: #fff;color: var(--ink);font: inherit;font-size: max(16px, var(--fs-base))}.sup-f textarea{min-height: 170px;resize: vertical;line-height: var(--lh-sm)}.sup-f input:hover, .sup-f textarea:hover{border-color: var(--ink-3)}.sup-f input:focus-visible, .sup-f textarea:focus-visible{outline: 3px solid var(--red);outline-offset: 1px;border-color: var(--ink)}.sup-f input[aria-invalid="true"], .sup-f textarea[aria-invalid="true"]{border-color: var(--red-ink)}.sup-err{color: var(--red-ink);font-size: var(--fs-sm);font-weight: var(--w-bold)}.sup-top{margin: 0;padding: var(--s-4);border-radius: var(--r-card);background: var(--red-paper);box-shadow: inset 4px 0 0 var(--red);font-weight: var(--w-med)}.sup-top b{display: block}.sup-top a{font-weight: var(--w-bold)}.sup-hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.sup-senden{display: grid;gap: var(--s-3);justify-items: start}.sup-klein{color: var(--ink-3);font-size: var(--fs-sm);max-width: 46ch}.sup-side{display: grid;gap: var(--s-5);position: sticky;top: calc(var(--hdr) + 24px)}.sup-side-k{display: flex;align-items: center;gap: var(--s-3);font-size: var(--fs-sm);font-weight: var(--w-bold)}.sup-schritte{counter-reset: s;list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-5)}.sup-schritte li{counter-increment: s;display: grid;grid-template-columns: 2em 1fr;gap: 2px var(--s-3)}.sup-schritte li::before{content: counter(s);grid-row: span 2;display: grid;place-items: center;width: 2em;height: 2em;border-radius: 50%;background: #fff;box-shadow: var(--sh-1);font-size: var(--fs-sm);font-weight: var(--w-bold);font-variant-numeric: tabular-nums}.sup-schritte b{font-weight: var(--w-bold);line-height: var(--lh-title);align-self: center}.sup-schritte span{grid-column: 2;color: var(--ink-2);font-size: var(--fs-sm);line-height: var(--lh-sm)}.sup-side-n{color: var(--ink-2);font-size: var(--fs-sm);padding-top: var(--s-4);border-top: 1px solid var(--line)}.sup-done{display: grid;gap: var(--s-5);outline: none}.sup-done h2{margin: 0;font-size: var(--fs-2);line-height: var(--lh-h3);letter-spacing: var(--ls-h3);font-weight: var(--w-black)}.sup-siegel{display: grid;place-items: center;width: 52px;height: 52px;border-radius: 50%;background: var(--good-soft);color: var(--good)}.sup-siegel .i{width: 26px;height: 26px;stroke-width: 2.2}.sup-nr{display: grid;gap: 2px;padding: var(--s-4) var(--s-5);border-radius: var(--r-card);background: var(--paper)}.sup-nr span{color: var(--ink-3);font-size: var(--fs-sm);font-weight: var(--w-bold)}.sup-nr b{font-size: var(--fs-2);line-height: 1.1;letter-spacing: -0.01em;font-variant-numeric: tabular-nums}.sup-link{display: grid;gap: var(--s-3)}.sup-link label{font-size: var(--fs-sm);font-weight: var(--w-bold)}.sup-link-z{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: var(--s-2)}.sup-link input{min-width: 0;min-height: 52px;padding: 0 14px;border: 1.5px solid var(--line);border-radius: var(--r-btn);background: var(--paper);color: var(--ink);font: 500 var(--fs-sm)/1.2 var(--mono);text-overflow: ellipsis}.sup-link .btn{white-space: nowrap}.sup-merk{padding: var(--s-4);border-radius: var(--r-card);background: var(--warn-soft);color: #5c3700;font-weight: var(--w-med)}.sup-weiter{display: grid;gap: var(--s-3)}.sup-weiter h3{margin: 0;font-size: var(--fs-1);letter-spacing: var(--ls-title)}.sup-weiter ol{margin: 0;padding-left: 1.3em;display: grid;gap: var(--s-2);color: var(--ink-2)}.sup-weiter li::marker{font-weight: var(--w-bold);color: var(--ink)}.sup-vorschau{padding: var(--s-3) var(--s-4);border-radius: var(--r-btn);background: var(--blue-soft);color: var(--blue);font-size: var(--fs-sm);font-weight: var(--w-bold)}body:has(.sup) .dock{display: none !important}@media (max-width: 900px){.sup-in{grid-template-columns: minmax(0, 1fr)}.sup-side{position: static}}@media (max-width: 560px){.sup-karte{padding: 20px 16px;border-radius: var(--r-card);margin-inline: calc(var(--gut) * -0.4)}.sup-kacheln, .sup-zwei{grid-template-columns: minmax(0, 1fr)}.sup-k-in{min-height: 72px}.sup-senden .btn{width: 100%}.sup-link-z{grid-template-columns: minmax(0, 1fr)}.sup-link .btn{width: 100%}}