@layer tr.reset,tr.token,tr.basis,tr.komponente,tr.seite,tr.ausnahme;@layer tr.komponente{.strecke-karte{inline-size:100%;max-inline-size:var(--strecke-karte-breite, 640px);margin-inline:auto;transition:max-inline-size .42s cubic-bezier(.33,1,.68,1)}@media(min-width:900px){.strecke-karte:has(.strecke[data-hydriert] .strecke__schritt:not([hidden]) .sonar){--strecke-karte-breite: 1040px}}@media(prefers-reduced-motion:reduce){.strecke-karte{transition:none}}.strecke{display:flex;flex-direction:column;gap:1.5rem}.strecke__fortschritt{display:flex;flex-direction:column;gap:.5rem}.strecke__balken{height:8px;border-radius:var(--tr-r-pille);background:var(--tr-salbei-hauch);overflow:hidden}.strecke__fuellung{display:block;block-size:100%;border-radius:var(--tr-r-pille);background:var(--tr-salbei-tief);transition:inline-size var(--tr-uebergang)}@media(prefers-reduced-motion:reduce){.strecke__fuellung{transition:none}}.strecke__stand{display:flex;justify-content:flex-end;font-size:var(--tr-t-winzig);color:var(--tr-tinte-weich)}.strecke__stand-prozent{font-variant-numeric:tabular-nums;font-weight:600}.strecke__schritt:not([hidden]){display:flex;flex-direction:column;gap:1rem}.strecke:not([data-hydriert]) .strecke__schritt+.strecke__schritt{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--tr-linie)}.strecke:not([data-hydriert]) [data-nur-mit-js]{display:none}.strecke:not([data-hydriert]) .strecke__navigation button[type=button],.strecke:not([data-hydriert]) .strecke__zurueck{display:none}.strecke__titel{font-family:var(--tr-schrift-titel);font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--tr-tinte);text-wrap:balance}.strecke__titel:focus-visible{outline:2px solid var(--tr-oliv);outline-offset:4px;border-radius:4px}.strecke__hinweis{margin-top:-.6rem;font-size:var(--tr-t-klein);line-height:1.6;color:var(--tr-tinte-weich);max-width:58ch}.strecke__inhalt{display:flex;flex-direction:column;gap:1rem}.strecke__navigation{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:.25rem}.strecke__zurueck{order:-1;padding:.6rem 0;font-size:var(--tr-t-klein);font-weight:600;color:var(--tr-tinte-weich);text-decoration:underline;text-underline-offset:3px}.strecke__zurueck:hover{color:var(--tr-oliv-text)}.faecherwahl{display:flex;flex-direction:column;gap:.75rem}.faecherwahl__zeile{display:flex;align-items:flex-end;gap:.5rem}.faecherwahl__zeile .tr-feld{flex:1 1 auto;min-width:0}.faecherwahl__weg{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:var(--tr-r-feld);border:1.5px solid var(--tr-linie-kraeftig);color:var(--tr-tinte-weich)}.faecherwahl__weg:hover{color:var(--tr-fehler);border-color:var(--tr-fehler)}.faecherwahl__mehr{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--tr-r-pille);border:1.5px dashed var(--tr-linie-kraeftig);font-size:var(--tr-t-klein);font-weight:600;color:var(--tr-oliv-text)}.faecherwahl__mehr:hover{border-color:var(--tr-oliv);background:var(--tr-salbei-hauch)}.faecherwahl__mehr:disabled{opacity:.45;cursor:not-allowed}.treffpunkte{border:1.5px dashed var(--tr-linie-kraeftig);border-radius:var(--tr-r-feld);background:var(--tr-salbei-hauch)}.treffpunkte__frage{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;font-size:var(--tr-t-klein);font-weight:600;color:var(--tr-oliv-text);list-style:none}.treffpunkte__frage::-webkit-details-marker{display:none}.treffpunkte__frage:before{content:"";flex:none;width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--tr-uebergang)}.treffpunkte[open] .treffpunkte__frage:before{transform:rotate(45deg)}.treffpunkte__inhalt{display:flex;flex-direction:column;gap:1rem;padding:0 1rem 1rem}.treffpunkte__hinweis{margin:0;font-size:var(--tr-t-klein);color:var(--tr-tinte-weich)}.treffpunkte__zeile{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:.85rem;border:1px solid var(--tr-linie);border-radius:var(--tr-r-feld);background:var(--tr-weiss)}.treffpunkte__nummer{padding:0 .35rem;font-size:var(--tr-t-klein);font-weight:600;color:var(--tr-tinte-weich)}.treffpunkte__weg{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;font-size:var(--tr-t-klein);color:var(--tr-tinte-weich)}.treffpunkte__weg:hover{color:var(--tr-fehler)}.treffpunkte__mehr{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--tr-r-pille);border:1.5px dashed var(--tr-linie-kraeftig);font-size:var(--tr-t-klein);font-weight:600;color:var(--tr-oliv-text)}.treffpunkte__mehr:hover{border-color:var(--tr-oliv);background:var(--tr-salbei-hauch)}.treffpunkte__mehr:disabled{opacity:.45;cursor:not-allowed}.sonar{position:relative;min-height:300px}.sonar__radar,.sonar__karten{transition:opacity .38s ease,transform .38s cubic-bezier(.33,1,.68,1)}.sonar:not([data-phase=karten]) .sonar__karten,.sonar:not([data-phase=radar]) .sonar__radar{opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.sonar:not([data-phase=karten]) .sonar__karten{transform:translateY(10px)}.sonar:not([data-phase=radar]) .sonar__radar{visibility:hidden}@media(prefers-reduced-motion:reduce){.sonar__radar,.sonar__karten{transition:none}.sonar:not([data-phase=karten]) .sonar__karten{transform:none}}.sonar__radar{display:flex;flex-direction:column;align-items:center;gap:1rem}.sonar__radar svg{width:min(260px,70vw);height:auto}.sonar__ring,.sonar__kreuz{fill:none;stroke:var(--tr-oliv);stroke-width:1.4;opacity:.35}.sonar__keil{fill:var(--tr-oliv);opacity:.2}.sonar__kante{stroke:var(--tr-oliv);stroke-width:2.5;stroke-linecap:round;opacity:.85}.sonar__strahl{transform-origin:100px 100px}.sonar__punkt{fill:var(--tr-salbei-tief);stroke:var(--tr-oliv);stroke-width:1.5;opacity:0}@media(prefers-reduced-motion:no-preference){.sonar[data-phase=radar] .sonar__strahl{animation:sonar-drehen var(--sonar-dauer, 2.08s) linear both}.sonar[data-phase=radar] .sonar__punkt{animation:sonar-auf .42s ease both;animation-delay:var(--sonar-verzug, 0ms)}}@keyframes sonar-drehen{0%{transform:rotate(0)}87.5%{transform:rotate(360deg);animation-timing-function:ease-out}to{transform:rotate(390deg)}}@keyframes sonar-auf{0%{opacity:0;r:2}60%{opacity:1;r:7}to{opacity:1;r:5}}.sonar__text{font-size:var(--tr-t-klein);color:var(--tr-tinte-weich);text-align:center}.sonar__karten{display:flex;flex-direction:column;gap:1rem}.sonar__legende{font-size:var(--tr-t-klein);line-height:1.6;color:var(--tr-tinte-weich)}.sonar__liste{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:.85rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:3px}.sonar__liste::-webkit-scrollbar{display:none}.sonar__liste li{display:flex;scroll-snap-align:center}.sonar__indikator{display:flex;justify-content:center;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.sonar__indikator-punkt{display:block;inline-size:8px;block-size:8px;padding:10px;box-sizing:content-box;border:0;background:var(--tr-linie) content-box;border-radius:var(--tr-r-pille);cursor:pointer;transition:background-color var(--tr-uebergang),transform var(--tr-uebergang)}.sonar__indikator-punkt[aria-current=true]{background-color:var(--tr-oliv);transform:scale(1.35)}@media(prefers-reduced-motion:reduce){.sonar__indikator-punkt{transition:none}}@media(min-width:900px){.sonar__liste{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));overflow-x:visible;scroll-snap-type:none;padding-block:0}.sonar__indikator{display:none}}.tutoren__karte{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem;background:var(--tr-weiss);border-radius:var(--tr-r-karte);box-shadow:var(--tr-schatten)}.tutoren__bild{width:68px;height:68px;margin-bottom:.35rem;border-radius:50%;object-fit:cover;background:var(--tr-creme)}.tutoren__name{display:flex;align-items:baseline;gap:.4rem;font-family:var(--tr-schrift-titel);font-size:1.1875rem;font-weight:600;line-height:1.2;color:var(--tr-tinte)}.tutoren__emoji{flex:none;font-size:1.25rem;line-height:1}.tutoren__studium{font-size:var(--tr-t-winzig);color:var(--tr-tinte-weich)}.tutoren__satz{margin-top:.35rem;font-size:var(--tr-t-klein);line-height:1.6;color:var(--tr-tinte);flex-grow:1}.tutoren__ort{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;padding-top:.7rem;border-top:1px solid var(--tr-linie);font-size:var(--tr-t-winzig);color:var(--tr-tinte-weich)}.sonar__tutor{position:relative;width:100%;height:100%;text-align:left;border:2px solid transparent;transition:border-color var(--tr-uebergang),transform var(--tr-uebergang)}.sonar__tutor:hover{border-color:var(--tr-salbei)}.sonar__tutor[aria-pressed=true]{border-color:var(--tr-oliv);box-shadow:var(--tr-schatten-hoch)}.sonar__haken{position:absolute;top:.75rem;right:.75rem;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--tr-r-pille);background:var(--tr-oliv);color:var(--tr-fest-hell);opacity:0;transform:scale(.6);transition:opacity var(--tr-uebergang),transform var(--tr-uebergang)}.sonar__tutor[aria-pressed=true] .sonar__haken{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.sonar__tutor,.sonar__haken{transition:none}}.herkunftwahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.herkunftwahl__option{display:flex;align-items:center;gap:.6rem;min-height:48px;padding:.5rem .8rem;border:1.5px solid var(--tr-linie-kraeftig);border-radius:var(--tr-r-feld);font-size:var(--tr-t-klein);color:var(--tr-tinte);cursor:pointer}.herkunftwahl__option:hover{background:var(--tr-salbei-hauch)}.herkunftwahl__option:has(input:checked){border-color:var(--tr-oliv);background:var(--tr-salbei-hauch)}.herkunftwahl__option input{flex:none;width:18px;height:18px;accent-color:var(--tr-oliv)}.absendezeichen{width:104px;height:104px;margin:0 auto 1.25rem}.absendezeichen svg{overflow:visible}.absendezeichen__brief{fill:var(--tr-salbei-hauch);stroke:var(--tr-oliv);stroke-width:3}.absendezeichen__klappe{fill:none;stroke:var(--tr-oliv);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.absendezeichen__siegel circle{fill:var(--tr-oliv);stroke:var(--tr-sand);stroke-width:4}.absendezeichen__haken{fill:none;stroke:var(--tr-fest-hell);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:28;stroke-dashoffset:0}@media(prefers-reduced-motion:no-preference){.absendezeichen__klappe{animation:brief-klappe .42s ease-out both}.absendezeichen__siegel{animation:siegel-auf .38s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.42s;transform-origin:70px 66px;transform-box:view-box}.absendezeichen__haken{animation:haken-ziehen .42s ease-out both;animation-delay:.64s}}@keyframes siegel-auf{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes brief-klappe{0%{transform:scaleY(-1);transform-origin:50% 36px;transform-box:view-box}to{transform:scaleY(1);transform-origin:50% 36px;transform-box:view-box}}@keyframes haken-ziehen{0%{stroke-dashoffset:28}to{stroke-dashoffset:0}}.abschluss-danke{text-align:center}.abschluss-danke__text{margin:.75rem auto 0;max-width:46ch;font-size:var(--tr-t-text);line-height:1.65;color:var(--tr-tinte-weich)}.partnerschulwahl{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--tr-t-klein);line-height:1.5;color:var(--tr-tinte-weich)}.partnerschulwahl input[type=checkbox]{flex-shrink:0;width:22px;height:22px;margin:1px 0 0;accent-color:var(--tr-oliv)}}