.tl-abschnitt{margin-top:3rem}.tl-abschnitt h2{font-size:clamp(1.5rem,4vw,2rem)}.tl-leise{color:var(--farbe-text-leise)}.tl-zaehler{border-radius:var(--radius);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);gap:.75rem;padding:1.25rem;display:grid}.tl-zaehler p{margin:0}.tl-zaehler-zahl{font-family:var(--schrift-titel);color:var(--farbe-akzent);font-size:1.5rem;font-weight:600}.tl-balken{background:var(--farbe-rand);border-radius:999px;height:.6rem;overflow:hidden}.tl-balken>span{background:var(--farbe-akzent);height:100%;display:block}.tl-hinweis{border-radius:var(--radius);background:var(--farbe-flaeche);border-left:.35rem solid var(--farbe-sonne);margin:0;padding:1rem 1.25rem}.tl-hinweis a{font-weight:700}.tl-fragen{gap:1rem;display:grid}.tl-frage{border:1px solid var(--farbe-rand);border-radius:var(--radius);margin:0;padding:1rem 1.25rem}.tl-frage legend{padding-inline:.25rem;font-weight:700}.tl-optionen{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.5rem;display:flex}.tl-optionen label,.tl-haken{align-items:flex-start;gap:.6rem;display:flex}.tl-optionen input,.tl-haken input{width:1.25rem;height:1.25rem;accent-color:var(--farbe-akzent);flex:none;margin:.2rem 0 0}.tl-formular{gap:1rem;max-width:34rem;display:grid}.tl-feld{gap:.25rem;display:grid}.tl-feld label{font-weight:700}.tl-feld input{border:1px solid var(--farbe-text-leise);border-radius:var(--radius);background:var(--farbe-hintergrund);width:100%;color:var(--farbe-text);font:inherit;padding:.7rem .9rem}.tl-feld input:focus-visible,.tl-optionen input:focus-visible,.tl-haken input:focus-visible{outline:3px solid var(--farbe-akzent-hell);outline-offset:2px}.tl-formular button{cursor:pointer;font:inherit;background:var(--farbe-knopf);color:var(--farbe-knopf-text);border:0;border-radius:999px;justify-self:start;padding:.75rem 1.6rem;font-weight:700}.tl-formular button:disabled{opacity:.6;cursor:progress}.tl-fehler{border-radius:var(--radius);background:var(--farbe-flaeche);border-left:.35rem solid var(--farbe-knopf);margin:0;padding:.75rem 1rem;font-weight:700}.tl-erfolg{border-radius:var(--radius);background:var(--farbe-flaeche);border-left:.35rem solid var(--farbe-akzent);padding:1.25rem}.tl-falle{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.tl-liste{gap:1rem;max-width:44rem;padding:0;list-style:none;display:grid}.tl-karte{border:1px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche);align-items:center;gap:1rem;padding:1.25rem;display:grid}@media (width>=40rem){.tl-karte{grid-template-columns:7.5rem 1fr;gap:1.5rem}}.tl-karte img{width:100%;max-width:7.5rem;height:auto}.tl-karte-titel{color:var(--farbe-text);font-family:var(--schrift-titel);overflow-wrap:normal;hyphens:manual;font-size:1.35rem;font-weight:600;line-height:1.2;display:block}.tl-karte-zahl{color:var(--farbe-akzent);margin:.5rem 0 .9rem;font-weight:700}.tl-knopf{background:var(--farbe-knopf);color:var(--farbe-knopf-text);border-radius:999px;padding:.6rem 1.3rem;font-weight:700;text-decoration:none;display:inline-block}.tl-knopf:hover,.tl-knopf:focus-visible{filter:brightness(1.1)}.tl-platzhalter{min-height:12rem}.tl-erfolg:focus{outline:3px solid var(--farbe-akzent-hell);outline-offset:2px}.tl-hinweis-rahmen{min-height:1px}.tl-bereich{gap:1.5rem;margin-top:1.5rem;display:grid}.tl-bereich-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.tl-bereich-kopf p,.tl-willkommen{margin:0}.tl-bereich-karte{border:1px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-flaeche);justify-items:start;gap:1rem;padding:1.25rem;display:grid}.tl-bereich-karte>*{max-width:100%;margin:0}.tl-bereich-karte h2{font-size:1.4rem}.tl-status{color:var(--farbe-akzent);font-weight:700}.tl-status:focus{outline:3px solid var(--farbe-akzent-hell);outline-offset:2px}.tl-bereich-karte .tl-formular{width:100%}.tl-klein{margin:0;font-size:.9rem}.tl-feld textarea,.tl-feld input[type=file]{border:1px solid var(--farbe-text-leise);border-radius:var(--radius);background:var(--farbe-hintergrund);width:100%;color:var(--farbe-text);font:inherit;padding:.7rem .9rem}.tl-feld textarea:focus-visible,.tl-feld input[type=file]:focus-visible{outline:3px solid var(--farbe-akzent-hell);outline-offset:2px}.tl-feld [aria-invalid=true]{border-color:var(--farbe-knopf);border-width:2px}.tl-feld-fehler{border-left:.3rem solid var(--farbe-knopf);margin:0;padding-left:.6rem;font-weight:700}.tl-formular fieldset{gap:.75rem;display:grid}.tl-knopf-leise,.tl-knopf-warnung{border:2px solid var(--farbe-text-leise);cursor:pointer;font:inherit;color:var(--farbe-text);background:0 0;border-radius:999px;padding:.55rem 1.3rem;font-weight:700}.tl-knopf-warnung{border-color:var(--farbe-knopf);background:var(--farbe-knopf);color:var(--farbe-knopf-text)}.tl-knopf-leise:disabled,.tl-knopf-warnung:disabled{opacity:.6;cursor:progress}.tl-knopf-leise:focus-visible,.tl-knopf-warnung:focus-visible{outline:3px solid var(--farbe-akzent-hell);outline-offset:2px}.tl-bestaetigen{border-radius:var(--radius);border-left:.35rem solid var(--farbe-knopf);background:var(--farbe-hintergrund);gap:.75rem;padding:1rem 1.25rem;display:grid}.tl-bestaetigen p:focus{outline:3px solid var(--farbe-akzent-hell);outline-offset:2px}.tl-knopfreihe{flex-wrap:wrap;gap:.75rem;display:flex}
