.finder__karte{margin-inline:calc(-1 * max(var(--rand-seite), env(safe-area-inset-left)));padding:var(--s-2) max(var(--rand-seite), env(safe-area-inset-left)) var(--s-8);min-height:calc(100dvh - var(--kopf-hoehe) - 49px);background:var(--etikett);flex-direction:column;display:flex}.finder__kopf{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:var(--ziel-min);display:flex}.finder__zurueck{margin-left:calc(-1 * var(--s-1))}.finder__name,.finder__schritt{font-size:var(--fs-klein);font-weight:700;line-height:var(--lh-eng)}.finder__name{color:var(--tinte-2)}.finder__fortschritt{margin-top:var(--s-1);gap:3px;display:flex}.finder__fortschritt span{height:var(--linie-6);background:var(--karton-tief);transition:background-color var(--dauer-sheet) var(--kurve);flex:1}.finder__fortschritt .ist-erreicht{background:var(--tinte)}.finder__inhalt{padding-top:var(--s-8)}.finder__inhalt--vor{animation:finder-vor var(--dauer-sheet) var(--kurve)}.finder__inhalt--zurueck{animation:finder-zurueck var(--dauer-sheet) var(--kurve)}@keyframes finder-vor{0%{opacity:0;transform:translate(16px)}}@keyframes finder-zurueck{0%{opacity:0;transform:translate(-16px)}}.finder__frage{font-size:var(--fs-titel-2);line-height:var(--lh-titel);overflow-wrap:anywhere;max-width:14ch;scroll-margin-top:var(--s-4)}.finder__frage:focus{outline:none}.finder__frage:focus-visible{outline:3px solid var(--fokus);outline-offset:4px}.finder__fragezeile--bild{column-gap:var(--s-4);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.finder__maskottchen{--maskottchen-b:92px}@media (width>=700px){.finder__maskottchen{--maskottchen-b:132px}}.finder__hilfe{margin-top:var(--s-3);font-size:var(--fs-klein);line-height:var(--lh-klein);color:var(--tinte-2);max-width:34em}.finder__balken{margin:var(--s-5) 0 0;height:var(--linie-6);background:var(--tinte);border:0}.finder__direkt,.finder__notiz{margin-top:var(--s-4);font-size:var(--fs-klein);line-height:var(--lh-klein);color:var(--tinte-2)}.finder__direkt .textknopf{font-size:var(--fs-klein);color:var(--tinte)}.finder__leiste{z-index:var(--z-leiste);gap:var(--s-2);padding:10px max(var(--rand-seite), env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(var(--rand-seite), env(safe-area-inset-left));background:var(--etikett);border-top:var(--linie-3) solid var(--tinte);display:grid;position:fixed;inset:auto 0 0}.finder__zaehler{font-size:var(--fs-klein);line-height:var(--lh-eng);font-weight:700}.finder__weiter{width:100%;margin-bottom:3px;font-size:1.0625rem}@media (width<=699px){body:has(.finder__leiste){padding-bottom:calc(96px + env(safe-area-inset-bottom))}body:has(.finder__zaehler){padding-bottom:calc(124px + env(safe-area-inset-bottom))}}@media (width<=699px) and (height<=500px){.finder__leiste{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;align-items:center}.finder__weiter{width:auto;min-height:44px}.finder__karte{min-height:0}body:has(.finder__leiste),body:has(.finder__zaehler){padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media (width>=700px){.finder:not(.finder--ergebnis){padding:var(--s-10) 0 var(--abstand-sektion)}.finder__karte{max-width:600px;min-height:0;padding:var(--s-4) var(--s-8) var(--s-8);border:2px solid var(--tinte);border-radius:var(--r-karte);margin:0 auto}.finder__frage{font-size:clamp(2.125rem,1.659rem + 1.989vw,2.75rem)}.finder__leiste{margin-top:var(--s-8);padding:var(--s-4) 0 0;border-top:var(--linie-3) solid var(--tinte);background:0 0;position:static}}.finder .felder{display:grid}.finder .zeile{align-items:center;gap:var(--s-2) var(--s-3);border-bottom:var(--linie-1) solid var(--tinte);grid-template-columns:minmax(0,1fr) auto;padding:12px 0;display:grid}.finder .zeile__name,.finder .block__name{font-size:1.0625rem;font-weight:700;line-height:var(--lh-eng)}.finder .zeile__zusatz{font-weight:400;font-size:var(--fs-klein);color:var(--tinte-2);display:block}.finder .zeile>.meldung,.finder .zeile>.wahl,.finder .zeile>.auswahl{grid-column:1/-1}.finder .zeile--wahl{grid-template-columns:minmax(0,1fr)}.finder .zeile--kurz .wahl{grid-column:auto;min-width:9.5rem}.finder .block{padding:var(--s-4) 0;border-bottom:var(--linie-1) solid var(--tinte)}.finder .block__name{margin-bottom:var(--s-3)}.finder .feld{width:9.5rem;height:48px;padding:0 var(--s-3);font:400 var(--fs-feld) var(--font-text);color:var(--tinte);background:var(--etikett);border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-feld)}.finder .feld:focus{border-color:var(--tinte)}.finder .feld--einheit{width:9.5rem;display:block;position:relative}.finder .feld--einheit input{width:100%;height:48px;padding:0 34px 0 var(--s-3);color:var(--tinte);background:var(--etikett);text-align:right;border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-feld);font-size:1.5rem;display:block}.finder .feld--einheit input:focus{border-color:var(--tinte)}.finder .feld--einheit.ist-fehler input,.finder .stepper__wert--feld.ist-fehler input{border-width:2px;border-color:var(--tinte)}.finder .feld--einheit small,.finder .stepper__wert small{font-size:.875rem;font-weight:700}.finder .feld--einheit small,.finder .stepper__wert--feld small{pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-45%)}.finder .stepper{grid-template-columns:44px 100px 44px;align-items:center;gap:6px;display:inline-grid}.finder .stepper__knopf{width:44px;height:44px;font:500 1.5rem/1 var(--font-text);color:var(--tinte);background:var(--etikett);border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-feld);box-shadow:var(--stepper-kante);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform var(--dauer-druck) var(--kurve), box-shadow var(--dauer-druck) var(--kurve);place-items:center;margin-bottom:2px;padding:0;display:grid}.finder .stepper__knopf:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.finder .stepper__knopf:disabled{border-color:var(--linie-leise);color:var(--tinte-2);box-shadow:none;cursor:default}@media (hover:hover){.finder .stepper__knopf:not(:disabled):hover{background:var(--karton)}}.finder .stepper__wert{white-space:nowrap;justify-content:center;align-items:baseline;gap:3px;display:inline-flex}.finder .stepper__wert .num{font-size:1.75rem}.finder .stepper__wert--feld{display:block;position:relative}.finder .stepper__wert--feld input{width:100%;height:44px;padding:0 30px 0 var(--s-2);color:var(--tinte);background:var(--etikett);text-align:right;border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-feld);font-size:1.75rem;display:block}.finder .stepper__wert--feld input:focus{border-color:var(--tinte)}.finder .stepper__wert--feld small{right:10px}.finder .wahl{grid-template-columns:repeat(var(--anzahl,3), minmax(0, 1fr));background:var(--etikett);border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-feld);gap:3px;padding:3px;display:grid}.finder .wahl__option{display:grid;position:relative}.finder .wahl input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.finder .wahl label{min-height:var(--ziel-min);text-align:center;border-radius:var(--r-innen);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dauer-kurz) var(--kurve), color var(--dauer-kurz) var(--kurve);place-items:center;padding:4px 6px;font-size:.9375rem;font-weight:700;line-height:1.15;display:grid}.finder .wahl input:checked+label{background:var(--tinte);color:var(--etikett)}.finder .wahl input:focus-visible+label{outline:3px solid var(--fokus);outline-offset:2px}@media (hover:hover){.finder .wahl input:not(:checked)+label:hover{background:var(--karton)}}.finder .auswahl{width:100%;height:48px;padding:0 40px 0 var(--s-3);font:400 var(--fs-feld) var(--font-text);color:var(--tinte);background:var(--etikett) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23151514' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center / 12px 8px;border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-feld);-webkit-appearance:none;appearance:none}.finder .auswahl:focus{border-color:var(--tinte)}.finder .auswahlzeilen{gap:6px;display:grid}.finder .auswahlzeile{position:relative}.finder .auswahlzeile input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.finder .auswahlzeile label{align-items:center;column-gap:var(--s-3);cursor:pointer;background:var(--etikett);border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-feld);min-height:60px;transition:background-color var(--dauer-kurz) var(--kurve), color var(--dauer-kurz) var(--kurve), border-color var(--dauer-kurz) var(--kurve);grid-template-columns:22px minmax(0,1fr) auto;padding:10px 14px;display:grid}.finder .auswahlzeile__punkt{border:var(--linie-feld) solid var(--linie-kontrolle);background:var(--etikett);border-radius:50%;width:22px;height:22px}.finder .auswahlzeile__text{gap:2px;min-width:0;display:grid}.finder .auswahlzeile__text b{font-size:1.0625rem;line-height:var(--lh-eng)}.finder .auswahlzeile__satz{font-size:var(--fs-klein);line-height:var(--lh-klein);color:var(--tinte-2)}.finder .auswahlzeile__zusatz{font-size:var(--fs-klein);color:var(--tinte-2);white-space:nowrap;font-weight:700}.finder .auswahlzeile input:checked+label{background:var(--tinte);border-color:var(--tinte);color:var(--etikett)}.finder .auswahlzeile input:checked+label .auswahlzeile__satz,.finder .auswahlzeile input:checked+label .auswahlzeile__zusatz{color:var(--etikett)}.finder .auswahlzeile input:checked+label .auswahlzeile__punkt{border-color:var(--etikett);background:var(--tinte);box-shadow:inset 0 0 0 5px var(--tinte), inset 0 0 0 11px var(--etikett)}.finder .auswahlzeile input:focus-visible+label{outline:3px solid var(--fokus);outline-offset:2px}@media (hover:hover){.finder .auswahlzeile input:not(:checked)+label:hover{background:var(--karton)}}.finder .haekchen{border-bottom:var(--linie-1) solid var(--tinte);position:relative}.finder .haekchen:last-child{border-bottom:0}.finder .haekchen input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.finder .haekchen label{align-items:center;column-gap:var(--s-3);cursor:pointer;grid-template-columns:22px minmax(0,1fr);min-height:52px;padding:8px 0;display:grid}.finder .haekchen__box{background:var(--etikett);border:var(--linie-feld) solid var(--linie-kontrolle);border-radius:var(--r-innen);place-items:center;width:22px;height:22px;display:grid}.finder .haekchen input:checked+label .haekchen__box{background:var(--tinte);border-color:var(--tinte)}.finder .haekchen input:checked+label .haekchen__box:after{content:"";border-left:2.5px solid var(--etikett);border-bottom:2.5px solid var(--etikett);width:11px;height:6px;transform:translateY(-2px)rotate(-45deg)}.finder .haekchen input:focus-visible+label .haekchen__box{outline:3px solid var(--fokus);outline-offset:2px}.finder .haekchen__text{gap:1px;display:grid}.finder .haekchen__text b{font-size:1.0625rem;line-height:var(--lh-eng)}.finder .haekchen__satz{font-size:var(--fs-klein);line-height:var(--lh-klein);color:var(--tinte-2)}.finder .block .haekchen-liste{margin-top:calc(-1 * var(--s-2))}.finder .hinweis,.finder .meldung{align-items:flex-start;gap:var(--s-2);font-size:.875rem;line-height:var(--lh-klein);display:flex}.finder .hinweis{color:var(--tinte-2);padding:12px 0}.finder .hinweis svg,.finder .meldung svg{flex:none;width:16px;height:16px;margin-top:2px}.finder .hinweis svg{fill:none;stroke:var(--tinte-2);stroke-width:2px;stroke-linecap:round}.finder .meldung{font-weight:700}.finder .meldung svg rect{fill:var(--tinte)}.finder .meldung svg path{stroke:var(--etikett);stroke-width:2px}.finder .spanne{padding:var(--s-4) 0;font-size:var(--fs-text);line-height:var(--lh-text);border-bottom:var(--linie-1) solid var(--tinte)}.finder .spanne b{white-space:nowrap;font-weight:700}@container (width>=440px){.finder .feld{width:10.5rem}}@media (width>=700px){.finder .zeile--wahl{grid-template-columns:minmax(0,1fr) minmax(0,19.5rem)}.finder .zeile--wahl>.wahl,.finder .zeile--wahl>.auswahl{grid-column:auto}}.finder--ergebnis{padding:var(--s-8) 0 var(--abstand-sektion)}.ergebnis__kopf--bild{column-gap:var(--s-4);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.ergebnis__maskottchen{--maskottchen-b:92px}@media (width>=700px){.ergebnis__maskottchen{--maskottchen-b:140px}}.ergebnis__titel{font-size:var(--fs-titel-2);max-width:18ch}.ergebnis__titel:focus{outline:none}.ergebnis__titel:focus-visible{outline:3px solid var(--fokus);outline-offset:4px}.ergebnis__lead{margin-top:var(--s-3);font-size:var(--fs-lead);line-height:var(--lh-text);max-width:34em}.ergebnis__raster{margin-top:var(--s-6);grid-template-columns:minmax(0,1fr);display:grid}.angaben{display:none}.angaben-kurz{align-items:baseline;column-gap:var(--s-3);font-size:var(--fs-klein);line-height:var(--lh-klein);padding-bottom:var(--s-4);flex-wrap:wrap;display:flex}.angaben-kurz p{color:var(--tinte-2)}.angaben-kurz .textknopf{font-size:var(--fs-klein);margin-left:calc(-1 * var(--s-1))}.angaben-kurz .angaben__meldung{flex-basis:100%}.angaben__meldung{align-items:flex-start;gap:var(--s-2);font-size:var(--fs-klein);line-height:var(--lh-klein);display:flex}.angaben__meldung svg{flex:none;width:18px;height:18px;margin-top:1px}.angaben__meldung svg circle{fill:var(--tinte)}.angaben__meldung svg path{fill:none;stroke:var(--etikett);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.liste+.liste{margin-top:var(--abstand-block)}.liste__titel{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:var(--linie-6) solid var(--tinte);font-family:var(--font-zahl);font-stretch:var(--breite-zahl);font-weight:800;font-size:var(--fs-titel-3);letter-spacing:var(--lauf-zahl);line-height:1;display:flex}.liste__zahl{font-family:var(--font-text);font-weight:700;font-stretch:100%;font-size:var(--fs-klein);letter-spacing:0;color:var(--tinte-2)}.liste__meta{gap:var(--s-2);margin-bottom:var(--s-4);padding:var(--s-3) 0;border-top:var(--linie-3) solid var(--tinte);border-bottom:var(--linie-1) solid var(--tinte);display:grid}.liste__titel+.liste__meta{border-top:0}.kasten{margin-bottom:var(--s-4);background:var(--etikett);border-radius:var(--r-karte);font-size:.9375rem;line-height:var(--lh-klein);max-width:44em;padding:14px 16px}.kasten__titel{padding-bottom:var(--s-2);margin-bottom:var(--s-2);border-bottom:var(--linie-3) solid var(--tinte);font-weight:700}.finder .raster{gap:var(--s-2);grid-template-columns:minmax(0,1fr);display:grid}.liste__mehr{margin-top:var(--s-5);width:100%}.liste__mehr-rest{color:var(--tinte-2);font-weight:400}.leer{justify-items:start;gap:var(--s-3);padding:var(--s-4) 0 var(--s-2);max-width:40em;display:grid}.leer__titel{font-family:var(--font-zahl);font-stretch:var(--breite-titel);font-weight:750;font-size:var(--fs-titel-4);line-height:var(--lh-titel-2)}.leer__vorschlaege{display:grid}.leer__vorschlaege li{align-items:center;column-gap:var(--s-3);flex-wrap:wrap;display:flex}.leer__zahl{font-size:var(--fs-klein);color:var(--tinte-2)}.ergebnis__laden{padding:var(--s-6) 0;color:var(--tinte-2)}@media (width>=700px){.finder--ergebnis{padding-top:var(--s-10)}.finder .raster{gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.finder .raster>li{display:flex}.finder .raster>li>.karte{flex:1}.liste__mehr{width:auto}}@media (width>=1024px){.ergebnis__raster{column-gap:var(--s-10);margin-top:var(--s-8);grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.angaben-kurz{display:none}.angaben{top:var(--s-4);background:var(--etikett);border-radius:var(--r-karte);padding:var(--s-4) var(--s-5) var(--s-5);align-self:start;display:block;position:sticky}.angaben__titel{font-family:var(--font-zahl);font-stretch:var(--breite-zahl);font-weight:800;font-size:var(--fs-zahl-3);padding-bottom:var(--s-3);border-bottom:var(--linie-6) solid var(--tinte);line-height:1}.angaben__zeile{align-items:baseline;column-gap:var(--s-3);border-bottom:var(--linie-1) solid var(--tinte);font-size:var(--fs-klein);line-height:var(--lh-klein);grid-template-columns:4.5rem minmax(0,1fr) auto;padding:4px 0;display:grid}.angaben__zeile dt{color:var(--tinte-2)}.angaben__zeile dd{overflow-wrap:anywhere}.angaben__aendern .textknopf{font-size:var(--fs-klein)}.angaben__energie{padding-top:var(--s-3);font-size:var(--fs-klein);line-height:var(--lh-klein)}.angaben__energie .num{font-size:var(--fs-zahl-3)}.angaben .angaben__meldung{margin-top:var(--s-3);padding-top:var(--s-3);border-top:var(--linie-3) solid var(--tinte)}.finder .raster{gap:var(--s-6) var(--s-8)}}@media (width>=1280px){.ergebnis__raster{column-gap:var(--s-12);grid-template-columns:minmax(0,3.4fr) minmax(0,8.6fr)}}