/* Pimlane (pimlane.de, pimlane.com). Gebaut aus tools/pimlane/bauen.py, Stand 26.10.2026.
   Eigene Marke neben Brand Palace: Tinte, Indigo und Cyan, viel Weiß, große Schrift.
   Regeln: Inhalte sind immer sichtbar, Bewegung ist nur Schmuck und hört bei „weniger Bewegung“
   auf. Breiten und Spalten erst ab 561 px, Raster mit minmax(0,1fr). Keine Versalien-Etiketten. */

@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --tinte:#0B1324;--text:#1E2A3B;--grau:#5E6B7E;--leise:#8D98A8;
  --linie:rgba(11,19,36,.09);--linie-2:rgba(11,19,36,.06);
  --grund:#FFFFFF;--grund-2:#F5F7FB;--grund-3:#EDF0F6;
  --nacht:#061226;--nacht-2:#0F1628;--nacht-3:#172038;--nacht-text:#E9EEF7;--nacht-grau:#9BA7BA;
  --akzent:#4F5BFF;--akzent-2:#3D48E8;--cyan:#2EC5FF;--gruen:#13B38B;--gelb:#F2A01F;--rot:#EC4F6B;
  --verlauf:linear-gradient(120deg,#4F5BFF 0%,#2EC5FF 100%);
  --radius:24px;--radius-s:14px;
  --schatten:0 1px 2px rgba(11,19,36,.04),0 14px 44px rgba(11,19,36,.08);
  --schatten-stark:0 2px 6px rgba(11,19,36,.06),0 30px 80px rgba(11,19,36,.14);
  --schrift:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --breite:1160px;--kopf:72px;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--kopf) + 12px);}
body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;}
img,svg{display:block;max-width:100%;}
a{color:inherit;}
p{margin:0 0 1em;}
h1,h2,h3,h4{color:var(--tinte);margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.1;}
:focus-visible{outline:3px solid rgba(79,91,255,.45);outline-offset:3px;border-radius:8px;}
::selection{background:rgba(79,91,255,.18);}
.pl-wrap{width:100%;max-width:var(--breite);margin:0 auto;padding:0 20px;}
@media (min-width:561px){.pl-wrap{padding:0 32px;}}
.pl-unsichtbar{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.pl-sprung{position:absolute;left:16px;top:-60px;z-index:200;background:var(--tinte);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600;}
.pl-sprung:focus{top:12px;}

/* ---------- Knöpfe ---------- */
.pl-knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:980px;border:0;background:var(--tinte);color:#fff;font:inherit;font-size:15.5px;font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;}
.pl-knopf:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(11,19,36,.22);}
.pl-knopf:active{transform:translateY(0);}
.pl-knopf-hell{background:rgba(11,19,36,.06);color:var(--tinte);}
.pl-knopf-hell:hover{background:rgba(11,19,36,.1);box-shadow:none;}
.pl-knopf-akzent{background:var(--akzent);}
.pl-knopf-akzent:hover{background:var(--akzent-2);box-shadow:0 12px 30px rgba(79,91,255,.35);}
.pl-knopf-klein{min-height:38px;padding:8px 16px;font-size:14px;}
.pl-knopf-weiss{background:#fff;color:var(--tinte);}
.pl-knopf .pl-pfeil{transition:transform .2s ease;}
.pl-knopf:hover .pl-pfeil{transform:translateX(3px);}

/* ---------- Kopf ---------- */
/* Schwebende Leiste im Liquid-Glass-Stil (Frederic, 30.10.2026). Die Kopfzone selbst ist durchsichtig und
   lässt Klicks durch; nur die Kapsel fängt sie. Logo und Inhalt fluchten mit .pl-wrap (20 bzw. 32 px). */
.pl-kopf{position:sticky;top:0;z-index:100;height:var(--kopf);padding-top:8px;pointer-events:none;}
.pl-kopf-innen{height:100%;display:flex;align-items:center;gap:20px;}
.pl-kopf .pl-kopf-innen{position:relative;z-index:0;pointer-events:auto;width:calc(100% - 16px);max-width:calc(var(--breite) - 32px);height:calc(var(--kopf) - 16px);margin:0 auto;padding:0 8px 0 12px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.5) 100%);
  -webkit-backdrop-filter:blur(22px) saturate(190%);backdrop-filter:blur(22px) saturate(190%);
  border:.5px solid rgba(255,255,255,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.45),inset 0 0 0 .5px rgba(11,19,36,.05),0 1px 2px rgba(11,19,36,.05),0 14px 34px -12px rgba(11,19,36,.22);
  transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;}
.pl-kopf .pl-kopf-innen::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 160% at 16% -50%,rgba(255,255,255,.75),rgba(255,255,255,0) 55%),
    radial-gradient(60% 140% at 100% 150%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 65%),
    radial-gradient(50% 140% at 0% 150%,color-mix(in srgb,var(--akzent) 12%,transparent),transparent 65%);}
.pl-kopf.pl-kopf-fest .pl-kopf-innen{background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.7) 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.5),inset 0 0 0 .5px rgba(11,19,36,.06),0 1px 3px rgba(11,19,36,.06),0 18px 40px -12px rgba(11,19,36,.26);}
.pl-kopf .pl-knopf{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 14px rgba(11,19,36,.18);}
.pl-kopf .pl-nav a,.pl-kopf .pl-sprache{color:#3F4859;}
.pl-kopf .pl-marke,.pl-kopf .pl-nav a,.pl-kopf .pl-sprache,.pl-kopf .pl-menue summary,.pl-kopf .pl-knopf-klein{transition:color .35s ease,background .35s ease,box-shadow .35s ease;}
/* Dunkles Glas über dem dunklen Kanal-Abschnitt (Klasse aus pimlane.js) */
.pl-kopf.pl-kopf-dunkel .pl-kopf-innen{background:linear-gradient(180deg,rgba(30,42,72,.6) 0%,rgba(10,18,38,.42) 100%);border-color:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.06),inset 0 0 0 .5px rgba(255,255,255,.06),0 18px 40px -12px rgba(0,0,0,.55);}
.pl-kopf.pl-kopf-dunkel .pl-kopf-innen::before{background:radial-gradient(120% 160% at 16% -50%,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),
    radial-gradient(60% 140% at 100% 150%,rgba(46,197,255,.2),transparent 65%),radial-gradient(50% 140% at 0% 150%,rgba(79,91,255,.2),transparent 65%);}
.pl-kopf.pl-kopf-dunkel .pl-marke{color:#fff;}
.pl-kopf.pl-kopf-dunkel .pl-nav a,.pl-kopf.pl-kopf-dunkel .pl-sprache,.pl-kopf.pl-kopf-dunkel .pl-menue summary{color:rgba(255,255,255,.86);}
.pl-kopf.pl-kopf-dunkel .pl-nav a:hover,.pl-kopf.pl-kopf-dunkel .pl-sprache:hover,.pl-kopf.pl-kopf-dunkel .pl-menue summary:hover{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
.pl-kopf.pl-kopf-dunkel .pl-knopf-klein{background:#fff;color:var(--tinte);}
.pl-marke{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--tinte);font-weight:750;font-size:20px;letter-spacing:-.04em;flex:none;}
.pl-marke svg{width:28px;height:28px;flex:none;}
.pl-nav{display:none;gap:4px;margin-left:12px;}
.pl-nav a{padding:8px 12px;border-radius:999px;text-decoration:none;font-size:14.5px;color:var(--grau);font-weight:500;transition:color .15s ease,background .15s ease;}
.pl-nav a:hover{color:var(--tinte);background:rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 1px 4px rgba(11,19,36,.08);}
.pl-kopf-rechts{margin-left:auto;display:flex;align-items:center;gap:10px;}
.pl-sprache{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--grau);text-decoration:none;}
.pl-sprache:hover{color:var(--tinte);background:rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 1px 4px rgba(11,19,36,.08);}
.pl-kopf .pl-knopf-klein{display:none;}
/* Menü am Telefon: details/summary, funktioniert ohne JavaScript */
.pl-menue{position:relative;}
.pl-menue summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;cursor:pointer;color:var(--tinte);}
.pl-menue summary::-webkit-details-marker{display:none;}
.pl-menue summary:hover{background:rgba(11,19,36,.05);}
.pl-menue-blatt{position:absolute;right:0;top:52px;width:min(86vw,320px);background:#fff;border-radius:22px;border:.5px solid rgba(11,19,36,.06);box-shadow:inset 0 1px 0 #fff,var(--schatten-stark);padding:10px;display:flex;flex-direction:column;}
.pl-menue-blatt a{padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:500;color:var(--tinte);}
.pl-menue-blatt a:hover{background:var(--grund-2);}
.pl-menue-blatt .pl-knopf{margin-top:6px;color:#fff;}
.pl-menue[open] summary{background:rgba(11,19,36,.06);}
@media (min-width:561px){.pl-kopf .pl-knopf-klein{display:inline-flex;}.pl-kopf .pl-kopf-innen{width:calc(100% - 32px);padding:0 10px 0 16px;}}
@media (min-width:961px){.pl-nav{display:flex;}.pl-menue{display:none;}}

/* ---------- Abschnitte ---------- */
.pl-abschnitt{padding:84px 0;position:relative;}
@media (min-width:901px){.pl-abschnitt{padding:128px 0;}}
.pl-kicker{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--akzent);margin:0 0 14px;letter-spacing:-.01em;}
.pl-kicker-punkt{width:8px;height:8px;border-radius:50%;background:var(--verlauf);}
.pl-h2{font-size:34px;letter-spacing:-.035em;line-height:1.08;text-wrap:balance;}   /* kein einzelnes Wort in der letzten Zeile (30.10.2026) */
@media (min-width:561px){.pl-h2{font-size:clamp(38px,4.6vw,56px);}}
.pl-einleitung{max-width:760px;margin:0 auto 56px;text-align:center;}
.pl-einleitung p{font-size:18px;color:var(--grau);margin:18px auto 0;max-width:640px;}
@media (min-width:561px){.pl-einleitung p{font-size:20px;}}
.pl-verlauf-text{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- Bühne ---------- */
.pl-buehne{position:relative;padding:56px 0 24px;overflow:hidden;}
@media (min-width:901px){.pl-buehne{padding:88px 0 40px;}}
.pl-buehne-text{text-align:center;max-width:920px;margin:0 auto;position:relative;z-index:2;}
.pl-pille{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:#fff;border:.5px solid var(--linie);box-shadow:0 2px 10px rgba(11,19,36,.05);font-size:14px;font-weight:500;color:var(--text);margin:0 0 26px;}
.pl-pille-punkt{width:8px;height:8px;border-radius:50%;background:var(--gruen);box-shadow:0 0 0 4px rgba(19,179,139,.15);animation:pl-puls 2.4s ease-in-out infinite;}
.pl-h1{font-size:46px;line-height:1.02;letter-spacing:-.05em;font-weight:780;}
@media (min-width:561px){.pl-h1{font-size:clamp(56px,8vw,96px);}}
.pl-h1 .pl-zeile{display:block;}
/* Verlaufsschrift malt nur innerhalb ihrer Box; bei line-height 1.02 ist die kleiner als die Schrift, Unterlängen (g, y) und Umlautpunkte fielen weg. Polster vergrößert die Box, der Gegenrand hält die Zeile an ihrem Platz. */
.pl-h1 .pl-verlauf-text{padding:.14em 0;margin:-.14em 0;}
.pl-lead{font-size:19px;line-height:1.55;color:var(--grau);max-width:690px;margin:24px auto 0;text-wrap:balance;}
@media (min-width:561px){.pl-lead{font-size:21px;}}
.pl-aktionen{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px;}
.pl-buehne-licht{position:absolute;inset:-20% -10% auto;height:120%;z-index:0;pointer-events:none;}
.pl-licht{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;}
.pl-licht-1{width:520px;height:520px;left:8%;top:6%;background:radial-gradient(circle,rgba(79,91,255,.55),rgba(79,91,255,0) 70%);animation:pl-schweben 18s ease-in-out infinite;}
.pl-licht-2{width:460px;height:460px;right:6%;top:18%;background:radial-gradient(circle,rgba(46,197,255,.5),rgba(46,197,255,0) 70%);animation:pl-schweben 22s ease-in-out infinite reverse;}
.pl-licht-3{width:380px;height:380px;left:40%;top:46%;background:radial-gradient(circle,rgba(19,179,139,.28),rgba(19,179,139,0) 70%);animation:pl-schweben 26s ease-in-out infinite;}

/* Bahnen: Produktkarte links, Kanäle rechts (am Telefon untereinander). Die Grafik wächst wie ein Bild:
   --px ist ein Entwurfspixel, gemessen an der Breite des Rahmens (1100 breit, 400 schmal). */
:root{--px:1px;}
.pl-bahnen{position:relative;z-index:2;margin:56px auto 0;max-width:1100px;}
.pl-bahnen-breit{display:none;position:relative;aspect-ratio:1100/520;container-type:inline-size;--px:calc(100cqw / 1100);}
.pl-bahnen-schmal{position:relative;aspect-ratio:360/650;max-width:420px;margin:0 auto;container-type:inline-size;--px:calc(100cqw / 400);}
@media (min-width:761px){.pl-bahnen-breit{display:block;}.pl-bahnen-schmal{display:none;}}
.pl-bahnen svg.pl-linien{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.pl-linie{fill:none;stroke:url(#pl-linie-verlauf);stroke-width:2;opacity:.35;}
.pl-linie-fluss{fill:none;stroke:url(#pl-linie-verlauf);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:4 14;animation:pl-fluss 1.6s linear infinite;opacity:.9;}
.pl-linie.pl-linie-s,.pl-linie-fluss.pl-linie-s{stroke:url(#pl-linie-verlauf-s);}
.pl-paket{fill:#fff;stroke:var(--akzent);stroke-width:2.5;}
.pl-paket-hof{fill:rgba(79,91,255,.18);}
.pl-knoten{position:absolute;transform:translate(-50%,-50%);}
.pl-knoten-links{transform:translate(0,-50%);}
.pl-knoten-karte{left:17.27%;top:50%;}
.pl-k0,.pl-k1,.pl-k2,.pl-k3,.pl-k4,.pl-k5,.pl-k6{left:72.73%;}
.pl-k0{top:7.69%;}.pl-k1{top:21.73%;}.pl-k2{top:35.77%;}.pl-k3{top:49.81%;}.pl-k4{top:63.85%;}.pl-k5{top:77.88%;}.pl-k6{top:91.92%;}
.pl-knoten-karte-s{left:50%;top:20.5%;}
.pl-ks0,.pl-ks2,.pl-ks4{left:25.56%;}.pl-ks1,.pl-ks3,.pl-ks5{left:74.44%;}.pl-ks6{left:50%;}
.pl-ks0,.pl-ks1{top:61.85%;}.pl-ks2,.pl-ks3{top:72.31%;}.pl-ks4,.pl-ks5{top:82.77%;}.pl-ks6{top:93.23%;}
.pl-kanal.pl-kanal-weitere{background:rgba(255,255,255,.75);border:1.5px dashed rgba(79,91,255,.45);box-shadow:none;}
.pl-kanal-weitere .pl-kanal-zeichen{background:rgba(79,91,255,.1);color:var(--akzent);font-size:calc(17 * var(--px));font-weight:600;}
.pl-kanal{display:flex;align-items:center;gap:calc(10 * var(--px));background:#fff;border-radius:calc(14 * var(--px));padding:calc(10 * var(--px)) calc(14 * var(--px)) calc(10 * var(--px)) calc(12 * var(--px));box-shadow:0 calc(1 * var(--px)) calc(2 * var(--px)) rgba(11,19,36,.04),0 calc(12 * var(--px)) calc(36 * var(--px)) rgba(11,19,36,.09);border:.5px solid var(--linie-2);white-space:nowrap;}
.pl-kanal-zeichen{width:calc(30 * var(--px));height:calc(30 * var(--px));border-radius:calc(9 * var(--px));display:flex;align-items:center;justify-content:center;font-size:calc(12 * var(--px));font-weight:750;color:#fff;letter-spacing:-.02em;flex:none;}
.pl-kz-0{background:#4F5BFF;}.pl-kz-1{background:#13B38B;}.pl-kz-2{background:#2E9BE6;}.pl-kz-3{background:#7A5CFF;}.pl-kz-4{background:#F2A01F;}.pl-kz-5{background:#0B1324;}
.pl-kanal-name{display:block;font-size:calc(14 * var(--px));font-weight:650;color:var(--tinte);line-height:1.2;}
.pl-kanal-stand{display:flex;align-items:center;gap:calc(6 * var(--px));font-size:calc(12 * var(--px));color:var(--grau);line-height:1.3;margin-top:calc(2 * var(--px));}
.pl-stand-punkt{width:calc(7 * var(--px));height:calc(7 * var(--px));border-radius:50%;background:var(--gruen);flex:none;animation:pl-puls 2.4s ease-in-out infinite;}
.pl-bahnen-schmal .pl-kanal{padding:calc(9 * var(--px)) calc(12 * var(--px));gap:calc(9 * var(--px));}
.pl-bahnen-schmal .pl-kanal-zeichen{width:calc(26 * var(--px));height:calc(26 * var(--px));font-size:calc(11 * var(--px));}
.pl-bahnen-schmal .pl-kanal-name{font-size:calc(14 * var(--px));}
.pl-bahnen-schmal .pl-kanal-stand{display:none;}

/* Produktkarte der Bühne, Maße in Entwurfspixeln */
.pl-produkt{width:calc(300 * var(--px));background:#fff;border-radius:calc(22 * var(--px));box-shadow:0 calc(2 * var(--px)) calc(6 * var(--px)) rgba(11,19,36,.06),0 calc(30 * var(--px)) calc(80 * var(--px)) rgba(11,19,36,.14);border:.5px solid var(--linie-2);overflow:hidden;text-align:left;}
.pl-produkt-bild{position:relative;height:calc(150 * var(--px));background:linear-gradient(160deg,#EEF1FF 0%,#E6F7FF 100%);display:flex;align-items:center;justify-content:center;}
.pl-produkt-bild svg{width:calc(120 * var(--px));height:calc(120 * var(--px));}
.pl-produkt-status{position:absolute;left:calc(12 * var(--px));top:calc(12 * var(--px));}
.pl-produkt .pl-plakette{font-size:calc(12 * var(--px));padding:calc(4 * var(--px)) calc(10 * var(--px));gap:calc(6 * var(--px));}
.pl-produkt .pl-plakette::before{width:calc(6 * var(--px));height:calc(6 * var(--px));}
.pl-produkt-inhalt{padding:calc(14 * var(--px)) calc(16 * var(--px)) calc(16 * var(--px));}
.pl-produkt-titel{font-size:calc(16 * var(--px));font-weight:700;color:var(--tinte);letter-spacing:-.02em;line-height:1.4;min-height:calc(23 * var(--px));white-space:nowrap;overflow:hidden;}
.pl-produkt-meta{font-size:calc(12.5 * var(--px));color:var(--grau);margin-top:calc(2 * var(--px));font-variant-numeric:tabular-nums lining-nums;}
.pl-sprachen{display:flex;flex-wrap:wrap;gap:calc(5 * var(--px));margin-top:calc(12 * var(--px));}
.pl-sprachen span{font-size:calc(11 * var(--px));font-weight:650;padding:calc(3 * var(--px)) calc(7 * var(--px));border-radius:calc(7 * var(--px));background:var(--grund-3);color:var(--grau);transition:background .3s ease,color .3s ease;}
.pl-sprachen span.pl-an{background:var(--tinte);color:#fff;}
.pl-pruefung{display:flex;flex-wrap:wrap;gap:calc(6 * var(--px)) calc(12 * var(--px));margin-top:calc(12 * var(--px));font-size:calc(12 * var(--px));color:var(--text);}
.pl-pruefung span{display:inline-flex;align-items:center;gap:calc(5 * var(--px));}
.pl-haken{width:calc(14 * var(--px));height:calc(14 * var(--px));border-radius:50%;background:var(--gruen);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.pl-haken svg{width:calc(8 * var(--px));height:calc(8 * var(--px));}

/* ---------- Plaketten ---------- */
.pl-plakette{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;line-height:1.3;white-space:nowrap;}
.pl-plakette::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
.pl-p-gruen{background:rgba(19,179,139,.12);color:#0C8A6A;}
.pl-p-gelb{background:rgba(242,160,31,.14);color:#A0620A;}
.pl-p-grau{background:rgba(11,19,36,.06);color:var(--grau);}
.pl-p-blau{background:rgba(79,91,255,.1);color:var(--akzent-2);}
.pl-p-rot{background:rgba(236,79,107,.12);color:#B8314B;}

/* ---------- Kennzahlen ---------- */
.pl-fakten{padding:32px 0 8px;}
.pl-fakten-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
@media (min-width:561px){.pl-fakten-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
@media (min-width:1101px){.pl-fakten-raster{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}}
.pl-fakt{background:var(--grund-2);border-radius:20px;padding:22px 20px;min-width:0;}
.pl-fakt-wert{font-size:28px;font-weight:750;letter-spacing:-.04em;color:var(--tinte);line-height:1.1;font-variant-numeric:tabular-nums lining-nums;}
@media (min-width:561px){.pl-fakt-wert{font-size:32px;}}
@media (min-width:1101px){.pl-fakt-wert{font-size:28px;letter-spacing:-.035em;}}
.pl-fakt-text{font-size:14.5px;color:var(--grau);margin-top:6px;line-height:1.45;}

/* ---------- Funktionen ---------- */
.pl-funktion{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center;padding:44px 0;}
@media (min-width:901px){
  .pl-funktion{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;padding:64px 0;}
  .pl-funktion.pl-gespiegelt{grid-template-columns:minmax(0,6fr) minmax(0,5fr);}
  .pl-funktion.pl-gespiegelt .pl-funktion-text{order:2;}
}
.pl-funktion-text{min-width:0;}
.pl-funktion-text h3{font-size:30px;letter-spacing:-.035em;line-height:1.1;margin-bottom:16px;}
@media (min-width:561px){.pl-funktion-text h3{font-size:40px;}}
.pl-funktion-text > p{font-size:18px;color:var(--grau);}
.pl-liste{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;}
.pl-liste li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;font-size:16px;color:var(--text);line-height:1.5;}
.pl-liste li::before{content:"";width:22px;height:22px;border-radius:50%;margin-top:1px;background:rgba(79,91,255,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F5BFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;}
.pl-buehnenbild{position:relative;min-width:0;border-radius:24px;background:var(--grund-2);padding:14px;overflow:hidden;isolation:isolate;}
@media (min-width:561px){.pl-buehnenbild{border-radius:28px;}}
@media (min-width:561px){.pl-buehnenbild{padding:40px;}}
.pl-buehnenbild::before{content:"";position:absolute;inset:auto -20% -40% auto;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(79,91,255,.16),rgba(79,91,255,0) 70%);z-index:-1;animation:pl-schweben 20s ease-in-out infinite;}
.pl-fenster{background:#fff;border-radius:18px;box-shadow:var(--schatten);border:.5px solid var(--linie-2);overflow:hidden;}
.pl-fenster-kopf{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:.5px solid var(--linie-2);}
.pl-fenster-kopf i{width:9px;height:9px;border-radius:50%;background:var(--grund-3);}
.pl-fenster-kopf b{margin-left:8px;font-size:12.5px;font-weight:600;color:var(--grau);}
.pl-fenster-inhalt{padding:12px 12px 14px;}
@media (min-width:561px){.pl-fenster-inhalt{padding:14px 16px 16px;}}
@media (max-width:560px){.pl-fenster .pl-plakette{font-size:11px;padding:3px 8px;}.pl-tz{gap:10px;padding:8px 6px;}}

/* Bild 1: Produktliste */
.pl-tabelle{display:grid;gap:2px;}
.pl-tz{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 8px;border-radius:12px;}
.pl-tz:nth-child(3){animation:pl-markiert 7s ease-in-out infinite;}
.pl-tz-bild{width:34px;height:34px;border-radius:9px;}
.pl-tz-name{font-size:13.5px;font-weight:600;color:var(--tinte);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pl-tz-meta{font-size:11.5px;color:var(--leise);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pl-tz-stand{position:relative;display:grid;}
.pl-tz-stand > *{grid-area:1/1;justify-self:end;}
.pl-wechsel-a{animation:pl-wechsel-a 7s ease-in-out infinite;}
.pl-wechsel-b{opacity:0;animation:pl-wechsel-b 7s ease-in-out infinite;}
.pl-balken{height:4px;border-radius:2px;background:var(--grund-3);margin-top:6px;overflow:hidden;}
.pl-balken i{display:block;height:100%;border-radius:2px;background:var(--verlauf);}
.pl-balken-lauf i{animation:pl-fuellen 7s ease-in-out infinite;}
.pl-bw-100{width:100%;}.pl-bw-90{width:90%;}.pl-bw-80{width:80%;}.pl-bw-70{width:70%;}.pl-bw-60{width:60%;}.pl-bw-50{width:50%;}.pl-bw-40{width:40%;}
/* Farbe der kleinen Produktbilder: --g1 Licht, --g2 Kern. Das Glas darüber steht unter „Liquid Glass“. */
.pl-farbe-1{--g1:#E2E5FF;--g2:#7C88FF;}
.pl-farbe-2{--g1:#DDF5FF;--g2:#3DBCEE;}
.pl-farbe-3{--g1:#DDF8EE;--g2:#35BE95;}
.pl-farbe-4{--g1:#FFEED3;--g2:#F0A633;}
.pl-farbe-5{--g1:#F0F2F7;--g2:#97A0B3;}

/* Bild 2: Prüfung vor dem Export */
.pl-pruefliste{display:grid;gap:10px;}
.pl-pz{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--grund-2);font-size:14px;color:var(--text);}
.pl-pz-zeichen{position:relative;width:24px;height:24px;flex:none;}
.pl-pz-zeichen > span{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.pl-pz-ok{background:var(--gruen);}
.pl-pz-warten{border:2px solid var(--grund-3);border-top-color:var(--akzent);animation:pl-drehen 1s linear infinite;}
.pl-pz-ok svg{width:12px;height:12px;}
.pl-pz:nth-child(1) .pl-pz-ok{animation:pl-haken-1 8s ease-in-out infinite;}
.pl-pz:nth-child(2) .pl-pz-ok{animation:pl-haken-2 8s ease-in-out infinite;}
.pl-pz:nth-child(3) .pl-pz-ok{animation:pl-haken-3 8s ease-in-out infinite;}
.pl-pz:nth-child(4) .pl-pz-ok{animation:pl-haken-4 8s ease-in-out infinite;}
.pl-pz-text{flex:1;min-width:0;}
.pl-pz-text small{display:block;font-size:12px;color:var(--grau);}
.pl-hinweis{margin-top:14px;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#FFF7EA;border:.5px solid rgba(242,160,31,.3);font-size:13.5px;color:#7A4A06;}
.pl-hinweis b{display:block;color:#5E3804;font-weight:650;}
.pl-hinweis-ok{background:#ECF9F4;border-color:rgba(19,179,139,.3);color:#0B6E55;margin-top:0;}
.pl-hinweis-ok b{color:#0A5C47;}
.pl-hinweis-zeichen{width:22px;height:22px;border-radius:50%;background:var(--gelb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none;}

/* Bild 3: Sprachen */
.pl-reiter{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--grund-3);margin-bottom:16px;overflow-x:auto;scrollbar-width:none;}
.pl-reiter::-webkit-scrollbar{display:none;}
.pl-reiter span{flex:1 0 auto;text-align:center;font-size:12.5px;font-weight:650;padding:7px 10px;border-radius:9px;color:var(--grau);transition:background .3s ease,color .3s ease,box-shadow .3s ease;}
.pl-reiter span.pl-an{background:#fff;color:var(--tinte);box-shadow:0 2px 8px rgba(11,19,36,.08);}
.pl-reiter span.pl-reiter-mehr{flex:0 0 auto;font-weight:700;opacity:.75;}
.pl-feld{margin-bottom:12px;}
.pl-feld-name{font-size:11.5px;color:var(--leise);margin-bottom:4px;}
.pl-feld-wert{font-size:14.5px;color:var(--tinte);padding:10px 12px;border-radius:10px;border:.5px solid var(--linie);background:#fff;min-height:42px;line-height:1.45;}
.pl-feld-wert.pl-gross{font-size:17px;font-weight:650;letter-spacing:-.02em;}
.pl-tippen::after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--akzent);margin-left:2px;vertical-align:-2px;animation:pl-cursor 1s steps(1) infinite;}

/* Bild 4: Varianten */
.pl-varianten{position:relative;}
.pl-eltern{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#fff;box-shadow:var(--schatten);border:.5px solid var(--linie-2);position:relative;z-index:1;}
.pl-eltern-bild{width:44px;height:44px;border-radius:12px;}
.pl-eltern b{display:block;font-size:14.5px;color:var(--tinte);}
.pl-eltern small{font-size:12px;color:var(--grau);}
.pl-kinder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px;position:relative;z-index:1;}
.pl-kind{background:#fff;border-radius:12px;padding:10px;border:.5px solid var(--linie);text-align:center;font-size:12px;color:var(--grau);min-width:0;}
.pl-kind i{display:block;width:22px;height:22px;border-radius:50%;margin:0 auto 6px;border:2px solid #fff;box-shadow:0 0 0 1px var(--linie);}
.pl-kind b{display:block;font-size:12.5px;color:var(--tinte);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pl-swatch-0{background:#E9DCC6;}.pl-swatch-1{background:#A9C2B0;}.pl-swatch-2{background:#4A5060;}
.pl-kind:nth-child(2){animation:pl-heben 6s ease-in-out infinite;}
.pl-kind:nth-child(5){animation:pl-heben 6s ease-in-out 2s infinite;}
.pl-kind:nth-child(9){animation:pl-heben 6s ease-in-out 4s infinite;}
.pl-varianten svg.pl-astwerk{position:absolute;left:0;right:0;top:56px;width:100%;height:30px;z-index:0;}
.pl-varianten svg.pl-astwerk path{fill:none;stroke:var(--akzent);stroke-width:1.5;opacity:.35;stroke-dasharray:3 6;animation:pl-fluss 2s linear infinite;}

/* Bild 5: Bilder per Ordner */
.pl-ordner-buehne{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
.pl-ordner{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;border:1.5px dashed rgba(79,91,255,.35);background:rgba(79,91,255,.04);}
.pl-ordner-zeichen{width:42px;height:34px;border-radius:7px;background:linear-gradient(160deg,#8E99FF,#4F5BFF);position:relative;flex:none;}
.pl-ordner-zeichen::before{content:"";position:absolute;left:4px;top:-5px;width:16px;height:8px;border-radius:3px 3px 0 0;background:#8E99FF;}
.pl-ordner b{display:block;font-size:14px;color:var(--tinte);}
.pl-ordner small{font-size:12px;color:var(--grau);}
.pl-dateien{display:flex;gap:8px;margin-left:auto;}
.pl-datei{width:34px;height:42px;border-radius:7px;box-shadow:0 2px 8px rgba(11,19,36,.1);animation:pl-fliegen 5s ease-in-out infinite;}
.pl-datei:nth-child(2){animation-delay:.4s;}
.pl-datei:nth-child(3){animation-delay:.8s;}
/* Liquid Glass (Frederic, 30.10.2026: „hochwertiger, nicht so stark nach Claude“): die kleinen Produktbilder in Liste,
   Varianten und Bildordner als Glas statt flacher Verlauf. Durchscheinender Farbkern, helle Kante oben, Lichtpunkt,
   farbiger Schatten. Keine Rahmenlinie, damit sich die Größe nicht ändert. */
.pl-tz-bild,.pl-eltern-bild,.pl-datei{position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 22% 0%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.38) 36%,rgba(255,255,255,0) 60%),
    radial-gradient(95% 95% at 78% 100%,color-mix(in srgb,var(--g2) 88%,transparent) 0%,color-mix(in srgb,var(--g2) 0%,transparent) 72%),
    linear-gradient(150deg,color-mix(in srgb,var(--g1) 85%,transparent),color-mix(in srgb,var(--g2) 55%,transparent));
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.9),inset 0 1px 1.5px rgba(255,255,255,.95),inset 0 -1.5px 3px color-mix(in srgb,var(--g2) 50%,transparent),
    0 8px 18px -8px color-mix(in srgb,var(--g2) 75%,transparent),0 1px 2px rgba(11,19,36,.08);
  -webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);}
.pl-tz-bild::before,.pl-eltern-bild::before,.pl-datei::before{content:"";position:absolute;inset:1px 1px 54% 1px;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,0));pointer-events:none;}
.pl-tz-bild::after,.pl-eltern-bild::after,.pl-datei::after{content:"";position:absolute;left:16%;top:13%;width:36%;height:20%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));pointer-events:none;}
.pl-zuordnung{display:grid;gap:8px;}
.pl-zo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;font-size:12.5px;padding:10px 12px;border-radius:12px;background:#fff;border:.5px solid var(--linie-2);font-variant-numeric:tabular-nums lining-nums;}
.pl-zo code{font-family:inherit;color:var(--grau);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pl-zo b{color:var(--tinte);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pl-zo-pfeil{color:var(--akzent);}
.pl-zo:nth-child(1){animation:pl-aufleuchten 5s ease-in-out infinite;}
.pl-zo:nth-child(2){animation:pl-aufleuchten 5s ease-in-out .5s infinite;}
.pl-zo:nth-child(3){animation:pl-aufleuchten 5s ease-in-out 1s infinite;}

/* Bild 6: Import */
.pl-import{display:grid;gap:14px;}
.pl-import-datei{display:flex;align-items:center;gap:12px;}
.pl-import-zeichen{width:40px;height:48px;border-radius:8px;background:#E9F8F2;border:.5px solid rgba(19,179,139,.3);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:10px;font-weight:800;color:#0C8A6A;flex:none;}
.pl-import-datei b{display:block;font-size:14px;color:var(--tinte);}
.pl-import-datei small{font-size:12px;color:var(--grau);}
.pl-fortschritt{height:8px;border-radius:4px;background:var(--grund-3);overflow:hidden;}
.pl-fortschritt i{display:block;height:100%;width:100%;border-radius:4px;background:var(--verlauf);transform-origin:left center;animation:pl-laden 6s ease-in-out infinite;}
.pl-import-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.pl-import-zahlen div{background:var(--grund-2);border-radius:12px;padding:10px 12px;min-width:0;}
.pl-import-zahlen b{display:block;font-size:18px;color:var(--tinte);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;}
.pl-import-zahlen small{font-size:11.5px;color:var(--grau);}

/* Bild 7: Team und Verlauf */
.pl-team{display:flex;align-items:center;margin-bottom:16px;}
.pl-koepfe{display:flex;}
.pl-kopfbild{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;border:2.5px solid #fff;margin-left:-8px;box-shadow:0 2px 8px rgba(11,19,36,.12);}
.pl-kopfbild:first-child{margin-left:0;}
.pl-kb-0{background:#4F5BFF;}.pl-kb-1{background:#13B38B;}.pl-kb-2{background:#F2A01F;}
.pl-rollen{display:flex;flex-wrap:wrap;gap:6px;margin-left:14px;}
.pl-verlauf{position:relative;height:186px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);}
.pl-verlauf-band{display:grid;gap:8px;animation:pl-rollen 14s linear infinite;}
.pl-vz{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:#fff;border:.5px solid var(--linie-2);font-size:12.5px;color:var(--text);}
.pl-vz i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:700;color:#fff;}
.pl-vz small{display:block;font-size:11px;color:var(--leise);}

/* ---------- Kanäle (dunkel) ----------
   Tönung aus der Mitte und dem Cyan des Logo-Verlaufs (#2E8CFF, #2EC5FF), nicht aus dem Indigo: auf dem dunklen
   Grund wirkte Indigo violett und biss sich mit dem Logo (Frederic, 26.10.2026). */
.pl-nacht{background:var(--nacht);color:var(--nacht-text);overflow:hidden;isolation:isolate;}
.pl-nacht h2,.pl-nacht h3{color:#fff;}
.pl-nacht .pl-einleitung p{color:var(--nacht-grau);}
.pl-nacht .pl-kicker{color:#6FCBFF;}
.pl-nacht-raster{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%);}
.pl-nacht-licht{position:absolute;z-index:-1;width:900px;height:900px;left:50%;top:-420px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(46,140,255,.30),rgba(46,140,255,0) 65%);animation:pl-atmen 10s ease-in-out infinite;}
.pl-gruppen{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
@media (min-width:761px){.pl-gruppen{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1101px){.pl-gruppen{grid-template-columns:repeat(4,minmax(0,1fr));}}
.pl-gruppe{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:.5px solid rgba(255,255,255,.1);border-radius:22px;padding:22px;min-width:0;}
.pl-gruppe h3{font-size:17px;letter-spacing:-.02em;margin-bottom:4px;}
.pl-gruppe p{font-size:13.5px;color:var(--nacht-grau);margin:0 0 16px;line-height:1.5;}
.pl-chips{display:flex;flex-wrap:wrap;gap:8px;}
.pl-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:.5px solid rgba(255,255,255,.1);font-size:13.5px;font-weight:550;color:#fff;white-space:nowrap;transition:background .2s ease,transform .2s ease;}
.pl-chip:hover{background:rgba(255,255,255,.13);transform:translateY(-1px);}
.pl-chip-direkt{background:rgba(46,140,255,.24);border-color:rgba(46,197,255,.5);}
.pl-chip-mehr{background:transparent;border:1px dashed rgba(255,255,255,.36);color:rgba(255,255,255,.9);}
.pl-chip-mehr:hover{background:rgba(255,255,255,.08);}
.pl-chip-direkt::after{content:"";width:7px;height:7px;border-radius:50%;background:#5CD3FF;box-shadow:0 0 0 3px rgba(92,211,255,.2);animation:pl-puls 2.4s ease-in-out infinite;}
.pl-direkt{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;}
@media (min-width:761px){.pl-direkt{grid-template-columns:repeat(2,minmax(0,1fr));}}
.pl-direkt-karte{position:relative;border-radius:22px;padding:24px;background:linear-gradient(140deg,rgba(46,140,255,.20),rgba(46,197,255,.07));border:.5px solid rgba(46,197,255,.32);overflow:hidden;min-width:0;}
.pl-direkt-karte h3{font-size:21px;margin-bottom:6px;}
.pl-direkt-karte p{font-size:15px;color:var(--nacht-text);opacity:.85;margin:0 0 14px;}
.pl-direkt-karte .pl-liste li{color:var(--nacht-text);font-size:14.5px;}
.pl-direkt-karte .pl-liste li::before{background-color:rgba(255,255,255,.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235CD3FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");}
.pl-fussnote{font-size:12.5px;color:var(--nacht-grau);margin:28px 0 0;text-align:center;}
.pl-ablauf{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
@media (min-width:901px){.pl-ablauf{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}}
.pl-schritt{position:relative;border-radius:20px;padding:20px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.08);min-width:0;}
.pl-schritt b{display:block;font-size:15.5px;color:#fff;margin:10px 0 4px;letter-spacing:-.01em;}
.pl-schritt span{font-size:13.5px;color:var(--nacht-grau);line-height:1.5;display:block;}
.pl-schritt-zeichen{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#8FD8FF;}
.pl-schritt-zeichen svg{width:18px;height:18px;}
.pl-schritt::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:2px;background:var(--verlauf);transform-origin:left;transform:scaleX(0);animation:pl-schritt 8s ease-in-out infinite;}
.pl-schritt:nth-child(2)::after{animation-delay:2s;}
.pl-schritt:nth-child(3)::after{animation-delay:4s;}
.pl-schritt:nth-child(4)::after{animation-delay:6s;}

/* ---------- So starten Sie ---------- */
.pl-start-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;counter-reset:start;}
@media (min-width:761px){.pl-start-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
@media (min-width:1101px){.pl-start-raster{grid-template-columns:repeat(4,minmax(0,1fr));}}
.pl-start{position:relative;background:var(--grund-2);border-radius:24px;padding:26px 24px 28px;min-width:0;overflow:hidden;}
.pl-start-nr{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#fff;box-shadow:var(--schatten);font-weight:750;color:var(--akzent);font-size:16px;font-variant-numeric:tabular-nums lining-nums;}
.pl-start h3{font-size:20px;margin:18px 0 8px;letter-spacing:-.025em;}
.pl-start p{font-size:15.5px;color:var(--grau);margin:0;}
.pl-start::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(79,91,255,.14),rgba(79,91,255,0) 70%);animation:pl-schweben 16s ease-in-out infinite;}

/* ---------- Preise ---------- */
.pl-preise{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
@media (min-width:901px){.pl-preise.pl-preise-mehr{grid-template-columns:repeat(3,minmax(0,1fr));}}
.pl-preis{position:relative;border-radius:28px;padding:32px 28px;background:#fff;border:.5px solid var(--linie);box-shadow:var(--schatten);min-width:0;}
.pl-preis-hervor{border:1.5px solid rgba(79,91,255,.5);box-shadow:0 20px 60px rgba(79,91,255,.16);}
.pl-preis h3{font-size:22px;letter-spacing:-.025em;}
.pl-preis-betrag{font-size:44px;font-weight:780;letter-spacing:-.05em;color:var(--tinte);margin:14px 0 4px;font-variant-numeric:tabular-nums lining-nums;line-height:1;}
.pl-preis-betrag small{font-size:15px;font-weight:500;color:var(--grau);letter-spacing:0;}
.pl-preis-text{font-size:15.5px;color:var(--grau);margin:10px 0 0;}
.pl-preis .pl-knopf{margin-top:24px;width:100%;}
.pl-preis-anfrage{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;padding:40px 32px;background:linear-gradient(140deg,#F1F3FF 0%,#EAF8FF 100%);border:0;box-shadow:none;overflow:hidden;}
@media (min-width:901px){.pl-preis-anfrage{grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding:56px;}}
.pl-preis-anfrage h3{font-size:30px;letter-spacing:-.035em;}
@media (min-width:561px){.pl-preis-anfrage h3{font-size:36px;}}
.pl-preis-anfrage .pl-liste{margin-top:0;}

/* ---------- Fragen ---------- */
.pl-fragen{max-width:860px;margin:0 auto;}
.pl-frage{border-bottom:.5px solid var(--linie);}
.pl-frage summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;font-size:19px;font-weight:650;color:var(--tinte);letter-spacing:-.02em;}
.pl-frage summary::-webkit-details-marker{display:none;}
.pl-frage summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--grund-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1324' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .25s ease,background-color .25s ease;}
.pl-frage[open] summary::after{transform:rotate(45deg);background-color:var(--grund-3);}
.pl-frage summary:hover{color:var(--akzent-2);}
.pl-antwort{padding:0 4px 26px;color:var(--grau);font-size:16.5px;max-width:760px;}
.pl-antwort p:last-child{margin-bottom:0;}

/* ---------- Anfrage ---------- */
.pl-anfrage{background:var(--grund-2);}
.pl-anfrage-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start;}
@media (min-width:961px){.pl-anfrage-raster{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;}}
.pl-anfrage-text .pl-h2{margin-bottom:18px;}
.pl-anfrage-text p{font-size:18px;color:var(--grau);}
.pl-naechste{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;}
.pl-naechste li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;font-size:15.5px;color:var(--text);}
.pl-naechste b{display:block;color:var(--tinte);}
.pl-naechste-nr{width:36px;height:36px;border-radius:11px;background:#fff;box-shadow:var(--schatten);display:flex;align-items:center;justify-content:center;font-weight:750;color:var(--akzent);font-variant-numeric:tabular-nums lining-nums;}
.pl-formular{position:relative;background:#fff;border-radius:28px;padding:28px 22px;box-shadow:var(--schatten-stark);min-width:0;}
@media (min-width:561px){.pl-formular{padding:40px;}}
.pl-formular-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
@media (min-width:561px){.pl-formular-raster{grid-template-columns:repeat(2,minmax(0,1fr));}.pl-breit{grid-column:1 / -1;}}
.pl-eingabe{display:flex;flex-direction:column;gap:7px;min-width:0;}
.pl-eingabe label,.pl-eingabe legend{font-size:14px;font-weight:600;color:var(--tinte);padding:0;}
.pl-eingabe label small,.pl-eingabe legend small{font-weight:400;color:var(--leise);}
.pl-eingabe input,.pl-eingabe select,.pl-eingabe textarea{width:100%;font:inherit;font-size:16px;color:var(--tinte);background:#fff;border:1px solid rgba(11,19,36,.14);border-radius:13px;padding:13px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;}
.pl-eingabe select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6B7E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px;}
.pl-eingabe textarea{min-height:120px;resize:vertical;line-height:1.5;}
.pl-eingabe input:focus,.pl-eingabe select:focus,.pl-eingabe textarea:focus{border-color:var(--akzent);box-shadow:0 0 0 4px rgba(79,91,255,.14);}
.pl-eingabe input::placeholder,.pl-eingabe textarea::placeholder{color:#A4AEBD;}
.pl-honig{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.pl-formular-fuss{margin-top:22px;}
.pl-formular-fuss .pl-knopf{width:100%;}
.pl-formular-fuss .pl-knopf[disabled]{opacity:.6;cursor:wait;transform:none;box-shadow:none;}
.pl-datenschutz{font-size:13px;color:var(--grau);margin:14px 0 0;line-height:1.5;}
.pl-datenschutz a{color:var(--tinte);}
.pl-meldung{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:14.5px;}
.pl-meldung.pl-zeigen{display:block;}
.pl-meldung-fehler{background:rgba(236,79,107,.1);color:#A1263F;}
.pl-danke{display:none;text-align:center;padding:36px 8px;}
.pl-danke-zeichen{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;background:var(--gruen);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(19,179,139,.12);}
.pl-danke-zeichen svg{width:28px;height:28px;}
.pl-danke h3{font-size:26px;margin-bottom:8px;}
.pl-danke p{color:var(--grau);margin:0;}
.pl-formular.pl-gesendet .pl-formular-felder{display:none;}
.pl-formular.pl-gesendet .pl-danke{display:block;}
.pl-danke-zeichen{animation:pl-auftauchen .5s cubic-bezier(.2,.9,.3,1.3) both;}
/* Ohne JavaScript: Rücksprung #anfrage-gesendet oder #anfrage-fehler */
.pl-ziel{display:none;margin:0 0 18px;padding:14px 16px;border-radius:14px;font-size:15px;}
.pl-ziel:target{display:block;}
#anfrage-gesendet{background:rgba(19,179,139,.12);color:#0B6E55;}
#anfrage-fehler{background:rgba(236,79,107,.1);color:#A1263F;}

/* ---------- Fuß ---------- */
.pl-fuss{background:var(--grund);border-top:.5px solid var(--linie);padding:48px 0 calc(40px + env(safe-area-inset-bottom));font-size:14px;color:var(--grau);}
.pl-fuss-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;}
@media (min-width:1001px){.pl-fuss-raster{grid-template-columns:minmax(0,1fr) auto;}}
.pl-fuss p{margin:10px 0 0;max-width:460px;}
.pl-fuss nav{display:flex;flex-wrap:wrap;gap:6px 22px;}
.pl-fuss nav a{text-decoration:none;color:var(--grau);}
.pl-fuss nav a:hover{color:var(--tinte);}
.pl-fuss-klein{margin-top:28px;padding-top:20px;border-top:.5px solid var(--linie-2);font-size:12.5px;color:var(--leise);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;}

/* ---------- Rechtstexte und Fehlerseite ---------- */
.pl-recht{padding:56px 0 96px;}
@media (min-width:901px){.pl-recht{padding:88px 0 128px;}}
.pl-recht-inhalt{max-width:760px;}
.pl-recht h1{font-size:40px;letter-spacing:-.04em;margin-bottom:12px;}
@media (min-width:561px){.pl-recht h1{font-size:52px;}}
.pl-recht h2{font-size:21px;letter-spacing:-.02em;margin:40px 0 10px;}
.pl-recht p,.pl-recht li{color:var(--text);font-size:16.5px;}
.pl-recht .pl-recht-hinweis{color:var(--grau);font-size:15px;}
.pl-recht address{font-style:normal;}
.pl-fehler{min-height:60vh;display:flex;align-items:center;padding:80px 0;text-align:center;}
.pl-fehler h1{font-size:56px;letter-spacing:-.05em;margin-bottom:12px;}
.pl-fehler p{color:var(--grau);font-size:19px;}

/* ---------- Passwortseite der Vorschau ---------- */
.pl-zugang{min-height:calc(100vh - var(--kopf) - 160px);display:flex;align-items:center;padding:64px 0;background:radial-gradient(ellipse at 30% 0%,rgba(79,91,255,.10),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(46,197,255,.10),transparent 55%);}
.pl-zugang-karte{max-width:440px;margin:0 auto;background:#fff;border-radius:28px;padding:36px 28px 28px;box-shadow:var(--schatten-stark);text-align:center;}
.pl-zugang-zeichen{display:inline-flex;margin-bottom:18px;}
.pl-zugang-zeichen svg{width:52px;height:52px;}
.pl-zugang-karte h1{font-size:32px;letter-spacing:-.04em;margin-bottom:10px;}
.pl-zugang-karte > p{color:var(--grau);font-size:16px;margin:0 0 22px;}
.pl-zugang-karte form{text-align:left;display:grid;gap:14px;}
.pl-zugang-karte .pl-knopf{width:100%;}
.pl-zugang-falsch{display:none;margin:0;padding:10px 12px;border-radius:12px;background:rgba(236,79,107,.1);color:#A1263F;font-size:14px;}
.pl-zugang-karte[data-fehler="ja"] .pl-zugang-falsch{display:block;}
.pl-zugang-recht{margin:20px 0 0 !important;font-size:13px;color:var(--leise) !important;}
.pl-zugang-recht a{color:var(--grau);}

/* ---------- Bewegung ---------- */
.pl-hinweis-zeichen.pl-hz-ok{background:var(--gruen);}
.pl-hinweis-zeichen.pl-hz-ok svg{width:11px;height:11px;}
@keyframes pl-fluss{to{stroke-dashoffset:-72;}}
@keyframes pl-puls{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(.8);opacity:.6;}}
@keyframes pl-schweben{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(4%,-6%) scale(1.06);}66%{transform:translate(-5%,4%) scale(.96);}}
@keyframes pl-atmen{0%,100%{opacity:.75;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
@keyframes pl-drehen{to{transform:rotate(360deg);}}
@keyframes pl-cursor{50%{opacity:0;}}
@keyframes pl-markiert{0%,30%,100%{background:transparent;}40%,85%{background:rgba(79,91,255,.07);}}
@keyframes pl-wechsel-a{0%,40%{opacity:1;}48%,92%{opacity:0;}100%{opacity:1;}}
@keyframes pl-wechsel-b{0%,40%{opacity:0;}48%,92%{opacity:1;}100%{opacity:0;}}
@keyframes pl-fuellen{0%,15%{width:38%;}45%,90%{width:100%;}100%{width:38%;}}
@keyframes pl-haken-1{0%,8%{transform:scale(0);}14%,92%{transform:scale(1);}100%{transform:scale(0);}}
@keyframes pl-haken-2{0%,22%{transform:scale(0);}28%,92%{transform:scale(1);}100%{transform:scale(0);}}
@keyframes pl-haken-3{0%,36%{transform:scale(0);}42%,92%{transform:scale(1);}100%{transform:scale(0);}}
@keyframes pl-haken-4{0%,50%{transform:scale(0);}56%,92%{transform:scale(1);}100%{transform:scale(0);}}
@keyframes pl-heben{0%,100%{transform:translateY(0);box-shadow:none;}40%,60%{transform:translateY(-4px);box-shadow:0 10px 24px rgba(79,91,255,.16);}}
@keyframes pl-fliegen{0%,10%{transform:translate(0,0) rotate(0);opacity:1;}40%{transform:translate(-30px,40px) rotate(-6deg);opacity:0;}41%{transform:translate(0,-8px);opacity:0;}60%,100%{transform:translate(0,0);opacity:1;}}
@keyframes pl-aufleuchten{0%,25%,100%{box-shadow:0 0 0 0 rgba(79,91,255,0);border-color:var(--linie-2);}35%,55%{box-shadow:0 0 0 4px rgba(79,91,255,.12);border-color:rgba(79,91,255,.4);}}
@keyframes pl-laden{0%,8%{transform:scaleX(.05);}55%,88%{transform:scaleX(1);}100%{transform:scaleX(.05);}}
@keyframes pl-rollen{to{transform:translateY(-50%);}}
@keyframes pl-schritt{0%{transform:scaleX(0);}20%,100%{transform:scaleX(1);opacity:0;}15%{opacity:1;}}
@keyframes pl-auftauchen{from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}}
/* Was nicht im Bild ist, ruht (spart Akku); sichtbar bleibt alles. */
.pl-ruht,.pl-ruht *{animation-play-state:paused!important;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .pl-wechsel-b{opacity:0;}
  .pl-pz-ok{transform:none;}
  .pl-schritt::after{transform:scaleX(1);opacity:.5;}
}
/* Themenseiten: Liste „Weitere Themen“ unter dem Abschluss (30.10.2026) */
.pl-themen{margin-top:44px;}
.pl-themen h2{font-size:20px;letter-spacing:-.02em;margin:0 0 14px;color:var(--tinte);}
.pl-themen ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.pl-themen li{margin:0;}
.pl-themen a.pl-textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--linie);text-decoration:none;font-size:15px;font-weight:600;color:var(--tinte);transition:border-color .2s ease,color .2s ease;}
.pl-themen a.pl-textlink:hover{border-color:rgba(79,91,255,.4);color:var(--akzent);}

@media print{.pl-kopf,.pl-buehne-licht,.pl-nacht-licht{display:none;}.pl-nacht{background:#fff;color:#000;}}

/* ---------- Release 1 nach Jonas' Umsetzungsanleitung (28.10.2026): Zusagen, Brand Palace, Tarife, Marktplatz-Check, Formularwahl ---------- */
.pl-zusagen{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:14px;color:var(--grau);}
.pl-zusagen li{display:inline-flex;align-items:center;gap:7px;}
.pl-zusage-haken{width:18px;height:18px;border-radius:50%;background:var(--gruen);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.pl-zusage-haken svg{width:10px;height:10px;}

/* Wer dahintersteht */
.pl-wer{background:var(--grund-2);}
.pl-wer-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center;}
@media (min-width:901px){.pl-wer-raster{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;}}
.pl-wer-bild{margin:0;min-width:0;}
.pl-wer-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:440px;}
.pl-wer-fotos img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:22px;box-shadow:var(--schatten);background:#fff;}
.pl-wer-bild figcaption{font-size:14px;color:var(--grau);margin-top:14px;}
.pl-wer-text{min-width:0;}
.pl-wer-text .pl-h2{margin-bottom:18px;}
.pl-wer-text p{font-size:18px;color:var(--grau);}
.pl-textlink{display:inline-flex;align-items:center;gap:6px;color:var(--akzent);font-weight:600;text-decoration:none;}
.pl-textlink:hover{color:var(--akzent-2);}
.pl-textlink .pl-pfeil{transition:transform .2s ease;}
.pl-textlink:hover .pl-pfeil{transform:translateX(3px);}
.pl-wer-kacheln{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:40px;}
@media (min-width:761px){.pl-wer-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));}}
.pl-wer-kachel{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:var(--schatten);font-weight:600;color:var(--tinte);font-size:15.5px;min-width:0;}

/* Tarife: ohne Skript stehen Monatspreis und Jahrespreis in jeder Karte, der Umschalter erscheint erst mit Skript */
.pl-umschalter{display:none;margin:26px auto 0;padding:4px;border-radius:999px;background:var(--grund-3);gap:4px;}
.pl-js .pl-umschalter{display:inline-flex;}
.pl-umschalter button{font:inherit;font-size:14.5px;font-weight:600;color:var(--grau);background:transparent;border:0;border-radius:999px;padding:9px 16px;cursor:pointer;}
.pl-umschalter button[aria-pressed="true"]{background:#fff;color:var(--tinte);box-shadow:0 1px 3px rgba(11,19,36,.12);}
.pl-b-jahr{display:none;}
[data-preise][data-ansicht="jahr"] .pl-b-monat{display:none;}
[data-preise][data-ansicht="jahr"] .pl-b-jahr{display:inline;}
.pl-tarife{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch;}
@media (min-width:901px){.pl-tarife{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}}
@media (max-width:900px){.pl-tarif-hervor{order:-1;}}
.pl-tarif{position:relative;display:flex;flex-direction:column;border-radius:28px;padding:30px 26px;background:#fff;border:.5px solid var(--linie);box-shadow:var(--schatten);min-width:0;}
.pl-tarif-hervor{border:1.5px solid rgba(79,91,255,.55);box-shadow:0 20px 60px rgba(79,91,255,.16);}
.pl-tarif-marke{position:absolute;top:-13px;left:26px;background:var(--akzent);color:#fff;font-size:13px;font-weight:650;padding:5px 12px;border-radius:999px;}
.pl-tarif h3{font-size:22px;letter-spacing:-.025em;}
.pl-tarif-unter{font-size:15px;color:var(--grau);margin:6px 0 0;}
.pl-tarif-preis{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:18px 0 0;font-size:44px;font-weight:780;letter-spacing:-.05em;color:var(--tinte);line-height:1;font-variant-numeric:tabular-nums lining-nums;}
.pl-tarif-preis small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--grau);}
.pl-tarif-zeile{font-size:13.5px;color:var(--grau);margin:8px 0 0;line-height:1.45;}
.pl-tarif-werte{margin:18px 0 0;padding:0;border-top:.5px solid var(--linie);}
.pl-tarif-werte div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:.5px solid var(--linie);font-size:15px;}
.pl-tarif-werte dt{color:var(--grau);}
.pl-tarif-werte dd{margin:0;font-weight:650;color:var(--tinte);text-align:right;font-variant-numeric:tabular-nums lining-nums;}
.pl-tarif-text{margin-top:16px;}
.pl-tarif-text b{display:block;font-size:13.5px;color:var(--tinte);margin-bottom:4px;}
.pl-tarif-text p{font-size:15px;color:var(--text);margin:0;line-height:1.5;}
.pl-tarif-einrichtung{display:flex;justify-content:space-between;gap:12px;margin:0;padding:12px 14px;border-radius:14px;background:var(--grund-2);font-size:14.5px;}
.pl-tarif-einrichtung span{color:var(--grau);}
.pl-tarif-einrichtung b{color:var(--tinte);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;}
.pl-tarif-unten{margin-top:auto;padding-top:20px;display:grid;gap:14px;}
.pl-tarif-unten .pl-knopf{width:100%;}
/* In allen Paketen enthalten (Preisseite nach Frederics Entwurf, 28.10.2026) */
.pl-alle-pakete{margin-top:18px;background:var(--grund-2);border-radius:22px;padding:22px 22px 24px;min-width:0;}
@media (min-width:561px){.pl-alle-pakete{padding:24px 28px 26px;}}
.pl-alle-pakete h3{font-size:17px;letter-spacing:-.02em;margin:0;}
.pl-alle-pakete .pl-liste{margin-top:16px;gap:12px 24px;}
@media (min-width:561px){.pl-alle-pakete .pl-liste{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1101px){.pl-alle-pakete .pl-liste{grid-template-columns:repeat(4,minmax(0,1fr));}}
.pl-alle-pakete .pl-liste li{font-size:15px;min-width:0;}
/* Agentur als Leiste: Name, Preis, Text, Knopf */
.pl-tarif-leiste{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
@media (min-width:761px){.pl-tarif-leiste{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;align-items:center;padding:30px 32px;}}
@media (min-width:1101px){.pl-tarif-leiste{grid-template-columns:minmax(0,2fr) minmax(0,2.7fr) minmax(0,3.5fr) auto;gap:28px;}}
.pl-tarif-leiste-preis{min-width:0;}
.pl-tarif-leiste .pl-tarif-preis{margin-top:0;}
.pl-tarif-leiste-text{margin:0;font-size:15px;color:var(--text);line-height:1.5;min-width:0;}
.pl-tarif-fuss .pl-knopf{width:100%;}
@media (min-width:761px){.pl-tarif-fuss .pl-knopf{width:auto;white-space:nowrap;}}
/* Schmale Rechner: Untertitel brechen ungleich um, die Wertezeilen der drei Karten bleiben trotzdem auf einer Höhe */
@media (min-width:901px) and (max-width:1100px){.pl-tarife .pl-tarif-unter{min-height:3.2em;}}
.pl-umschalter .pl-gratis{color:#0B7A5C;}
/* Zusatzpakete und Einrichtung nebeneinander, darunter zwei Fußnoten */
.pl-preis-mehr{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px;}
@media (min-width:901px){.pl-preis-mehr{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
.pl-zusatz,.pl-einrichtung-karte{background:var(--grund-2);border-radius:22px;padding:20px 22px 12px;min-width:0;}
@media (min-width:561px){.pl-zusatz,.pl-einrichtung-karte{padding:22px 28px 14px;}}
.pl-zusatz h3,.pl-einrichtung-karte h3{font-size:17px;letter-spacing:-.02em;margin:0 0 4px;}
.pl-zusatz dl{margin:0;}
.pl-zusatz dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:.5px solid var(--linie);font-size:15px;}
.pl-zusatz dt{color:var(--text);min-width:0;}
.pl-zusatz dd{margin:0;font-weight:650;color:var(--tinte);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;}
.pl-zusatz-hinweis{margin:12px 0 8px;font-size:14.5px;color:var(--grau);line-height:1.5;}
.pl-einrichtung{margin:0;}
.pl-einrichtung div{padding:12px 0;border-bottom:.5px solid var(--linie);}
.pl-einrichtung div:last-child{border-bottom:0;}
.pl-einrichtung dt{font-weight:650;color:var(--tinte);font-size:15px;}
.pl-einrichtung dd{margin:3px 0 0;font-size:14.5px;color:var(--text);line-height:1.5;}
.pl-fussnoten{margin:26px 0 0;text-align:center;font-size:13px;color:var(--grau);display:grid;gap:4px;}
.pl-fussnoten p{margin:0;}

/* Marktplatz-Check */
.pl-check{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:center;border-radius:32px;padding:36px 26px;background:var(--nacht);color:var(--nacht-text);}
@media (min-width:901px){.pl-check{grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding:56px;gap:40px;}}
.pl-check-text{min-width:0;}
.pl-check .pl-h2{color:#fff;}
.pl-check .pl-kicker{color:var(--cyan);}
.pl-check p{color:var(--nacht-grau);font-size:17px;margin:16px 0 0;}
.pl-check .pl-aktionen{justify-content:flex-start;margin-top:0;}
@media (min-width:901px){.pl-check .pl-aktionen{flex-direction:column;align-items:stretch;}}
.pl-check .pl-knopf-hell{background:rgba(255,255,255,.1);color:#fff;}
.pl-check .pl-knopf-hell:hover{background:rgba(255,255,255,.16);}

/* Formular: Anliegen als Schalter, Kanäle als Auswahl */
.pl-gruppe-feld{border:0;margin:0;padding:0;min-width:0;}
.pl-gruppe-feld legend{margin-bottom:7px;}
.pl-schalter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--grund-2);}
.pl-schalter-wahl{position:relative;min-width:0;}
.pl-schalter-wahl input,.pl-wahl input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0;pointer-events:none;}
.pl-schalter-wahl span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;padding:8px 6px;border-radius:11px;font-size:14px;font-weight:600;color:var(--grau);cursor:pointer;line-height:1.2;}
.pl-schalter-wahl input:checked + span{background:#fff;color:var(--tinte);box-shadow:0 1px 3px rgba(11,19,36,.12);}
.pl-schalter-wahl input:focus-visible + span,.pl-wahl input:focus-visible + span{outline:3px solid rgba(79,91,255,.45);outline-offset:1px;}
.pl-feld-hinweis{font-size:13px;color:var(--grau);margin:8px 0 0;}
.pl-wahlen{display:flex;flex-wrap:wrap;gap:8px;}
.pl-wahl{position:relative;}
.pl-wahl span{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid rgba(11,19,36,.14);background:#fff;font-size:14.5px;color:var(--text);cursor:pointer;}
.pl-wahl input:checked + span{border-color:var(--akzent);background:rgba(79,91,255,.08);color:var(--akzent-2);font-weight:600;}

/* ---------- Release 2 nach Jonas' Umsetzungsanleitung (28.10.2026): Kennen Sie das, Nutzensätze, Für wen, Seite zum Marktplatz-Check ---------- */
/* Kennen Sie das? Graues Band direkt nach den Kennzahlen; deren Karten brauchen Luft nach unten */
.pl-fakten{padding-bottom:48px;}
@media (min-width:901px){.pl-fakten{padding-bottom:72px;}}
.pl-alltag{background:var(--grund-2);}
.pl-alltag-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
@media (min-width:761px){.pl-alltag-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
@media (min-width:1101px){.pl-alltag-raster{grid-template-columns:repeat(4,minmax(0,1fr));}}
.pl-alltag-karte{background:#fff;border-radius:24px;padding:26px 24px 28px;box-shadow:var(--schatten);min-width:0;}
.pl-alltag-zeichen{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:rgba(79,91,255,.1);color:var(--akzent);}
.pl-alltag-zeichen svg{width:22px;height:22px;}
.pl-alltag-karte h3{font-size:20px;letter-spacing:-.025em;line-height:1.2;margin:18px 0 8px;}
.pl-alltag-karte p{font-size:15.5px;color:var(--grau);margin:0;}

/* Nutzensatz unter jeder Funktion */
.pl-funktion-text > .pl-nutzen{font-size:19px;line-height:1.45;font-weight:650;color:var(--tinte);letter-spacing:-.01em;margin:0 0 10px;}

/* Für wen Pimlane passt: weißer Abschnitt zwischen Brand Palace und Preisen, der Abstand nach unten kommt von den Preisen */
.pl-abschnitt.pl-fuerwen{padding-bottom:0;}
.pl-fuerwen-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:980px;margin:0 auto;}
@media (min-width:761px){.pl-fuerwen-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
.pl-fuerwen-karte{border-radius:24px;padding:28px 26px 30px;min-width:0;}
.pl-fw-passt{background:linear-gradient(140deg,#F1F3FF 0%,#EAF8FF 100%);}
.pl-fw-weniger{background:var(--grund-2);}
.pl-fuerwen-karte h3{font-size:22px;letter-spacing:-.025em;margin:0;}
.pl-fuerwen-karte .pl-liste{margin-top:18px;}
.pl-fw-weniger .pl-liste li{color:var(--grau);}
.pl-fw-weniger .pl-liste li::before{background-color:rgba(11,19,36,.07);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6B7E' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E");}

/* Marktplatz-Check: Verweis auf die eigene Seite */
.pl-check .pl-textlink{color:var(--cyan);}
.pl-check .pl-textlink:hover{color:#8FE0FF;}

/* Seite zum Marktplatz-Check */
.pl-seitenkopf{padding:56px 0 0;text-align:center;}
@media (min-width:901px){.pl-seitenkopf{padding:96px 0 0;}}
.pl-seitenkopf-text{max-width:860px;margin:0 auto;}
.pl-seitenkopf .pl-h2{font-size:38px;}
@media (min-width:561px){.pl-seitenkopf .pl-h2{font-size:clamp(44px,5.4vw,64px);}}
.pl-check-details{background:var(--grund-2);}
.pl-check-karten{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
@media (min-width:901px){.pl-check-karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}}
.pl-check-karte{background:#fff;border-radius:28px;padding:30px 24px;box-shadow:var(--schatten);min-width:0;}
@media (min-width:561px){.pl-check-karte{padding:40px;}}
.pl-check-karte h2{font-size:26px;letter-spacing:-.03em;line-height:1.15;margin:0;}
.pl-check-karte .pl-liste{margin-top:20px;}
.pl-check-karte > p{font-size:16.5px;color:var(--text);margin:16px 0 0;}
.pl-check-karte > p.pl-check-hinweis{font-size:15px;color:var(--grau);margin-top:18px;}