@layer components{.po-pb-szene--ablauf{--po-pin-oben:max(6.5rem, calc(50vh - 15rem));--po-bahn:70vh}.po-pb-szene--frage{--po-pin-oben:max(6.5rem, calc(50vh - 17rem));--po-bahn:70vh}:root [data-site=oeffentlich] .po-pb-buehne{border-radius:var(--po-radius-karte);background:var(--surface);box-shadow:var(--surface-shadow);padding:16px}@media (min-width:768px){:root [data-site=oeffentlich] .po-pb-buehne{padding:20px 24px}}.po-pb-buehne__kopf{border-bottom:1px solid var(--separator);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;padding:0 4px 14px;display:flex}.po-pb-zahl{font-family:var(--po-font-display);letter-spacing:-.04em;font-size:40px;font-weight:300;line-height:.9}.po-pb-buehne__fuss{border-top:1px solid var(--separator);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:14px 4px 0;font-size:14px;line-height:1.5;display:flex}.po-pb-phasen{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:16px;display:grid}@media (min-width:640px){.po-pb-phasen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.po-pb-phasen{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.po-pb-phasen{grid-template-columns:repeat(7,minmax(0,1fr))}}.po-pb-phase{background:var(--surface-secondary);hyphens:auto;overflow-wrap:break-word;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.po-pb-phase__kopf{font-family:var(--po-font-mono);letter-spacing:.04em;color:var(--foreground);align-items:center;gap:8px;margin:0;font-size:12px;font-weight:500;display:flex}.po-pb-phase__nr{background:var(--accent);width:22px;height:22px;color:var(--accent-foreground);border-radius:9999px;place-items:center;display:inline-grid}.po-pb-eintrag{background:var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:12px;padding:10px;position:relative}.po-pb-eintrag__bahn{font-family:var(--po-font-mono);color:var(--muted);margin:0 0 2px;font-size:12px}.po-pb-eintrag__text{color:var(--foreground);margin:0;font-size:14px;font-weight:600;line-height:1.35}.po-pb-eintrag__zeile{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.4}.po-pb-eintrag__bruch{border-radius:inherit;box-shadow:inset 0 0 0 2px var(--danger);pointer-events:none;position:absolute;inset:0}.po-pb-eintrag__punkt{background:var(--danger);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface);border-radius:9999px;position:absolute;top:-5px;right:-5px}.po-pb-phase__systeme{border-top:1px solid var(--separator);font-family:var(--po-font-mono);color:var(--foreground);margin:auto 0 0;padding-top:8px;font-size:12px;line-height:1.5;display:none}@media (min-width:640px){.po-pb-phase__systeme{display:block}}@media (min-width:768px) and (max-width:1279px) and (max-height:819px),(min-width:1280px) and (max-height:619px){.po-pb-szene--ablauf:after{display:none}.po-pb-szene--ablauf>.po-modul__visual{position:relative;top:auto}@supports (animation-timeline:view()){.po-pb-szene--ablauf .po-schritt{--po-ab-ort:calc(8% + var(--po-ab) * 50%);--po-bis-ort:calc(8% + var(--po-bis) * 50%)}.po-pb-szene--ablauf>.po-modul__visual{animation-range:entry}}}.po-pb-legende{color:var(--foreground);flex-wrap:wrap;gap:6px 18px;display:flex}.po-pb-legende li{align-items:center;gap:8px;display:inline-flex}.po-pb-legende__muster{background:var(--surface);width:14px;height:14px;box-shadow:0 0 0 1px var(--border);border-radius:4px}.po-pb-legende__muster--bruch{box-shadow:inset 0 0 0 2px var(--danger)}.po-pb-frage__raster{gap:16px;padding-block:4px 16px;display:grid}@media (min-width:768px){.po-pb-frage__raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:28px;padding-block:8px 20px}}.po-pb-frage__bild{justify-items:center;gap:12px;display:grid;position:relative}.po-pb-frage__motiv{mix-blend-mode:multiply;width:min(100%,460px);-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000);mask-image:radial-gradient(closest-side,#000 72%,#0000)}.po-pb-frage__imhaus{background:var(--po-chip-akzent);color:var(--link);border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.po-pb-frage__panel{flex-direction:column;gap:12px;min-width:0;display:flex}.po-pb-feld{background:var(--field-background);box-shadow:0 0 0 1px var(--field-border), var(--field-shadow);border-radius:14px;padding:12px 16px}.po-pb-feld__text{font-family:var(--po-font-display);color:var(--foreground);margin-top:4px;font-size:clamp(18px,1.8vw,22px);line-height:1.3}.po-pb-quellen{background:var(--surface-secondary);border-radius:14px;padding:12px 16px}.po-pb-quellen__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}@media (min-width:1024px){.po-pb-quellen__liste{grid-template-columns:repeat(4,minmax(0,1fr))}}.po-pb-quelle{background:var(--surface);box-shadow:0 0 0 1px var(--border);color:var(--foreground);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500;position:relative;overflow:clip}.po-pb-quelle__scan{border-bottom:1px solid var(--focus);background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--focus) 25%, transparent));pointer-events:none;height:18px;position:absolute;inset-inline:0;transform:translateY(-100%)}.po-pb-antwort{background:var(--surface);box-shadow:0 0 0 1px color-mix(in oklab, var(--focus) 35%, transparent), var(--surface-shadow);border-radius:14px;padding:14px 16px 16px;position:relative}.po-pb-antwort:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--focus) 22%, transparent), color-mix(in oklab, var(--focus) 8%, transparent) 60%, transparent);filter:blur(22px);pointer-events:none;border-radius:32px;position:absolute;inset:12px -12px -18px}.po-pb-antwort__text{color:var(--foreground);font-size:15px;line-height:1.5}.po-pb-quelle__treffer{border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--focus);background:color-mix(in oklab, var(--focus) 8%, transparent);pointer-events:none;position:absolute;inset:0}@supports (animation-timeline:view()){.po-schritt--abfallen{--po-art:po-pb-abfallen}}.po-pb-beleg{background:var(--po-chip-akzent);height:26px;color:var(--link);font-family:var(--po-font-mono);border-radius:9999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.po-pb-stufen{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:640px){.po-pb-stufen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.po-pb-stufen{grid-template-columns:repeat(4,minmax(0,1fr))}}.po-pb-stufe{border-top:1px solid var(--separator);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:16px 20px;display:grid}.po-pb-stufe:first-child{border-top:0}@media (min-width:640px){.po-pb-stufe:nth-child(2){border-top:0}}@media (min-width:1024px){.po-pb-stufe{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:24px}.po-pb-stufe:nth-child(-n+4){border-top:0}.po-pb-stufe>.po-pb-stufe__takt{grid-column:2;justify-self:start}}.po-pb-stufe__takt{justify-self:end}.po-pb-stufe__nr{background:var(--po-chip-akzent);width:30px;height:30px;color:var(--link);font-family:var(--po-font-mono);border-radius:9999px;place-items:center;font-size:12px;font-weight:500;display:inline-grid}.po-pb-mehr__knopf{min-height:44px;box-shadow:inset 0 0 0 1px var(--border);background:var(--surface);color:var(--foreground);cursor:pointer;transition:transform var(--po-dur-druck,.12s) ease;border-radius:9999px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;list-style:none;display:inline-flex}.po-pb-mehr__knopf::-webkit-details-marker{display:none}.po-pb-mehr__knopf:active{transform:scale(.97)}.po-pb-mehr__knopf:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.po-pb-mehr__pfeil{transition:rotate .25s var(--po-ease-out)}.po-pb-mehr[open] .po-pb-mehr__pfeil{rotate:180deg}@media (prefers-reduced-motion:reduce){.po-pb-mehr__knopf,.po-pb-mehr__pfeil{transition:none}}.po-pb-teamfoto{aspect-ratio:4/3;position:relative;overflow:clip}@media (min-width:1024px){.po-pb-teamfoto{aspect-ratio:auto;min-height:420px}}.po-pb-teamfoto{border-radius:var(--po-radius-karte);box-shadow:var(--surface-shadow)}.po-pb-teamfoto:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0e0e0eb3);position:absolute;inset:0}.po-pb-teamfoto img{object-position:center 30%;position:absolute;inset:0}.po-pb-teamfoto__ort{z-index:1;font-family:var(--po-font-mono);letter-spacing:.08em;color:#f5f1ebe6;font-size:12px;position:absolute;bottom:16px;left:20px}}
