:is(#pg,.pgx){display:block;position:relative;isolation:isolate}
:is(#pg,.pgx) :where(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:700;line-height:inherit;
  color:inherit;letter-spacing:normal;text-transform:none;margin:0;padding:0;clear:none}
:is(#pg,.pgx) :where(h1){font-size:2em}
:is(#pg,.pgx) :where(h2){font-size:1.5em}
:is(#pg,.pgx) :where(h3){font-size:1.17em}
:is(#pg,.pgx) :where(h4){font-size:1em}
:is(#pg,.pgx) :where(h5){font-size:.83em}
:is(#pg,.pgx) :where(h6){font-size:.67em}
:is(#pg,.pgx) :where(p,ul,ol,li,blockquote,figure,dl,dt,dd){margin:0;padding:0}
:is(#pg,.pgx) :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-transform:none;
  letter-spacing:inherit;box-shadow:none;border-radius:0;line-height:inherit;min-height:0;width:auto;cursor:pointer}
:is(#pg,.pgx) :where(input,textarea,select){font:inherit;letter-spacing:inherit;margin:0;box-shadow:none}
:is(#pg,.pgx) :where(svg){overflow:visible}
:is(#pg,.pgx) :where(img){height:auto;border:0}@font-face{font-family:Satoshi;font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/uploads/pg/satoshi-400.woff2) format('woff2')}
@font-face{font-family:Satoshi;font-style:normal;font-weight:500;font-display:block;src:url(/wp-content/uploads/pg/satoshi-500.woff2) format('woff2')}
@font-face{font-family:Satoshi;font-style:normal;font-weight:700;font-display:block;src:url(/wp-content/uploads/pg/satoshi-700.woff2) format('woff2')}
@font-face{font-family:Satoshi;font-style:normal;font-weight:900;font-display:block;src:url(/wp-content/uploads/pg/satoshi-900.woff2) format('woff2')}
:is(#pg,.pgx){--violett:#5758E0; --violett-tief:#3B3CC4; --violett-flaeche:#EFEFFD;
  --tuerkis:#39B8B9; --tuerkis-text:#1C7C7D; --tuerkis-flaeche:#EEF9F9;
  --rosa:#F77991; --rosa-text:#C0405C; --rosa-flaeche:#FDF1F4;
  --tinte:#111111; --grau:#63637A; --linie:#E6E6EF; --linie-stark:#D3D3E2;
  --sand:#F7F7FB; --nacht:#12122A; --weiss:#FFFFFF;}
:is(#pg,.pgx),:is(#pg,.pgx) *{box-sizing:border-box;margin:0;padding:0}
:is(#pg,.pgx){font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;color:var(--tinte);
  background:var(--weiss);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
:is(#pg,.pgx) img{max-width:100%}
:is(#pg,.pgx) a{color:var(--violett);text-decoration:none}
:is(#pg,.pgx) a:hover{color:var(--violett-tief)}
:is(#pg,.pgx) .satz{max-width:1180px;margin:0 auto;padding-inline:40px}
:is(#pg,.pgx) .band{padding-block:88px}
:is(#pg,.pgx) .band.eng{padding-block:64px}
:is(#pg,.pgx) .band.sand{background:var(--sand)}
:is(#pg,.pgx) .band.nacht{background:var(--nacht);color:var(--weiss)}
:is(#pg,.pgx) .mono{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums}
:is(#pg,.pgx) .eyebrow{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tuerkis-text);font-weight:700}
:is(#pg,.pgx) .band.nacht .eyebrow{color:var(--tuerkis)}
:is(#pg,.pgx) .d1{font-size:64px;line-height:1.02;font-weight:900;letter-spacing:-.03em}
:is(#pg,.pgx) .h1{font-size:44px;line-height:1.06;font-weight:900;letter-spacing:-.028em}
:is(#pg,.pgx) .h2{font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.022em}
:is(#pg,.pgx) .h3{font-size:20px;line-height:1.22;font-weight:700;letter-spacing:-.012em}
:is(#pg,.pgx) .lead{font-size:20px;line-height:1.5;color:var(--grau);max-width:60ch}
:is(#pg,.pgx) .band.nacht .lead{color:#B9B9D4}
:is(#pg,.pgx) .txt{font-size:17px;line-height:1.6;color:var(--grau);max-width:66ch}
:is(#pg,.pgx) .band.nacht .txt{color:#B9B9D4}
:is(#pg,.pgx) .klein{font-size:15px;line-height:1.5;color:var(--grau)}
:is(#pg,.pgx) .knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
  padding:0 26px;border-radius:999px;border:0;font-family:inherit;font-size:16px;font-weight:700;
  background:var(--violett);color:var(--weiss);cursor:pointer}
:is(#pg,.pgx) .knopf.zweit{background:transparent;color:var(--tinte);box-shadow:inset 0 0 0 2px var(--linie-stark)}
:is(#pg,.pgx) .knopf.hell{background:var(--weiss);color:var(--violett)}
:is(#pg,.pgx) .knopf.klein{min-height:44px;font-size:15px;padding:0 20px}
:is(#pg,.pgx) .kopf{display:flex;align-items:center;gap:32px;padding:16px 40px;border-bottom:1px solid var(--linie);
  background:var(--weiss)}
:is(#pg,.pgx) .kopf .marke{color:var(--tuerkis);display:block}
:is(#pg,.pgx) .kopf .marke svg{height:38px;width:auto;display:block}
:is(#pg,.pgx) .kopf nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:15px;font-weight:500}
:is(#pg,.pgx) .kopf nav span{padding-bottom:4px;border-bottom:2px solid transparent}
:is(#pg,.pgx) .kopf nav span.aktiv{border-bottom-color:var(--tuerkis)}
:is(#pg,.pgx) .feld{display:flex;gap:12px;flex-wrap:wrap}
:is(#pg,.pgx) .feld input{flex:1 1 240px;min-height:52px;padding:0 18px;border-radius:999px;
  border:2px solid var(--linie-stark);font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;background:var(--weiss);color:var(--tinte)}
:is(#pg,.pgx) input::placeholder,:is(#pg,.pgx) textarea::placeholder{color:var(--grau);opacity:1}
:is(#pg,.pgx) .feld .knopf{min-height:52px}
:is(#pg,.pgx) .zustimmung{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
:is(#pg,.pgx) .zustimmung input[type="checkbox"]{appearance:none;-webkit-appearance:none;flex:0 0 auto;
  width:22px;height:22px;margin:2px 0 0;border:2px solid var(--linie-stark);border-radius:6px;
  background:var(--weiss);cursor:pointer;display:grid;place-content:center}
:is(#pg,.pgx) .zustimmung input[type="checkbox"]::before{content:"";width:13px;height:13px;transform:scale(0);
  transition:transform .12s ease;box-shadow:inset 1em 1em var(--violett);
  clip-path:polygon(14% 44%,0 65%,38% 100%,100% 22%,83% 4%,38% 64%)}
:is(#pg,.pgx) .zustimmung input[type="checkbox"]:checked{border-color:var(--violett)}
:is(#pg,.pgx) .zustimmung input[type="checkbox"]:checked::before{transform:scale(1)}
:is(#pg,.pgx) .zustimmung input[type="checkbox"]:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .zustimmung input[type="checkbox"]::before{transition:none}}
@media (forced-colors:active){:is(#pg,.pgx) .zustimmung input[type="checkbox"]{appearance:auto;-webkit-appearance:auto}}
:is(#pg,.pgx) .karte{border:1px solid var(--linie);border-radius:18px;background:var(--weiss);padding:26px}
:is(#pg,.pgx) .karte.stark{box-shadow:0 22px 44px -30px rgba(17,17,40,.5)}
:is(#pg,.pgx) .pille{display:inline-flex;align-items:center;gap:7px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  padding:5px 11px;border-radius:999px;background:var(--violett-flaeche);color:var(--violett)}
:is(#pg,.pgx) .pille.t{background:var(--tuerkis-flaeche);color:var(--tuerkis-text)}
:is(#pg,.pgx) .pille.n{background:#EEEEF3;color:var(--tinte)}
:is(#pg,.pgx) .pille.r{background:var(--rosa-flaeche);color:var(--rosa-text)}
:is(#pg,.pgx) .reihe{display:flex;gap:14px;flex-wrap:wrap}
:is(#pg,.pgx) .raster2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
:is(#pg,.pgx) .raster3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
:is(#pg,.pgx) .raster4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
:is(#pg,.pgx) .raster32{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
:is(#pg,.pgx) .raster32>*{grid-column:span 2}
:is(#pg,.pgx) .raster32>:nth-child(n+4){grid-column:span 3}
:is(#pg,.pgx) .stapel{display:flex;flex-direction:column;gap:20px}
:is(#pg,.pgx) .stapel.eng{gap:12px}
:is(#pg,.pgx) .stapel.weit{gap:34px}
:is(#pg,.pgx) .icbox{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:12px;background:var(--tuerkis-flaeche);color:var(--tuerkis-text);flex:0 0 auto}
:is(#pg,.pgx) .icbox.v{background:var(--violett-flaeche);color:var(--violett)}
:is(#pg,.pgx) .icbox.r{background:var(--rosa-flaeche);color:var(--rosa-text)}
:is(#pg,.pgx) .icbox svg{width:22px;height:22px}
:is(#pg,.pgx) .balkenzeile{display:grid;grid-template-columns:168px 1fr 54px;gap:16px;align-items:center}
:is(#pg,.pgx) .balken{height:10px;border-radius:999px;background:var(--linie);overflow:hidden}
:is(#pg,.pgx) .balken i{display:block;height:100%;border-radius:999px}
:is(#pg,.pgx) .balkenzeile b{font-size:15px;font-weight:500}
:is(#pg,.pgx) .balkenzeile .zahl{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:16px;
  font-weight:500;text-align:right}
:is(#pg,.pgx) .fuss{background:var(--nacht);color:#B9B9D4;padding:56px 40px 36px;font-size:15px}
:is(#pg,.pgx) .fuss .marke{color:var(--weiss);display:block;margin-bottom:14px}
:is(#pg,.pgx) .fuss .marke svg{height:32px;width:auto;display:block}
:is(#pg,.pgx) .fuss h4{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--weiss);
  font-weight:700;margin-bottom:12px}
:is(#pg,.pgx) .fuss ul{list-style:none;display:grid;gap:8px}
:is(#pg,.pgx) .fuss .ende{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;justify-content:space-between;gap:16px;font-size:14px}
:is(#pg,.pgx) .bildplatz{border-radius:16px;border:1px solid var(--linie);display:flex;align-items:flex-end;
  padding:16px;background:linear-gradient(140deg,var(--violett-flaeche) 0%,var(--tuerkis-flaeche) 100%)}
:is(#pg,.pgx) .bildplatz.b2{background:linear-gradient(140deg,var(--tuerkis-flaeche) 0%,var(--rosa-flaeche) 100%)}
:is(#pg,.pgx) .bildplatz.b3{background:linear-gradient(140deg,var(--rosa-flaeche) 0%,var(--violett-flaeche) 100%)}
:is(#pg,.pgx) .bildplatz span{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;color:var(--tinte);
  background:rgba(255,255,255,.85);padding:6px 12px;border-radius:999px}
:is(#pg,.pgx) .faq{border-top:1px solid var(--linie)}
:is(#pg,.pgx) .faq .zeile{border-bottom:1px solid var(--linie);padding:22px 0;display:flex;gap:20px;
  align-items:flex-start;justify-content:space-between}
:is(#pg,.pgx) .faq .zeile h3{font-size:18px;font-weight:700;letter-spacing:-.01em}
:is(#pg,.pgx) .faq .zeile p{font-size:16px;color:var(--grau);margin-top:8px;max-width:72ch}
:is(#pg,.pgx) .faq .kreuz{width:26px;height:26px;flex:0 0 auto;color:var(--grau)}
:is(#pg,.pgx) .mark{position:relative;display:inline-block;white-space:nowrap}
:is(#pg,.pgx) .mark svg{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.42em;
  overflow:visible;pointer-events:none}
:is(#pg,.pgx) .mark svg path{fill:none;stroke-width:9;stroke-linecap:round;stroke:var(--tuerkis);opacity:.85}
:is(#pg,.pgx) .mark.r svg path{stroke:var(--rosa)}
:is(#pg,.pgx) .mark.v svg path{stroke:var(--violett);opacity:.28}
:is(#pg,.pgx) .kringel{position:relative;display:inline-block;margin-right:.22em;padding-inline:.1em}
:is(#pg,.pgx) .kringel svg{position:absolute;left:-9%;top:-28%;width:119%;height:162%;overflow:visible}
:is(#pg,.pgx) .kringel svg path{fill:none;stroke:var(--rosa);stroke-width:5;stroke-linecap:round;opacity:.9}
:is(#pg,.pgx) .sticker{display:inline-flex;align-items:center;gap:8px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;
  font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:9px 16px;border-radius:999px;
  background:var(--tinte);color:var(--weiss);transform:rotate(-2.4deg);
  box-shadow:0 10px 22px -14px rgba(17,17,40,.7)}
:is(#pg,.pgx) .sticker.t{background:var(--tuerkis);color:#06282A;transform:rotate(1.8deg)}
:is(#pg,.pgx) .sticker.r{background:var(--rosa);color:#4A1420;transform:rotate(-1.4deg)}
:is(#pg,.pgx) .sticker.hell{background:var(--weiss);color:var(--tinte);box-shadow:0 10px 22px -14px rgba(17,17,40,.45)}
:is(#pg,.pgx) .vpanel{position:relative;border-radius:26px;overflow:hidden;background:var(--nacht);
  box-shadow:0 44px 80px -46px rgba(17,17,40,.75);aspect-ratio:4/3}
:is(#pg,.pgx) .vpanel .buehne{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:34px}
:is(#pg,.pgx) .vpanel .schicht{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:36px;gap:16px;opacity:0}
:is(#pg,.pgx) .vpanel .leiste{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;display:flex;
  align-items:center;gap:12px;
  background:linear-gradient(0deg,rgba(6,6,20,.82),rgba(6,6,20,0))}
:is(#pg,.pgx) .vpanel .pausen{width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);color:#fff;display:inline-flex;align-items:center;
  justify-content:center;flex:0 0 auto;cursor:pointer}
:is(#pg,.pgx) .vpanel .spur{flex:1 1 auto;height:3px;border-radius:999px;background:rgba(255,255,255,.22);
  overflow:hidden}
:is(#pg,.pgx) .vpanel .spur i{display:block;height:100%;background:var(--tuerkis);width:34%;
  animation:spur 9s linear infinite}
:is(#pg,.pgx) .vpanel .zeit{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;color:rgba(255,255,255,.86);
  flex:0 0 auto}
:is(#pg,.pgx) .vpanel .kennzeichen{position:absolute;top:16px;right:16px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:4px 10px}
@keyframes spur{from{width:0}to{width:100%}}
@keyframes p1{0%{opacity:1}34%{opacity:0}100%{opacity:0}}
@keyframes p2{0%{opacity:0}34%{opacity:1}67%{opacity:0}100%{opacity:0}}
@keyframes p3{0%{opacity:0}67%{opacity:1}100%{opacity:1}}
:is(#pg,.pgx) .vpanel .s1{animation:p1 9s steps(1) infinite}
:is(#pg,.pgx) .vpanel .s2{animation:p2 9s steps(1) infinite}
:is(#pg,.pgx) .vpanel .s3{animation:p3 9s steps(1) infinite}
:is(#pg,.pgx) .vfeld{width:100%;max-width:330px;background:rgba(255,255,255,.1);
  border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:13px 20px;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:15px;color:#fff;display:flex;align-items:center}
:is(#pg,.pgx) .vfeld .caret{display:inline-block;width:2px;height:1.1em;background:var(--tuerkis);
  margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
:is(#pg,.pgx) .vschritt{display:flex;gap:10px;align-items:center;width:100%;max-width:330px;
  font-size:14px;color:rgba(255,255,255,.88)}
:is(#pg,.pgx) .vschritt .knoten{width:18px;height:18px;border-radius:999px;flex:0 0 auto;
  border:2px solid rgba(255,255,255,.35)}
:is(#pg,.pgx) .vschritt.ok .knoten{background:var(--tuerkis);border-color:var(--tuerkis)}
:is(#pg,.pgx) .vschritt.jetzt .knoten{border-color:var(--tuerkis);border-top-color:transparent;
  animation:dreh 1s linear infinite}
@keyframes dreh{to{transform:rotate(360deg)}}
:is(#pg,.pgx) .vnote{font-size:44px;font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1}
:is(#pg,.pgx) .vbalken{width:100%;max-width:300px;display:grid;gap:9px}
:is(#pg,.pgx) .vbalken .z{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;
  font-size:12.5px;color:rgba(255,255,255,.8)}
:is(#pg,.pgx) .vbalken .sp{height:7px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
:is(#pg,.pgx) .vbalken .sp i{display:block;height:100%;border-radius:999px;width:0;
  animation:fuell 9s ease-out infinite}
@keyframes fuell{0%,67%{width:0}78%,100%{width:var(--w)}}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .vpanel .s1,:is(#pg,.pgx) .vpanel .s2{animation:none;opacity:0}
:is(#pg,.pgx) .vpanel .s3{animation:none;opacity:1}
:is(#pg,.pgx) .vpanel .spur i,:is(#pg,.pgx) .vbalken .sp i,:is(#pg,.pgx) .vfeld .caret,:is(#pg,.pgx) .vschritt.jetzt .knoten{animation:none}
:is(#pg,.pgx) .vbalken .sp i{width:var(--w)}}
:is(#pg,.pgx) .faktenband{background:var(--tinte);color:var(--weiss);overflow:hidden;padding-block:20px;
  position:relative}
:is(#pg,.pgx) .faktenband .lauf{display:flex;gap:0;width:max-content;animation:lauf 42s linear infinite}
:is(#pg,.pgx) .faktenband .stueck{display:flex;gap:44px;padding:0 44px;align-items:center;
  white-space:nowrap}
:is(#pg,.pgx) .faktenband b{font-size:19px;font-weight:700;letter-spacing:-.01em}
:is(#pg,.pgx) .faktenband span{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:13px;
  color:rgba(255,255,255,.62);margin-left:10px}
:is(#pg,.pgx) .faktenband .trenn{color:var(--tuerkis);font-size:19px}
@keyframes lauf{to{transform:translateX(-50%)}}
:is(#pg,.pgx) .faktenband{position:relative}
:is(#pg,.pgx) .fakt-pause{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;
  align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;cursor:pointer;
  border:1.5px solid rgba(255,255,255,.6);background:var(--tinte);color:#fff}
:is(#pg,.pgx) .faktenband.steht .lauf,:is(#pg,.pgx) .faktenband:hover .lauf,:is(#pg,.pgx) .faktenband:focus-within .lauf{animation-play-state:paused}
:is(#pg,.pgx) .faktenband.steht .fakt-pause{background:#fff;color:var(--tinte)}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .faktenband .lauf{animation:none}
:is(#pg,.pgx) .fakt-pause{display:none}}
:is(#pg,.pgx) .kante{display:block;width:100%;height:56px}
:is(#pg,.pgx) .kante path{fill:var(--sand)}
:is(#pg,.pgx) .kante.nach-weiss path{fill:var(--weiss)}
:is(#pg,.pgx) .kante.nach-nacht path{fill:var(--nacht)}
:is(#pg,.pgx) .kachelx{position:relative;border-radius:18px;padding:24px 22px 26px;overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease}
:is(#pg,.pgx) .kachelx .pfeilchen{position:absolute;right:20px;bottom:22px;color:var(--violett);
  transition:transform .2s ease}
:is(#pg,.pgx) .kachelx:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(17,17,40,.5)}
:is(#pg,.pgx) .kachelx:hover .pfeilchen{transform:translateX(4px)}
:is(#pg,.pgx) .kachelx.schwebt{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(17,17,40,.5)}
:is(#pg,.pgx) .grosszahl{font-size:76px;line-height:.9;font-weight:900;letter-spacing:-.045em}
:is(#pg,.pgx) .kino{position:relative;width:100%;min-height:660px;overflow:hidden;isolation:isolate;
  background:linear-gradient(118deg,#221F6B 0%,#1B2A72 34%,#124C58 68%,#0E6167 100%)}
:is(#pg,.pgx) .kino .film{position:absolute;inset:0;z-index:0}
:is(#pg,.pgx) .kino .netz{position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:52px 52px}
:is(#pg,.pgx) .kino .schein{position:absolute;width:820px;height:820px;right:-180px;top:-260px;opacity:.6;
  border-radius:999px;pointer-events:none;
  background:radial-gradient(circle,rgba(87,88,224,.42) 0%,rgba(87,88,224,0) 66%)}
:is(#pg,.pgx) .kino .schein2{position:absolute;width:640px;height:640px;left:-200px;bottom:-280px;
  border-radius:999px;pointer-events:none;
  background:radial-gradient(circle,rgba(57,184,185,.3) 0%,rgba(57,184,185,0) 66%)}
:is(#pg,.pgx) .pruefstand{position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(-3deg);
  width:430px;border-radius:18px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.16);padding:16px;overflow:hidden;
  box-shadow:0 50px 90px -50px rgba(0,0,0,.9)}
:is(#pg,.pgx) .pruefstand .titelbar{display:flex;gap:6px;margin-bottom:14px}
:is(#pg,.pgx) .pruefstand .titelbar i{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.28);
  display:block}
:is(#pg,.pgx) .pruefstand .zeile{height:11px;border-radius:5px;background:rgba(255,255,255,.2);
  margin-bottom:9px}
:is(#pg,.pgx) .pruefstand .block{height:76px;border-radius:10px;background:rgba(255,255,255,.14);
  margin:14px 0}
:is(#pg,.pgx) .pruefstand .dreier{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
:is(#pg,.pgx) .pruefstand .dreier div{height:46px;border-radius:9px;background:rgba(255,255,255,.14)}
:is(#pg,.pgx) .pruefstand .strahl{position:absolute;left:0;right:0;height:130px;pointer-events:none;
  background:linear-gradient(180deg,rgba(57,184,185,0) 0%,rgba(57,184,185,.34) 62%,
    rgba(57,184,185,.9) 78%,rgba(57,184,185,0) 80%);
  animation:tasten 4.2s cubic-bezier(.5,0,.5,1) infinite}
@keyframes tasten{0%{top:-130px}100%{top:100%}}
:is(#pg,.pgx) .crawler{position:absolute;right:calc(6% + 296px);top:44%;transform:translateY(-50%);
  display:grid;gap:9px;z-index:3;justify-items:end}
:is(#pg,.pgx) .crawler .chip{display:flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;
  background:rgba(10,10,28,.86);border:1px solid rgba(255,255,255,.17);
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;color:rgba(255,255,255,.9);
  white-space:nowrap;backdrop-filter:blur(6px);
  animation:anklopfen 2.6s both 1}
:is(#pg,.pgx) .crawler .chip:nth-child(1){animation-delay:.1s}
:is(#pg,.pgx) .crawler .chip:nth-child(2){animation-delay:.5s}
:is(#pg,.pgx) .crawler .chip:nth-child(3){animation-delay:.9s}
:is(#pg,.pgx) .crawler .chip:nth-child(4){animation-delay:1.3s}
:is(#pg,.pgx) .crawler .chip .stand{color:var(--tuerkis);font-weight:500}
:is(#pg,.pgx) .crawler .chip.nein b{color:#FF9BAF}
:is(#pg,.pgx) .crawler .punkt{width:7px;height:7px;border-radius:999px;background:var(--tuerkis);flex:0 0 auto;
  box-shadow:0 0 0 4px rgba(57,184,185,.2)}
:is(#pg,.pgx) .crawler .chip.nein .punkt{background:#FF9BAF;box-shadow:0 0 0 4px rgba(255,155,175,.18)}
@keyframes anklopfen{from{opacity:0;transform:translateX(18px)}
  to{opacity:1;transform:translateX(0)}}
:is(#pg,.pgx) .kino .scrim{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,rgba(8,8,26,.9) 0%,rgba(8,8,26,.74) 38%,
    rgba(8,8,26,.18) 64%,rgba(8,8,26,0) 88%)}
:is(#pg,.pgx) .kino .inhalt{position:relative;z-index:3;padding-block:92px 108px}
:is(#pg,.pgx) .kino h1{color:#fff;font-size:76px;line-height:1.0;font-weight:900;letter-spacing:-.035em;
  max-width:14ch}
:is(#pg,.pgx) .kino .lead{color:rgba(255,255,255,.86);max-width:48ch;font-size:19px;margin-top:22px}
:is(#pg,.pgx) .kino .feld input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34);color:#fff}
:is(#pg,.pgx) .kino .feld input::placeholder{color:rgba(255,255,255,.55)}
:is(#pg,.pgx) .kino .spieler{position:absolute;left:0;right:0;bottom:0;z-index:4;
  padding:14px 40px;display:flex;align-items:center;gap:14px;
  background:linear-gradient(0deg,rgba(6,6,20,.9),rgba(6,6,20,0))}
:is(#pg,.pgx) .kino .spieler .pausen{width:38px;height:38px;border-radius:999px;flex:0 0 auto;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
:is(#pg,.pgx) .kino .spieler .spur{flex:1 1 auto;height:3px;border-radius:999px;
  background:rgba(255,255,255,.2);overflow:hidden}
:is(#pg,.pgx) .kino .spieler .spur i{display:block;height:100%;background:var(--tuerkis);
  animation:spur 12s linear infinite}
:is(#pg,.pgx) .kino .spieler .zeit{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;
  color:rgba(255,255,255,.86);flex:0 0 auto}
:is(#pg,.pgx) .siegel{position:relative;width:114px;height:114px;flex:0 0 auto}
:is(#pg,.pgx) .siegel svg{width:100%;height:100%;animation:dreh 22s linear infinite}
:is(#pg,.pgx) .siegel text{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;fill:var(--tuerkis)}
:is(#pg,.pgx) .siegel .kern{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--tuerkis)}
@keyframes dreh{to{transform:rotate(360deg)}}
:is(#pg,.pgx) .frageband{overflow:hidden;padding-block:14px;border-block:1px solid var(--linie)}
:is(#pg,.pgx) .frageband .lauf{display:flex;width:max-content;animation:lauf2 58s linear infinite}
:is(#pg,.pgx) .frageband .stueck{display:flex;gap:14px;padding-right:14px;align-items:center}
:is(#pg,.pgx) .frageband .frage{border:1px solid var(--linie-stark);border-radius:999px;padding:9px 18px;
  font-size:15px;white-space:nowrap;color:var(--grau);background:var(--weiss)}
:is(#pg,.pgx) .frageband .frage.hell{background:var(--tuerkis-flaeche);border-color:var(--tuerkis);
  color:var(--tuerkis-text);font-weight:500}
@keyframes lauf2{to{transform:translateX(-50%)}}
:is(#pg,.pgx) .schieber{border-radius:20px;overflow:hidden;border:1px solid var(--linie);background:var(--weiss)}
:is(#pg,.pgx) .schieber .haelften{display:grid;grid-template-columns:1fr 1fr;position:relative}
:is(#pg,.pgx) .schieber .haelfte{padding:30px 28px 34px;min-height:184px}
:is(#pg,.pgx) .schieber .schlecht{background:var(--weiss)}
:is(#pg,.pgx) .schieber .gut{background:var(--weiss);border-left:2px dashed var(--linie-stark)}
:is(#pg,.pgx) .schieber .probe{font-size:19px;line-height:1.45;font-weight:500}
:is(#pg,.pgx) .schieber .wert{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;display:inline-flex;align-items:center;gap:7px;
  padding:5px 11px;border-radius:999px;margin-bottom:16px}
:is(#pg,.pgx) .schieber .wert.rot{background:var(--rosa-flaeche);color:var(--rosa-text)}
:is(#pg,.pgx) .schieber .wert.gruen{background:var(--tuerkis-flaeche);color:var(--tuerkis-text)}
:is(#pg,.pgx) .schieber .griff{position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--tinte);
  transform:translateX(-50%);z-index:2}
:is(#pg,.pgx) .schieber .griff i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:46px;height:46px;border-radius:999px;background:var(--tinte);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 24px -12px rgba(17,17,40,.8)}
:is(#pg,.pgx) .schieber .fuss{padding:16px 28px;background:var(--sand);border-top:1px solid var(--linie);
  font-size:14px;color:var(--grau)}
:is(#pg,.pgx) .kipp{transition:transform .25s ease, box-shadow .25s ease;transform-style:preserve-3d}
:is(#pg,.pgx) .kipp:hover{transform:perspective(900px) rotateX(4deg) rotateY(-5deg) translateY(-4px);
  box-shadow:0 30px 52px -34px rgba(17,17,40,.6)}
:is(#pg,.pgx) .kipp.gekippt{transform:perspective(900px) rotateX(4deg) rotateY(-5deg) translateY(-4px);
  box-shadow:0 30px 52px -34px rgba(17,17,40,.6)}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .pruefstand .strahl,:is(#pg,.pgx) .crawler .chip,:is(#pg,.pgx) .kino .spieler .spur i,:is(#pg,.pgx) .siegel svg,:is(#pg,.pgx) .frageband .lauf{animation:none}
:is(#pg,.pgx) .crawler .chip{opacity:1;transform:none}}
:is(#pg,.pgx) .kino .waesche{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 90% at 82% 34%,rgba(57,184,185,.42) 0%,
    rgba(57,184,185,0) 58%),
    radial-gradient(90% 80% at 8% 78%,rgba(87,88,224,.5) 0%,rgba(87,88,224,0) 62%)}
:is(#pg,.pgx) .kino .koernung{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.16) .6px,transparent .7px);
  background-size:4px 4px}
:is(#pg,.pgx) .kino{min-height:742px}
:is(#pg,.pgx) .kino .pruefstand{width:492px}
:is(#pg,.pgx) .notizzeiger{position:absolute;z-index:4;display:flex;align-items:flex-start;gap:4px;
  pointer-events:none}
:is(#pg,.pgx) .notizzeiger .wort{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:1.35;
  color:var(--tuerkis);max-width:210px;transform:rotate(-2.2deg)}
:is(#pg,.pgx) .notizzeiger .wort.r{color:#FF9BAF}
:is(#pg,.pgx) .notizzeiger svg{flex:0 0 auto}
:is(#pg,.pgx) .notizzeiger svg path{fill:none;stroke:var(--tuerkis);stroke-width:2.2;stroke-linecap:round;
  stroke-linejoin:round}
:is(#pg,.pgx) .notizzeiger.r svg path{stroke:#FF9BAF}
:is(#pg,.pgx) .sprung{position:absolute;left:50%;bottom:74px;z-index:4;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.62)}
:is(#pg,.pgx) .sprung .pfeil{width:1px;height:34px;background:linear-gradient(180deg,
  rgba(255,255,255,0),rgba(255,255,255,.7));animation:tropf 2.4s ease-in-out infinite}
@keyframes tropf{0%,100%{transform:translateY(-6px);opacity:.4}50%{transform:translateY(4px);opacity:1}}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .sprung .pfeil{animation:none}}
:is(#pg,.pgx) .videoband{position:relative;width:100%;height:560px;overflow:hidden;
  background:linear-gradient(118deg,#221F6B 0%,#1B2A72 34%,#124C58 68%,#0E6167 100%)}
:is(#pg,.pgx) .videoband .netz{position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:58px 58px}
:is(#pg,.pgx) .videoband .koernung{position:absolute;inset:0;opacity:.45;
  background-image:radial-gradient(rgba(255,255,255,.16) .6px,transparent .7px);
  background-size:4px 4px}
:is(#pg,.pgx) .videoband .glanz{position:absolute;width:900px;height:900px;left:50%;top:50%;
  transform:translate(-50%,-50%);border-radius:999px;pointer-events:none;
  background:radial-gradient(circle,rgba(57,184,185,.3) 0%,rgba(57,184,185,0) 62%)}
:is(#pg,.pgx) .videoband .filmrahmen{position:absolute;inset:26px;border:1px dashed rgba(255,255,255,.3);
  border-radius:20px;pointer-events:none}
:is(#pg,.pgx) .videoband .ecke{position:absolute;width:26px;height:26px;border:2px solid rgba(255,255,255,.55)}
:is(#pg,.pgx) .videoband .ecke.lo{left:26px;top:26px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
:is(#pg,.pgx) .videoband .ecke.ro{right:26px;top:26px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}
:is(#pg,.pgx) .videoband .ecke.lu{left:26px;bottom:26px;border-right:0;border-top:0;border-radius:0 0 0 8px}
:is(#pg,.pgx) .videoband .ecke.ru{right:26px;bottom:26px;border-left:0;border-top:0;border-radius:0 0 8px 0}
:is(#pg,.pgx) .videoband .marke{position:absolute;left:50px;top:50px;display:inline-flex;align-items:center;
  gap:9px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:7px 14px}
:is(#pg,.pgx) .videoband .marke i{width:8px;height:8px;border-radius:999px;background:var(--rosa);
  display:block;animation:puls 2s ease-in-out infinite}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.3}}
:is(#pg,.pgx) .videoband .mitte{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:22px;text-align:center;padding:0 40px}
:is(#pg,.pgx) .videoband .abspiel{width:96px;height:96px;border-radius:999px;border:2px solid rgba(255,255,255,.5);
  background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;
  justify-content:center;cursor:pointer;backdrop-filter:blur(4px);
  transition:transform .2s ease,background .2s ease}
:is(#pg,.pgx) .videoband .abspiel:hover{transform:scale(1.06);background:rgba(255,255,255,.2)}
:is(#pg,.pgx) .videoband .was{color:#fff;font-size:27px;font-weight:700;letter-spacing:-.02em;max-width:30ch;
  line-height:1.25}
:is(#pg,.pgx) .videoband .wie{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;
  color:rgba(255,255,255,.86);max-width:60ch;line-height:1.6}
:is(#pg,.pgx) .videoband .spieler{position:absolute;left:0;right:0;bottom:0;padding:14px 50px;
  display:flex;align-items:center;gap:14px;
  background:linear-gradient(0deg,rgba(6,6,20,.8),rgba(6,6,20,0))}
:is(#pg,.pgx) .videoband .spur{flex:1 1 auto;height:3px;border-radius:999px;background:rgba(255,255,255,.22)}
:is(#pg,.pgx) .videoband .spur i{display:block;height:100%;width:0;background:var(--tuerkis)}
:is(#pg,.pgx) .videoband .zeit{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;
  color:rgba(255,255,255,.86);flex:0 0 auto}
:is(#pg,.pgx) .pruefkarte{position:relative;border-radius:22px;overflow:hidden;padding:26px;
  background:linear-gradient(140deg,#1A1A47 0%,#14344A 62%,#11505A 100%);
  box-shadow:0 40px 72px -44px rgba(17,17,40,.7)}
:is(#pg,.pgx) .pruefkarte .kopfz{display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin-bottom:18px}
:is(#pg,.pgx) .pruefkarte .kopfz span{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.66)}
:is(#pg,.pgx) .pruefkarte .schirm{position:relative;border-radius:14px;overflow:hidden;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);padding:15px}
:is(#pg,.pgx) .pruefkarte .zeile{height:10px;border-radius:5px;background:rgba(255,255,255,.2);margin-bottom:9px}
:is(#pg,.pgx) .pruefkarte .block{height:62px;border-radius:10px;background:rgba(255,255,255,.14);margin:12px 0}
:is(#pg,.pgx) .pruefkarte .dreier{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
:is(#pg,.pgx) .pruefkarte .dreier div{height:40px;border-radius:9px;background:rgba(255,255,255,.14)}
:is(#pg,.pgx) .pruefkarte .strahl{position:absolute;left:0;right:0;height:110px;pointer-events:none;
  background:linear-gradient(180deg,rgba(57,184,185,0) 0%,rgba(57,184,185,.34) 62%,
    rgba(57,184,185,.9) 78%,rgba(57,184,185,0) 80%);
  animation:tasten 4.2s cubic-bezier(.5,0,.5,1) infinite}
:is(#pg,.pgx) .pruefkarte .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
:is(#pg,.pgx) .pruefkarte .chip{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;
  background:rgba(8,8,26,.6);border:1px solid rgba(255,255,255,.18);
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;color:rgba(255,255,255,.92);
  animation:anklopfen 2.6s both 1}
:is(#pg,.pgx) .pruefkarte .chip:nth-child(1){animation-delay:.1s}
:is(#pg,.pgx) .pruefkarte .chip:nth-child(2){animation-delay:.5s}
:is(#pg,.pgx) .pruefkarte .chip:nth-child(3){animation-delay:.9s}
:is(#pg,.pgx) .pruefkarte .chip:nth-child(4){animation-delay:1.3s}
:is(#pg,.pgx) .pruefkarte .chip .stand{color:var(--tuerkis);font-weight:500}
:is(#pg,.pgx) .pruefkarte .chip.nein b{color:#FF9BAF}
:is(#pg,.pgx) .pruefkarte .punkt{width:7px;height:7px;border-radius:999px;background:var(--tuerkis);flex:0 0 auto}
:is(#pg,.pgx) .pruefkarte .chip.nein .punkt{background:#FF9BAF}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .videoband .marke i,:is(#pg,.pgx) .pruefkarte .strahl,:is(#pg,.pgx) .pruefkarte .chip{animation:none}}
:is(#pg,.pgx) .fragestreifen{background:var(--violett);padding-block:52px 56px;position:relative;
  overflow:hidden}
:is(#pg,.pgx) .fragestreifen .kopfz{max-width:1180px;margin:0 auto;padding-inline:40px;
  margin-bottom:30px}
:is(#pg,.pgx) .fragestreifen .eyebrow{color:#fff}
:is(#pg,.pgx) .fragestreifen :is(h3,.fragesatz){color:#fff;font-size:27px;line-height:1.22;font-weight:700;
  letter-spacing:-.022em;max-width:38ch;margin-top:12px}
:is(#pg,.pgx) .fragestreifen .frageband{border:0;padding-block:0}
:is(#pg,.pgx) .fragestreifen .frage{background:rgba(255,255,255,.96);border-color:transparent;
  color:var(--tinte);font-weight:500}
:is(#pg,.pgx) .fragestreifen .frage.hell{background:var(--tuerkis);border-color:transparent;
  color:#06282A;font-weight:700}
:is(#pg,.pgx) .fragestreifen .bogen{position:absolute;right:-120px;top:-160px;width:520px;height:520px;
  border-radius:999px;background:rgba(255,255,255,.07);pointer-events:none}
:is(#pg,.pgx) .mottoband{background:var(--tinte);color:#fff;padding-block:76px 0;overflow:hidden}
:is(#pg,.pgx) .mottoband .kopfz{max-width:1180px;margin:0 auto;padding-inline:40px}
:is(#pg,.pgx) .mottoband h2{font-size:clamp(38px,5vw,62px);line-height:1.02;font-weight:900;
  letter-spacing:-.035em;max-width:17ch}
:is(#pg,.pgx) .mottoband .quelle{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;
  color:rgba(255,255,255,.58);margin-top:18px}
:is(#pg,.pgx) .felder{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px}
:is(#pg,.pgx) .feldblock{padding:44px 38px 48px;min-height:300px;display:flex;flex-direction:column;
  justify-content:space-between;gap:28px}
:is(#pg,.pgx) .feldblock .nr{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase}
:is(#pg,.pgx) .feldblock b{display:block;font-size:30px;line-height:1.1;font-weight:900;
  letter-spacing:-.028em}
:is(#pg,.pgx) .feldblock p{font-size:15.5px;line-height:1.5;margin-top:12px}
:is(#pg,.pgx) .feldblock .wertchen{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;
  border-top:1px solid currentColor;padding-top:12px}
:is(#pg,.pgx) .feld-v{background:var(--violett);color:#fff}
:is(#pg,.pgx) .feld-t{background:var(--tuerkis);color:#06282A}
:is(#pg,.pgx) .feld-r{background:var(--rosa);color:#3D1018}
:is(#pg,.pgx) .kachelx .mono{color:var(--grau)}
:is(#pg,.pgx) .kachelx.voll{border:0}
:is(#pg,.pgx) .kachelx.voll .mono{color:inherit}
:is(#pg,.pgx) .kachelx.voll .klein{color:inherit}
:is(#pg,.pgx) .kachelx.ton-v{background:var(--violett);color:#fff}
:is(#pg,.pgx) .kachelx.ton-v .pfeilchen{color:#fff}
:is(#pg,.pgx) .kachelx.ton-t{background:var(--tuerkis);color:#06282A}
:is(#pg,.pgx) .kachelx.ton-t .pfeilchen{color:#06282A}
:is(#pg,.pgx) .kachelx.ton-r{background:var(--rosa);color:#3D1018}
:is(#pg,.pgx) .kachelx.ton-r .pfeilchen{color:#3D1018}
:is(#pg,.pgx) .kachelx.ton-n{background:var(--tinte);color:#fff}
:is(#pg,.pgx) .kachelx.ton-n .pfeilchen{color:var(--tuerkis)}
:is(#pg,.pgx) .fallraster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(0,auto);gap:22px;margin-top:44px}
:is(#pg,.pgx) .fallfeld{position:relative;border-radius:22px;overflow:hidden;display:flex;
  flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
:is(#pg,.pgx) .fallfeld:hover{transform:translateY(-4px);box-shadow:0 34px 60px -38px rgba(17,17,40,.6)}
:is(#pg,.pgx) .fallfeld .bild{position:relative;overflow:hidden;background:rgba(255,255,255,.18)}
:is(#pg,.pgx) .fallfeld .bild span{position:absolute;left:16px;bottom:16px;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.88);color:var(--tinte)}
:is(#pg,.pgx) .fallfeld .text{padding:26px 26px 28px;display:flex;flex-direction:column;gap:9px;flex:1 1 auto}
:is(#pg,.pgx) .fallfeld .rolle{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;letter-spacing:.13em;
  text-transform:uppercase}
:is(#pg,.pgx) .fallfeld h3{font-size:26px;line-height:1.1;font-weight:900;letter-spacing:-.026em}
:is(#pg,.pgx) .fallfeld p{font-size:15px;line-height:1.5}
:is(#pg,.pgx) .fallfeld .nr{position:absolute;right:18px;top:10px;font-size:82px;font-weight:900;
  line-height:1;letter-spacing:-.05em;opacity:.17;pointer-events:none}
:is(#pg,.pgx) .fallfeld .weiter{display:inline-flex;align-items:center;gap:9px;margin-top:6px;
  font-size:15px;font-weight:700}
:is(#pg,.pgx) .fallfeld.gross{grid-column:span 7;grid-row:span 2}
:is(#pg,.pgx) .fallfeld.gross .bild{flex:1 1 auto;min-height:340px}
:is(#pg,.pgx) .fallfeld.gross h3{font-size:34px}
:is(#pg,.pgx) .fallfeld.gross .text{padding:30px 30px 32px;flex:0 0 auto}
:is(#pg,.pgx) .fallfeld.gross .nr{font-size:116px}
:is(#pg,.pgx) .fallfeld.klein{grid-column:span 5}
:is(#pg,.pgx) .fallfeld.klein .bild{aspect-ratio:21/8}
:is(#pg,.pgx) .fallfeld.f-v{background:var(--violett);color:#fff}
:is(#pg,.pgx) .fallfeld.f-t{background:var(--tuerkis);color:#06282A}
:is(#pg,.pgx) .fallfeld.f-t .bild{background:rgba(6,40,42,.14)}
:is(#pg,.pgx) .fallfeld.f-r{background:var(--rosa);color:#3D1018}
:is(#pg,.pgx) .fallfeld.f-r .bild{background:rgba(61,16,24,.12)}
:is(#pg,.pgx) .kundenband2{background:var(--tuerkis);color:#06282A;padding-block:76px 72px;
  position:relative;overflow:hidden}
:is(#pg,.pgx) .kundenband2 .bogen{position:absolute;left:-180px;bottom:-240px;width:620px;height:620px;
  border-radius:999px;background:rgba(6,40,42,.07);pointer-events:none}
:is(#pg,.pgx) .kundenband2 .satz{position:relative}
:is(#pg,.pgx) .kundenband2 .eyebrow{color:#06282A}
:is(#pg,.pgx) .kundenband2 h2{font-size:clamp(32px,4.2vw,50px);line-height:1.04;font-weight:900;
  letter-spacing:-.032em;max-width:20ch;margin-top:12px}
:is(#pg,.pgx) .kundenliste{margin-top:44px;border-top:2px solid rgba(6,40,42,.28)}
:is(#pg,.pgx) .kundenzeile{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:baseline;
  padding:20px 0;border-bottom:1px solid rgba(6,40,42,.22);transition:padding-left .2s ease}
:is(#pg,.pgx) .kundenzeile:hover{padding-left:10px}
:is(#pg,.pgx) .kundenzeile b{font-size:clamp(24px,2.8vw,34px);line-height:1.05;font-weight:900;
  letter-spacing:-.028em}
:is(#pg,.pgx) .kundenzeile .was{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;letter-spacing:.1em;
  text-transform:uppercase;white-space:nowrap}
:is(#pg,.pgx) .kundenzeile .seit{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;
  white-space:nowrap}
:is(#pg,.pgx) .kundenfuss{display:flex;justify-content:space-between;align-items:center;gap:24px;
  flex-wrap:wrap;margin-top:34px}
:is(#pg,.pgx) .kundenfuss p{font-size:17px;max-width:46ch}
:is(#pg,.pgx) .kundenfuss b{font-weight:900}
:is(#pg,.pgx) .kundenband2 .knopf{background:#06282A;color:#fff}
:is(#pg,.pgx) .kundenband2 .knopf:hover{background:#0B3E41}
@media (max-width:900px){:is(#pg,.pgx) .fallfeld.gross,:is(#pg,.pgx) .fallfeld.klein{grid-column:span 12;grid-row:auto}
:is(#pg,.pgx) .kundenzeile{grid-template-columns:1fr;gap:6px}
:is(#pg,.pgx) .kundenzeile .was,:is(#pg,.pgx) .kundenzeile .seit{white-space:normal}}
:is(#pg,.pgx) .fallbreit{padding-inline:28px}
:is(#pg,.pgx) .fallbreit .fallraster{margin-top:40px;gap:18px}
:is(#pg,.pgx) .fallbreit .fallfeld.gross .bild{min-height:460px}
:is(#pg,.pgx) .fallbreit .fallfeld.gross h3{font-size:42px}
:is(#pg,.pgx) .fallbreit .fallfeld.gross .nr{font-size:150px;right:26px}
:is(#pg,.pgx) .fallbreit .fallfeld.klein .bild{aspect-ratio:auto;min-height:190px}
:is(#pg,.pgx) .fallbreit .fallfeld .text{padding:30px 34px 34px}
:is(#pg,.pgx) .logowand{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:40px;
  border-top:1px solid var(--linie);border-left:1px solid var(--linie)}
:is(#pg,.pgx) .logokachel{border-right:1px solid var(--linie);border-bottom:1px solid var(--linie);
  background:#FAFAFC;height:132px;display:flex;align-items:center;justify-content:center;
  padding:22px 26px;position:relative;transition:background .2s ease}
:is(#pg,.pgx) .logokachel img{max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain;
  filter:grayscale(1) contrast(1.05);opacity:.62;mix-blend-mode:multiply;
  transition:filter .25s ease,opacity .25s ease}
:is(#pg,.pgx) .logokachel:hover{background:#fff}
:is(#pg,.pgx) .logokachel:hover img,:is(#pg,.pgx) .logokachel.farbig img{filter:none;opacity:1}
:is(#pg,.pgx) .logokachel.farbig{background:#fff}
:is(#pg,.pgx) .logokachel .name{position:absolute;left:12px;bottom:9px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;
  font-size:10px;letter-spacing:.06em;color:var(--grau);opacity:0;transition:opacity .2s ease}
:is(#pg,.pgx) .logokachel:hover .name,:is(#pg,.pgx) .logokachel.farbig .name{opacity:1}
:is(#pg,.pgx) .logozeile{display:flex;justify-content:space-between;align-items:center;gap:24px;
  flex-wrap:wrap;margin-top:26px}
@media (max-width:900px){:is(#pg,.pgx) .logowand{grid-template-columns:repeat(3,minmax(0,1fr))}}
:is(#pg,.pgx) .feld-v,:is(#pg,.pgx) .fallfeld.f-v,:is(#pg,.pgx) .kachelx.ton-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%)}
:is(#pg,.pgx) .feld-t,:is(#pg,.pgx) .fallfeld.f-t,:is(#pg,.pgx) .kachelx.ton-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%)}
:is(#pg,.pgx) .feld-r,:is(#pg,.pgx) .fallfeld.f-r,:is(#pg,.pgx) .kachelx.ton-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%)}
:is(#pg,.pgx) .kachelx.ton-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%)}
:is(#pg,.pgx) .fragestreifen{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%)}
:is(#pg,.pgx) .logokachel.farbig{background:#fff}
:is(#pg,.pgx) .feldblock,:is(#pg,.pgx) .fallfeld,:is(#pg,.pgx) .kachelx.voll{position:relative;isolation:isolate}
:is(#pg,.pgx) .feldblock::after,:is(#pg,.pgx) .fallfeld::after,:is(#pg,.pgx) .kachelx.voll::after{content:"";position:absolute;inset:0;
  pointer-events:none;z-index:-1;
  background:radial-gradient(120% 80% at 88% 0%,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 55%)}
:is(#pg,.pgx) .farbkopf{position:relative;overflow:hidden;padding-block:66px 70px}
:is(#pg,.pgx) .farbkopf .satz{position:relative;z-index:1}
:is(#pg,.pgx) .farbkopf.v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .farbkopf.t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .farbkopf.r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .farbkopf.n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .farbkopf .netzlage{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px}
:is(#pg,.pgx) .farbkopf .ringlage{position:absolute;right:-140px;top:-160px;width:560px;height:560px;
  border-radius:999px;border:48px solid rgba(255,255,255,.1)}
:is(#pg,.pgx) .farbkopf .brot{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px}
:is(#pg,.pgx) .farbkopf .eyebrow{color:inherit}
:is(#pg,.pgx) .farbkopf h1{font-size:54px;line-height:1.04;font-weight:900;letter-spacing:-.03em;
  max-width:18ch;margin-top:14px}
:is(#pg,.pgx) .farbkopf .lead{color:inherit;max-width:56ch}
:is(#pg,.pgx) .farbkopf .knopf.aufhell{background:#fff;color:var(--tinte)}
:is(#pg,.pgx) .farbkopf .knopf.umriss{background:transparent;color:inherit;
  box-shadow:inset 0 0 0 2px currentColor}
:is(#pg,.pgx) .farbkopf .blick{background:rgba(17,17,40,.22);border:1px solid rgba(255,255,255,.3);
  border-radius:18px;padding:24px;backdrop-filter:blur(6px)}
:is(#pg,.pgx) .farbkopf.t .blick,:is(#pg,.pgx) .farbkopf.r .blick{background:rgba(255,255,255,.34);
  border-color:rgba(255,255,255,.5)}
:is(#pg,.pgx) .farbkopf .blick li{list-style:none;display:flex;gap:10px;align-items:flex-start;
  font-size:15px;line-height:1.45;padding:7px 0}
:is(#pg,.pgx) .farbkopf .blick li svg{flex:0 0 auto;margin-top:2px}
:is(#pg,.pgx) .slider{position:relative;margin-top:40px}
:is(#pg,.pgx) .slidebahn{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-padding-inline:28px;padding:4px 28px 8px;scrollbar-width:none;overscroll-behavior-x:contain}
:is(#pg,.pgx) .slidebahn::-webkit-scrollbar{display:none}
:is(#pg,.pgx) .slidebahn:focus-visible{outline:3px solid var(--violett);outline-offset:4px;border-radius:26px}
:is(#pg,.pgx) .slide{flex:0 0 min(1060px,84%);scroll-snap-align:start;border-radius:26px;overflow:hidden;
  display:grid;grid-template-columns:1.3fr .7fr;min-height:520px;position:relative;isolation:isolate}
:is(#pg,.pgx) .slide::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(120% 80% at 90% 0%,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 55%)}
:is(#pg,.pgx) .slide.s-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .slide.s-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .slide.s-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .slide.s-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .slidebild{position:relative;background:rgba(255,255,255,.16);margin:18px 0 18px 18px;border-radius:18px}
:is(#pg,.pgx) .slide.s-t .slidebild,:is(#pg,.pgx) .slide.s-r .slidebild{background:rgba(255,255,255,.3)}
:is(#pg,.pgx) .slidebild.mit-bild{overflow:hidden}
:is(#pg,.pgx) .slidebild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
:is(#pg,.pgx) .slidebild span{position:absolute;left:16px;bottom:16px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;
  font-size:11.5px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--tinte)}
:is(#pg,.pgx) .slidetext{padding:40px 38px 40px 34px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
:is(#pg,.pgx) .slidetext .nr{font-size:124px;font-weight:900;line-height:.82;letter-spacing:-.05em;
  -webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor;opacity:.62}
:is(#pg,.pgx) .slidetext .kunde{font-size:17px;font-weight:700;letter-spacing:-.01em}
:is(#pg,.pgx) .slidetext .rolle{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;letter-spacing:.13em;
  text-transform:uppercase;margin-top:4px}
:is(#pg,.pgx) .slidetext :is(h3,.slidesatz){font-size:36px;line-height:1.06;font-weight:900;letter-spacing:-.03em;margin-top:16px;
  text-wrap:balance}
:is(#pg,.pgx) .slidetext p{font-size:16px;line-height:1.5;margin-top:12px}
:is(#pg,.pgx) .slidetext .weiter{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15.5px;
  margin-top:18px}
:is(#pg,.pgx) .slidesteuer{display:flex;align-items:center;gap:18px;padding:22px 28px 0;max-width:1180px;margin:0 auto}
:is(#pg,.pgx) .pfeilknopf{width:52px;height:52px;border-radius:999px;border:2px solid var(--tinte);background:transparent;
  color:var(--tinte);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  flex:0 0 auto;transition:background .2s ease,color .2s ease}
:is(#pg,.pgx) .pfeilknopf:hover{background:var(--tinte);color:#fff}
:is(#pg,.pgx) .pfeilknopf:disabled{opacity:.3;cursor:default;background:transparent;color:var(--tinte)}
:is(#pg,.pgx) .zaehler{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:14px;color:var(--grau);flex:0 0 auto}
:is(#pg,.pgx) .zaehler .jetzt{color:var(--tinte);font-weight:500}
:is(#pg,.pgx) .fortschritt{flex:1 1 auto;height:3px;border-radius:999px;background:var(--linie-stark);overflow:hidden}
:is(#pg,.pgx) .fortschritt i{display:block;height:100%;width:20%;border-radius:999px;
  background:linear-gradient(90deg,var(--tuerkis),var(--violett));transition:width .3s ease}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .fortschritt i,:is(#pg,.pgx) .pfeilknopf{transition:none}}
@media (max-width:900px){:is(#pg,.pgx) .slide{flex-basis:88%;grid-template-columns:1fr;min-height:0}
:is(#pg,.pgx) .slidebild{margin:14px 14px 0;min-height:220px}
:is(#pg,.pgx) .slidetext{padding:24px}
:is(#pg,.pgx) .slidetext .nr{font-size:64px}
:is(#pg,.pgx) .slidetext :is(h3,.slidesatz){font-size:28px}}
:is(#pg,.pgx) .kopf2{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,17,40,.06);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;
  padding:14px max(32px,calc((100vw - 1240px) / 2 + 40px))}
:is(#pg,.pgx) .kopf2 .marke{color:var(--tuerkis);display:block;justify-self:start}
:is(#pg,.pgx) .kopf2 .marke svg{height:48px;width:auto;display:block}
:is(#pg,.pgx) .kopf2 .pillnav > a,:is(#pg,.pgx) .kopf2 .hallo-text,:is(#pg,.pgx) .kopf2 .personcta{white-space:nowrap}
:is(#pg,.pgx) .kopf2 .personcta b,:is(#pg,.pgx) .kopf2 .personcta small,:is(#pg,.pgx) .kopf2 .personcta span{white-space:nowrap}
:is(#pg,.pgx) .pillnav{display:flex;align-items:center;gap:2px;background:var(--nacht);border-radius:999px;
  padding:5px;box-shadow:0 14px 30px -20px rgba(17,17,40,.7)}
:is(#pg,.pgx) .pillnav > a{color:rgba(255,255,255,.88);text-decoration:none;font-size:15px;font-weight:500;
  padding:10px 17px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;
  min-height:42px;transition:background .18s ease,color .18s ease}
:is(#pg,.pgx) .pillnav > a:hover{background:rgba(255,255,255,.12);color:#fff}
:is(#pg,.pgx) .pillnav > a.aktiv{background:#fff;color:var(--nacht)}
:is(#pg,.pgx) .pillnav .plus{font-size:15px;opacity:.7;line-height:1}
:is(#pg,.pgx) .kapitel{display:none;align-items:baseline;gap:12px;justify-self:center}
:is(#pg,.pgx) .kapitel .knr{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:13px;color:var(--grau)}
:is(#pg,.pgx) .kapitel .kname{font-size:28px;font-weight:900;letter-spacing:-.025em;line-height:1}
:is(#pg,.pgx) .kopf2.gescrollt .pillnav{display:none}
:is(#pg,.pgx) .kopf2.gescrollt .kapitel{display:flex}
:is(#pg,.pgx) .personcta{justify-self:end;display:inline-flex;align-items:center;gap:10px;min-height:50px;
  padding:5px 20px 5px 7px;border-radius:999px;background:var(--nacht);color:#fff;
  text-decoration:none;font-weight:700;font-size:15px;
  box-shadow:0 14px 30px -20px rgba(17,17,40,.7);transition:transform .18s ease}
:is(#pg,.pgx) .personcta:hover{transform:translateY(-1px)}
:is(#pg,.pgx) .personcta .zeitpunkt{width:10px;height:10px;border-radius:999px;background:#2FD17A;flex:0 0 auto;
  box-shadow:0 0 0 4px rgba(47,209,122,.24);margin-left:6px}
:is(#pg,.pgx) .personcta .zeitpunkt.zu{background:#8E8EA6;box-shadow:0 0 0 4px rgba(142,142,166,.2)}
:is(#pg,.pgx) .personcta .gesicht{width:38px;height:38px;border-radius:999px;flex:0 0 auto;display:flex;
  align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#06282A;
  background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);
  border:2px solid rgba(255,255,255,.9)}
:is(#pg,.pgx) .personcta .wer{display:flex;flex-direction:column;line-height:1.15}
:is(#pg,.pgx) .personcta .wer small{font-size:11.5px;font-weight:500;opacity:.72}
:is(#pg,.pgx) .kopf-rechts{justify-self:end;display:flex;align-items:center;gap:10px}
:is(#pg,.pgx) .hallo-knopf{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 20px 0 16px;
  border-radius:999px;border:0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:900;
  letter-spacing:-.01em;color:#3D1018;background:
linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);
  box-shadow:0 12px 26px -16px rgba(192,64,92,.7);transition:transform .18s ease}
:is(#pg,.pgx) .hallo-knopf:hover{transform:rotate(-2deg) scale(1.03)}
:is(#pg,.pgx) .hallo-knopf svg{width:20px;height:20px;flex:0 0 auto}
@media (max-width:1399px){:is(#pg,.pgx) .hallo-knopf{width:50px;padding:0;justify-content:center}
:is(#pg,.pgx) .hallo-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#pg,.pgx) .pillnav > a{padding-inline:13px}}
:is(#pg,.pgx) .navgruppe{display:inline-flex}
:is(#pg,.pgx) .navknopf{appearance:none;border:0;background:none;font:inherit;cursor:pointer;
  color:rgba(255,255,255,.88);font-size:15px;font-weight:500;padding:10px 17px;border-radius:999px;
  display:inline-flex;align-items:center;gap:6px}
:is(#pg,.pgx) .navknopf:hover,:is(#pg,.pgx) .navknopf[aria-expanded="true"]{background:rgba(255,255,255,.12);color:#fff}
:is(#pg,.pgx) .navknopf .plus{transition:transform .18s ease}
:is(#pg,.pgx) .navknopf[aria-expanded="true"] .plus{transform:rotate(45deg)}
:is(#pg,.pgx) .untermenue{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);z-index:60;
  width:min(1060px,calc(100vw - 40px));background:var(--weiss);border-radius:26px;
  overflow:hidden;box-shadow:0 44px 100px -36px rgba(17,17,40,.55);border:1px solid rgba(17,17,40,.06);
  display:grid;grid-template-columns:288px 1fr;animation:um-auf .16s ease-out}
@keyframes um-auf{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
:is(#pg,.pgx) .untermenue::before{content:"";display:block;height:4px;
  background:linear-gradient(90deg,var(--tuerkis),var(--violett),var(--rosa))}
:is(#pg,.pgx) .untermenue[hidden]{display:none}
:is(#pg,.pgx) .um-spalten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 22px;padding:26px 26px 24px}
:is(#pg,.pgx) .um-promo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;
  padding:28px 26px;color:#fff;background:linear-gradient(150deg,var(--violett-tief),var(--violett) 55%,#6E6FF0);
  overflow:hidden}
:is(#pg,.pgx) .um-promo::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;
  border:26px solid rgba(255,255,255,.12)}
:is(#pg,.pgx) .um-promo-zeile{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.85)}
:is(#pg,.pgx) .um-promo-titel{font-size:26px;line-height:1.12;font-weight:900;letter-spacing:-.02em;margin-top:auto}
:is(#pg,.pgx) .um-promo-text{font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.92)}
:is(#pg,.pgx) .um-spalte{display:flex;flex-direction:column;gap:2px}
:is(#pg,.pgx) .um-rubrik{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grau);padding:0 12px 10px;margin-bottom:8px;
  border-bottom:1px solid var(--linie)}
:is(#pg,.pgx) .um-rubrik::before{content:"";width:10px;height:10px;border-radius:3px;flex:0 0 auto}
:is(#pg,.pgx) .um-v .um-rubrik::before{background:var(--violett)}
:is(#pg,.pgx) .um-t .um-rubrik::before{background:var(--tuerkis)}
:is(#pg,.pgx) .um-r .um-rubrik::before{background:var(--rosa)}
:is(#pg,.pgx) .um-v .um-rubrik{color:var(--violett)}
:is(#pg,.pgx) .um-t .um-rubrik{color:var(--tuerkis-text)}
:is(#pg,.pgx) .um-r .um-rubrik{color:var(--rosa-text)}
:is(#pg,.pgx) .untermenue a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;
  border-radius:12px;color:var(--tinte);text-decoration:none;font-size:15px;line-height:1.3;font-weight:500;
  transition:background .14s ease,transform .14s ease}
:is(#pg,.pgx) .um-pfeil{font-style:normal;opacity:0;transform:translateX(-4px);transition:opacity .14s ease,transform .14s ease}
:is(#pg,.pgx) .untermenue a:hover,:is(#pg,.pgx) .untermenue a:focus-visible{transform:translateX(2px)}
:is(#pg,.pgx) .untermenue a:hover .um-pfeil,:is(#pg,.pgx) .untermenue a:focus-visible .um-pfeil{opacity:1;transform:translateX(0)}
:is(#pg,.pgx) .um-v a:hover,:is(#pg,.pgx) .um-v a:focus-visible{background:var(--violett-flaeche)}
:is(#pg,.pgx) .um-t a:hover,:is(#pg,.pgx) .um-t a:focus-visible{background:var(--tuerkis-flaeche)}
:is(#pg,.pgx) .um-r a:hover,:is(#pg,.pgx) .um-r a:focus-visible{background:var(--rosa-flaeche)}
:is(#pg,.pgx) .untermenue a.alle{margin-top:8px;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;
  background:var(--weiss);color:var(--violett-tief);font-weight:700;text-align:center}
:is(#pg,.pgx) .untermenue a.alle:hover{background:var(--weiss);color:var(--violett-tief);transform:translateY(-1px)}
:is(#pg,.pgx) .untermenue::before{display:none}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .personcta,:is(#pg,.pgx) .pillnav > a,:is(#pg,.pgx) .hallo-knopf{transition:none}}
:is(#pg,.pgx) .farbschieber{position:relative;height:clamp(440px,68vh,580px);margin-top:56px;overflow-y:auto;
  scroll-snap-type:y mandatory;scrollbar-width:none}
:is(#pg,.pgx) .farbschieber::-webkit-scrollbar{display:none}
:is(#pg,.pgx) .farbschieber:focus-visible{outline:3px solid var(--tuerkis);outline-offset:-3px}
:is(#pg,.pgx) .farbstand{position:sticky;top:0;height:0;z-index:3}
:is(#pg,.pgx) .farbstand-innen{position:absolute;top:22px;right:40px;display:flex;align-items:center;gap:10px;
  padding:9px 16px;border-radius:999px;background:#fff;color:var(--tinte);
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;box-shadow:0 14px 30px -18px rgba(17,17,40,.6)}
:is(#pg,.pgx) .farbstand-innen i{display:block;width:8px;height:8px;border-radius:999px;background:var(--linie-stark);
  transition:background .2s ease,transform .2s ease}
:is(#pg,.pgx) .farbstand-innen i.an{background:var(--tinte);transform:scale(1.25)}
:is(#pg,.pgx) .farbstand-innen svg{width:14px;height:14px;transition:opacity .2s ease}
:is(#pg,.pgx) .farbschieber.am-ende .farbstand-innen svg{opacity:0}
:is(#pg,.pgx) .farbfolie{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center}
:is(#pg,.pgx) .farbfolie-innen{width:100%;max-width:1180px;margin:0 auto;padding:0 40px;display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:end}
:is(#pg,.pgx) .farbfolie .nr{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;letter-spacing:.18em;
  text-transform:uppercase}
:is(#pg,.pgx) .farbfolie b{display:block;margin-top:18px;font-size:clamp(44px,5.6vw,80px);line-height:.98;
  font-weight:900;letter-spacing:-.04em;max-width:12ch}
:is(#pg,.pgx) .farbfolie p{font-size:18px;line-height:1.55;max-width:44ch;margin:0}
:is(#pg,.pgx) .farbfolie .wertchen{display:block;margin-top:22px;padding-top:12px;border-top:1px solid currentColor;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px}
:is(#pg,.pgx) .farbfolie.feld-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .farbfolie.feld-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .farbfolie.feld-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .farbschieber{scroll-snap-type:none}
:is(#pg,.pgx) .farbstand-innen i,:is(#pg,.pgx) .farbstand-innen svg{transition:none}}
:is(#pg,.pgx) h1 .h1-zeile{display:block;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;line-height:1.4;margin-bottom:14px;font-weight:700}
:is(#pg,.pgx) h1 .sticker{display:flex;width:fit-content;line-height:1.2;margin-bottom:22px}
:is(#pg,.pgx) .nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#pg,.pgx) .erklaerung{font-size:19px;line-height:1.6;color:var(--tinte);max-width:62ch;margin:0}
:is(#pg,.pgx) .ortliste{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16)}
:is(#pg,.pgx) .ortliste li{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16);
  font-size:17px;line-height:1.45;color:#fff}
:is(#pg,.pgx) .ortliste li svg{flex:0 0 auto;margin-top:3px;color:var(--tuerkis)}
:is(#pg,.pgx) .pfeillink{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--violett);text-decoration:none}
:is(#pg,.pgx) .pfeillink:hover{color:var(--violett-tief);text-decoration:underline;text-underline-offset:4px}
:is(#pg,.pgx) .weitere a{color:var(--tinte);text-decoration:underline;text-underline-offset:.18em}
:is(#pg,.pgx) .weitere a:hover{color:var(--violett)}
:is(#pg,.pgx) .g-karte{background:#fff;border:1px solid var(--linie-stark);border-radius:20px;overflow:hidden;
  margin-top:28px;box-shadow:0 26px 52px -42px rgba(17,17,40,.5)}
:is(#pg,.pgx) .g-kopf{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:22px 26px;
  border-bottom:1px solid var(--linie)}
:is(#pg,.pgx) .g-nr{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:500;width:44px;height:44px;
  border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--sand)}
:is(#pg,.pgx) .g-kopf h3{font-size:22px;font-weight:900;letter-spacing:-.02em;line-height:1.15}
:is(#pg,.pgx) .g-quelle{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;color:var(--grau);margin-top:4px}
:is(#pg,.pgx) .g-status{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:6px 11px;border-radius:999px;white-space:nowrap}
:is(#pg,.pgx) .g-status.drin{background:var(--tuerkis-flaeche);color:var(--tuerkis-text)}
:is(#pg,.pgx) .g-status.unten{background:var(--rosa-flaeche);color:var(--rosa-text)}
:is(#pg,.pgx) .g-uebernahme{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-bottom:1px solid var(--linie)}
:is(#pg,.pgx) .g-uebernahme div{padding:14px 26px;font-size:14px;line-height:1.5;color:var(--grau)}
:is(#pg,.pgx) .g-uebernahme div+div{border-left:1px solid var(--linie)}
:is(#pg,.pgx) .g-uebernahme b{display:block;color:var(--tinte);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:4px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-weight:500}
:is(#pg,.pgx) .g-buehne{position:relative;overflow:hidden;background:#fff}
:is(#pg,.pgx) .g-kopfb{display:flex;align-items:center;gap:16px;padding:16px 32px;background:#fff;
  border-bottom:1px solid rgba(17,17,40,.06)}
:is(#pg,.pgx) .g-kopfb .marke{color:var(--tuerkis);display:block;margin-right:auto}
:is(#pg,.pgx) .g-kopfb .marke svg{height:38px;width:auto;display:block}
:is(#pg,.pgx) .g-hallo{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 22px 0 8px;
  border-radius:999px;border:0;cursor:pointer;font-family:inherit;font-size:16px;font-weight:900;
  letter-spacing:-.01em;color:#3D1018;background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);
  box-shadow:0 12px 26px -16px rgba(192,64,92,.7);transition:transform .18s ease}
:is(#pg,.pgx) .g-hallo:hover{transform:rotate(-2deg) scale(1.03)}
:is(#pg,.pgx) .g-hallo .gesicht{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;
  justify-content:center;font-size:12px;font-weight:900;color:#fff;background:var(--nacht)}
:is(#pg,.pgx) .g-burger{width:52px;height:52px;border-radius:14px;border:0;cursor:pointer;background:var(--nacht);
  color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
:is(#pg,.pgx) .g-burger i{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;
  transition:transform .25s ease,opacity .25s ease}
:is(#pg,.pgx) .g-burger i:nth-child(2){width:16px}
:is(#pg,.pgx) .g-offen .g-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
:is(#pg,.pgx) .g-offen .g-burger i:nth-child(2){opacity:0}
:is(#pg,.pgx) .g-offen .g-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
:is(#pg,.pgx) .g-flaeche{height:420px;background:var(--sand);display:flex;align-items:center;padding:0 64px}
:is(#pg,.pgx) .g-flaeche h4{font-size:52px;font-weight:900;letter-spacing:-.03em;line-height:1.02;max-width:12ch}
:is(#pg,.pgx) .g-panel{position:absolute;top:0;right:0;bottom:0;width:min(470px,86%);z-index:5;color:#fff;
  background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);padding:96px 44px 36px;display:flex;flex-direction:column;
  justify-content:space-between;transform:translateX(104%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
:is(#pg,.pgx) .g-offen .g-panel{transform:none;box-shadow:-30px 0 60px -30px rgba(17,17,40,.6)}
:is(#pg,.pgx) .g-panel nav{display:flex;flex-direction:column;gap:4px}
:is(#pg,.pgx) .g-panel nav a{color:#fff;text-decoration:none;font-size:34px;font-weight:900;letter-spacing:-.03em;
  line-height:1.18;display:flex;align-items:baseline;gap:14px}
:is(#pg,.pgx) .g-panel nav a span{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:500}
:is(#pg,.pgx) .g-panel nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
:is(#pg,.pgx) .g-panelfuss{border-top:1px solid rgba(255,255,255,.28);padding-top:20px;display:flex;
  flex-direction:column;gap:12px}
:is(#pg,.pgx) .g-panelfuss small{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px}
:is(#pg,.pgx) .g-schleier{position:absolute;inset:0;z-index:4;background:rgba(17,17,40,.28);opacity:0;
  pointer-events:none;transition:opacity .3s ease}
:is(#pg,.pgx) .g-offen .g-schleier{opacity:1}
:is(#pg,.pgx) .g-wahl{display:grid;grid-template-columns:.8fr 1.2fr;min-height:560px}
:is(#pg,.pgx) .g-wahllinks{padding:44px;background:var(--nacht);color:#fff;display:flex;flex-direction:column;
  justify-content:space-between;gap:26px}
:is(#pg,.pgx) .g-wahllinks h4{font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1.05}
:is(#pg,.pgx) .g-wahllinks p{color:#B9B9D4;font-size:16px;line-height:1.5}
:is(#pg,.pgx) .g-person{display:flex;align-items:center;gap:14px}
:is(#pg,.pgx) .g-person .gesicht{width:58px;height:58px;border-radius:999px;display:flex;align-items:center;
  justify-content:center;font-weight:900;font-size:18px;color:#06282A;background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);
  border:3px solid #fff}
:is(#pg,.pgx) .g-person b{display:block;font-size:17px}
:is(#pg,.pgx) .g-person small{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;color:#B9B9D4}
:is(#pg,.pgx) .g-wahlrechts{padding:40px 44px;display:flex;flex-direction:column;gap:18px}
:is(#pg,.pgx) .g-optionen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:is(#pg,.pgx) .g-option{border:0;cursor:pointer;text-align:left;font-family:inherit;border-radius:18px;
  padding:18px 16px 16px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;
  gap:10px;transition:transform .18s ease,box-shadow .18s ease;position:relative}
:is(#pg,.pgx) .g-option:hover{transform:translateY(-3px);box-shadow:0 18px 30px -20px rgba(17,17,40,.55)}
:is(#pg,.pgx) .g-option b{font-size:17px;line-height:1.2;font-weight:900;letter-spacing:-.01em}
:is(#pg,.pgx) .g-option small{font-size:12.5px;line-height:1.35}
:is(#pg,.pgx) .g-option.o-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .g-option.o-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .g-option.o-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .g-option.o-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .g-option.o-l{background:var(--sand);color:var(--tinte);box-shadow:inset 0 0 0 1.5px var(--linie-stark)}
:is(#pg,.pgx) .g-option[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--tinte)}
:is(#pg,.pgx) .g-option .haken{position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:999px;
  background:#fff;color:var(--tinte);display:none;align-items:center;justify-content:center}
:is(#pg,.pgx) .g-option[aria-pressed="true"] .haken{display:flex}
:is(#pg,.pgx) .g-formular{border-top:1px solid var(--linie);padding-top:18px;display:grid;
  grid-template-columns:1fr 1fr;gap:12px;pointer-events:none}
:is(#pg,.pgx) .g-formular > *:not(.g-gewaehlt){opacity:.35;transition:opacity .3s ease}
:is(#pg,.pgx) .g-formular.bereit{pointer-events:auto}
:is(#pg,.pgx) .g-formular.bereit > *{opacity:1}
:is(#pg,.pgx) .g-formular .voll{grid-column:1 / -1}
:is(#pg,.pgx) .g-feld{min-height:50px;border:2px solid var(--linie-stark);border-radius:999px;padding:0 18px;
  display:flex;align-items:center;font-size:15.5px;color:var(--grau)}
:is(#pg,.pgx) .g-gewaehlt{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;color:var(--tinte)}
:is(#pg,.pgx) .g-scrollbox{height:560px;overflow-y:auto;scroll-snap-type:y mandatory;position:relative;
  scroll-padding-top:74px;background:#fff}
:is(#pg,.pgx) .g-scrollbox .kopf2{position:sticky;top:0}
:is(#pg,.pgx) .g-abschnitt{height:486px;scroll-snap-align:start;display:flex;align-items:center;padding:0 64px}
:is(#pg,.pgx) .g-abschnitt h4{font-size:60px;font-weight:900;letter-spacing:-.035em;line-height:1}
:is(#pg,.pgx) .g-abschnitt p{font-size:17px;margin-top:14px;max-width:44ch}
:is(#pg,.pgx) .g-abschnitt .g-hinweis{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;margin-top:22px}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .g-scrollbox{scroll-snap-type:none}}
:is(#pg,.pgx) .g-faecher{position:relative;height:520px;perspective:1400px;overflow:hidden;background:#fff}
:is(#pg,.pgx) .g-folie{position:absolute;top:44px;left:50%;width:560px;height:360px;margin-left:-280px;
  border-radius:22px;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s ease,
  filter .55s ease;display:flex;flex-direction:column;justify-content:space-between;padding:26px}
:is(#pg,.pgx) .g-folie .kunde{font-size:14px;font-weight:700}
:is(#pg,.pgx) .g-folie :is(h3,h5,.g-folientitel){font-size:32px;line-height:1.05;font-weight:900;letter-spacing:-.03em;
  max-width:15ch;margin:0}
:is(#pg,.pgx) .g-folie .g-folientext{font-size:14.5px;line-height:1.45;margin-top:12px;max-width:26ch;opacity:.92}
:is(#pg,.pgx) .g-folie a.fahne{text-decoration:none}
:is(#pg,.pgx) .g-folie a.fahne:focus-visible{outline:3px solid #fff;outline-offset:3px}
:is(#pg,.pgx) .g-folie .fahne{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:42px;
  padding:0 18px;border-radius:999px;background:#fff;color:var(--tinte);font-weight:700;font-size:14.5px}
:is(#pg,.pgx) .g-folie > div{position:relative;z-index:1}
:is(#pg,.pgx) .g-folie .g-folienbild{position:absolute;right:-28px;top:162px;width:300px;aspect-ratio:16/10;object-fit:cover;
  object-position:top;border-radius:12px;box-shadow:0 22px 40px -18px rgba(10,10,30,.6);transform:rotate(-4deg);z-index:0}
:is(#pg,.pgx) .g-folie .g-folienbild.hoch{width:176px;aspect-ratio:3/4;top:118px;right:-4px}
:is(#pg,.pgx) .g-folie .bildhinweis{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px}
:is(#pg,.pgx) .g-folie.f-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .g-folie.f-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .g-folie.f-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .g-folie.f-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .g-folie[data-lage="mitte"]{transform:none;opacity:1;z-index:3}
:is(#pg,.pgx) .g-folie[data-lage="links"]{transform:translateX(-78%) rotateY(32deg) scale(.84);opacity:1;z-index:2}
:is(#pg,.pgx) .g-folie[data-lage="rechts"]{transform:translateX(78%) rotateY(-32deg) scale(.84);opacity:1;z-index:2}
:is(#pg,.pgx) .g-folie[data-lage="weg"]{transform:scale(.6);opacity:0;z-index:1}
:is(#pg,.pgx) .g-faechersteuer{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;
  align-items:center;gap:26px}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .g-folie,:is(#pg,.pgx) .g-panel,:is(#pg,.pgx) .g-schleier,:is(#pg,.pgx) .g-burger i,:is(#pg,.pgx) .g-formular > *{transition:none}}
:is(#pg,.pgx) .g-schluss{padding:40px}
:is(#pg,.pgx) .g-schlusskarte{position:relative;background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff;border-radius:28px;
  padding:56px;overflow:hidden}
:is(#pg,.pgx) .g-schlusskarte .h2{margin-top:20px;max-width:20ch}
:is(#pg,.pgx) .g-schlusskarte p{font-size:18px;color:#fff;margin-top:18px;max-width:54ch}
:is(#pg,.pgx) .g-schlusskarte .reihe{margin-top:30px}
:is(#pg,.pgx) .slide.g-stimme{grid-template-columns:.42fr .58fr;background:none;min-height:500px;border-radius:0;
  flex-basis:min(1080px,86%)}
:is(#pg,.pgx) .slide.g-stimme::after{display:none}
:is(#pg,.pgx) .g-portraet{position:relative;background:linear-gradient(160deg,#E9E9F2 0%,#D9D9E6 100%);
  display:flex;align-items:flex-end;padding:16px}
:is(#pg,.pgx) .g-portraet span{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.9);color:var(--tinte)}
:is(#pg,.pgx) .g-portraet.mit-bild{padding:0;overflow:hidden}
:is(#pg,.pgx) .g-portraet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
:is(#pg,.pgx) .g-portraet svg{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:120px;height:120px;
  color:#B9B9CC}
:is(#pg,.pgx) .g-zitatfeld{padding:40px 42px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  position:relative;isolation:isolate}
:is(#pg,.pgx) .g-zitatfeld .firma{font-size:22px;font-weight:700;letter-spacing:-.01em}
:is(#pg,.pgx) .g-zitatfeld .firma a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;
  text-underline-offset:4px;text-decoration-color:currentColor}
:is(#pg,.pgx) .g-zitatfeld .firma a:hover{text-decoration-thickness:3px}
:is(#pg,.pgx) .g-zitatfeld blockquote{font-size:19px;line-height:1.55;margin:18px 0 0;max-width:46ch;
  color:inherit;font-style:normal;border:0;padding:0;background:none}
:is(#pg,.pgx) .g-zitatfeld .wer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
:is(#pg,.pgx) .g-zitatfeld .wer b{font-size:19px;display:block}
:is(#pg,.pgx) .g-zitatfeld .wer small{font-size:14px}
:is(#pg,.pgx) .g-zitatfeld .zahlgross{font-size:92px;font-weight:900;line-height:.8;letter-spacing:-.05em;
  -webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor;opacity:.75}
:is(#pg,.pgx) .g-zitatfeld .zahlgross small{font-size:22px;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;
  letter-spacing:0;font-weight:500;margin-left:4px}
:is(#pg,.pgx) .g-zitatfeld.z-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .g-zitatfeld.z-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .g-zitatfeld.z-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .g-zitatfeld.z-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .g-platzhalter{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 10px;border-radius:999px;background:#fff;color:var(--tinte);align-self:flex-start}
:is(#pg,.pgx) .g-stimmenkopf{padding:0 40px}
:is(#pg,.pgx) .g-karte .g-stimmensteuer{max-width:none;padding-inline:40px}
:is(#pg,.pgx) .g-raster-wrap{padding:36px 40px 44px;background:#F1F1F6;position:relative}
:is(#pg,.pgx) .g-raster-wrap .klein-oben{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grau);font-weight:500;line-height:1.4;margin:0}
:is(#pg,.pgx) .kundenraster .g-raster-wrap{padding-inline:max(40px,calc((100% - 1100px) / 2))}
:is(#pg,.pgx) .g-riesig{font-size:118px;line-height:.9;font-weight:900;letter-spacing:-.05em;text-align:center;
  margin:14px 0 -44px;position:relative;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,#5758E0 0%,#39B8B9 55%,#F77991 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
:is(#pg,.pgx) .g-raster{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid #CFCFDC;border-left:1px solid #CFCFDC}
:is(#pg,.pgx) .g-raster .zelle{height:170px;border-right:1px solid #CFCFDC;border-bottom:1px solid #CFCFDC;
  display:flex;align-items:center;justify-content:center;padding:26px 30px}
:is(#pg,.pgx) .g-raster .zelle img{max-width:100%;max-height:70px;width:auto;height:auto;object-fit:contain;
  filter:grayscale(1) contrast(1.35);mix-blend-mode:multiply;opacity:.88;transition:filter .25s ease,opacity .25s ease}
:is(#pg,.pgx) .g-raster .zelle:hover img{filter:none;opacity:1}
:is(#pg,.pgx) .g-passer{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;color:var(--tinte);
  pointer-events:none;z-index:1}
:is(#pg,.pgx) .g-baender{position:relative;height:540px;overflow:hidden;background:#F1F1F6}
:is(#pg,.pgx) .g-band{position:absolute;left:-20%;width:140%;padding:16px 0;white-space:nowrap;
  box-shadow:0 18px 36px -26px rgba(17,17,40,.55)}
:is(#pg,.pgx) .g-band .lauf{display:flex;width:max-content;animation:bandlauf 46s linear infinite}
:is(#pg,.pgx) .g-band.rueck .lauf{animation-direction:reverse}
:is(#pg,.pgx) .g-band .stueck{display:flex;align-items:center}
:is(#pg,.pgx) .g-band .w{font-size:54px;line-height:1.05;padding:0 30px;border-right:2px solid currentColor}
:is(#pg,.pgx) .g-band .w1{font-weight:900;letter-spacing:-.03em}
:is(#pg,.pgx) .g-band .w2{font-weight:400;letter-spacing:-.02em}
:is(#pg,.pgx) .g-band .w3{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:40px;letter-spacing:.02em;
  text-transform:uppercase}
:is(#pg,.pgx) .g-band.b1{top:46px;transform:rotate(7deg);background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .g-band.b2{top:170px;transform:rotate(-6deg);background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff;z-index:2}
:is(#pg,.pgx) .g-band.b3{top:298px;transform:rotate(3deg);background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .g-band.b4{top:408px;transform:rotate(-2.5deg);background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff;z-index:2}
:is(#pg,.pgx) .g-baender.steht .lauf,:is(#pg,.pgx) .g-baender:hover .lauf,:is(#pg,.pgx) .g-baender:focus-within .lauf{animation-play-state:paused}
:is(#pg,.pgx) .g-bandpause{position:absolute;right:22px;bottom:18px;z-index:5;display:inline-flex;align-items:center;
  gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--linie-stark);
  background:#fff;color:var(--tinte);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
:is(#pg,.pgx) .nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes bandlauf{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .g-band .lauf{animation:none}
:is(#pg,.pgx) .g-bandpause{display:none}}
:is(#pg,.pgx) .g-laufband{position:relative;overflow:hidden;padding:46px 0 40px;color:#fff;
  background:linear-gradient(118deg,#221F6B 0%,#1B2A72 34%,#124C58 68%,#0E6167 100%)}
:is(#pg,.pgx) .g-laufband .kopfz{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  padding:0 40px;margin-bottom:28px}
:is(#pg,.pgx) .g-laufband h4,:is(#pg,.pgx) .g-laufband h2{font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1.05;
  max-width:18ch;color:#fff}
:is(#pg,.pgx) .g-reihe{display:flex;width:max-content;gap:0;animation:webreihe 60s linear infinite;margin-top:18px}
:is(#pg,.pgx) .g-reihe.rueck{animation-direction:reverse}
:is(#pg,.pgx) .g-reihe .stueck{display:flex;gap:18px;padding-right:18px}
:is(#pg,.pgx) .g-webkarte{width:340px;flex:0 0 auto;border-radius:14px;overflow:hidden;background:#fff;color:var(--tinte);
  box-shadow:0 24px 46px -26px rgba(0,0,0,.7);transition:transform .25s ease}
:is(#pg,.pgx) .g-webkarte:hover{transform:translateY(-6px) rotate(-.6deg)}
:is(#pg,.pgx) .g-webkarte .leiste{display:flex;align-items:center;gap:6px;padding:8px 11px;background:#F1F1F6;
  border-bottom:1px solid #E2E2EC}
:is(#pg,.pgx) .g-webkarte .leiste i{width:7px;height:7px;border-radius:999px;background:#CFCFDC;display:block}
:is(#pg,.pgx) .g-webkarte .leiste span{margin-left:8px;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:10.5px;
  color:var(--grau);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#pg,.pgx) .g-webkarte .leiste .chip{margin-left:auto;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;
  background:var(--tuerkis-flaeche);color:var(--tuerkis-text);white-space:nowrap}
:is(#pg,.pgx) .g-webkarte img{display:block;width:100%;height:212px;object-fit:cover;object-position:top}
:is(#pg,.pgx) .g-laufband.steht .g-reihe,:is(#pg,.pgx) .g-laufband:hover .g-reihe,:is(#pg,.pgx) .g-laufband:focus-within .g-reihe{animation-play-state:paused}
@keyframes webreihe{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .g-reihe{animation:none}}
:is(#pg,.pgx) .g-ref{display:grid;grid-template-columns:.95fr .7fr 1.15fr;gap:40px;align-items:center;padding:52px 44px;
  background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff;position:relative;overflow:hidden}
:is(#pg,.pgx) .g-ref h4{font-size:58px;line-height:.98;font-weight:900;letter-spacing:-.04em}
:is(#pg,.pgx) .g-ref .g-reftext{font-size:16px;line-height:1.55;margin-top:18px;max-width:34ch}
:is(#pg,.pgx) .g-refbild{aspect-ratio:3/4;border-radius:28px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 100%);
  border:1px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;padding:16px}
:is(#pg,.pgx) .g-refbild svg{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:110px;height:110px;
  color:rgba(255,255,255,.6)}
:is(#pg,.pgx) .g-refbild span{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.9);color:var(--tinte)}
:is(#pg,.pgx) .g-refliste{border-top:1px solid rgba(255,255,255,.3)}
:is(#pg,.pgx) .g-refzeile{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.3)}
:is(#pg,.pgx) .g-refzeile .jahr{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;display:flex;
  align-items:center;gap:8px}
:is(#pg,.pgx) .g-refzeile .jahr em{font-style:normal;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;
  background:rgba(255,255,255,.2)}
:is(#pg,.pgx) .g-refzeile b{display:block;font-size:21px;font-weight:900;letter-spacing:-.015em;margin-top:3px}
:is(#pg,.pgx) .g-refzeile .was{font-size:13.5px;margin-top:2px}
:is(#pg,.pgx) .g-refzeile .logofeld{width:108px;height:52px;border-radius:12px;background:#fff;display:flex;
  align-items:center;justify-content:center;padding:8px 12px}
:is(#pg,.pgx) .g-refzeile .logofeld img{max-width:100%;max-height:34px;object-fit:contain;filter:grayscale(1);opacity:.85}
:is(#pg,.pgx) .auswahlstart{background:var(--sand);padding-block:56px 46px;scroll-margin-top:100px}
:is(#pg,.pgx) .schnittlinie{display:flex;align-items:center;gap:12px;color:var(--rosa-text);margin-bottom:30px}
:is(#pg,.pgx) .schnittlinie svg{width:28px;height:28px;flex:0 0 auto}
:is(#pg,.pgx) .schnittlinie::after{content:"";flex:1 1 auto;border-top:2px dashed currentColor}
:is(#pg,.pgx) .auswahlstart .lead{max-width:64ch;margin-top:16px}
:is(#pg,.pgx) .kandidatenleiste{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
:is(#pg,.pgx) .kandidatenleiste a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 6px;
  border-radius:999px;background:#fff;color:var(--tinte);text-decoration:none;font-size:14px;font-weight:700;
  border:1px solid var(--linie-stark)}
:is(#pg,.pgx) .kandidatenleiste a:hover{border-color:var(--violett);color:var(--violett)}
:is(#pg,.pgx) .kandidatenleiste b,:is(#pg,.pgx) .kandidatmarke .knr{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:12px;
  min-width:40px;height:32px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;
  justify-content:center;background:var(--rosa-flaeche);color:var(--rosa-text)}
:is(#pg,.pgx) .kandidat{scroll-margin-top:100px}
:is(#pg,.pgx) .kandidatmarke{background:#fff;border-top:2px dashed var(--linie-stark)}
:is(#pg,.pgx) .kandidatmarke .satz{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:14px}
:is(#pg,.pgx) .kandidatmarke .schere{display:flex;color:var(--rosa-text)}
:is(#pg,.pgx) .kandidatmarke .schere svg{width:20px;height:20px}
:is(#pg,.pgx) .kandidatmarke strong{font-size:17px;font-weight:900;letter-spacing:-.01em}
:is(#pg,.pgx) .kandidatmarke .wo{font-size:14.5px;color:var(--grau)}
:is(#pg,.pgx) .kandidatmarke .kstatus{margin-left:auto;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--rosa-text);white-space:nowrap}
:is(#pg,.pgx) .kandidatinhalt{position:relative;overflow:hidden;background:#fff}
:is(#pg,.pgx) .kandidat .g-laufband .kopfz,:is(#pg,.pgx) .kandidat .g-stimmenkopf{max-width:1180px;margin-inline:auto}
:is(#pg,.pgx) .kandidat .g-raster-wrap{padding-inline:max(40px,calc((100% - 1100px) / 2))}
:is(#pg,.pgx) .kandidat .g-ref{padding-inline:max(44px,calc((100% - 1100px) / 2))}
:is(#pg,.pgx) .kandidat .g-schluss{max-width:1180px;margin-inline:auto}
:is(#pg,.pgx) .laufbandzone .g-laufband .kopfz,:is(#pg,.pgx) .stimmenzone .g-stimmenkopf{max-width:1180px;margin-inline:auto}
:is(#pg,.pgx) .schlusszone .g-schluss{max-width:1180px;margin-inline:auto}
:is(#pg,.pgx) .faecherzone{background:#fff;padding-top:64px}
:is(#pg,.pgx) .faecherzone .faecherkopf{margin-bottom:8px}
:is(#pg,.pgx) .hallo-schleier{position:fixed;inset:0;z-index:9998;background:rgba(17,17,40,.5);opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility 0s linear .3s}
:is(#pg,.pgx) .hallo-schleier.offen{opacity:1;visibility:visible;transition:opacity .3s ease}
:is(#pg,.pgx) .hallo-panel{position:fixed;top:0;right:0;bottom:0;z-index:9999;width:min(680px,100%);overflow-y:auto;
  overscroll-behavior:contain;background:#fff;color:var(--tinte);transform:translateX(104%);visibility:hidden;
  box-shadow:-30px 0 60px -30px rgba(17,17,40,.6);
  transition:transform .42s cubic-bezier(.2,.8,.2,1),visibility 0s linear .42s}
:is(#pg,.pgx) .hallo-panel.offen{transform:none;visibility:visible;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
:is(#pg,.pgx) .hallo-kopf{position:relative;background:var(--nacht);color:#fff;padding:30px 32px 30px}
:is(#pg,.pgx) .hallo-kopf .eyebrow{color:var(--tuerkis)}
:is(#pg,.pgx) .hallo-kopf :is(h2,.hallo-titel){font-size:40px;line-height:1.04;font-weight:900;letter-spacing:-.03em;margin-top:10px;
  max-width:18ch;color:#fff}
:is(#pg,.pgx) .hallo-kopf p.hallo-lead{color:#B9B9D4;font-size:16px;line-height:1.5;margin-top:12px;max-width:52ch}
:is(#pg,.pgx) .hallo-kopf .g-person{margin-top:22px}
:is(#pg,.pgx) .hallo-zu{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:999px;border:0;
  cursor:pointer;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;
  justify-content:center}
:is(#pg,.pgx) .hallo-zu:hover{background:rgba(255,255,255,.24)}
:is(#pg,.pgx) .hallo-zu svg{width:20px;height:20px}
:is(#pg,.pgx) .hallo-zu:focus-visible,:is(#pg,.pgx) .hallo-panel .g-option:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
:is(#pg,.pgx) .hallo-wahl{display:block;min-height:0;padding:26px 32px 34px}
:is(#pg,.pgx) .hallo-wahl .g-optionen{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#pg,.pgx) .hallo-wahl .g-option{min-height:92px}
:is(#pg,.pgx) .hallo-wahl .g-formular{display:block;margin-top:22px}
:is(#pg,.pgx) .hallo-felder{border:0;padding:0;margin:12px 0 0;min-width:0;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
:is(#pg,.pgx) .hallo-feld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--tinte)}
:is(#pg,.pgx) .hallo-feld input{width:100%;min-height:48px;border:2px solid var(--linie-stark);border-radius:999px;
  padding:0 16px;font-family:inherit;font-size:15.5px;color:var(--tinte);background:#fff}
:is(#pg,.pgx) .hallo-feld textarea{width:100%;min-height:112px;border:2px solid var(--linie-stark);border-radius:18px;
  padding:12px 16px;font-family:inherit;font-size:15.5px;line-height:1.5;color:var(--tinte);
  background:#fff;resize:vertical}
:is(#pg,.pgx) .hallo-feld :is(input,textarea):focus-visible{outline:3px solid var(--violett);outline-offset:2px}
:is(#pg,.pgx) .hallo-felder[disabled]{opacity:1}
:is(#pg,.pgx) .hallo-felder[disabled] .hallo-feld{color:var(--grau)}
:is(#pg,.pgx) .hallo-felder[disabled] .hallo-feld :is(input,textarea){background:var(--sand);border-color:var(--linie);
  color:var(--grau);-webkit-text-fill-color:var(--grau);opacity:1}
:is(#pg,.pgx) .hallo-felder[disabled] .knopf{background:var(--violett-flaeche);color:var(--violett-tief);
  box-shadow:none;opacity:1}
:is(#pg,.pgx) .hallo-felder:not([disabled]) .knopf{background:var(--violett);color:#fff}
:is(#pg,.pgx) .g-gewaehlt{font-size:13.5px;color:var(--grau);font-weight:500}
:is(#pg,.pgx) .hallo-status{margin-top:12px;font-size:14px;line-height:1.45;color:var(--tuerkis-text)}
:is(#pg,.pgx) .hallo-status.schlecht{color:var(--rosa-text)}
:is(#pg,.pgx) .hallo-topf{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
:is(#pg,.pgx) .hallo-recht{margin-top:14px;font-size:12.5px;line-height:1.45;color:var(--grau)}
:is(#pg,.pgx) .hallo-recht a{color:inherit;text-underline-offset:3px}
@media (max-width:560px){:is(#pg,.pgx) .hallo-kopf{padding:24px 20px 26px}
:is(#pg,.pgx) .hallo-kopf :is(h2,.hallo-titel){font-size:30px}
:is(#pg,.pgx) .hallo-feld textarea{min-height:96px}
:is(#pg,.pgx) .hallo-wahl{padding:20px 20px 28px}
:is(#pg,.pgx) .hallo-felder{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .hallo-panel,:is(#pg,.pgx) .hallo-schleier{transition:none}}
@media (max-width:760px){:is(#pg,.pgx) .satz{max-width:none;padding-inline:20px}
:is(#pg,.pgx) .band{padding-block:40px}
:is(#pg,.pgx) .d1{font-size:36px;line-height:1.05}
:is(#pg,.pgx) .h2{font-size:24px}
:is(#pg,.pgx) .lead{font-size:16.5px}
:is(#pg,.pgx) .raster3,:is(#pg,.pgx) .raster4{grid-template-columns:1fr;gap:18px}
:is(#pg,.pgx) .raster2{grid-template-columns:1fr;gap:18px}
:is(#pg,.pgx) .kino{min-height:auto}
:is(#pg,.pgx) .videoband{height:340px}
:is(#pg,.pgx) .videoband .marke{left:28px;top:28px;font-size:10.5px;padding:6px 11px}
:is(#pg,.pgx) .videoband .filmrahmen{inset:16px}
:is(#pg,.pgx) .videoband .ecke.lo,:is(#pg,.pgx) .videoband .ecke.ru,:is(#pg,.pgx) .videoband .ecke.ro,:is(#pg,.pgx) .videoband .ecke.lu{width:20px;height:20px}
:is(#pg,.pgx) .videoband .ecke.lo{left:16px;top:16px}
:is(#pg,.pgx) .videoband .ecke.ro{right:16px;top:16px}
:is(#pg,.pgx) .videoband .ecke.lu{left:16px;bottom:16px}
:is(#pg,.pgx) .videoband .ecke.ru{right:16px;bottom:16px}
:is(#pg,.pgx) .videoband .abspiel{width:72px;height:72px}
:is(#pg,.pgx) .videoband .was{font-size:19px;max-width:24ch}
:is(#pg,.pgx) .videoband .wie{font-size:11px;max-width:40ch}
:is(#pg,.pgx) .videoband .mitte{gap:16px;padding:0 26px}
:is(#pg,.pgx) .videoband .spieler{padding:12px 22px}
:is(#pg,.pgx) .pruefkarte{padding:20px;border-radius:18px}
:is(#pg,.pgx) .pruefkarte .block{height:48px}
:is(#pg,.pgx) .pruefkarte .dreier div{height:32px}
:is(#pg,.pgx) .siegel{width:92px;height:92px}
:is(#pg,.pgx) .fragestreifen{padding-block:38px 42px}
:is(#pg,.pgx) .fragestreifen .kopfz{padding-inline:20px;margin-bottom:22px}
:is(#pg,.pgx) .fragestreifen h3{font-size:20px;max-width:none}
:is(#pg,.pgx) .fragestreifen .bogen{width:300px;height:300px;right:-110px;top:-110px}
:is(#pg,.pgx) .mottoband{padding-block:44px 0}
:is(#pg,.pgx) .mottoband .kopfz{padding-inline:20px}
:is(#pg,.pgx) .mottoband h2{font-size:34px;max-width:none}
:is(#pg,.pgx) .felder{grid-template-columns:1fr;margin-top:32px}
:is(#pg,.pgx) .feldblock{min-height:0;padding:30px 24px 32px;gap:20px}
:is(#pg,.pgx) .feldblock b{font-size:25px}
:is(#pg,.pgx) .fallraster{grid-template-columns:1fr;gap:16px;margin-top:24px}
:is(#pg,.pgx) .slider{margin-top:24px}
:is(#pg,.pgx) .slidebahn{padding-inline:20px;scroll-padding-inline:20px;gap:12px}
:is(#pg,.pgx) .slide{flex-basis:88%;grid-template-columns:1fr;min-height:0}
:is(#pg,.pgx) .slidebild{margin:12px 12px 0;min-height:200px}
:is(#pg,.pgx) .slidetext{padding:22px;gap:14px}
:is(#pg,.pgx) .slidetext .nr{font-size:64px;-webkit-text-stroke:1.5px currentColor}
:is(#pg,.pgx) .slidetext h3{font-size:24px}
:is(#pg,.pgx) .slidesteuer{padding:18px 20px 0;gap:12px}
:is(#pg,.pgx) .pfeilknopf{width:48px;height:48px}
:is(#pg,.pgx) .fallfeld.gross,:is(#pg,.pgx) .fallfeld.klein{grid-column:auto;grid-row:auto}
:is(#pg,.pgx) .fallfeld.gross .bild,:is(#pg,.pgx) .fallfeld.klein .bild{aspect-ratio:16/10}
:is(#pg,.pgx) .fallfeld.gross h3{font-size:25px}
:is(#pg,.pgx) .fallfeld.gross .text{padding:22px}
:is(#pg,.pgx) .fallfeld .nr{font-size:64px;right:14px;top:6px}
:is(#pg,.pgx) .kundenband2{padding-block:44px 46px}
:is(#pg,.pgx) .kundenband2 h2{font-size:28px;max-width:none}
:is(#pg,.pgx) .kundenliste{margin-top:28px}
:is(#pg,.pgx) .kundenzeile b{font-size:21px}
:is(#pg,.pgx) .kundenfuss .knopf{width:100%}
:is(#pg,.pgx) .g-schluss{padding:28px 20px}
:is(#pg,.pgx) .g-schlusskarte{padding:30px 24px 26px;border-radius:22px}
:is(#pg,.pgx) .g-schlusskarte .h2{font-size:26px;margin-top:16px}
:is(#pg,.pgx) .g-schlusskarte p{font-size:16px;margin-top:12px}
:is(#pg,.pgx) .g-schlusskarte .reihe{margin-top:22px}
:is(#pg,.pgx) .g-schlusskarte .knopf{width:100%}
:is(#pg,.pgx) .logowand{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
:is(#pg,.pgx) .logokachel{height:96px;padding:16px 18px}
:is(#pg,.pgx) .logokachel img{max-height:44px}
:is(#pg,.pgx) .logozeile{margin-top:18px}
:is(#pg,.pgx) .grosszahl{font-size:46px!important}
:is(#pg,.pgx) .kino .inhalt{padding-block:34px 84px}
:is(#pg,.pgx) .kino h1{font-size:40px;line-height:1.02;max-width:none}
:is(#pg,.pgx) .kino .lead{font-size:16.5px;margin-top:16px}
:is(#pg,.pgx) .kino .scrim{background:linear-gradient(180deg,rgba(6,6,20,.9) 0%,rgba(6,6,20,.7) 55%,
  rgba(6,6,20,.92) 100%)}
:is(#pg,.pgx) .kino .schein{width:460px;height:460px;right:-180px;top:-160px}
:is(#pg,.pgx) .kino .schein2{width:380px;height:380px;left:-170px;bottom:-160px}
:is(#pg,.pgx) .kino .spieler{padding:12px 20px}
:is(#pg,.pgx) .kino .spieler .zeit{font-size:10.5px}
:is(#pg,.pgx) .mstand{border-radius:14px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);padding:13px;position:relative;overflow:hidden}
:is(#pg,.pgx) .mstand .zeile{height:9px;border-radius:5px;background:rgba(255,255,255,.14);margin-bottom:8px}
:is(#pg,.pgx) .mstand .block{height:52px;border-radius:9px;background:rgba(255,255,255,.09);margin:11px 0}
:is(#pg,.pgx) .mstand .dreier{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
:is(#pg,.pgx) .mstand .dreier div{height:34px;border-radius:8px;background:rgba(255,255,255,.09)}
:is(#pg,.pgx) .mstand .strahl{position:absolute;left:0;right:0;height:90px;pointer-events:none;
  background:linear-gradient(180deg,rgba(57,184,185,0) 0%,rgba(57,184,185,.34) 62%,
  rgba(57,184,185,.9) 78%,rgba(57,184,185,0) 80%);animation:tasten 4.2s cubic-bezier(.5,0,.5,1) infinite}
:is(#pg,.pgx) .mcrawler{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
:is(#pg,.pgx) .mcrawler .chip{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;
  background:rgba(10,10,28,.8);border:1px solid rgba(255,255,255,.17);
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;color:rgba(255,255,255,.9)}
:is(#pg,.pgx) .mcrawler .chip b{color:var(--tuerkis);font-weight:500}
:is(#pg,.pgx) .mcrawler .chip.nein b{color:#FF9BAF}
:is(#pg,.pgx) .mcrawler .punkt{width:6px;height:6px;border-radius:999px;background:var(--tuerkis)}
:is(#pg,.pgx) .mcrawler .chip.nein .punkt{background:#FF9BAF}
:is(#pg,.pgx) .siegel{width:92px;height:92px}
:is(#pg,.pgx) .farbschieber{height:auto;overflow:visible;scroll-snap-type:none;margin-top:32px}
:is(#pg,.pgx) .farbstand{display:none}
:is(#pg,.pgx) .farbfolie{height:auto}
:is(#pg,.pgx) .farbfolie-innen{grid-template-columns:minmax(0,1fr);gap:16px;padding:36px 20px 40px}
:is(#pg,.pgx) .farbfolie b{font-size:36px;margin-top:12px}
:is(#pg,.pgx) .farbfolie p{font-size:16px}
:is(#pg,.pgx) .g-baender{height:400px}
:is(#pg,.pgx) .g-band .w{font-size:30px;padding:0 18px}
:is(#pg,.pgx) .g-band .w3{font-size:22px}
:is(#pg,.pgx) .g-band.b1{top:30px}
:is(#pg,.pgx) .g-band.b2{top:118px}
:is(#pg,.pgx) .g-band.b3{top:206px}
:is(#pg,.pgx) .g-band.b4{top:286px}
:is(#pg,.pgx) .g-raster-wrap,:is(#pg,.pgx) .kundenraster .g-raster-wrap{padding:28px 20px 32px}
:is(#pg,.pgx) .g-riesig{font-size:60px;margin:10px 0 -18px}
:is(#pg,.pgx) .g-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#pg,.pgx) .g-raster .zelle{height:104px;padding:14px 16px}
:is(#pg,.pgx) .g-passer{display:none}
:is(#pg,.pgx) .slide.g-stimme{grid-template-columns:1fr;flex-basis:88%}
:is(#pg,.pgx) .g-portraet{min-height:180px}
:is(#pg,.pgx) .g-zitatfeld{padding:24px 22px}
:is(#pg,.pgx) .g-zitatfeld blockquote{font-size:16.5px}
:is(#pg,.pgx) .g-zitatfeld .zahlgross{font-size:54px}
:is(#pg,.pgx) .g-stimmenkopf{padding:0 20px}
:is(#pg,.pgx) .g-stimmenkopf h2,:is(#pg,.pgx) .g-stimmenkopf h4{font-size:24px!important}
:is(#pg,.pgx) .g-laufband .kopfz{flex-wrap:wrap;padding:0 20px}
:is(#pg,.pgx) .g-laufband h2,:is(#pg,.pgx) .g-laufband h4{font-size:28px}
:is(#pg,.pgx) .g-webkarte{width:250px}
:is(#pg,.pgx) .g-webkarte img{height:156px}
:is(#pg,.pgx) .g-folie{width:290px;height:300px;margin-left:-145px;padding:20px}
:is(#pg,.pgx) .g-folie :is(h3,h5){font-size:23px}
:is(#pg,.pgx) .g-folie .g-folientext{display:none}
:is(#pg,.pgx) .g-folie .bildhinweis{display:none}
:is(#pg,.pgx) .g-folie .g-folienbild{width:136px;top:auto;bottom:74px;right:-14px}
:is(#pg,.pgx) .g-folie .g-folienbild.hoch{width:76px;top:auto;bottom:44px;right:-6px}
:is(#pg,.pgx) .g-faecher{height:430px}
:is(#pg,.pgx) .faecherzone{padding-top:40px}}
:is(#pg,.pgx) a.pg-link{display:block;color:inherit;text-decoration:none}
:is(#pg,.pgx) a.pg-link:hover{color:inherit}
:is(#pg,.pgx) a.weiter{color:inherit;text-decoration:none}
:is(#pg,.pgx) a.weiter:hover{color:inherit;text-decoration:underline;text-underline-offset:4px}
:is(#pg,.pgx) a.marke{text-decoration:none}
:is(#pg,.pgx) .weitere a{color:var(--tinte);text-decoration:underline;text-underline-offset:.18em}
:is(#pg,.pgx) .weitere a:hover{color:var(--violett)}
:is(#pg,.pgx) .nurtext{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:is(#pg,.pgx) .pillnav > a[aria-current="page"]{background:#fff;color:var(--nacht)}
:is(#pg,.pgx) .fuss a{color:inherit;text-decoration:none}
:is(#pg,.pgx) .fuss a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
:is(#pg,.pgx) .fuss .ende a{color:inherit}
:is(#pg,.pgx) a:focus-visible,:is(#pg,.pgx) button:focus-visible,:is(#pg,.pgx) input:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
:is(#pg,.pgx) .pg-menueknopf{display:none}
:is(#pg,.pgx) .pg-menue{display:none}
:is(#pg,.pgx) .pg-hinweis{background:var(--tinte);color:#fff;font-size:14px;line-height:1.45;padding:10px 20px;text-align:center}
:is(#pg,.pgx) .pg-hinweis a{color:#fff;text-decoration:underline;text-underline-offset:3px}
:is(#pg,.pgx) .pg-weiterleitung{margin-top:16px;font-size:14.5px;color:var(--grau)}
:is(#pg,.pgx) .pg-formknopf{display:contents}
:is(#pg,.pgx) .pg-checkformular{max-width:560px}
:is(#pg,.pgx) .pg-checkformular input{min-width:0}
:is(#pg,.pgx) .pg-checkformular-voll{display:grid;gap:12px;max-width:none}
:is(#pg,.pgx) .pg-checkformular-voll input{flex:none;width:100%}
:is(#pg,.pgx) .pg-weiterleitung a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){:is(#pg,.pgx) .kopf2{grid-template-columns:auto 1fr auto}
:is(#pg,.pgx) .kopf2 .pillnav,:is(#pg,.pgx) .kopf2 .kapitel,:is(#pg,.pgx) .kopf2.gescrollt .kapitel,:is(#pg,.pgx) .kopf2 .kopf-rechts .hallo-knopf{display:none}
:is(#pg,.pgx) .pg-menueknopf{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
    border-radius:14px;background:var(--nacht);color:#fff;flex-direction:column;gap:5px}
:is(#pg,.pgx) .pg-menueknopf i{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}
:is(#pg,.pgx) .pg-menue{position:absolute;left:0;right:0;top:100%;background:var(--nacht);color:#fff;
    padding:12px 16px 20px;box-shadow:0 24px 40px -24px rgba(17,17,40,.8)}
:is(#pg,.pgx) .pg-menue .navgruppe{display:block;width:100%}
:is(#pg,.pgx) .pg-menue .navknopf{width:100%;justify-content:space-between;padding:12px 14px}
:is(#pg,.pgx) .pg-menue .untermenue{position:static;transform:none;width:auto;display:block;
    background:transparent;border:0;box-shadow:none;padding:0 0 6px 10px}
:is(#pg,.pgx) .pg-menue .untermenue[hidden]{display:none}
:is(#pg,.pgx) .pg-menue{max-height:calc(100vh - 79px);max-height:calc(100dvh - 79px);overflow-y:auto;overscroll-behavior:contain}
:is(#pg,.pgx) .pg-menue .navknopf{font-size:20px;font-weight:700;color:#fff;min-height:48px;padding:0 6px;background:none;
    border-radius:0;border-bottom:1px solid rgba(255,255,255,.12)}
:is(#pg,.pgx) .pg-menue .navknopf::after{content:"";flex:0 0 auto;width:9px;height:9px;margin:0 8px 4px 0;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
:is(#pg,.pgx) .pg-menue .navknopf[aria-expanded="true"]::after{transform:rotate(-135deg);margin-bottom:-4px}
:is(#pg,.pgx) .pg-menue .um-promo{background:none;padding:0;color:inherit}
:is(#pg,.pgx) .pg-menue .um-promo::after,:is(#pg,.pgx) .pg-menue .um-promo-zeile,:is(#pg,.pgx) .pg-menue .um-promo-titel,:is(#pg,.pgx) .pg-menue .um-promo-text{display:none}
:is(#pg,.pgx) .pg-menue .um-spalten{padding:0}
:is(#pg,.pgx) .pg-menue .um-spalten{grid-template-columns:1fr;gap:14px}
:is(#pg,.pgx) .pg-menue .um-rubrik{color:rgba(255,255,255,.6);border-bottom-color:rgba(255,255,255,.18)}
:is(#pg,.pgx) .pg-menue .untermenue a{color:rgba(255,255,255,.88);padding:9px 10px}
:is(#pg,.pgx) .pg-menue .untermenue a:hover{background:rgba(255,255,255,.12);color:#fff}
:is(#pg,.pgx) .pg-menue .untermenue a.alle{background:rgba(255,255,255,.14);color:#fff;margin:12px 0 16px}
:is(#pg,.pgx) .pg-menue.offen{display:block}
:is(#pg,.pgx) .pg-menue a{display:flex;align-items:center;min-height:48px;padding:0 6px;color:#fff;font-size:20px;
    font-weight:700;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none}
:is(#pg,.pgx) #pg-menue .pillnav{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:0;
    background:none;box-shadow:none}
:is(#pg,.pgx) #pg-menue .pillnav > a{border-radius:0}
:is(#pg,.pgx) #pg-menue .pillnav > a.aktiv{background:none;color:#fff;text-decoration:underline;text-underline-offset:5px}
:is(#pg,.pgx) #pg-menue .plus{display:none}
:is(#pg,.pgx) .pg-menue .hallo-knopf{display:flex;width:100%;margin-top:12px;padding:0 20px;justify-content:center;
    font-size:16px}
:is(#pg,.pgx) .pg-menue .hallo-text{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}}
@media (max-width:900px){:is(#pg,.pgx) .kopf2{padding:10px 16px;gap:10px}
:is(#pg,.pgx) .pg-menue{max-height:calc(100vh - 67px);max-height:calc(100dvh - 67px)}
:is(#pg,.pgx) .kopf2 .marke svg{height:30px}
:is(#pg,.pgx) .kopf2 .personcta{padding:4px 14px 4px 5px;min-height:46px;font-size:14px;gap:8px}
:is(#pg,.pgx) .kopf2 .personcta .gesicht{width:34px;height:34px;font-size:12px}
:is(#pg,.pgx) .kopf2 .personcta .wer small,:is(#pg,.pgx) .kopf2 .personcta .zeitpunkt{display:none}
:is(#pg,.pgx) [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
:is(#pg,.pgx) [style*="grid-column"],:is(#pg,.pgx) [style*="grid-row"]{grid-column:auto!important;grid-row:auto!important}
:is(#pg,.pgx) [style*="gap:56px"],:is(#pg,.pgx) [style*="gap:58px"],:is(#pg,.pgx) [style*="gap:64px"],:is(#pg,.pgx) [style*="gap:60px"],:is(#pg,.pgx) [style*="gap:48px"]{gap:28px!important}
:is(#pg,.pgx) .raster2,:is(#pg,.pgx) .raster3,:is(#pg,.pgx) .raster4,:is(#pg,.pgx) .raster32,:is(#pg,.pgx) .felder,:is(#pg,.pgx) .fallraster{grid-template-columns:minmax(0,1fr)}
:is(#pg,.pgx) .raster32>*,:is(#pg,.pgx) .raster32>:nth-child(n+4){grid-column:auto}
:is(#pg,.pgx) .fallfeld.gross,:is(#pg,.pgx) .fallfeld.klein{grid-column:auto;grid-row:auto}
:is(#pg,.pgx) .unter{grid-template-columns:minmax(0,1fr)}
:is(#pg,.pgx) .g-uebernahme{grid-template-columns:1fr}
:is(#pg,.pgx) .g-uebernahme div+div{border-left:0;border-top:1px solid var(--linie)}
:is(#pg,.pgx) .fuss{padding:40px 20px 28px}
:is(#pg,.pgx) .fuss .ende{flex-wrap:wrap;gap:8px}
:is(#pg,.pgx) .kundenzeile{grid-template-columns:1fr;gap:4px}
:is(#pg,.pgx) .farbkopf h1{font-size:38px}
:is(#pg,.pgx) .satz{padding-inline:20px}}
@media (max-width:760px){:is(#pg,.pgx) h1[style*="font-size"]{font-size:clamp(32px,9vw,44px)!important}
:is(#pg,.pgx) h2[style*="font-size"]{font-size:clamp(24px,7vw,32px)!important}
:is(#pg,.pgx) .d1{font-size:36px}
:is(#pg,.pgx) .h1{font-size:32px}
:is(#pg,.pgx) .farbkopf{padding-block:40px 44px}
:is(#pg,.pgx) .farbkopf h1{font-size:32px}
:is(#pg,.pgx) .band{padding-block:48px}
:is(#pg,.pgx) .band.eng{padding-block:36px}
:is(#pg,.pgx) [style*="padding:48px 52px"],:is(#pg,.pgx) [style*="padding:56px"]{padding:28px 22px!important}
:is(#pg,.pgx) .feld{flex-direction:column}
:is(#pg,.pgx) .feld input{flex:0 0 auto;width:100%}
:is(#pg,.pgx) .feld .knopf{width:100%}
:is(#pg,.pgx) .faq .zeile{gap:12px}
:is(#pg,.pgx) .schieber .fuss{flex-wrap:wrap}
:is(#pg,.pgx) .kandidatmarke .kstatus{margin-left:0}
:is(#pg,.pgx) .auswahlstart{padding-block:40px 34px}
:is(#pg,.pgx) .g-kopfb{padding:10px 16px}
:is(#pg,.pgx) .g-kopfb .marke svg{height:30px}
:is(#pg,.pgx) .g-flaeche{padding:0 20px;height:360px}
:is(#pg,.pgx) .g-flaeche h4{font-size:34px}
:is(#pg,.pgx) .g-panel{padding:80px 24px 28px}
:is(#pg,.pgx) .g-panel nav a{font-size:26px}
:is(#pg,.pgx) .g-abschnitt{padding:0 20px}
:is(#pg,.pgx) .g-abschnitt h4{font-size:34px}
:is(#pg,.pgx) .g-ref{grid-template-columns:1fr;padding:36px 20px;gap:26px}
:is(#pg,.pgx) .g-ref h4{font-size:36px}
:is(#pg,.pgx) .g-refbild{max-width:220px}
:is(#pg,.pgx) .g-wahl{grid-template-columns:1fr;min-height:0}
:is(#pg,.pgx) .g-wahllinks{padding:28px 20px}
:is(#pg,.pgx) .g-wahllinks h4{font-size:28px}
:is(#pg,.pgx) .g-wahlrechts{padding:22px 20px 28px}
:is(#pg,.pgx) .g-optionen{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#pg,.pgx) .g-formular{grid-template-columns:1fr}
:is(#pg,.pgx) .g-schluss{padding:28px 20px}
:is(#pg,.pgx) .g-schlusskarte{padding:30px 24px 26px;border-radius:22px}
:is(#pg,.pgx) .g-schlusskarte .h2{font-size:26px}
:is(#pg,.pgx) .g-schlusskarte p{font-size:16px}
:is(#pg,.pgx) .g-schlusskarte .knopf{width:100%}}
:is(#pg,.pgx) .projektuebersicht{padding-top:44px}
:is(#pg,.pgx) .pg-filterleiste{display:flex;flex-wrap:wrap;gap:10px}
:is(#pg,.pgx) .pg-filter{appearance:none;margin:0;padding:9px 16px;border-radius:999px;border:1px solid var(--linie-stark);
  background:transparent;color:var(--tinte);font:inherit;font-size:14.5px;font-weight:500;line-height:1.25;
  letter-spacing:0;text-transform:none;box-shadow:none;cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
:is(#pg,.pgx) .pg-filter:hover,:is(#pg,.pgx) .pg-filter:focus{border-color:var(--tinte);background:transparent;color:var(--tinte)}
:is(#pg,.pgx) .pg-filter[aria-pressed="true"],:is(#pg,.pgx) .pg-filter[aria-pressed="true"]:hover,:is(#pg,.pgx) .pg-filter[aria-pressed="true"]:focus{background:var(--tinte);border-color:var(--tinte);color:#fff}
:is(#pg,.pgx) .pg-filter:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
:is(#pg,.pgx) .pg-treffer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#pg,.pgx) .pg-raster{padding-inline:28px;margin-top:34px;columns:3;column-gap:18px}
:is(#pg,.pgx) .pg-raster .fallfeld{break-inside:avoid;margin-bottom:18px}
:is(#pg,.pgx) .pg-uebersicht .fallfeld[hidden],:is(#pg,.pgx) .pg-mehr[hidden]{display:none}
:is(#pg,.pgx) .pg-uebersicht .fallfeld .bild{height:300px;flex:0 0 auto}
:is(#pg,.pgx) .pg-uebersicht .fallfeld.hoch .bild{height:380px}
:is(#pg,.pgx) .pg-uebersicht .fallfeld .bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(#pg,.pgx) .pg-uebersicht .fallfeld .bild.einpassen{background:#fff}
:is(#pg,.pgx) .pg-uebersicht .fallfeld .bild.einpassen img{object-fit:scale-down;padding:30px}
:is(#pg,.pgx) .pg-uebersicht .fallfeld .nr{font-size:70px}
:is(#pg,.pgx) .pg-uebersicht .fallfeld.ton-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .pg-uebersicht .fallfeld.ton-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .pg-uebersicht .fallfeld.ton-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .pg-uebersicht .fallfeld.ton-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .pg-uebersicht .fallfeld.ton-t .bild{background:rgba(6,40,42,.14)}
:is(#pg,.pgx) .pg-uebersicht .fallfeld.ton-r .bild{background:rgba(61,16,24,.12)}
:is(#pg,.pgx) .pg-uebersicht a.weiter{color:inherit;text-decoration:none}
:is(#pg,.pgx) .pg-uebersicht a.weiter:hover{text-decoration:underline;text-underline-offset:4px}
:is(#pg,.pgx) .pg-mehr{margin-top:46px}
:is(#pg,.pgx) .pg-mehr-titel{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em}
:is(#pg,.pgx) .pg-mehr-bahn{margin-top:22px}
:is(#pg,.pgx) .pg-mehr-kopf{padding-inline:28px}
:is(#pg,.pgx) .pg-mehr-bahn .fallfeld{flex:0 0 calc((100% - 36px) / 3);scroll-snap-align:start}
:is(#pg,.pgx) .pg-mehr-bahn .fallfeld .bild{height:260px}
@media (max-width:1000px){:is(#pg,.pgx) .pg-raster{columns:2}
:is(#pg,.pgx) .pg-mehr-bahn .fallfeld{flex-basis:calc((100% - 18px) / 2)}}
@media (max-width:760px){:is(#pg,.pgx) .pg-mehr-kopf{padding-inline:20px}}
@media (max-width:640px){:is(#pg,.pgx) .pg-raster{columns:1;padding-inline:20px}
:is(#pg,.pgx) .pg-uebersicht .fallfeld .bild,:is(#pg,.pgx) .pg-uebersicht .fallfeld.hoch .bild{height:240px}
:is(#pg,.pgx) .pg-mehr-bahn .fallfeld{flex-basis:84%}
:is(#pg,.pgx) .pg-mehr-titel{font-size:26px}}
:is(#pg,.pgx) .schlusszone.schluss-breit{position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:linear-gradient(118deg,#4B3FD9 0%,#5758E0 30%,#3A5DBE 64%,#1F7FA0 100%);
  padding:clamp(60px,7vw,104px) 0 clamp(56px,6.4vw,92px)}
:is(#pg,.pgx) .schluss-breit .sb-dekor{position:absolute;inset:0;z-index:-1;pointer-events:none}
:is(#pg,.pgx) .schluss-breit .sb-netz{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%)}
:is(#pg,.pgx) .schluss-breit .sb-licht{position:absolute;border-radius:50%;filter:blur(70px)}
:is(#pg,.pgx) .schluss-breit .sb-licht.l1{width:48vw;height:48vw;right:-14vw;top:-20vw;background:#4FD1B0;opacity:.5}
:is(#pg,.pgx) .schluss-breit .sb-licht.l2{width:40vw;height:40vw;left:-16vw;bottom:-24vw;background:#F77991;opacity:.42}
:is(#pg,.pgx) .schluss-breit .sb-ring{position:absolute;top:50%;border-radius:50%;border:2px solid rgba(255,255,255,.16)}
:is(#pg,.pgx) .schluss-breit .sb-ring.r1{width:70vw;height:70vw;right:-28vw;margin-top:-35vw}
:is(#pg,.pgx) .schluss-breit .sb-ring.r2{width:50vw;height:50vw;right:-18vw;margin-top:-25vw;border-color:rgba(255,255,255,.22)}
:is(#pg,.pgx) .schluss-breit .sb-ring.r3{width:30vw;height:30vw;right:-8vw;margin-top:-15vw;border:2px dashed rgba(255,255,255,.34)}
:is(#pg,.pgx) .schluss-breit .sb-ring::after{content:"";position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;
  border-radius:50%;background:#4FD1B0;box-shadow:0 0 0 6px rgba(79,209,176,.22)}
:is(#pg,.pgx) .schluss-breit .sb-ring.r2::after{top:auto;bottom:-7px;width:14px;height:14px;margin-left:-7px;background:#FF94A7;
  box-shadow:0 0 0 6px rgba(255,148,167,.22)}
:is(#pg,.pgx) .schluss-breit .sb-ring.r3::after{display:none}
:is(#pg,.pgx) .schluss-breit .sb-inhalt{position:relative;max-width:1180px;margin:0 auto;padding-inline:40px}
:is(#pg,.pgx) .schluss-breit .sb-sticker{transform:rotate(-3deg)}
:is(#pg,.pgx) .schluss-breit .sb-titel{margin-top:22px;font-size:clamp(44px,6.8vw,108px);line-height:.95;font-weight:900;
  letter-spacing:-.045em;color:#fff}
:is(#pg,.pgx) .schluss-breit .sb-mark{display:inline-block;color:#06282A;background:#4FD1B0;padding:.02em .14em .08em;
  margin:.06em -.02em 0;border-radius:.16em;transform:rotate(-2deg);white-space:nowrap}
:is(#pg,.pgx) .schluss-breit .sb-unter{margin-top:18px;font-size:clamp(20px,2vw,28px);line-height:1.2;font-weight:700;
  letter-spacing:-.02em;color:rgba(255,255,255,.92)}
:is(#pg,.pgx) .schluss-breit .sb-feld{margin-top:36px;max-width:680px}
:is(#pg,.pgx) .schluss-breit .sb-feld .feld{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;background:#fff;border-radius:999px;
  padding:8px;box-shadow:0 34px 70px -34px rgba(8,8,40,.7);max-width:none}
:is(#pg,.pgx) .schluss-breit .sb-feld input{flex:1 1 auto;min-width:0;min-height:56px;height:56px;border:0;border-radius:999px;
  background:transparent;box-shadow:none;font-size:18px;padding:0 22px;color:var(--tinte)}
:is(#pg,.pgx) .schluss-breit .sb-feld input::placeholder{color:#62627A;opacity:1}
:is(#pg,.pgx) .schluss-breit .sb-feld input:focus-visible{outline:3px solid var(--violett);outline-offset:2px}
:is(#pg,.pgx) .schluss-breit .sb-feld .knopf{flex:0 0 auto;min-height:56px;height:56px;padding:0 28px;font-size:17px;border-radius:999px;
  background:var(--tinte);color:#fff;white-space:nowrap;box-shadow:none}
:is(#pg,.pgx) .schluss-breit .sb-feld .knopf:hover{background:#26264A}
:is(#pg,.pgx) .schluss-breit .sb-feld .knopf:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
:is(#pg,.pgx) .schluss-breit .sb-fuss{margin-top:24px;display:flex;flex-wrap:wrap;gap:16px 44px;align-items:center;
  justify-content:space-between;max-width:900px}
:is(#pg,.pgx) .schluss-breit .sb-fuss p{font-size:16px;line-height:1.55;color:rgba(255,255,255,.94);max-width:54ch}
:is(#pg,.pgx) .schluss-breit .sb-reden{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;color:#fff}
:is(#pg,.pgx) .schluss-breit .sb-hallo{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;
  border:2px solid #fff;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease}
:is(#pg,.pgx) .schluss-breit .sb-hallo:hover{background:#fff;color:var(--tinte);transform:rotate(-2deg)}
:is(#pg,.pgx) .schluss-breit .sb-hallo:focus-visible{outline:3px solid #fff;outline-offset:3px}
:is(#pg,.pgx) .schluss-breit .sb-fest{white-space:nowrap}
:is(#pg,.pgx) .schluss-breit.sb-unterseite .sb-titel{font-size:clamp(38px,5.2vw,76px);line-height:1;max-width:17ch}
:is(#pg,.pgx) .schluss-breit.sb-unterseite .sb-unter{font-size:clamp(18px,1.55vw,21px);font-weight:500;line-height:1.5;
  letter-spacing:0;max-width:52ch;margin-top:20px}
:is(#pg,.pgx) .schluss-breit .sb-aktion{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
:is(#pg,.pgx) .schluss-breit .sb-aktion .sb-feld{margin-top:0;flex:1 1 560px;max-width:680px}
:is(#pg,.pgx) .schluss-breit .sb-knopf,:is(#pg,.pgx) .schluss-breit .sb-hallo.sb-voll{display:inline-flex;align-items:center;min-height:56px;
  padding:0 30px;border-radius:999px;border:2px solid #fff;background:#fff;color:var(--tinte);font:inherit;font-size:17px;
  font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s ease}
:is(#pg,.pgx) .schluss-breit .sb-knopf:hover,:is(#pg,.pgx) .schluss-breit .sb-hallo.sb-voll:hover{background:#fff;color:var(--tinte);transform:rotate(-2deg)}
:is(#pg,.pgx) .schluss-breit .sb-knopf:focus-visible{outline:3px solid #fff;outline-offset:3px}
@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){:is(#pg,.pgx) .schluss-breit .sb-ring{animation:sb-drehen linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
:is(#pg,.pgx) .schluss-breit .sb-ring.r2{animation-name:sb-drehen-zurueck}
@keyframes sb-drehen{from{transform:rotate(-70deg)}to{transform:rotate(50deg)}}
@keyframes sb-drehen-zurueck{from{transform:rotate(60deg)}to{transform:rotate(-60deg)}}}}
@media (max-width:760px){:is(#pg,.pgx) .schlusszone.schluss-breit{padding:52px 0 48px}
:is(#pg,.pgx) .schluss-breit .sb-inhalt{padding-inline:20px}
:is(#pg,.pgx) .schluss-breit .sb-titel{font-size:clamp(36px,11vw,54px);margin-top:18px}
:is(#pg,.pgx) .schluss-breit .sb-titel br{display:none}
:is(#pg,.pgx) .schluss-breit.sb-unterseite .sb-titel{font-size:clamp(30px,8.6vw,42px)}
:is(#pg,.pgx) .schluss-breit .sb-aktion .sb-feld{flex-basis:100%}
:is(#pg,.pgx) .schluss-breit .sb-feld{margin-top:26px}
:is(#pg,.pgx) .schluss-breit .sb-feld .feld{flex-direction:column;align-items:stretch;border-radius:24px;padding:8px}
:is(#pg,.pgx) .schluss-breit .sb-feld input{height:52px;min-height:52px;font-size:17px;padding:0 14px}
:is(#pg,.pgx) .schluss-breit .sb-feld .knopf{width:100%;height:52px;min-height:52px}
:is(#pg,.pgx) .schluss-breit .sb-ring.r1{width:150vw;height:150vw;right:-95vw;margin-top:-75vw}
:is(#pg,.pgx) .schluss-breit .sb-ring.r2{width:110vw;height:110vw;right:-72vw;margin-top:-55vw}
:is(#pg,.pgx) .schluss-breit .sb-ring.r3{width:70vw;height:70vw;right:-48vw;margin-top:-35vw}
:is(#pg,.pgx) .schluss-breit .sb-licht.l1{width:90vw;height:90vw;right:-40vw;top:-40vw}
:is(#pg,.pgx) .schluss-breit .sb-licht.l2{width:80vw;height:80vw;left:-40vw;bottom:-40vw}}
:is(#pg,.pgx) .wissenliste{padding-top:44px}
:is(#pg,.pgx) .pg-wtop{position:relative;display:grid;grid-template-columns:1.1fr .9fr;border-radius:24px;overflow:hidden;
  margin-top:34px}
:is(#pg,.pgx) .pg-wtop.ton-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .pg-wtop.ton-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .pg-wtop.ton-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .pg-wtop.ton-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .pg-wtop-bild{position:relative;min-height:340px;background:rgba(255,255,255,.2)}
:is(#pg,.pgx) .pg-wtop-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(#pg,.pgx) .pg-wtop-text{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
:is(#pg,.pgx) .pg-wmeta{margin:0;font-size:12.5px;font-variant-numeric:tabular-nums}
:is(#pg,.pgx) .pg-wtop-titel{margin:0;font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-.025em}
:is(#pg,.pgx) .pg-wtop-titel a{color:inherit;text-decoration:none}
:is(#pg,.pgx) .pg-wtop-titel a::after{content:"";position:absolute;inset:0;border-radius:24px}
:is(#pg,.pgx) .pg-wtop-titel a:focus-visible{outline:none}
:is(#pg,.pgx) .pg-wtop:focus-within{outline:3px solid var(--violett);outline-offset:4px}
:is(#pg,.pgx) .pg-wtop-auszug{margin:0;font-size:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden}
:is(#pg,.pgx) .pg-wlesen{display:inline-flex;gap:8px;align-items:center;font-weight:700;margin-top:6px}
:is(#pg,.pgx) .pg-wtop:hover .pg-wlesen{text-decoration:underline;text-underline-offset:4px}
:is(#pg,.pgx) .pg-wliste{list-style:none;margin:34px 0 0;padding:0;border-top:2px solid var(--tinte)}
:is(#pg,.pgx) .pg-wz{position:relative;display:grid;grid-template-columns:118px 1fr auto;gap:22px;align-items:center;
  margin:0;padding:20px 0;border-bottom:1px solid var(--linie)}
:is(#pg,.pgx) .pg-wz time{font-size:12.5px;color:var(--grau);font-variant-numeric:tabular-nums}
:is(#pg,.pgx) .pg-wz-titel{font-size:19px;line-height:1.3;font-weight:700;color:var(--tinte);text-decoration:none}
:is(#pg,.pgx) .pg-wz-titel::after{content:"";position:absolute;inset:0}
:is(#pg,.pgx) .pg-wz:hover .pg-wz-titel{text-decoration:underline;text-underline-offset:4px}
:is(#pg,.pgx) .pg-wz-titel:focus-visible{outline:3px solid var(--violett);outline-offset:4px;border-radius:4px}
:is(#pg,.pgx) .pg-kat{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;white-space:nowrap;line-height:1.3}
:is(#pg,.pgx) .pg-kat.ton-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
:is(#pg,.pgx) .pg-kat.ton-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
:is(#pg,.pgx) .pg-kat.ton-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
:is(#pg,.pgx) .pg-kat.ton-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
:is(#pg,.pgx) .pg-wz[hidden],:is(#pg,.pgx) .pg-wtop[hidden],:is(#pg,.pgx) .pg-wmehr[hidden]{display:none}
:is(#pg,.pgx) .pg-wmehr{margin-top:30px;display:flex;justify-content:center}
:is(#pg,.pgx) .pg-wmehr-knopf{appearance:none;margin:0;min-height:48px;padding:0 26px;border-radius:999px;
  border:2px solid var(--tinte);background:transparent;color:var(--tinte);font:inherit;font-size:16px;font-weight:700;
  line-height:1.2;letter-spacing:0;text-transform:none;box-shadow:none;cursor:pointer}
:is(#pg,.pgx) .pg-wmehr-knopf:hover,:is(#pg,.pgx) .pg-wmehr-knopf:focus{background:var(--tinte);border-color:var(--tinte);color:#fff}
:is(#pg,.pgx) .pg-wmehr-knopf:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
@media (max-width:760px){:is(#pg,.pgx) .pg-wtop{grid-template-columns:1fr}
:is(#pg,.pgx) .pg-wtop-bild{min-height:220px}
:is(#pg,.pgx) .pg-wtop-text{padding:24px}
:is(#pg,.pgx) .pg-wtop-titel{font-size:26px}
:is(#pg,.pgx) .pg-wz{grid-template-columns:1fr auto;grid-template-areas:"zeit kat" "titel titel";gap:8px 14px;padding:16px 0}
:is(#pg,.pgx) .pg-wz time{grid-area:zeit}
:is(#pg,.pgx) .pg-wz .pg-kat{grid-area:kat;justify-self:end}
:is(#pg,.pgx) .pg-wz-titel{grid-area:titel;font-size:17px}}
:is(#pg,.pgx) .pg-beitrag-kopf{position:relative;overflow:hidden;background-image:radial-gradient(circle 280px at calc(100% - 140px) 120px,transparent 231px,rgba(255,255,255,.1) 232px,rgba(255,255,255,.1) 279px,transparent 280px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);
  background-size:auto,52px 52px,52px 52px,auto;color:#fff;padding:66px 0 124px}
:is(#pg,.pgx) .pg-beitrag-kopf.ohne-bild{padding-bottom:70px}
:is(#pg,.pgx) .pg-beitrag-kopf .satz{max-width:1180px}
:is(#pg,.pgx) .pg-bk-zeile{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.4}
:is(#pg,.pgx) .pg-bk-titel{margin:14px 0 0;font-size:48px;line-height:1.06;font-weight:900;letter-spacing:-.03em;max-width:24ch;
  text-wrap:balance}
:is(#pg,.pgx) .pg-bk-meta{margin:20px 0 0;font-size:16px;line-height:1.4;display:flex;flex-wrap:wrap;gap:6px 18px}
:is(#pg,.pgx) .pg-beitrag-bild{position:relative;z-index:1;max-width:1180px;margin:-88px auto 0;padding-inline:40px}
:is(#pg,.pgx) .pg-beitrag-bild img{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:560px;object-fit:cover;
  object-position:center 35%;border-radius:24px;box-shadow:0 18px 50px rgba(17,17,40,.16)}
:is(#pg,.pgx) .pg-beitrag-mehr .satz{max-width:1180px}
:is(#pg,.pgx) .pg-bm-titel{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em}
:is(#pg,.pgx) .pg-bm-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
:is(#pg,.pgx) .pg-bm-karte{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;
  border:1px solid var(--linie)}
:is(#pg,.pgx) .pg-bm-bild{position:relative;aspect-ratio:16/10;background:var(--violett-flaeche)}
:is(#pg,.pgx) .pg-bm-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(#pg,.pgx) .pg-bm-text{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
:is(#pg,.pgx) .pg-bm-text .pg-wmeta{color:var(--grau)}
:is(#pg,.pgx) .pg-bm-karte h3{margin:0;font-size:18px;line-height:1.3;font-weight:700}
:is(#pg,.pgx) .pg-bm-karte h3 a{color:var(--tinte);text-decoration:none}
:is(#pg,.pgx) .pg-bm-karte h3 a::after{content:"";position:absolute;inset:0}
:is(#pg,.pgx) .pg-bm-karte:hover h3 a{text-decoration:underline;text-underline-offset:4px}
:is(#pg,.pgx) .pg-bm-karte:focus-within{outline:3px solid var(--violett);outline-offset:3px}
:is(#pg,.pgx) .pg-bm-karte h3 a:focus-visible{outline:none}
@media (max-width:1000px){:is(#pg,.pgx) .pg-bm-raster{grid-template-columns:1fr 1fr}
:is(#pg,.pgx) .pg-bm-karte:nth-child(3){display:none}}
@media (max-width:760px){:is(#pg,.pgx) .pg-beitrag-kopf{padding:40px 0 92px}
:is(#pg,.pgx) .pg-beitrag-kopf.ohne-bild{padding-bottom:44px}
:is(#pg,.pgx) .pg-bk-titel{font-size:31px}
:is(#pg,.pgx) .pg-beitrag-bild{margin-top:-64px;padding-inline:20px}
:is(#pg,.pgx) .pg-beitrag-bild img{border-radius:16px}
:is(#pg,.pgx) .pg-bm-raster{grid-template-columns:1fr}
:is(#pg,.pgx) .pg-bm-karte:nth-child(3){display:flex}
:is(#pg,.pgx) .pg-bm-titel{font-size:26px}}
:is(#pg,.pgx) .pg-seitenleiste{display:flex;flex-direction:column;gap:16px}
:is(#pg,.pgx) .pg-sl-karte{position:relative;background:#fff;border:1px solid var(--linie);border-radius:20px;padding:20px 22px}
:is(#pg,.pgx) .pg-sl-titel{margin:0 0 10px;font-size:12px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:var(--tuerkis-text)}
:is(#pg,.pgx) .pg-sl-stand{display:flex;align-items:center;gap:14px}
:is(#pg,.pgx) .pg-sl-ring{flex:0 0 48px;width:48px;height:48px;transform:rotate(-90deg)}
:is(#pg,.pgx) .pg-sl-ring circle{fill:none;stroke-width:5}
:is(#pg,.pgx) .pg-sl-ring-grund{stroke:var(--violett-flaeche)}
:is(#pg,.pgx) .pg-sl-ring-wert{stroke:var(--violett);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;
  transition:stroke-dashoffset .25s linear}
:is(#pg,.pgx) .pg-sl-stand p{margin:0;display:flex;flex-direction:column;line-height:1.25}
:is(#pg,.pgx) .pg-sl-rest{font-size:18px;font-weight:700;color:var(--tinte)}
:is(#pg,.pgx) .pg-sl-zusatz{font-size:13.5px;color:var(--grau)}
:is(#pg,.pgx) .pg-sl-inhalt{margin-top:18px;padding-top:16px;border-top:1px solid var(--linie)}
:is(#pg,.pgx) .pg-sl-inhalt ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
:is(#pg,.pgx) .pg-sl-inhalt li{margin:0}
:is(#pg,.pgx) .pg-sl-inhalt a{display:flex;gap:10px;margin-inline:-10px;padding:8px 10px;border-radius:10px;font-size:14.5px;
  line-height:1.35;color:var(--grau);text-decoration:none;transition:none}
:is(#pg,.pgx) .pg-sl-inhalt a:hover{background:var(--sand);color:var(--tinte)}
:is(#pg,.pgx) .pg-sl-inhalt a[aria-current]{background:var(--violett-flaeche);color:var(--violett-tief);font-weight:700}
:is(#pg,.pgx) .pg-sl-inhalt a:focus-visible{outline:3px solid var(--violett);outline-offset:2px}
:is(#pg,.pgx) .pg-sl-nr{flex:0 0 auto;padding-top:2px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;
  color:var(--tuerkis-text)}
:is(#pg,.pgx) .pg-sl-inhalt a[aria-current] .pg-sl-nr{color:var(--violett)}
:is(#pg,.pgx) .pg-sl-check{overflow:hidden;border:0;color:#fff;background-image:radial-gradient(circle 120px at calc(100% + 10px) -10px,
  transparent 88px,rgba(255,255,255,.12) 89px,rgba(255,255,255,.12) 119px,transparent 120px),linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%)}
:is(#pg,.pgx) .pg-sl-sticker{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:999px;background:var(--tuerkis);
  color:#06282A;font-size:12px;font-weight:700;line-height:1.3;transform:rotate(-2deg)}
:is(#pg,.pgx) .pg-sl-frage{margin:0;font-size:22px;line-height:1.15;font-weight:900;letter-spacing:-.02em;text-wrap:balance}
:is(#pg,.pgx) .pg-sl-satz{margin:8px 0 16px;font-size:14.5px;line-height:1.45}
:is(#pg,.pgx) .pg-sl-check .feld{flex-direction:column;flex-wrap:nowrap;gap:10px;max-width:none}
:is(#pg,.pgx) .pg-sl-check .feld input{flex:0 0 auto;width:100%;min-height:48px;border-color:transparent;font-size:15px}
:is(#pg,.pgx) .pg-sl-check .feld .knopf{width:100%;min-height:48px;background:#fff;color:var(--tinte)}
:is(#pg,.pgx) .pg-sl-check .feld .knopf:hover{background:#fff;color:var(--violett)}
:is(#pg,.pgx) .pg-sl-leistung{transition:border-color .15s ease,transform .15s ease}
:is(#pg,.pgx) .pg-sl-leistung:hover{border-color:var(--violett);transform:translateY(-2px)}
:is(#pg,.pgx) .pg-sl-leistung:focus-within{outline:3px solid var(--violett);outline-offset:3px}
:is(#pg,.pgx) .pg-sl-lname{margin:0;padding-right:30px;font-size:18px;line-height:1.25;font-weight:700}
:is(#pg,.pgx) .pg-sl-lname a{color:var(--tinte);text-decoration:none}
:is(#pg,.pgx) .pg-sl-lname a::after{content:"";position:absolute;inset:0;border-radius:20px}
:is(#pg,.pgx) .pg-sl-lname a:focus-visible{outline:none}
:is(#pg,.pgx) .pg-sl-lsatz{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--grau);display:-webkit-box;-webkit-line-clamp:4;
  -webkit-box-orient:vertical;overflow:hidden}
:is(#pg,.pgx) .pg-sl-pfeil{position:absolute;top:20px;right:20px;color:var(--violett);line-height:0}
:is(#pg,.pgx) .pg-sl-teilen{display:flex;align-items:center;gap:10px;padding:2px 2px 0}
:is(#pg,.pgx) .pg-sl-hinweis{margin-right:auto;font-size:13.5px;color:var(--grau)}
:is(#pg,.pgx) .pg-sl-hinweis.ok{color:var(--tuerkis-text);font-weight:700}
:is(#pg,.pgx) .pg-sl-knopf{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;
  padding:0;border-radius:50%;border:1px solid var(--linie-stark);background:#fff;color:var(--tinte);box-shadow:none;
  cursor:pointer;transition:none}
:is(#pg,.pgx) .pg-sl-knopf:hover,:is(#pg,.pgx) .pg-sl-knopf:focus{border-color:var(--tinte);background:#fff;color:var(--violett)}
:is(#pg,.pgx) .pg-sl-knopf:focus-visible{outline:3px solid var(--violett);outline-offset:2px}
:is(#pg,.pgx) .pg-sl-knopf svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .pg-sl-ring-wert,:is(#pg,.pgx) .pg-sl-leistung{transition:none}
:is(#pg,.pgx) .pg-sl-leistung:hover{transform:none}}
@media (max-width:1024px){:is(#pg,.pgx) .pg-seitenleiste{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
:is(#pg,.pgx) .pg-sl-lesen{display:none}
:is(#pg,.pgx) .pg-sl-teilen{grid-column:1 / -1}}
@media (max-width:640px){:is(#pg,.pgx) .pg-seitenleiste{grid-template-columns:1fr}}
:is(#pg,.pgx) .kundenwand{padding-top:44px}
:is(#pg,.pgx) .pg-kd-kopf{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap}
:is(#pg,.pgx) .pg-kd-zahl{margin:0;font-size:14.5px;line-height:1.3;color:var(--grau);white-space:nowrap}
:is(#pg,.pgx) .pg-kd-zahl b{font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--tinte);font-variant-numeric:tabular-nums}
:is(#pg,.pgx) .pg-kd-raster{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
:is(#pg,.pgx) .pg-kd{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:176px;margin:0;
  padding:16px 14px 16px;border:1px solid var(--linie);border-radius:20px;background:#fff;text-align:center;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
:is(#pg,.pgx) .pg-kd:hover{transform:translateY(-3px);border-color:var(--linie-stark);box-shadow:0 20px 40px -24px rgba(17,17,40,.38)}
:is(#pg,.pgx) .pg-kd[hidden]{display:none}
:is(#pg,.pgx) .pg-kd-marke{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:92px}
:is(#pg,.pgx) .pg-kd-marke img{display:block;width:auto;height:auto;max-width:80%;max-height:66px;object-fit:contain}
:is(#pg,.pgx) .pg-kd-name{margin:6px 0 0;font-size:13.5px;line-height:1.3;font-weight:700;color:var(--tinte);text-wrap:balance}
:is(#pg,.pgx) .pg-kd-branche{margin:0;font-size:12px;line-height:1.35;color:var(--grau)}
:is(#pg,.pgx) .pg-kd.dunkel{border-color:transparent;color:#fff;background:radial-gradient(circle 140px at 100% 0,rgba(87,88,224,.35),
  transparent 70%),#12122A}
:is(#pg,.pgx) .pg-kd.dunkel .pg-kd-name{color:#fff}
:is(#pg,.pgx) .pg-kd.dunkel .pg-kd-branche{color:#B9B9D4}
:is(#pg,.pgx) .pg-kd-wort{max-width:92%;font-size:21px;line-height:1.12;font-weight:900;letter-spacing:-.02em;color:var(--tinte);
  text-wrap:balance}
:is(#pg,.pgx) .pg-kd.ohne-logo .pg-kd-branche{margin-top:6px}
:is(#pg,.pgx) .pg-kd-neu{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:999px;background:var(--tuerkis);
  color:#06282A;font-size:11.5px;font-weight:700;line-height:1.3;transform:rotate(3deg)}
@media (max-width:1100px){:is(#pg,.pgx) .pg-kd-raster{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){:is(#pg,.pgx) .pg-kd-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){:is(#pg,.pgx) .pg-kunden .pg-filterleiste{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:2px 20px 6px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-inline:20px}
:is(#pg,.pgx) .pg-kunden .pg-filterleiste::-webkit-scrollbar{display:none}
:is(#pg,.pgx) .pg-kunden .pg-filter{flex:0 0 auto;white-space:nowrap}
:is(#pg,.pgx) .pg-kd-kopf{gap:10px}
:is(#pg,.pgx) .pg-kd-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
:is(#pg,.pgx) .pg-kd{min-height:150px;padding:14px 10px}
:is(#pg,.pgx) .pg-kd-marke{min-height:78px}
:is(#pg,.pgx) .pg-kd-marke img{max-height:54px}
:is(#pg,.pgx) .pg-kd-wort{font-size:18px}}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .pg-kd{transition:none}
:is(#pg,.pgx) .pg-kd:hover{transform:none}}
:is(#pg,.pgx) .bfsgliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
:is(#pg,.pgx) .bfsgliste li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:14px 18px;border-radius:16px;background:#fff;
  border:1px solid var(--linie);font-size:16px;line-height:1.45}
:is(#pg,.pgx) .bfsgliste li.aus{background:transparent;border-style:dashed;color:var(--grau)}
:is(#pg,.pgx) .bfsg-zeichen{flex:0 0 28px;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;
  justify-content:center;font-weight:900;font-size:15px}
:is(#pg,.pgx) .bfsg-zeichen.ja{background:var(--tuerkis-flaeche);color:var(--tuerkis-text)}
:is(#pg,.pgx) .bfsg-zeichen.nein{background:var(--rosa-flaeche);color:var(--rosa-text)}
:is(#pg,.pgx) .qv-karte{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:40px 44px;
  border-radius:26px;background:var(--violett-flaeche);border:1px solid rgba(87,88,224,.18)}
:is(#pg,.pgx) .qv-karte .qv-link{flex:0 0 auto;text-decoration:none}
@media (max-width:760px){:is(#pg,.pgx) .bfsgzone .satz{grid-template-columns:1fr!important;gap:24px!important}
:is(#pg,.pgx) .qv-karte{padding:28px 24px}}
:is(#pg,.pgx) .tannenzone{display:grid;grid-template-columns:.62fr 1.38fr;gap:56px;align-items:start}
:is(#pg,.pgx) .tannenfeld{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:28px;
  max-width:340px;position:sticky;top:104px}
:is(#pg,.pgx) .tannenzone h2 + .txt{margin-top:16px}
:is(#pg,.pgx) .tannenzone .txt{max-width:68ch}
:is(#pg,.pgx) .tannenzone .txt + .txt{margin-top:14px}
@media (max-width:860px){:is(#pg,.pgx) .tannenzone{grid-template-columns:1fr;gap:28px}
:is(#pg,.pgx) .tannenfeld{max-width:240px;position:static}}
:is(#pg,.pgx) .auftakt{position:relative;width:100%;height:clamp(560px,80vh,780px);overflow:hidden;background:var(--nacht);
  color:#fff;isolation:isolate}
:is(#pg,.pgx) .au-buehne{position:absolute;inset:0}
:is(#pg,.pgx) .au-folie{position:absolute;inset:0;z-index:1;opacity:0;visibility:hidden;overflow:hidden;
  background:var(--au-feld);background-size:170% 170%;background-position:0% 50%;color:var(--au-schrift);
  --au-deko:rgba(255,255,255,.92);
  transition:opacity .55s ease,visibility 0s linear .55s}
:is(#pg,.pgx) .au-folie.ist-da{z-index:2;opacity:1;visibility:visible;transition:opacity .55s ease,visibility 0s;
  animation:au-wandern 24s ease-in-out infinite alternate}
:is(#pg,.pgx) .au-folie::after{content:attr(data-echo);position:absolute;right:-.05em;top:38%;z-index:1;
  transform:translateY(-50%);
  font-size:clamp(130px,var(--au-echo,26vw),380px);font-weight:900;letter-spacing:-.05em;line-height:.8;
  pointer-events:none;
  color:var(--au-deko);-webkit-text-fill-color:transparent;-webkit-text-stroke:3px var(--au-deko);
  opacity:.26;white-space:nowrap}
:is(#pg,.pgx) .au-folie::before{content:"";position:absolute;right:-12%;bottom:-34%;width:min(104vh,1000px);aspect-ratio:1;
  border-radius:999px;pointer-events:none;
  background:radial-gradient(circle,var(--au-licht2) 0%,rgba(255,255,255,0) 66%)}
:is(#pg,.pgx) .au-foto{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.42;
  mix-blend-mode:luminosity;pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 4%,#000 48%);
  mask-image:linear-gradient(to top,rgba(0,0,0,0) 4%,#000 48%)}
:is(#pg,.pgx) .au-licht{position:absolute;width:min(120vh,1100px);aspect-ratio:1;left:8%;top:-30%;border-radius:999px;
  pointer-events:none;background:radial-gradient(circle,var(--au-licht) 0%,rgba(255,255,255,0) 64%)}
:is(#pg,.pgx) .au-netz{position:absolute;inset:0;pointer-events:none;opacity:.62;
  background-image:linear-gradient(var(--au-deko) 1px,transparent 1px),
    linear-gradient(90deg,var(--au-deko) 1px,transparent 1px);background-size:74px 74px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 74%);
  mask-image:linear-gradient(to bottom,#000 0%,transparent 74%);mix-blend-mode:overlay}
:is(#pg,.pgx) .au-ruhe{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to top,var(--au-ruhe) 0%,var(--au-ruhe) 14%,rgba(255,255,255,0) 60%)}
:is(#pg,.pgx) .au-ring{position:absolute;right:-14%;bottom:-46%;width:min(96vh,860px);aspect-ratio:1;border-radius:999px;
  border:2px dashed var(--au-deko);opacity:.3;pointer-events:none}
:is(#pg,.pgx) .au-korn{position:absolute;inset:0;pointer-events:none;opacity:.38;
  background-image:radial-gradient(rgba(255,255,255,.22) .6px,transparent .7px);background-size:4px 4px}
:is(#pg,.pgx) .au-inhalt{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;
  padding-block:clamp(30px,6vh,64px) clamp(92px,12vh,116px)}
:is(#pg,.pgx) .au-oben{margin:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;opacity:.9}
:is(#pg,.pgx) .au-satz{margin:clamp(12px,1.6vh,20px) 0 0;font-size:clamp(54px,11.5vw,140px);line-height:.9;font-weight:900;
  letter-spacing:-.045em;text-wrap:balance}
:is(#pg,.pgx) .au-was{margin:clamp(14px,2vh,24px) 0 0;font-size:clamp(16px,1.45vw,21px);line-height:1.35;font-weight:500;
  opacity:.95;max-width:34ch}
:is(#pg,.pgx) .au-ton-v{--au-feld:linear-gradient(118deg,#5758E0 0%,#4A4FD2 40%,#2F6FA8 100%);--au-schrift:#fff;
  --au-licht:rgba(79,209,176,.5);--au-licht2:rgba(247,121,145,.42);--au-ruhe:rgba(8,8,22,.66)}
:is(#pg,.pgx) .au-ton-r{--au-feld:linear-gradient(118deg,#FF94A7 0%,#F77991 42%,#E27AC0 100%);--au-schrift:#3D1018;
  --au-licht:rgba(255,255,255,.5);--au-licht2:rgba(87,88,224,.4);--au-ruhe:rgba(255,238,242,.66)}
:is(#pg,.pgx) .au-ton-t{--au-feld:linear-gradient(118deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);--au-schrift:#06282A;
  --au-licht:rgba(255,255,255,.44);--au-licht2:rgba(200,247,120,.38);--au-ruhe:rgba(226,251,246,.7)}
:is(#pg,.pgx) .au-ton-m{--au-feld:linear-gradient(118deg,#4B37C0 0%,#8A3FA8 52%,#BE4468 100%);--au-schrift:#fff;
  --au-licht:rgba(255,148,167,.46);--au-licht2:rgba(79,209,176,.34);--au-ruhe:rgba(8,8,22,.74)}
:is(#pg,.pgx) .au-ton-n{--au-feld:linear-gradient(118deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);--au-schrift:#fff;
  --au-licht:rgba(57,184,185,.54);--au-licht2:rgba(247,121,145,.4);--au-ruhe:rgba(8,8,22,.52)}
:is(#pg,.pgx) .au-steuer{position:absolute;z-index:4;right:clamp(14px,5vw,44px);bottom:clamp(18px,4.5vh,38px);
  display:flex;align-items:center;gap:15px;padding:9px 16px 9px 9px;border-radius:999px;
  background:rgba(8,8,22,.5);backdrop-filter:blur(8px);color:#fff}
:is(#pg,.pgx) .au-pause{width:42px;height:42px;border-radius:999px;border:0;cursor:pointer;background:rgba(255,255,255,.18);
  color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease}
:is(#pg,.pgx) .au-pause:hover{background:rgba(255,255,255,.32)}
:is(#pg,.pgx) .au-pause .au-los{display:none}
:is(#pg,.pgx) .au-pause[aria-pressed="true"] .au-halt{display:none}
:is(#pg,.pgx) .au-pause[aria-pressed="true"] .au-los{display:inline-flex}
:is(#pg,.pgx) .au-punkte{display:flex;align-items:center;gap:9px;list-style:none;margin:0;padding:0}
:is(#pg,.pgx) .au-punkt{display:block;width:38px;height:5px;padding:0;border:0;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.34);position:relative;overflow:hidden}
:is(#pg,.pgx) .au-punkt[aria-current="true"]{background:rgba(255,255,255,.42)}
:is(#pg,.pgx) .au-lauf{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
:is(#pg,.pgx) .au-punkt[aria-current="true"] .au-lauf{transform:scaleX(1)}
:is(#pg,.pgx) .auftakt.laeuft .au-punkt[aria-current="true"] .au-lauf{animation:au-lauf 6s linear forwards}
@keyframes au-wandern{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes au-wisch{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes au-auf{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes au-echo{from{transform:translate(2%,-50%)}to{transform:translate(-3%,-50%)}}
@keyframes au-dreh{to{transform:rotate(360deg)}}
@keyframes au-licht{from{transform:translate(0,0)}to{transform:translate(-9%,-7%)}}
@keyframes au-lauf{from{transform:scaleX(0)}to{transform:scaleX(1)}}
:is(#pg,.pgx) .au-folie.wisch{animation:au-wisch .72s cubic-bezier(.76,0,.24,1) both,
  au-wandern 24s ease-in-out infinite alternate}
:is(#pg,.pgx) .au-folie.ist-da::after{animation:au-echo 16s ease-in-out infinite alternate}
:is(#pg,.pgx) .au-folie.ist-da::before{animation:au-licht 19s ease-in-out infinite alternate}
:is(#pg,.pgx) .au-folie.ist-da .au-ring{animation:au-dreh 90s linear infinite}
:is(#pg,.pgx) .au-folie.ist-da .au-inhalt > *{animation:au-auf .8s cubic-bezier(.2,.75,.2,1) both}
:is(#pg,.pgx) .au-folie.ist-da .au-inhalt > *:nth-child(2){animation-delay:.08s}
:is(#pg,.pgx) .au-folie.ist-da .au-inhalt > *:nth-child(3){animation-delay:.17s}
@media (max-width:900px){:is(#pg,.pgx) .auftakt{height:clamp(500px,78vh,660px)}
:is(#pg,.pgx) .au-satz{font-size:clamp(46px,15vw,74px)}
:is(#pg,.pgx) .au-was{font-size:16.5px;max-width:26ch}
:is(#pg,.pgx) .au-folie::after{font-size:clamp(110px,calc(var(--au-echo,26vw) * 1.7),240px);top:32%}
:is(#pg,.pgx) .au-ring{right:-40%;bottom:-30%;width:120vw}
:is(#pg,.pgx) .au-inhalt{padding-bottom:clamp(88px,14vh,110px)}}
@media (prefers-reduced-motion:reduce){:is(#pg,.pgx) .au-folie,:is(#pg,.pgx) .au-folie.ist-da,:is(#pg,.pgx) .au-folie.wisch{transition:none;animation:none}
:is(#pg,.pgx) .au-folie.ist-da::after,:is(#pg,.pgx) .au-folie.ist-da::before,:is(#pg,.pgx) .au-folie.ist-da .au-ring,:is(#pg,.pgx) .au-folie.ist-da .au-inhalt > *,:is(#pg,.pgx) .auftakt.laeuft .au-punkt[aria-current="true"] .au-lauf{animation:none}}
/* Sprunglink (WCAG 2.4.1, Stufe A) – der erste Tabstopp jeder Seite, springt auf #inhalt vor <main>.
   ⚠ !important auf Farbe und Anzeige ist hier kein Faulheitsfehler, sondern noetig: Die Linkfarbe kommt aus
   ":is(#pg,.pgx) a". Das :is() zaehlt mit der hoechsten Spezifitaet seiner Argumente, also mit der ID #pg
   (1,1,0) – das schlaegt jede Klassenregel. Am 29.09. war der Text dadurch violett auf Schwarz: 3,5:1,
   unter der Norm von 4,5:1. Dieselbe Falle wie bei den Astra-Linkfarben am 25.09.
   ⚠ Auch das Padding braucht !important: der globale Reset ":is(#pg,.pgx), :is(#pg,.pgx) *{padding:0}"
   traegt dieselbe ID-Spezifitaet. Ohne das war der Kasten 20 statt 48 px hoch und der Text angeschnitten.
   ⚠ Fokuszustaende NIE per getComputedStyle pruefen: im ferngesteuerten wie im headless Chrome liefert es
   veraltete Werte (meldete -9999px, waehrend das Bild den Link an Position 0 zeigte). Verlaesslich ist nur
   die Aufnahme – werkzeug/cdp_shot.py mit FOKUS=1. */
.pg-skip{position:absolute;left:-9999px;top:0;z-index:100;display:inline-block !important;
  background:#111 !important;color:#fff !important;line-height:1.2;
  padding:14px 22px !important;border-radius:0 0 14px 0;font-weight:700;text-decoration:none !important;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif}
.pg-skip:focus{left:0}
#inhalt{scroll-margin-top:96px}
:root{--violett:#5758E0;--violett-tief:#3B3CC4;--violett-flaeche:#EFEFFD;--tuerkis:#39B8B9;
  --tuerkis-text:#1C7C7D;--tuerkis-flaeche:#EEF9F9;--rosa:#F77991;--rosa-text:#C0405C;--rosa-flaeche:#FDF1F4;
  --tinte:#111111;--grau:#63637A;--linie:#E6E6EF;--linie-stark:#D3D3E2;--sand:#F7F7FB;--nacht:#12122A;--weiss:#FFFFFF}
body:not(#_){font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;color:var(--tinte);background:#fff;
  -webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}
#ast-scroll-top{display:none!important}
.e-con.e-flex{--flex-wrap:nowrap}
.e-con.pge-seo{display:none}   /* nur JSON-LD für Suchmaschinen und KI */

/* Kopf- und Fußzeile */
.e-con.pge-kopfzeile{position:sticky;top:0;z-index:50;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
body.admin-bar .e-con.pge-kopfzeile{top:32px}
@media (max-width:782px){body.admin-bar .e-con.pge-kopfzeile{top:46px}}
html.pg-hallo-offen{overflow:hidden}
:is(#pg,.pgx) .kopf2{position:relative}

/* Flächen */
.e-con.pge-weiss{background-color:#fff}
.e-con.pge-sand{background-color:var(--sand)}
.e-con.pge-farbkopf{position:relative;overflow:hidden}

/* Spaltenverhältnisse in Zeilen */
.e-con.pge-sp-12{flex:1.2 1 0%;min-width:0}
.e-con.pge-sp-08{flex:.8 1 0%;min-width:0}
.e-con.pge-sp-085{flex:.85 1 0%;min-width:0}
.e-con.pge-sp-115{flex:1.15 1 0%;min-width:0}
.e-con.pge-sp-1{flex:1 1 0%;min-width:0}
.e-con.pge-sp-auto{flex:0 0 auto}
.elementor .elementor-element.pge-breite26{max-width:26ch}
.elementor .elementor-element.pge-breite22{max-width:22ch}

/* Schrift der Widgets: Klasse am Widget, Titel und Absätze erben */
.elementor [class*="pge-"] .elementor-heading-title{font-family:inherit;color:inherit;font-size:inherit;
  line-height:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;margin:0;padding:0}
.elementor [class*="pge-"] p{margin:0}
.elementor [class*="pge-"] p + p{margin-top:.8em}
.elementor .elementor-element.pge-brot{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px}
.elementor .elementor-element.pge-eyebrow{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--tuerkis-text);font-weight:700;line-height:1.4}
.elementor .elementor-element.pge-h1{font-size:54px;line-height:1.04;font-weight:900;letter-spacing:-.03em;max-width:18ch}
.elementor .elementor-element.pge-h2{font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.022em}
/* Astra färbt jeden Link türkis (2,27:1 auf der hellen Karte). Diese Regel MUSS unpräfixiert stehen:
   css_praefix würde sie auf :is(#pg,.pgx) einschränken, und dort liegt der Elementor-Link nicht. */
.elementor .pge-weitere a{color:var(--tinte);text-decoration:underline;text-underline-offset:.18em}
.elementor .pge-weitere a:hover{color:var(--violett)}
.elementor .elementor-element.pge-h3{font-size:20px;line-height:1.22;font-weight:700;letter-spacing:-.012em}
.elementor .elementor-element.pge-lead{font-size:20px;line-height:1.5;color:var(--grau);max-width:60ch}
.elementor .elementor-element.pge-txt{font-size:17px;line-height:1.6;color:var(--grau);max-width:66ch}
.elementor .elementor-element.pge-klein{font-size:15px;line-height:1.5;color:var(--grau)}
.elementor .elementor-element.pge-hinweis{font-size:13.5px;line-height:1.5;color:var(--grau)}
.elementor .elementor-element.pge-nr{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;
  letter-spacing:.14em;color:var(--tuerkis-text);font-weight:700}
.elementor .elementor-element.pge-mono-label{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase}
.elementor .elementor-element.pge-abschlusstext{font-size:17px;line-height:1.55;max-width:52ch}
.elementor .pge-farbkopf .elementor-element.pge-eyebrow,
.elementor .pge-farbkopf .elementor-element.pge-lead{color:inherit}
.elementor .pge-farbkopf .elementor-element.pge-lead{max-width:56ch}
.elementor .pge-abschluss .elementor-element.pge-h2{max-width:24ch}

/* Knöpfe */
.elementor .elementor-widget-button.pge-knopf .elementor-button{display:inline-flex;align-items:center;
  justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;border:0;
  font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;
  background:var(--violett);color:#fff;box-shadow:none;transition:transform .18s ease}
.elementor .elementor-widget-button.pge-knopf .elementor-button:hover{background:var(--violett-tief);color:#fff;
  transform:translateY(-1px)}
.elementor .elementor-widget-button.pge-knopf .elementor-button:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
.elementor .elementor-widget-button.pge-knopf .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:8px}
.elementor .elementor-widget-button.pge-knopf .elementor-button-icon svg{width:15px;height:15px;fill:currentColor}
.elementor .elementor-widget-button.pge-aufhell .elementor-button,
.elementor .elementor-widget-button.pge-weiss .elementor-button{background:#fff;color:var(--tinte)}
.elementor .elementor-widget-button.pge-aufhell .elementor-button:hover,
.elementor .elementor-widget-button.pge-weiss .elementor-button:hover{background:#fff;color:var(--violett)}
.elementor .elementor-widget-button.pge-umriss .elementor-button{background:transparent;color:inherit;
  box-shadow:inset 0 0 0 2px currentColor}
.elementor .elementor-widget-button.pge-umriss .elementor-button:hover{background:rgba(255,255,255,.14);color:inherit}
.elementor .elementor-widget-button.pge-pfeillink .elementor-button{background:none;padding:0;min-height:0;
  border-radius:0;color:var(--violett)}
.elementor .elementor-widget-button.pge-pfeillink .elementor-button:hover{background:none;color:var(--violett-tief);
  text-decoration:underline;text-underline-offset:4px;transform:none}

/* Seitenkopf: „Auf einen Blick“ */
.e-con.pge-blick{background:rgba(17,17,40,.22);border:1px solid rgba(255,255,255,.3);border-radius:18px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pge-farbkopf.pge-ton-t .e-con.pge-blick,.pge-farbkopf.pge-ton-r .e-con.pge-blick{background:rgba(255,255,255,.34);
  border-color:rgba(255,255,255,.5)}
.elementor .pge-blickliste .elementor-icon-list-items{margin:0;padding:0}
.elementor .pge-blickliste .elementor-icon-list-item{align-items:flex-start;padding:7px 0;margin:0;
  font-size:15px;line-height:1.45}
.elementor .pge-blickliste .elementor-icon-list-icon{padding-top:3px}
.elementor .pge-blickliste .elementor-icon-list-icon svg{width:14px;height:14px;fill:currentColor}
.elementor .pge-blickliste .elementor-icon-list-text{color:inherit;padding-left:10px}

/* „Was dazugehört“: Symbol-Boxen */
.elementor .elementor-element.pge-wasitem{border-bottom:1px solid var(--linie);padding:18px 0}
.elementor .pge-wasitem .elementor-icon-box-wrapper{display:flex;flex-direction:row;gap:14px;align-items:flex-start;text-align:left}
.elementor .pge-wasitem .elementor-icon-box-icon{margin:0;flex:0 0 auto;line-height:0}
.elementor .pge-wasitem .elementor-icon{width:34px;height:34px;border-radius:10px;padding:0;font-size:15px;
  display:inline-flex;align-items:center;justify-content:center;border:0}
.elementor .pge-wasitem .elementor-icon svg{width:15px;height:15px;fill:currentColor}
.elementor .pge-wasitem .elementor-icon-box-title{font-family:inherit;font-size:17px;font-weight:700;
  line-height:1.3;letter-spacing:0;margin:0;color:var(--tinte)}
.elementor .pge-wasitem .elementor-icon-box-description{font-size:15px;line-height:1.5;color:var(--grau);margin:4px 0 0}
.e-con.pge-wasliste{border-top:1px solid var(--linie)}

/* Bildplatz, Sticker */
.e-con.pge-bildplatz{border-radius:16px;border:1px solid var(--linie);aspect-ratio:4/3;min-height:0}
.elementor .elementor-element.pge-bildlabel .elementor-widget-container{display:inline-block;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12px;color:var(--tinte);
  background:rgba(255,255,255,.9);padding:6px 12px;border-radius:999px}
.elementor .elementor-element.pge-sticker .elementor-widget-container{display:inline-flex;align-items:center;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.06em;
  padding:9px 16px;border-radius:999px;background:var(--tinte);color:#fff;transform:rotate(-2.4deg);
  box-shadow:0 10px 22px -14px rgba(17,17,40,.7)}
.elementor .elementor-element.pge-sticker-t .elementor-widget-container{background:var(--tuerkis);color:#06282A;transform:rotate(1.8deg)}
.elementor .elementor-element.pge-sticker-r .elementor-widget-container{background:var(--rosa);color:#4A1420;transform:rotate(-1.4deg)}

/* Suchbegriff mit Ort in der H1 (21.09.): sieht aus wie Kennzeile bzw. Sticker, steht aber in der Überschrift */
.elementor .elementor-heading-title .pge-h1-zeile{display:block;font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.4;margin-bottom:14px}
.elementor .elementor-heading-title .pge-h1-sticker{display:flex;width:fit-content;align-items:center;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.06em;
  line-height:1.2;text-transform:none;padding:9px 16px;border-radius:999px;background:var(--tuerkis);color:#06282A;
  transform:rotate(1.8deg);box-shadow:0 10px 22px -14px rgba(17,17,40,.7);margin-bottom:22px}
.elementor .elementor-heading-title .elementor-screen-only{position:absolute;width:1px;height:1px;margin:-1px;
  padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Muster-Leistungsseiten SEO und GEO: Kurz erklärt, Karten, Vor Ort */
.elementor .elementor-element.pge-erklaerung{font-size:19px;line-height:1.6;color:var(--tinte);max-width:62ch}
.e-con.pge-karte{background-color:#fff;border:1px solid var(--linie);border-radius:18px}
.e-con.pge-karte-t{border-color:var(--tuerkis)}
.elementor .pge-nacht .elementor-element.pge-txt{color:#B9B9D4}
.elementor .pge-ortliste .elementor-icon-list-items{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16)}
.elementor .pge-ortliste .elementor-icon-list-item{align-items:flex-start;padding:16px 0;margin:0;
  border-bottom:1px solid rgba(255,255,255,.16);font-size:17px;line-height:1.45}
.elementor .pge-ortliste .elementor-icon-list-icon{padding-top:4px}
.elementor .pge-ortliste .elementor-icon-list-icon svg{width:15px;height:15px;fill:var(--tuerkis)}
.elementor .pge-ortliste .elementor-icon-list-text{color:#fff;padding-left:12px}

.e-con.pge-mit-bild{position:relative;overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.e-con.pge-mit-bild > .elementor-element{position:absolute;inset:0;width:100%;height:100%;margin:0}
.e-con.pge-mit-bild .elementor-widget-container,.e-con.pge-mit-bild .pgx{height:100%}
.e-con.pge-mit-bild img.praxisbild{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
:is(#pg,.pgx) .knopf.pg-hallo-abschluss{background:#fff;color:var(--tinte)}
:is(#pg,.pgx) .knopf.pg-hallo-abschluss:hover{background:#fff;color:var(--violett)}
.elementor .elementor-element.pge-hallo-abschluss{width:auto;flex:0 0 auto}
@media (max-width:767px){.elementor .elementor-element.pge-hallo-abschluss{width:100%}
  :is(#pg,.pgx) .knopf.pg-hallo-abschluss{width:100%}}

/* Ablauf */
.e-con.pge-ablauf{background:linear-gradient(90deg,var(--tuerkis),var(--violett),var(--rosa)) 0 6px/100% 2px no-repeat}
.e-con.pge-schritt{background:radial-gradient(circle at 7px 7px,#fff 0 3.6px,var(--violett) 4.2px 6.6px,transparent 7.2px) 0 0/14px 14px no-repeat}

/* FAQ (Aufklapp-Widget) */
.elementor .pge-faq .elementor-toggle{border-top:1px solid var(--linie)}
.elementor .pge-faq .elementor-toggle .elementor-toggle-item{border-bottom:1px solid var(--linie);margin:0}
.elementor .pge-faq .elementor-toggle .elementor-tab-title{display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;padding:22px 0;border:0;font-family:inherit;font-size:18px;font-weight:700;letter-spacing:-.01em;
  line-height:1.35;color:var(--tinte);background:none}
.elementor .pge-faq .elementor-toggle .elementor-toggle-title{order:1;color:inherit;text-decoration:none}
.elementor .pge-faq .elementor-toggle .elementor-toggle-icon{order:2;float:none;width:26px;flex:0 0 auto;
  color:var(--grau);text-align:right}
.elementor .pge-faq .elementor-toggle .elementor-toggle-icon svg{width:18px;height:18px;fill:currentColor}
.elementor .pge-faq .elementor-toggle .elementor-tab-content{padding:0 40px 22px 0;border:0;font-size:16px;
  line-height:1.55;color:var(--grau);max-width:76ch}

/* Abschluss */
.e-con.pge-abschluss{border-radius:26px;overflow:hidden}

/* Adressfeld (Formular statt Link) */
:is(#pg,.pgx).pgx-leer{background:transparent;color:inherit}
:is(#pg,.pgx).pgx-farbe .feld .knopf{background:#fff;color:var(--tinte)}
:is(#pg,.pgx).pgx-farbe .feld .knopf:hover{background:#fff;color:var(--violett)}
:is(#pg,.pgx) .pg-checkformular .knopf:focus-visible,:is(#pg,.pgx) .pg-checkformular input:focus-visible{outline:3px solid #fff;outline-offset:2px}
.elementor .elementor-element.pge-checkfeld{width:100%;max-width:560px}
.elementor .elementor-element.pge-checkfeld-abschluss{flex:0 1 460px;max-width:460px}
@media (max-width:767px){.elementor .elementor-element.pge-checkfeld-abschluss{flex:1 1 auto;max-width:none}}

/* Rechtstexte */
.e-con.pge-sp-034{flex:.34 1 0%;min-width:0}
.e-con.pge-sp-066{flex:.66 1 0%;min-width:0}
.e-con.pge-klebt{position:sticky;top:110px}
.elementor .elementor-element.pge-h1-klein{font-size:44px;line-height:1.06}
.elementor .elementor-element.pge-grau{color:var(--grau)}
.e-con.pge-hinweiskarte{border-radius:16px;color:#3D1018;background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%)}
.elementor .elementor-element.pge-hinweistitel{font-size:15px;font-weight:700;line-height:1.3}
.elementor .elementor-element.pge-hinweistext{font-size:14px;line-height:1.5}
.e-con.pge-rechtliste{border-top:2px solid var(--tinte)}
.e-con.pge-rechtteil{border-bottom:1px solid var(--linie)}
.elementor .elementor-element.pge-rechtkopf{font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.25}

/* Abschnitte als HTML-Widget: keine Abstände von Elementor dazwischen */
.e-con.pge-html{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px}
.e-con.pge-html .elementor-widget-html{width:100%}

@media (max-width:767px){
  .e-con[class*="pge-sp-"]{flex:1 1 auto;width:100%}
  .elementor .elementor-element.pge-h1{font-size:32px}
  .elementor .elementor-element.pge-h2{font-size:24px}
  .elementor .elementor-element.pge-lead{font-size:17px}
  .e-con.pge-ablauf{background:none}
  .e-con.pge-klebt{position:static}
  .elementor .elementor-element.pge-h1-klein{font-size:32px}
  .elementor .elementor-widget-button.pge-knopf{width:100%}
  .elementor .elementor-widget-button.pge-knopf .elementor-button{width:100%}
  .elementor .elementor-widget-button.pge-pfeillink,
  .elementor .elementor-widget-button.pge-pfeillink .elementor-button{width:auto}
  .elementor .pge-faq .elementor-toggle .elementor-tab-content{padding-right:0}
  .elementor .elementor-element.pge-erklaerung{font-size:17px}
}
.e-con.pge-farbkopf.pge-ton-v{background-image:radial-gradient(circle 280px at calc(100% - 140px) 120px,transparent 231px,rgba(255,255,255,.1) 232px,rgba(255,255,255,.1) 279px,transparent 280px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);background-size:auto,52px 52px,52px 52px,auto;color:#fff}
.e-con.pge-abschluss.pge-ton-v{background-image:radial-gradient(circle 180px at calc(100% - 90px) calc(100% - 30px),transparent 139px,rgba(255,255,255,.1) 140px,rgba(255,255,255,.1) 179px,transparent 180px),linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
.e-con.pge-bildplatz.pge-ton-v{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%)}
.elementor .pge-wasitem.pge-ton-v .elementor-icon{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);color:#fff}
.e-con.pge-farbkopf.pge-ton-t{background-image:radial-gradient(circle 280px at calc(100% - 140px) 120px,transparent 231px,rgba(255,255,255,.1) 232px,rgba(255,255,255,.1) 279px,transparent 280px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);background-size:auto,52px 52px,52px 52px,auto;color:#06282A}
.e-con.pge-abschluss.pge-ton-t{background-image:radial-gradient(circle 180px at calc(100% - 90px) calc(100% - 30px),transparent 139px,rgba(255,255,255,.1) 140px,rgba(255,255,255,.1) 179px,transparent 180px),linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
.e-con.pge-bildplatz.pge-ton-t{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%)}
.elementor .pge-wasitem.pge-ton-t .elementor-icon{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);color:#06282A}
.e-con.pge-farbkopf.pge-ton-r{background-image:radial-gradient(circle 280px at calc(100% - 140px) 120px,transparent 231px,rgba(255,255,255,.1) 232px,rgba(255,255,255,.1) 279px,transparent 280px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);background-size:auto,52px 52px,52px 52px,auto;color:#3D1018}
.e-con.pge-abschluss.pge-ton-r{background-image:radial-gradient(circle 180px at calc(100% - 90px) calc(100% - 30px),transparent 139px,rgba(255,255,255,.1) 140px,rgba(255,255,255,.1) 179px,transparent 180px),linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
.e-con.pge-bildplatz.pge-ton-r{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%)}
.elementor .pge-wasitem.pge-ton-r .elementor-icon{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);color:#3D1018}
.e-con.pge-farbkopf.pge-ton-n{background-image:radial-gradient(circle 280px at calc(100% - 140px) 120px,transparent 231px,rgba(255,255,255,.1) 232px,rgba(255,255,255,.1) 279px,transparent 280px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);background-size:auto,52px 52px,52px 52px,auto;color:#fff}
.e-con.pge-abschluss.pge-ton-n{background-image:radial-gradient(circle 180px at calc(100% - 90px) calc(100% - 30px),transparent 139px,rgba(255,255,255,.1) 140px,rgba(255,255,255,.1) 179px,transparent 180px),linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
.e-con.pge-bildplatz.pge-ton-n{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%)}
.elementor .pge-wasitem.pge-ton-n .elementor-icon{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);color:#fff}
/* ---------- Startseite ---------- */
.e-con.pge-sp-106{flex:1.06 1 0%;min-width:0}
.e-con.pge-sp-094{flex:.94 1 0%;min-width:0}
.e-con.pge-sp-11{flex:1.1 1 0%;min-width:0}
.e-con.pge-sp-09{flex:.9 1 0%;min-width:0}
.elementor .elementor-element.pge-d1{font-size:57px;line-height:1.02;font-weight:900;letter-spacing:-.03em;max-width:16ch}
.pge-mark,.pge-mark-r{display:inline-block;white-space:nowrap;padding-bottom:.16em;margin-bottom:-.16em;
  background-repeat:no-repeat;background-position:0 100%;background-size:100% .42em}
.pge-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 14 C 38 6, 74 17, 110 10 S 168 5, 197 12%22 fill=%22none%22 stroke=%22%2339B8B9%22 stroke-width=%229%22 stroke-linecap=%22round%22 opacity=%22.85%22/%3E%3C/svg%3E")}
.pge-mark-r{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 14 C 38 6, 74 17, 110 10 S 168 5, 197 12%22 fill=%22none%22 stroke=%22%23F77991%22 stroke-width=%229%22 stroke-linecap=%22round%22 opacity=%22.9%22/%3E%3C/svg%3E")}
.pge-kringel{display:inline-block;padding:.22em .3em;margin:-.22em -.1em;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 64%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M104 5 C 46 2, 6 14, 7 32 C 8 52, 62 61, 112 59 C 166 57, 196 44, 193 28 C 190 13, 150 4, 96 6%22 fill=%22none%22 stroke=%22%23F77991%22 stroke-width=%225%22 stroke-linecap=%22round%22 opacity=%22.9%22/%3E%3C/svg%3E") no-repeat center/100% 100%}
.pge-em{font-style:normal;color:var(--tuerkis-text)}
.pge-rosatext{color:var(--rosa-text)}

/* Check-Fragen als Symbol-Boxen */
.elementor .pge-frage .elementor-icon-box-wrapper{text-align:left;display:block}
.elementor .pge-frage .elementor-icon-box-icon{margin:0 0 14px;line-height:0;display:block}
.elementor .pge-frage .elementor-icon{width:44px;height:44px;border-radius:12px;padding:0;font-size:22px;border:0;
  display:inline-flex;align-items:center;justify-content:center;background:var(--tuerkis-flaeche);color:var(--tuerkis-text)}
.elementor .pge-frage.pge-ic-v .elementor-icon{background:var(--violett-flaeche);color:var(--violett)}
.elementor .pge-frage.pge-ic-r .elementor-icon{background:var(--rosa-flaeche);color:var(--rosa-text)}
.elementor .pge-frage .elementor-icon svg{width:22px;height:22px;fill:currentColor}
.elementor .pge-frage .elementor-icon-box-title{font-family:inherit;font-size:20px;line-height:1.22;font-weight:700;
  letter-spacing:-.012em;margin:0 0 8px;color:var(--tinte)}
.elementor .pge-frage .elementor-icon-box-description{font-size:15px;line-height:1.5;color:var(--grau);margin:0}
.elementor .pge-frage .elementor-icon-box-description a{color:var(--violett);font-weight:700;text-decoration:none;
  white-space:nowrap}
.elementor .pge-frage .elementor-icon-box-description a::after{content:"→";margin-left:6px}
.elementor .pge-frage .elementor-icon-box-description a:hover{color:var(--violett-tief);text-decoration:underline;
  text-underline-offset:4px}

/* Leistungs-Kacheln (Container als Link) */
.e-con.pge-kacheln{--flex-wrap:wrap}
.e-con.pge-kachel{flex:0 0 calc((100% - 60px) / 4);min-width:0;position:relative;border-radius:18px;overflow:hidden;
  background:#fff;border:1px solid var(--linie);color:var(--tinte);text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease}
.e-con.pge-kachel:hover{transform:perspective(900px) rotateX(4deg) rotateY(-5deg) translateY(-4px);
  box-shadow:0 22px 40px -28px rgba(17,17,40,.5);color:var(--tinte)}
.e-con.pge-kachel:focus-visible{outline:3px solid var(--violett);outline-offset:3px}
.e-con.pge-kachel-v,.e-con.pge-kachel-v:hover{background:linear-gradient(125deg,#5758E0 0%,#4A4FD2 38%,#3A5DBE 70%,#2F6FA8 100%);border:0;color:#fff}
.e-con.pge-kachel-t,.e-con.pge-kachel-t:hover{background:linear-gradient(125deg,#4FD1B0 0%,#39B8B9 48%,#34A2C0 100%);border:0;color:#06282A}
.e-con.pge-kachel-r,.e-con.pge-kachel-r:hover{background:linear-gradient(125deg,#FF94A7 0%,#F77991 38%,#E8638A 68%,#E27AC0 100%);border:0;color:#3D1018}
.e-con.pge-kachel-n,.e-con.pge-kachel-n:hover{background:linear-gradient(125deg,#1B1B3A 0%,#111111 52%,#0E2A2C 100%);border:0;color:#fff}
.elementor .elementor-element.pge-kachelpfad{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11.5px;
  line-height:1.3;color:var(--grau);overflow-wrap:anywhere}
.elementor .elementor-element.pge-kacheltitel{font-size:18px;line-height:1.22;font-weight:700;letter-spacing:-.012em}
.elementor .elementor-element.pge-kacheltext{font-size:14.5px;line-height:1.5;color:var(--grau);padding-right:26px}
.elementor :is(.pge-kachel-v,.pge-kachel-t,.pge-kachel-r,.pge-kachel-n) .elementor-element:is(.pge-kachelpfad,.pge-kacheltext){color:inherit}
.elementor .elementor-element.pge-kachelpfeil{position:absolute;right:20px;bottom:22px;width:auto;
  color:var(--violett);transition:transform .25s ease}
.elementor .pge-kachelpfeil .elementor-icon{font-size:20px;color:inherit;line-height:0}
.elementor .pge-kachelpfeil .elementor-icon svg{width:20px;height:20px;fill:currentColor}
.elementor .pge-kachel-v .pge-kachelpfeil,.elementor .pge-kachel-n .pge-kachelpfeil{color:#fff}
.elementor .pge-kachel-t .pge-kachelpfeil{color:#06282A}
.elementor .pge-kachel-r .pge-kachelpfeil{color:#3D1018}
.elementor .pge-kachel-n .pge-kachelpfeil{color:var(--tuerkis)}
.e-con.pge-kachel:hover .pge-kachelpfeil{transform:translateX(4px)}

/* weitere Knöpfe */
.elementor .elementor-widget-button.pge-zweit .elementor-button{background:transparent;color:var(--tinte);
  box-shadow:inset 0 0 0 2px var(--linie-stark)}
.elementor .elementor-widget-button.pge-zweit .elementor-button:hover{background:transparent;color:var(--violett);
  box-shadow:inset 0 0 0 2px var(--violett)}
.elementor .elementor-widget-button.pge-hell .elementor-button{background:#fff;color:var(--violett)}
.elementor .elementor-widget-button.pge-hell .elementor-button:hover{background:#fff;color:var(--violett-tief)}
.elementor .elementor-widget-button.pge-knopf-klein .elementor-button{min-height:44px;font-size:15px;padding:0 20px}

/* Barriere-Leiste */
.e-con.pge-hinweisleiste{border:1px solid var(--linie);border-radius:18px;background-color:var(--sand);--flex-wrap:wrap}
.elementor .elementor-element.pge-pille .elementor-widget-container{display:inline-flex;align-items:center;
  font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;padding:5px 11px;border-radius:999px;background:var(--violett-flaeche);color:var(--violett)}
.elementor .elementor-element.pge-pille-r .elementor-widget-container{background:var(--rosa-flaeche);color:var(--rosa-text)}
.elementor .elementor-element.pge-pille-t .elementor-widget-container{background:var(--tuerkis-flaeche);color:var(--tuerkis-text)}
.elementor .elementor-element.pge-pille-n .elementor-widget-container{background:#EEEEF3;color:var(--tinte)}
.elementor .elementor-element.pge-wachsen{flex:1 1 320px;min-width:0}
.elementor .elementor-element.pge-satz165{font-size:16.5px;line-height:1.5}

/* Betreuung (Nacht) */
.e-con.pge-nacht{background-color:var(--nacht);color:#fff}
.elementor .pge-nacht .elementor-element.pge-eyebrow{color:var(--tuerkis)}
.elementor .pge-nacht .elementor-element.pge-lead{color:#B9B9D4}
.e-con.pge-punkt{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px}
.elementor .elementor-element.pge-punkttitel{font-size:16px;font-weight:700;line-height:1.3}
.elementor .elementor-element.pge-takt{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;font-size:13px;color:var(--tuerkis)}
.elementor .elementor-element.pge-punkttext{font-size:14.5px;line-height:1.5;color:#B9B9D4}

/* Kandidaten: je ein Container */
.e-con.pge-kandidathuelle{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px}

@media (max-width:1024px){.e-con.pge-kachel{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:767px){
  .elementor .elementor-element.pge-d1{font-size:36px}
  .e-con.pge-kachel{flex-basis:100%}
  .elementor .elementor-element.pge-wachsen{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.e-con.pge-kachel,.elementor .pge-kachelpfeil{transition:none}
  .e-con.pge-kachel:hover{transform:none}}

/* ---------- Beitragsseite: Astra hält den Elementor-Rahmen für einen eigenen Artikel (Klasse ast-article-single) und
   gibt ihm Innenabstand, Rand und Bilderschatten – bei unserer Vorlage nicht ---------- */
body .elementor.elementor-location-single{padding:0;margin:0;border:0;background:none}
body .elementor.elementor-location-single img,body .elementor.elementor-location-single figure{box-shadow:none}

/* ---------- Beitragstext ---------- */
.elementor .elementor-element.pge-beitragstext{font-size:18px;line-height:1.7;color:#2A2A38}
/* Text + Seitenleiste nebeneinander (ab 1025 px), darunter gestapelt. Elementor setzt Widgets im Container mit
   .e-con.e-con > .e-con-inner > .elementor-widget auf 100 % – deshalb dieselbe Kette + Klasse */
.e-con.e-con > .e-con-inner > .elementor-widget.pge-beitragstext,
.elementor.elementor .e-con > .elementor-widget.pge-beitragstext{flex:1 1 0;min-width:0;width:auto;max-width:760px;
  margin-inline:0}
.e-con.e-con > .e-con-inner > .elementor-widget.pge-seitenleiste,
.elementor.elementor .e-con > .elementor-widget.pge-seitenleiste{flex:0 0 300px;width:300px;max-width:300px;
  position:sticky;top:96px;align-self:flex-start}
body.admin-bar .e-con.e-con > .e-con-inner > .elementor-widget.pge-seitenleiste{top:128px}
.pge-beitragstext h2,.pge-beitragstext h3{scroll-margin-top:112px}
/* Niedrige Bildschirme (Laptop 768 px): Leiste höher als der Platz unter der Kopfzeile → sie scrollt in sich */
@media (min-width:1025px) and (max-height:880px){
  .e-con.e-con > .e-con-inner > .elementor-widget.pge-seitenleiste{max-height:calc(100vh - 112px);overflow-y:auto;
    overscroll-behavior:contain;scrollbar-width:thin;padding:4px;margin:-4px}
}
@media (max-width:1024px){
  .e-con.e-con > .e-con-inner > .elementor-widget.pge-beitragstext,
  .elementor.elementor .e-con > .elementor-widget.pge-beitragstext,
  .e-con.e-con > .e-con-inner > .elementor-widget.pge-seitenleiste,
  .elementor.elementor .e-con > .elementor-widget.pge-seitenleiste{flex:0 0 auto;width:100%;max-width:760px;
    margin-inline:auto;position:static}
}
.pge-beitragstext .elementor-widget-container > :first-child{margin-top:0}
.pge-beitragstext .elementor-widget-container > :last-child{margin-bottom:0}
.pge-beitragstext p{margin:0 0 1.1em}
.pge-beitragstext h2{margin:1.8em 0 .6em;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.02em;
  color:var(--tinte)}
.pge-beitragstext h3{margin:1.5em 0 .5em;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.01em;
  color:var(--tinte)}
.pge-beitragstext ul,.pge-beitragstext ol{margin:0 0 1.2em;padding-left:1.3em}
.pge-beitragstext li{margin:.35em 0}
.pge-beitragstext strong{font-weight:700;color:var(--tinte)}
.pge-beitragstext a{color:var(--violett);text-decoration:underline;text-underline-offset:3px;transition:none}
.pge-beitragstext a:hover{color:var(--violett-tief)}
.pge-beitragstext a:focus-visible{outline:3px solid var(--violett);outline-offset:2px;border-radius:3px}
.pge-beitragstext blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--tuerkis);font-size:20px}
.pge-beitragstext figure.pg-bild{margin:2em 0}
.pge-beitragstext figure.pg-bild img{display:block;width:auto;max-width:100%;height:auto;max-height:720px;
  margin-inline:auto;border-radius:16px}
.pge-beitragstext figcaption{margin-top:10px;font-size:13.5px;line-height:1.45;color:var(--grau);text-align:center}
.pge-beitragstext .pg-galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2em 0}
.pge-beitragstext .pg-galerie-2{grid-template-columns:repeat(2,1fr)}
.pge-beitragstext .pg-galerie img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.pge-beitragstext .pg-hinweis{padding:14px 18px;border-radius:14px;background:var(--sand);font-size:16px;color:var(--grau)}
@media (max-width:760px){
  .elementor .elementor-element.pge-beitragstext{font-size:17px}
  .pge-beitragstext h2{font-size:24px}
  .pge-beitragstext h3{font-size:19px}
  .pge-beitragstext .pg-galerie{grid-template-columns:repeat(2,1fr)}
}

@media print{
  @page{margin:14mm}
  /* Alles weg, was den Befund weder enthaelt noch zu ihm gehoert. Die Eltern bleiben stehen,
     damit der Befund an seinem Platz im Dokument bleibt – darum display:none statt visibility:
     mit visibility blieb die Hoehe der Seite erhalten und es kamen zwei leere Blaetter hinterher.
     ⚠ Beide Regeln mit !important: dann entscheidet die Spezifitaet, und ":has()" zaehlt mit
     seinem staerksten Argument. Deshalb traegt jede Regel hier denselben Vorsatz. */
  body:has(.pg-druckblatt) *:not(:has(.pg-druckblatt)):not(.pg-druckblatt):not(.pg-druckblatt *){
    display:none!important}
  body:has(.pg-druckblatt) .pg-druckblatt{margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;box-shadow:none!important;background:#fff!important}
  body:has(.pg-druckblatt) .pg-druckblatt .reihe{display:none!important}
}