.pf-abschnitt{overflow-x:clip}.pf-schritte{--pf-modus:fluss;--pf-nr:36px;--pf-luecke:8px;--pf-innen:14px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--pf-luecke);gap:var(--pf-luecke);min-height:560px;margin:0;padding:0 calc(50% + 32px) 0 0;list-style:none}.pf-schritt{display:flex;flex-direction:column;min-width:0}.pf-schritt-zeile{position:relative;padding:var(--pf-innen) 18px var(--pf-innen) calc(var(--pf-innen) + var(--pf-nr) + 16px);border:1px solid transparent;border-radius:var(--r-mittel);transition:background-color var(--dauer-kurz) var(--kurve),border-color var(--dauer-kurz) var(--kurve),box-shadow var(--dauer-kurz) var(--kurve)}.pf-schritt:not(:last-child)>.pf-schritt-zeile:before{content:"";position:absolute;left:calc(var(--pf-innen) + var(--pf-nr) / 2 - 1px);top:calc(var(--pf-innen) + var(--pf-nr) + 4px);bottom:-1px;width:2px;border-radius:1px 1px 0 0;background:var(--w-kante);pointer-events:none}.pf-schritt:not(:last-child):after{--pf-weg-rest:calc(var(--pf-luecke) + var(--pf-innen) - 4px);content:"";flex:1 0;min-height:var(--pf-weg-rest);margin-bottom:calc(-1 * var(--pf-weg-rest));background:linear-gradient(var(--w-kante),var(--w-kante)) no-repeat calc(var(--pf-innen) + var(--pf-nr) / 2) 0 /2px 100%;pointer-events:none}.pf-schritt.ist-aktiv>.pf-schritt-zeile{background:var(--w-flaeche-hoch);border-color:var(--w-kante);box-shadow:var(--schatten-1)}.pf-schritt:not(.ist-aktiv)>.pf-schritt-zeile:hover{background:color-mix(in srgb,var(--w-flaeche) 70%,transparent)}.pf-schritt-kopf{margin:0;font-size:var(--t-h3);line-height:1.25;font-weight:700;letter-spacing:-.015em;color:var(--w-text)}.pf-schritt-knopf{display:inline;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.pf-schritt-knopf:after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--r-mittel)}.pf-schritt.ist-aktiv .pf-schritt-knopf{cursor:default}.pf-schritt.ist-aktiv .pf-schritt-wort{color:var(--w-akzent)}.pf-schritt-nr{position:absolute;left:var(--pf-innen);top:calc(var(--pf-innen) + (1.25em - var(--pf-nr)) / 2);display:grid;place-items:center;width:var(--pf-nr);height:var(--pf-nr);border:1.5px solid var(--w-kante);border-radius:50%;background:var(--w-grund);color:var(--w-text-2);font-size:15px;font-weight:700;line-height:1;letter-spacing:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-schritt.ist-aktiv .pf-schritt-nr{border-color:transparent;background:var(--w-farbe);color:var(--w-grund);box-shadow:0 0 0 4px color-mix(in srgb,var(--w-farbe) 22%,transparent),0 0 18px color-mix(in srgb,var(--w-farbe) 45%,transparent)}[data-theme=light] .pf-schritt.ist-aktiv .pf-schritt-nr{color:#fff}.pf-schritt-satz{margin:4px 0 0;max-width:34rem;font-size:16.5px;line-height:1.5;color:var(--w-text-2);text-wrap:pretty}.pf-schritt-zeile>.pf-schritt-grenze{margin-top:6px;color:var(--w-text);font-weight:500}.pf-schritt-knopf:focus-visible{outline:2px solid var(--fokus);outline-offset:4px;border-radius:4px}@supports selector(:has(*)){.pf-schritt-knopf:focus-visible{outline:none}.pf-schritt-zeile:has(.pf-schritt-knopf:focus-visible){outline:2px solid var(--fokus);outline-offset:2px}}.pf-schritte .pf-buehne{position:absolute;top:50%;right:0;width:50%;transform:translateY(-50%)}.pf-schritte .pf-buehne[hidden]{display:none}.pf-bild-rahmen{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}.pf-bild-rahmen>.glut{inset:-10% -14%}.ausschnitt.pf-bild{--ausschnitt-max:380px;animation:pf-einblenden .15s ease-out}.ui.pf-flaeche{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:480px;padding:26px 22px}@keyframes pf-einblenden{0%{opacity:0}}.pf-probier{margin:0;font-size:13px;line-height:1.4;text-align:center;color:var(--ui-sub);text-wrap:balance}.pf-sortierer{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:12px;gap:12px;width:100%}.pf-raster{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;width:min(100%,300px);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.pf-raster.ist-zug{touch-action:none;cursor:-webkit-grabbing;cursor:grabbing}.pf-foto{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4/5;margin:0;padding:0;border:0;border-radius:12px;cursor:-webkit-grab;cursor:grab;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pf-raster.ist-zug .pf-foto:not(.ist-gezogen){transition:transform .2s cubic-bezier(.2,.7,.2,1)}.pf-foto.ist-gezogen{z-index:3;cursor:-webkit-grabbing;cursor:grabbing;box-shadow:0 16px 34px rgba(0,0,0,.48),0 0 0 2px rgba(255,255,255,.85)}[data-theme=light] .pf-foto.ist-gezogen{box-shadow:0 16px 34px rgba(26,26,46,.32),0 0 0 2px #fff}.pf-foto.ist-gewaehlt{box-shadow:0 0 0 3px var(--ui-bg),0 0 0 6px var(--ui-rubin)}.pf-foto:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.pf-platzhalter{position:absolute;left:0;top:0;z-index:0;box-sizing:border-box;border:2px dashed color-mix(in srgb,var(--ui-rubin) 75%,transparent);border-radius:12px;background:var(--ui-rubin-tint);pointer-events:none}.pf-platzhalter[hidden]{display:none}.pf-foto-1{background:radial-gradient(70% 55% at 30% 28%,rgba(255,236,214,.7),transparent 62%),linear-gradient(160deg,#f3b8a4,#8f5f5a)}.pf-foto-2{background:radial-gradient(60% 50% at 70% 30%,rgba(214,245,242,.65),transparent 62%),linear-gradient(160deg,#9cc9c9,#2f5f60)}.pf-foto-3{background:radial-gradient(70% 50% at 50% 72%,rgba(255,240,210,.6),transparent 62%),linear-gradient(160deg,#e9c9a8,#a26f4f)}.pf-foto-4{background:radial-gradient(60% 50% at 28% 68%,rgba(255,226,234,.65),transparent 62%),linear-gradient(160deg,#d9b3bd,#7a4656)}.pf-foto-5{background:radial-gradient(65% 50% at 68% 66%,rgba(226,232,255,.65),transparent 62%),linear-gradient(160deg,#b9c4e8,#4a5591)}.pf-foto-6{background:radial-gradient(70% 55% at 50% 26%,rgba(240,250,220,.65),transparent 62%),linear-gradient(160deg,#c9dfae,#57783f)}.pf-foto-7{background:radial-gradient(60% 50% at 30% 34%,rgba(255,246,214,.7),transparent 62%),linear-gradient(160deg,#f1d58c,#a7781f)}.pf-foto-8{background:radial-gradient(65% 50% at 66% 38%,rgba(238,228,255,.65),transparent 62%),linear-gradient(160deg,#cdb3e6,#6a4592)}.pf-foto-9{background:radial-gradient(60% 50% at 44% 60%,rgba(224,240,255,.65),transparent 62%),linear-gradient(160deg,#a9d3ee,#2f6d96)}.pf-haupt{position:absolute;left:6px;bottom:6px;padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:500;line-height:1.3;pointer-events:none;animation:pf-haupt-ein .25s ease-out}@keyframes pf-haupt-ein{0%{opacity:0;transform:scale(.85)}}.pf-fotozeile{margin:0;font-size:13px;line-height:1.4;text-align:center;color:var(--ui-sub);text-wrap:balance}.pf-matches{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:14px;gap:14px;width:min(100%,300px)}.pf-matches-foto{display:block;width:46%;aspect-ratio:4/5;border-radius:14px}.pf-matches-karte{width:100%;padding:10px 10px 10px 14px;border-radius:14px;background:var(--ui-fuellung)}.pf-matches-zeile{display:flex;align-items:center;gap:12px}.pf-matches-name{flex:1 1 auto;min-width:0;font-size:15px;font-weight:500;line-height:1.3;color:var(--ui-text)}.pf-matches-text{margin:4px 0 0;font-size:12px;line-height:1.3;color:var(--ui-sub)}.pf-schalter{position:relative;flex:none;width:51px;height:31px;margin:0;padding:0;border:0;border-radius:999px;background:var(--ui-schalter-aus);cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.pf-schalter:before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:transform .2s ease}.pf-schalter:after{content:"";position:absolute;inset:-7px -4px}.pf-schalter:not(.ist-an){box-shadow:inset 0 0 0 1.5px #8e8e93}[data-theme=light] .pf-schalter:not(.ist-an){box-shadow:inset 0 0 0 1.5px #86868b}.pf-schalter.ist-an{background:var(--ui-rubin);box-shadow:inset 0 0 0 1.5px var(--ui-rubin-text)}[data-theme=light] .pf-schalter.ist-an{box-shadow:none}.pf-schalter.ist-an:before{transform:translateX(20px)}.pf-schalter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.pf-zuschnitt{position:relative;width:min(100%,300px);aspect-ratio:1;border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 35% 25%,#f3b8a4 0,transparent 55%),radial-gradient(90% 80% at 80% 75%,#367b7c 0,transparent 60%),linear-gradient(160deg,#e9c9a8,#8f5f5a)}.pf-rahmen{position:absolute;top:7%;bottom:7%;left:50%;aspect-ratio:4/5;transform:translateX(-50%);border:2px solid #fff;box-shadow:0 0 0 999px rgba(0,0,0,.45);background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.5) 33.3% 33.8%,transparent 34% 66%,rgba(255,255,255,.5) 66.2% 66.7%,transparent 67%),linear-gradient(transparent 33%,rgba(255,255,255,.5) 33.3% 33.8%,transparent 34% 66%,rgba(255,255,255,.5) 66.2% 66.7%,transparent 67%)}.pf-rahmen>i{position:absolute;width:18px;height:18px;border:0 solid #fff}.pf-rahmen>i:first-child{top:-4px;left:-4px;border-width:4px 0 0 4px}.pf-rahmen>i:nth-child(2){top:-4px;right:-4px;border-width:4px 4px 0 0}.pf-rahmen>i:nth-child(3){bottom:-4px;left:-4px;border-width:0 0 4px 4px}.pf-rahmen>i:nth-child(4){bottom:-4px;right:-4px;border-width:0 4px 4px 0}.pf-format{position:absolute;right:10px;bottom:10px;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:700;line-height:1.45}.pf-pruefung{position:relative;width:min(70%,220px)}.pf-pruefung-foto{display:block;aspect-ratio:4/5;border-radius:14px;background:radial-gradient(120% 90% at 30% 20%,#f3b8a4 0,transparent 55%),radial-gradient(90% 80% at 80% 75%,#367b7c 0,transparent 60%),linear-gradient(160deg,#e9c9a8,#8f5f5a);filter:saturate(.75) brightness(.92)}.pf-hinweisleiste{position:absolute;left:8px;right:8px;bottom:8px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.66);color:#fff;font-size:12px;line-height:1.3;text-align:left}.pf-kreis{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:10px;gap:10px;width:100%}.pf-tierkreis{position:relative;width:min(100%,290px);aspect-ratio:1}.pf-zeichen{position:absolute;left:var(--pf-fest-x);top:var(--pf-fest-y);width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ui-text);opacity:calc(.5 + .5 * var(--pf-fest-tiefe));cursor:pointer;-webkit-tap-highlight-color:transparent}.pf-zeichen>span{display:block;font-family:"Apple Symbols","Segoe UI Symbol","Noto Sans Symbols 2",var(--font);font-size:24px;line-height:1;transform:scale(calc(.72 + .4 * var(--pf-fest-tiefe)))}.pf-zeichen:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0;opacity:1}.pf-zeichen.ist-mitte{left:50%;top:50%;z-index:2;opacity:1;color:var(--ui-rubin-text)}.pf-zeichen.ist-mitte>span{transform:scale(2.15)}.hat-wahl .pf-zeichen:not(.ist-mitte){opacity:calc(.5 + .2 * var(--pf-fest-tiefe))}.hat-wahl .pf-zeichen:not(.ist-mitte):focus-visible{opacity:1}.pf-herz{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dc1e36,#ff4356);box-shadow:0 8px 22px rgba(220,30,54,.35);transition:opacity .32s;pointer-events:none}.hat-wahl .pf-herz{opacity:0}.pf-herz svg{width:70%;display:block;transform:translateY(5%);overflow:visible}.pf-kreis-zeile{margin:0;font-size:16px;line-height:1.3;color:var(--ui-sub)}.pf-kreis-zeile.ist-gewaehlt{font-weight:600;color:var(--ui-rubin-text)}@property --pf-dreh{syntax:"<angle>";inherits:true;initial-value:0deg}@property --pf-m{syntax:"<number>";inherits:true;initial-value:0}@keyframes pf-kreisen{to{--pf-dreh:360deg}}@supports (width:calc(sin(30deg) * 1cqw)){.pf-tierkreis{container-type:inline-size;animation:pf-kreisen 44s linear infinite}.pf-tierkreis:has(.pf-zeichen:focus-visible){animation-play-state:paused}@media (hover:hover){.pf-tierkreis:hover{animation-play-state:paused}}.pf-zeichen{--pf-w:calc(var(--pf-i) * 30deg - 90deg + var(--pf-dreh));--pf-t:calc((sin(var(--pf-w)) + 1) / 2);--pf-m:0;left:50%;top:50%;transform:translate(calc(cos(var(--pf-w)) * 40.5cqw * (1 - var(--pf-m))),calc(sin(var(--pf-w)) * 40.5cqw * (1 - var(--pf-m))));opacity:calc(.5 + .5 * var(--pf-t));transition:--pf-m .48s ease-in-out,color .48s,opacity .3s}.pf-zeichen>span{font-size:8.5cqw;transform:scale(calc((.72 + .4 * var(--pf-t)) * (1 - var(--pf-m)) + 2.15 * var(--pf-m)))}.pf-zeichen.ist-mitte{--pf-m:1;opacity:1}.pf-zeichen.ist-mitte>span{transform:scale(calc((.72 + .4 * var(--pf-t)) * (1 - var(--pf-m)) + 2.15 * var(--pf-m)))}.hat-wahl .pf-zeichen:not(.ist-mitte){opacity:calc(.5 + .2 * var(--pf-t))}.hat-wahl .pf-zeichen:not(.ist-mitte)>span{transform:scale(calc((.72 + .4 * var(--pf-t)) * .65))}}.pf-groesse{--pf-zeile:40px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:14px;gap:14px;width:min(100%,300px)}.pf-groesse-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.pf-groesse-wert{margin:0;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ui-text)}.pf-einheit{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--ui-fuellung)}.pf-einheit>button,.pf-einheit>span{min-width:48px;min-height:38px;padding:5px 14px;border:0;border-radius:8px;background:transparent;font:600 14px/1.2 var(--font);color:var(--ui-sub)}.pf-einheit>button{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.pf-einheit>button:after{content:"";position:absolute;inset:-3px 0}.pf-einheit>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pf-einheit>.ist-an{background:var(--ui-linie);color:var(--ui-text);box-shadow:0 1px 3px rgba(0,0,0,.12)}[data-theme=light] .pf-einheit>.ist-an{background:#fff}.pf-rad-fenster{position:relative;isolation:isolate;width:100%;height:calc(5 * var(--pf-zeile));overflow:hidden;border-radius:12px;touch-action:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.pf-rad-fenster.ist-gezogen{cursor:-webkit-grabbing;cursor:grabbing}.pf-rad-fenster:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;-webkit-mask-image:none;mask-image:none}.pf-rad-fenster:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(2 * var(--pf-zeile));height:var(--pf-zeile);border-radius:10px;background:var(--ui-fuellung)}.pf-rad-band{display:grid;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:transform .32s cubic-bezier(.2,.8,.2,1);will-change:transform}.pf-rad-fenster.ist-gezogen>.pf-rad-band{transition:none}.pf-rad-band>span{height:var(--pf-zeile);font-size:20px;font-weight:500;line-height:var(--pf-zeile);white-space:nowrap;color:var(--ui-sub)}.pf-rad-band>.ist-mitte{color:var(--ui-text);font-weight:600}.pf-raeder{position:relative;isolation:isolate;display:flex;justify-content:center;gap:22px;max-width:100%;padding-inline:18px}.pf-raeder:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:50%;height:40px;margin-top:-20px;border-radius:10px;background:var(--ui-fuellung)}.pf-rad{display:grid;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-rad>span{height:40px;font-size:21px;line-height:40px;white-space:nowrap;color:var(--ui-sub)}.pf-rad>span:first-child,.pf-rad>span:nth-child(5){opacity:.3;font-size:17px}.pf-rad>span:nth-child(2),.pf-rad>span:nth-child(4){opacity:.6;font-size:19px}.pf-rad>span:nth-child(3){color:var(--ui-text);font-weight:600}.pf-karte-rahmen{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:12px;gap:12px;width:100%;max-width:340px}.pf-karte-rahmen>.pf-probier{color:var(--text-muted)}.ausschnitt.pf-karte-ausschnitt{max-width:340px}.ui.pf-karte{position:relative;aspect-ratio:4/5;border-radius:26px}.pf-karte:before{content:"";inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 22%),linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.45) 26%,transparent 52%)}.pf-karte-punkte,.pf-karte:before{position:absolute;pointer-events:none}.pf-karte-punkte{top:12px;right:0;left:0;z-index:2;display:flex;justify-content:center;gap:6px}.pf-karte-punkte>i{width:6px;height:4px;border-radius:2px;background:rgba(255,255,255,.54);transition:width .2s}.pf-karte-punkte>.ist-an{width:20px;background:#fff}.pf-karte .pf-karte-demo{top:26px;right:12px}.pf-karte-zone{position:absolute;top:0;bottom:0;z-index:1;width:50%;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.pf-karte-zone-links{left:0;border-radius:26px 0 0 26px}.pf-karte-zone-rechts{right:0;border-radius:0 26px 26px 0}.pf-karte-zone[aria-disabled=true]{cursor:default}.pf-karte-zone:focus-visible{outline:3px solid #fff;outline-offset:-5px}.pf-karte-info{position:absolute;right:16px;bottom:18px;left:16px;z-index:2;color:#fff;pointer-events:none}.pf-karte-name{margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.1;color:#fff}.pf-karte-name>span{margin-left:4px;font-size:24px;font-weight:400;color:rgba(255,255,255,.85)}.pf-karte-tags{display:flex;flex-wrap:wrap;gap:6px}.pf-karte-tags>span{padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:600;color:#fff;background:rgba(0,0,0,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}@keyframes pf-auf-foto{0%{opacity:0;transform:scale(.96)}}@keyframes pf-auf-blende{0%{opacity:0}}@keyframes pf-auf-hoch{0%{opacity:0;transform:translateY(8px)}}@keyframes pf-auf-marke{0%{opacity:0;transform:scale(.9)}}.pf-aufbau .pf-karte{animation:pf-auf-foto .7s cubic-bezier(.2,.7,.2,1) both}.pf-aufbau .pf-karte-punkte{animation:pf-auf-blende .4s ease-out .45s both}.pf-aufbau .pf-karte-name{animation:pf-auf-hoch .45s cubic-bezier(.2,.7,.2,1) .7s both}.pf-aufbau .pf-karte-tags>span{animation:pf-auf-hoch .4s cubic-bezier(.2,.7,.2,1) 1.05s both}.pf-aufbau .pf-karte-tags>span:nth-child(2){animation-delay:1.17s}.pf-aufbau .pf-karte-tags>span:nth-child(3){animation-delay:1.29s}.pf-aufbau .pf-karte-demo{transform-origin:100% 50%;animation:pf-auf-marke .45s ease-out 1.75s both}.pf-aufbau-wartet .pf-karte{animation:none;opacity:0;transform:scale(.96)}.pf-aufbau-wartet .pf-karte-punkte{animation:none;opacity:0}.pf-aufbau-wartet :is(.pf-karte-name,.pf-karte-tags>span){animation:none;opacity:0;transform:translateY(8px)}.pf-aufbau-wartet .pf-karte-demo{animation:none;opacity:0;transform:scale(.9)}.pf-aufbau-haelt :is(.pf-karte,.pf-karte-punkte,.pf-karte-name,.pf-karte-tags>span,.pf-karte-demo){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.pf-aufbau :is(.pf-karte,.pf-karte-punkte,.pf-karte-name,.pf-karte-tags>span,.pf-karte-demo){animation:none!important;opacity:1!important;transform:none!important}}.bewegung-angehalten .pf-aufbau :is(.pf-karte,.pf-karte-punkte,.pf-karte-name,.pf-karte-tags>span,.pf-karte-demo){animation:none!important;opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){.ausschnitt.pf-bild,.pf-haupt{animation:none}.pf-herz,.pf-karte-punkte>i,.pf-rad-band,.pf-raster.ist-zug .pf-foto:not(.ist-gezogen),.pf-schalter,.pf-schalter:before,.pf-schritt-zeile,.pf-zeichen{transition:none}}.bewegung-angehalten .ausschnitt.pf-bild,.bewegung-angehalten .pf-haupt{animation:none}.bewegung-angehalten .pf-rad-band,.bewegung-angehalten .pf-raster.ist-zug .pf-foto:not(.ist-gezogen),.bewegung-angehalten .pf-schalter,.bewegung-angehalten .pf-schalter:before,.bewegung-angehalten .pf-zeichen{transition:none}@media (max-width:900px){.pf-schritte{min-height:0;padding-right:0}.ui.pf-flaeche{min-height:0}}@media (max-width:900px) and (max-height:599.98px){.pf-schritte .pf-buehne{position:relative;top:auto;width:auto;margin:16px 0 22px;transform:none}.pf-schritt.ist-aktiv:after,.pf-schritt.ist-aktiv>.pf-schritt-zeile:before{display:none}}@media (max-width:600px){.pf-schritte{--pf-nr:32px;--pf-innen:12px}.pf-schritt-zeile{padding-right:14px}.pf-schritt-satz{font-size:16px}.ui.pf-flaeche{padding:22px 16px}}@media (max-width:400px){.pf-raster{width:min(100%,270px)}.pf-format{right:5px;bottom:5px;padding:2px 6px;font-size:11px}.pf-raeder{gap:16px;padding-inline:14px}.pf-raeder-datum>.pf-rad>span{font-size:19px}.pf-raeder-datum>.pf-rad>span:first-child,.pf-raeder-datum>.pf-rad>span:nth-child(5){font-size:16px}.pf-raeder-datum>.pf-rad>span:nth-child(2),.pf-raeder-datum>.pf-rad>span:nth-child(4){font-size:17.5px}}@media (max-width:340px){.pf-schritte{--pf-innen:10px}.pf-schritt-zeile{padding-left:calc(var(--pf-innen) + var(--pf-nr) + 12px);padding-right:10px}.ui.pf-flaeche{padding:18px 12px}}@media (min-width:901px) and (min-height:560px){.pf-schritte{--pf-modus:breit;--pf-h:min(524px,calc(100svh - var(--leiste-hoehe) - 40px));--pf-oben:max(calc(var(--leiste-hoehe) + 16px),calc(45svh - var(--pf-h) / 2));--pf-polster-y:26px;--pf-abstand:22svh;--pf-karte-halb:58px;min-height:0;padding-block:max(0px,calc(var(--pf-h) / 2 - var(--pf-karte-halb)))}.pf-schritt{min-height:var(--pf-abstand)}.pf-schritt:last-child{min-height:0}.pf-schritte .pf-buehne{top:0;bottom:0;z-index:2;transform:none;pointer-events:none}.pf-kleber{position:-webkit-sticky;position:sticky;top:var(--pf-oben);align-self:start;height:var(--pf-h);pointer-events:auto}}@media (max-width:900px) and (min-height:600px){.pf-schritte{--pf-modus:schmal;--pf-oben:calc(var(--leiste-hoehe) - 2px);--pf-h:clamp(300px,46svh,460px);--pf-polster-y:12px;--pf-abstand:max(150px,19svh);padding-top:calc(var(--pf-oben) + var(--pf-h) + 20px)}.pf-schritt{min-height:var(--pf-abstand)}.pf-schritt:last-child{min-height:0}.pf-schritte .pf-buehne{inset:0;width:auto;z-index:2;transform:none;pointer-events:none}.pf-kleber{position:-webkit-sticky;position:sticky;top:0;align-self:start;isolation:isolate;height:calc(var(--pf-oben) + var(--pf-h));padding-top:var(--pf-oben);background:var(--w-grund);pointer-events:auto}.pf-kleber:after{content:"";position:absolute;z-index:-1;top:100%;right:0;left:0;height:24px;background:linear-gradient(var(--w-grund),transparent);pointer-events:none}.ui.pf-flaeche{padding:var(--pf-polster-y) 14px}.pf-bild-rahmen>.glut{inset:-6% -14% 0}.pf-abschnitt .kb-kopf{margin-bottom:0}}@media (max-width:900px) and (min-height:600px),(min-width:901px) and (min-height:560px){.pf-kleber{--pf-innen-h:calc(var(--pf-h) - 2 * var(--pf-polster-y) - 2px);--pf-text-sort:98px;--pf-raster-max:300px}.pf-bild-rahmen{height:100%;grid-template-rows:minmax(0,1fr)}.ausschnitt.pf-bild{height:100%}.ui.pf-flaeche{height:100%;min-height:0}.pf-kleber .pf-sortierer{gap:10px}.pf-kleber .pf-raster{width:min(100%,var(--pf-raster-max),calc(.8 * (var(--pf-innen-h) - var(--pf-text-sort)) + 3px))}.pf-kleber .pf-zuschnitt{width:min(100%,300px,var(--pf-innen-h))}.pf-kleber .pf-matches{gap:10px}.pf-kleber .pf-matches-foto{width:min(46%,calc(.8 * (var(--pf-innen-h) - 150px)))}.pf-kleber .pf-pruefung{width:min(70%,220px,calc(.8 * var(--pf-innen-h)))}.pf-kleber .pf-tierkreis{width:min(100%,290px,calc(var(--pf-innen-h) - var(--pf-text-kreis, 62px)))}}@media (max-width:400px) and (min-height:600px){.pf-kleber{--pf-raster-max:270px}}@media (max-width:340px) and (min-height:600px){.pf-kleber{--pf-text-sort:118px;--pf-text-kreis:80px}}@media (max-width:900px) and (min-height:600px) and (max-height:759.98px){.pf-kleber{--pf-text-sort:50px}.pf-kleber .pf-fotozeile{display:none}.pf-kleber .pf-groesse{gap:10px}.pf-kleber .pf-rad-fenster{height:calc(3 * var(--pf-zeile))}.pf-kleber .pf-rad-fenster:before{top:var(--pf-zeile)}.pf-kleber .pf-rad-band{margin-top:calc(-1 * var(--pf-zeile))}}@media (max-width:340px) and (min-height:600px) and (max-height:759.98px){.pf-kleber{--pf-text-sort:68px}}@media (forced-colors:active){.pf-schritt.ist-aktiv>.pf-schritt-zeile{outline:2px solid Highlight}.pf-foto,.pf-karte,.pf-matches-foto{forced-color-adjust:none}.pf-foto.ist-gewaehlt,.pf-foto.ist-gezogen{outline:3px solid Highlight}.pf-platzhalter{border-color:Highlight}.pf-schalter{border:1px solid ButtonText}.pf-schalter.ist-an{background:Highlight}.pf-einheit>.ist-an,.pf-rad-band>.ist-mitte{forced-color-adjust:none;background:Highlight;color:HighlightText}}