.pp-rahmen{border-radius:var(--radius-karte);background:var(--hell);position:relative;overflow:hidden}.pp-rahmen:after{content:"";z-index:7;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dunkel) 25%, transparent);pointer-events:none;position:absolute;inset:0}@media (width<=699.98px){.pp-rahmen:after{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dunkel) 25%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--dunkel) 25%, transparent)}}html[data-pp-vollbild] .pp-rahmen:after{display:none}.pp-fenster{scrollbar-width:none;overscroll-behavior:contain;position:relative;overflow:hidden}.pp-fenster::-webkit-scrollbar{display:none}.pp-flaeche{aspect-ratio:1500/916;--s:.8;width:100%;position:relative}.pp-bild{user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (width<=1199.98px){.pp-fenster{-webkit-overflow-scrolling:touch;overflow:auto}.pp-flaeche{width:auto}}@media (width<=699.98px){.pp-rahmen{margin-inline:calc(-1 * var(--seitenrand));border-radius:0}.pp-fenster{height:min(60svh,520px)}.pp-flaeche{height:100%}}@media (width>=700px) and (width<=1199.98px){.pp-fenster{aspect-ratio:1500/916}.pp-flaeche{height:100%}}.pp-punkt{z-index:1;width:max(22px, calc(30px * var(--s)));height:max(22px, calc(30px * var(--s)));border-radius:var(--radius-knopf);cursor:pointer;box-shadow:0 0 0 1.5px #ffffffd9, 0 0 0 3px color-mix(in srgb, var(--dunkel) 25%, transparent);transition:box-shadow var(--dauer) var(--ease-ff), background-color var(--dauer) var(--ease-ff);background:0 0;border:0;padding:0;position:absolute;translate:-50% -50%}.pp-punkt--rund{border-radius:9999px}[data-klein] .pp-punkt--klein{display:none}.pp-punkt[data-aktiv]{z-index:2;background:color-mix(in srgb, var(--color-gelb) 35%, transparent);box-shadow:0 0 0 3px var(--color-gelb), 0 0 0 5px var(--dunkel)}.pp-punkt:focus-visible{box-shadow:0 0 0 3px var(--color-weiss), 0 0 0 5px var(--dunkel);outline:none}.pp-tipp{border-radius:var(--radius-knopf);background:var(--color-weiss);color:var(--dunkel);box-shadow:var(--shadow-schwebend);font:600 14px/1.2 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dauer) var(--ease-ff), translate var(--dauer) var(--ease-ff);padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}.pp-punkt:focus-visible .pp-tipp{opacity:1;translate:-50%}.pp-punkt:focus-visible{z-index:3}@media (hover:hover) and (pointer:fine) and (width>=1200px){.pp-punkt:hover{box-shadow:0 0 0 2px var(--color-weiss), 0 0 0 4px var(--dunkel);z-index:3;background:#ffffff40}.pp-punkt:hover .pp-tipp{opacity:1;translate:-50%}}.pp-knoepfe{z-index:3;gap:8px;display:flex;position:absolute;top:24px;right:24px}@media (width<=1199.98px){.pp-knoepfe{top:auto;bottom:24px}}@media (width<=699.98px){.pp-knoepfe{bottom:16px;right:16px}.pp-hinweis{top:16px;left:16px}}.pp-knoepfe .pfeil-knopf-hell{box-shadow:var(--shadow-schwebend)}.pp-vollbild{display:none!important}@media (width>=1200px){.pp-zoom{display:none!important}}@media (hover:hover) and (pointer:fine) and (width>=1200px){.pp-vollbild{display:grid!important}}.pp-schleier{z-index:4;opacity:0;pointer-events:none;transition:opacity var(--dauer) var(--ease-ff);background:#00000059;position:absolute;inset:0}.pp-schleier[data-offen]{opacity:1;pointer-events:auto}.pp-seite{z-index:5;border-radius:var(--radius-karte) 0 0 var(--radius-karte);background:var(--color-weiss);width:420px;max-width:100%;color:var(--dunkel);transition:translate var(--dauer) var(--ease-ff);flex-direction:column;padding:12px;display:flex;position:absolute;top:0;bottom:0;right:0;translate:calc(100% + 2px)}.pp-seite[data-offen]{translate:0}.pp-seite-zu{z-index:1;position:absolute;top:12px;right:12px}.pp-seite-inhalt{overscroll-behavior:contain;flex:1;min-height:0;padding:8px;overflow-y:auto}@media (width<=1199.98px){.pp-schleier,.pp-seite{display:none}}.pp-vollbild-zu{z-index:6;border-radius:var(--radius-knopf);background:var(--color-weiss);height:44px;color:var(--dunkel);font:inherit;letter-spacing:-.02em;cursor:pointer;box-shadow:var(--shadow-schwebend);transition:background-color var(--dauer) var(--ease-ff), color var(--dauer) var(--ease-ff);border:0;align-items:center;gap:12px;padding:0 16px 0 18px;font-size:16px;font-weight:600;line-height:1;display:none;position:absolute;top:24px;right:24px}@media (hover:hover) and (pointer:fine) and (width>=1200px){.pp-vollbild-zu:hover{background:color-mix(in srgb, black 8%, var(--color-weiss))}}.pp-vollbild-zu:focus-visible,.pp-knoepfe button:focus-visible{outline:3px solid var(--color-gelb);outline-offset:3px}html[data-pp-vollbild]{overflow:hidden;scroll-padding:0!important}html[data-pp-vollbild] .pp-rahmen{z-index:2147483001;background:var(--dunkel);animation:pp-ein var(--dauer) var(--ease-ff);border-radius:0;place-items:center;display:grid;position:fixed;inset:0}html[data-pp-vollbild] .pp-fenster{width:min(100vw,163.755svh)}html[data-pp-vollbild] .pp-flaeche{--s:1}html[data-pp-vollbild] .pp-vollbild-zu{display:inline-flex}html[data-pp-vollbild] .pp-rahmen:has(.pp-seite[data-offen]) .pp-vollbild-zu{visibility:hidden}html[data-pp-vollbild] .pp-knoepfe,html[data-pp-vollbild] .pp-hinweis{display:none}html[data-pp-vollbild] body>:not(main,script,style),html[data-pp-vollbild] main>:not(:has([data-pp])){visibility:hidden!important}@keyframes pp-ein{0%{opacity:0}}@media (prefers-reduced-motion:reduce){html[data-pp-vollbild] .pp-rahmen{animation:none}}