/* Landing-Bausteine «lp» (Plugin Website-Entwurf). Farben und Schriften der Agentur,
   Abschnitte als HTML-Blöcke mit Klasse «lp». Stark genug gesetzt, um die Theme-Regeln für
   .entry-content (Breite, Schriftgrössen, Abstände) zu überschreiben. */
/* Farben: die beiden Seitenfarben des Themes. Vordergrund (--lp-fg) und Hintergrund (--lp-bg) tauschen,
   sobald das Theme beim Scrollen «scroll-invert» setzt. Abgestufte Töne entstehen aus dem Vordergrund. */
.lp{--lp-fg:var(--front-color,#402652);--lp-bg:var(--back-color,#ffffff);
  --lp-leise:color-mix(in srgb,var(--lp-fg) 74%,transparent);--lp-linie:color-mix(in srgb,var(--lp-fg) 18%,transparent);
  --lp-flaeche:color-mix(in srgb,var(--lp-fg) 7%,transparent);--lp-flaeche2:color-mix(in srgb,var(--lp-fg) 13%,transparent);
  --lp-lila:#402652;--lp-mint:#98fdba;--lp-ink:#242424;
  /* Akzent: Zweitfarbe des Bereichs Websites (Karte «Websites»), in beiden Zuständen gleich */
  --lp-akzent:#98fdba;--lp-auf-akzent:#402652;
  --lp-reg:"basier_circleregular","Helvetica Neue",Arial,sans-serif;--lp-med:"basier_circlemedium","Helvetica Neue",Arial,sans-serif;
  --lp-w:1180px;font-family:var(--lp-reg);color:var(--lp-fg);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.scroll-invert .lp{--lp-fg:var(--back-color,#ffffff);--lp-bg:var(--front-color,#402652)}
/* Farbwechsel weich wie beim Theme (Text 0.3 s, Flächen 1 s) */
.lp,.lp :is(h1,h2,h3,p,span,b,li,summary,a){transition:color .3s}
.lp :is(.lp-weg,.lp-kachel,.lp-toast,.lp-toast-icon,.lp-marke,.lp-gratis,.lp-ablauf,.lp-cta){transition:background-color 1s,border-color 1s,color .3s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.entry-content .lp{max-width:none!important;width:100%!important;margin:0!important}
.entry-content .lp-invert > .wp-block-group__inner-container{max-width:none!important;width:100%!important;padding:0!important}
.lp *,.lp *::before,.lp *::after{box-sizing:border-box}
/* Inhaltsbreite wie überall auf der Website (Theme: min(940px, 100% - 40px)) */
.lp-in{max-width:min(940px,calc(100% - 40px));margin:0 auto;padding:0}
.entry-content .lp :is(h1,h2,h3,h4,p,ul,ol,li,figure){margin:0;padding:0;max-width:none;letter-spacing:normal;text-transform:none}
.entry-content .lp p,.entry-content .lp li{font-size:inherit;line-height:inherit;color:inherit}
.entry-content .lp :is(ul,ol){list-style:none}
.entry-content .lp a{text-decoration:none;color:inherit}
.entry-content .lp img{display:block;max-width:100%;height:auto}
.lp :is(h1,h2,h3){font-family:var(--lp-med);font-weight:normal;color:var(--lp-fg);text-wrap:balance}
.entry-content .lp h1{font-size:clamp(44px,6.4vw,86px);line-height:.98;letter-spacing:-.035em}
.entry-content .lp h2{font-size:clamp(34px,4.4vw,58px);line-height:1.02;letter-spacing:-.03em}
.entry-content .lp h3{font-size:clamp(21px,1.8vw,26px);line-height:1.15;letter-spacing:-.015em}
.lp h2 span,.lp h1 span{color:color-mix(in srgb,var(--lp-fg) 55%,transparent)}
.lp-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--lp-med);font-size:13px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--lp-fg)}
.lp-punkt{width:8px;height:8px;border-radius:50%;background:var(--lp-akzent);color:var(--lp-akzent);animation:lp-puls 2.2s infinite}
@keyframes lp-puls{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 55%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.lp-sektion{padding-block:clamp(72px,9vw,128px)}
.lp-kopf{display:grid;gap:18px;max-width:760px;margin-bottom:clamp(36px,4vw,56px)}
.lp-kopf p{font-size:20px;color:var(--lp-leise);max-width:62ch}

/* Knöpfe */
.lp-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* Gleich gross wie die Knöpfe im Theme (52 px, 20 px Schrift, 26 px seitlich), alle Varianten identisch */
.entry-content .lp .lp-btn{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border:2px solid transparent;border-radius:99px;font-family:var(--lp-med);font-size:1.25rem;line-height:1;white-space:nowrap;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s,color .25s,box-shadow .25s}
.lp-btn i{font-style:normal;display:inline-block;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.lp-btn:hover i{transform:translateX(4px)}
.lp-btn:hover{transform:translateY(-2px)}
.entry-content .lp .lp-btn--haupt{background:var(--lp-fg);color:var(--lp-bg)}
.entry-content .lp .lp-btn--mint{background:var(--lp-akzent);color:var(--lp-auf-akzent)}
.entry-content .lp .lp-btn--rand{border-color:currentColor;color:var(--lp-fg);background:transparent}
.lp-btn--haupt::after,.lp-btn--mint::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:lp-glanz 5s 1.5s infinite}
@keyframes lp-glanz{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.lp-btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}

/* Erscheinen beim Scrollen */
.lp-js .lp-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 90ms)}
.lp-js .lp-reveal.is-in{opacity:1;transform:none}

/* ---------- Hero */
/* Titel auf gleicher Höhe wie bei den anderen Seiten (H1 rund 100 px unter dem Kopf) */
/* Verlauf in den Website-Farben wie im ersten Entwurf: Mint oben rechts, Lila unten links */
.lp-hero{background:radial-gradient(closest-side at 80% 45%,color-mix(in srgb,var(--lp-akzent) 50%,transparent),transparent),radial-gradient(closest-side at 18% 62%,color-mix(in srgb,var(--lp-fg) 7%,transparent),transparent);padding-top:54px;padding-bottom:clamp(56px,7vw,96px);overflow:hidden}
.lp-hero .lp-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:start}
.lp-hero .lp-buehne{margin-top:40px}
.lp-hero-text{display:grid;gap:26px}
.lp-hero-text > p.lp-unter{font-size:clamp(19px,1.6vw,22px);color:var(--lp-leise);max-width:34em}
/* Vertrauen: drei gleiche Spalten, Zahl oben, Bezeichnung darunter (passt auch auf dem Handy) */
.lp-vertrauen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:460px;padding-top:6px;align-items:start}
.lp-vertrauen > span{display:grid;gap:4px;align-content:start;padding-left:14px;border-left:2px solid var(--lp-fg)}
.lp-vertrauen b{font-family:var(--lp-med);font-weight:normal;color:var(--lp-fg);font-size:26px;line-height:1;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px}
.lp-vertrauen small{font-size:14px;line-height:1.3;color:var(--lp-leise);max-width:12ch}
.lp-sterne{color:#f5b301;font-size:13px;letter-spacing:0}
@media (max-width:600px){.lp-vertrauen{gap:12px}.lp-vertrauen > span{padding-left:10px}.lp-vertrauen b{font-size:22px;gap:5px}.lp-vertrauen small{font-size:13px}.lp-sterne{font-size:10px}}
/* Logos auf dem Handy bis an den Rand */
.entry-content .wp-block-group.lp-logo-band{padding-left:0!important;padding-right:0!important}
.entry-content .lp-logo-band > .wp-block-group__inner-container,#main-content .entry-content .wp-block-group.lp-logo-band .mod-logoslider{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
/* Abschnitte in den Farbwechsel-Gruppen: Theme-Rand (ID-Regel) aufheben, sonst rutschen sie mobil 20px nach rechts */
#main-content .entry-content .lp-invert > .wp-block-group__inner-container > section.lp{margin-left:0!important;margin-right:0!important}
.lp-buehne{position:relative;aspect-ratio:1/0.92;min-height:320px}
.lp-browser{position:absolute;border-radius:14px;background:#fff;box-shadow:0 30px 70px -25px rgba(36,20,48,.45),0 0 0 1px rgba(64,38,82,.08);overflow:hidden;will-change:transform}
.lp-browser::before{content:"";display:block;height:22px;background:#f1eef4 radial-gradient(circle at 12px 11px,#ff6a5c 3.5px,transparent 4px) ,radial-gradient(circle at 24px 11px,#ffc23c 3.5px,transparent 4px),radial-gradient(circle at 36px 11px,#45d36b 3.5px,transparent 4px);background-color:#f1eef4}
.lp-browser img{width:100%;aspect-ratio:4/3;object-fit:cover}
.lp-b1{width:72%;left:0;top:6%;z-index:2;animation:lp-schweben 7s ease-in-out infinite}
.lp-b2{width:58%;right:0;top:0;z-index:1;opacity:.95;animation:lp-schweben 8s -2s ease-in-out infinite}
.lp-b3{width:54%;right:4%;bottom:0;z-index:3;animation:lp-schweben 9s -4s ease-in-out infinite}
@keyframes lp-schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.lp-toast{position:absolute;left:6%;bottom:8%;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:14px;background:var(--lp-fg);color:var(--lp-bg);font-size:14px;line-height:1.25;box-shadow:0 18px 40px -16px rgba(0,0,0,.45)}
.lp-toast b{display:block;font-family:var(--lp-med);font-weight:normal;font-size:15px}
.lp-toast-icon{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lp-akzent);color:var(--lp-auf-akzent);display:grid;place-items:center;font-size:16px}
.lp-js .lp-toast{opacity:0;transform:translateY(16px) scale(.96);transition:opacity .6s 1.1s,transform .6s 1.1s cubic-bezier(.2,.8,.2,1)}
.lp-js .lp-hero.is-in .lp-toast{opacity:1;transform:none}

/* ---------- Logos auf dunklem Band */
.lp-logos{background:transparent;padding-block:24px 6px}
/* Logos schwarz auf hellem Grund, die Bilder selbst sind weiss */
.entry-content .wp-block-group.lp-logo-band{background:transparent!important;padding-bottom:24px!important}
/* Logos in der Schriftfarbe Lila (#402652): die weissen Bilder werden per Filter eingefärbt */
.lp-logo-band img{filter:brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(1892%) hue-rotate(259deg) brightness(88%) contrast(82%)}

/* ---------- Zwei Wege */
.lp-wege .lp-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.lp-weg{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(28px,3vw,44px);border-radius:28px;border:1.5px solid var(--lp-linie);background:transparent}
.lp-weg:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.lp-weg--basis{background:var(--lp-fg);border-color:var(--lp-fg);color:var(--lp-bg)}
.lp-weg--basis h3{color:var(--lp-bg)}
.lp-marke{align-self:flex-start;font-family:var(--lp-med);font-size:13px!important;letter-spacing:.06em;padding:7px 12px;border-radius:99px;background:var(--lp-flaeche2);color:var(--lp-fg)}
.lp-weg--basis .lp-marke{background:var(--lp-akzent);color:var(--lp-auf-akzent)}
.lp-preis{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.lp-preis b{font-family:var(--lp-med);font-weight:normal;font-size:clamp(36px,3.6vw,48px);letter-spacing:-.03em;line-height:1;color:var(--lp-akzent)}
.lp-weg:not(.lp-weg--basis) .lp-preis b{color:var(--lp-fg);font-size:clamp(26px,2.4vw,32px)}
.lp-preis span{font-size:15px;opacity:.75}
.lp-haken{display:grid;gap:10px;font-size:17px}
.entry-content .lp .lp-haken li{position:relative;padding-left:32px}
.lp-haken li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--lp-akzent);color:var(--lp-auf-akzent);font-family:var(--lp-med)}
.lp-weg .lp-klein{font-size:15px;opacity:.8}
.lp-weg .lp-knoepfe{margin-top:auto;padding-top:8px}

/* ---------- Ablauf */
.lp-ablauf{background:transparent}
.lp-schritte{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:lp}
.lp-schritte::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:var(--lp-linie)}
.lp-schritte::after{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:var(--lp-fg);transform:scaleX(0);transform-origin:left;transition:transform 1.6s .3s cubic-bezier(.2,.8,.2,1)}
.lp-ablauf.is-in .lp-schritte::after,.lp-ablauf:not(.lp-reveal) .lp-schritte::after{transform:scaleX(1)}
.lp-schritte{grid-template-rows:auto auto auto auto;row-gap:0}
.lp-schritt{position:relative;z-index:1;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:12px;align-content:start;counter-increment:lp}
.lp-schritt .lp-gratis{justify-self:start;align-self:start;margin-left:0}
.lp-gratis--leer{visibility:hidden}
.lp-schritt::before{content:counter(lp,decimal-leading-zero);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--lp-bg);border:2px solid var(--lp-fg);color:var(--lp-fg);font-family:var(--lp-med);font-size:17px;transition:background-color .3s,color .3s,border-color 1s}
.lp-schritt:hover::before,.lp-schritt:last-child::before{background:var(--lp-akzent);border-color:var(--lp-akzent);color:var(--lp-auf-akzent)}
.lp-schritt h3{font-size:20px!important}
.lp-schritt p{font-size:15.5px!important;color:var(--lp-leise)}
.lp-gratis{display:inline-block;margin-left:6px;font-family:var(--lp-med);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:99px;background:var(--lp-akzent);color:var(--lp-auf-akzent);vertical-align:middle}

/* ---------- Referenzen */
.lp-refs-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
/* Branche und Name eng zusammen, Abstand nur unter dem Bild */
.lp-ref{display:grid;gap:2px}
.lp-ref-bild{margin-bottom:12px}
.lp-ref-bild{display:block;cursor:zoom-in;position:relative;border-radius:18px;overflow:hidden;background:var(--lp-flaeche);aspect-ratio:4/3;box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.lp-ref-bild img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.lp-ref-bild:hover img{transform:scale(1.05)}
.lp-ref-bild::after{content:"Vergrössern";position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.92);color:var(--lp-lila);font-family:var(--lp-med);font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.lp-ref-bild:hover::after,.lp-ref-bild:focus-visible::after{opacity:1;transform:none}
.lp-ref-k{font-size:13px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-leise)}
.lp-ref-t{font-family:var(--lp-med);font-size:21px!important;color:var(--lp-fg);line-height:1.2!important}
/* Link zur Website: öffnet im neuen Tab, das Bild öffnet die Lightbox (Fancybox aus dem Theme) */
.entry-content .lp a.lp-ref-url{justify-self:start;margin-top:4px;font-size:15px;color:var(--lp-fg);text-decoration:underline;text-decoration-color:var(--lp-akzent);text-decoration-thickness:2px;text-underline-offset:4px;transition:text-decoration-color .2s}
.entry-content .lp a.lp-ref-url:hover{text-decoration-color:currentColor}

/* ---------- Inklusive */
.lp-inklusive .lp-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-kachel{display:grid;gap:10px;align-content:start;padding:24px;border-radius:20px;background:var(--lp-flaeche)}
.lp-kachel:hover{background:var(--lp-flaeche2);transform:translateY(-3px)}
.lp-kachel i{font-family:"Font Awesome 5 Pro";font-weight:300;font-style:normal;font-size:24px;color:var(--lp-fg);width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--lp-akzent);color:var(--lp-auf-akzent)}
.lp-kachel h3{font-size:19px!important}
.lp-kachel p{font-size:15.5px!important;color:var(--lp-leise)}

/* ---------- Persönlich */
/* Gleiche Spalten wie die FAQ, damit Texte bündig untereinander stehen */
.lp-team .lp-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center}
.lp-gesichter{display:flex}
.lp-gesichter img{width:clamp(120px,14vw,180px);aspect-ratio:1;border-radius:50%;object-fit:cover;border:5px solid var(--lp-bg);box-shadow:0 20px 40px -20px rgba(0,0,0,.45);transition:border-color 1s}
.lp-gesichter img + img{margin-left:-28px}
.lp-team-text{display:grid;gap:18px}
.lp-team-text p{font-size:20px;color:var(--lp-leise);max-width:56ch}

/* ---------- FAQ */
.lp-faq .lp-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.lp-fragen{border-top:1.5px solid var(--lp-linie)}
.lp-fragen details{border-bottom:1.5px solid var(--lp-linie)}
.entry-content .lp .lp-fragen summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;cursor:pointer;list-style:none;font-family:var(--lp-med);font-size:20px;color:var(--lp-fg)}
.lp-fragen summary::-webkit-details-marker{display:none}
.lp-fragen summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lp-flaeche2);font-size:20px;transition:transform .3s,background-color .3s,color .3s}
.lp-fragen details[open] summary::after{transform:rotate(45deg);background:var(--lp-akzent);color:var(--lp-auf-akzent)}
.entry-content .lp .lp-fragen details p{padding:0 0 22px;font-size:17px;color:var(--lp-leise);max-width:60ch}
.lp-fragen summary:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:6px}

/* ---------- Schluss */
.lp-cta{position:relative;overflow:hidden;background:transparent;color:var(--lp-fg);text-align:left}
.lp-cta .lp-eyebrow{color:var(--lp-akzent)!important}
.lp-cta h2 span{color:var(--lp-akzent)}
.lp-cta .lp-in{position:relative;z-index:1;display:grid;gap:28px}
.lp-cta p{font-size:20px;color:var(--lp-leise);max-width:46ch}
@keyframes lp-glow{to{transform:translate(-8vw,12%) scale(1.15)}}

/* ---------- Angebotsband Startseite: kompakt und dezent auf dunklem Grund, Mint nur als Akzent */
.entry-content .lp.lp-angebot{padding-block:8px 0}
.lp-ab{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,2.6vw,32px);align-items:center;padding:clamp(20px,2.4vw,28px) clamp(20px,2.8vw,34px);border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#f9f9f9;transition:border-color .4s,background-color .4s}
.lp-ab:hover{border-color:rgba(152,253,186,.45);background:rgba(255,255,255,.07)}
.lp-ab::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(152,253,186,.07) 50%,transparent 70%);transform:translateX(-100%);animation:lp-streif 7s 2s ease-in-out infinite;pointer-events:none}
@keyframes lp-streif{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.lp-ab-grafik{position:relative;width:clamp(64px,7vw,92px);aspect-ratio:1}
.lp-ab-grafik svg{width:100%;height:100%;display:block;animation:lp-drehen 30s linear infinite;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.lp-ab-grafik svg path{fill:#98fdba}
.lp-ab:hover .lp-ab-grafik svg{transform:scale(1.08)}
@keyframes lp-drehen{to{rotate:360deg}}
.lp-ab-text{position:relative;z-index:1;display:grid;gap:6px;min-width:0}
.lp-angebot .lp-eyebrow{color:#98fdba;font-size:12px!important}
.entry-content .lp-angebot h2{color:#f9f9f9!important;font-size:clamp(24px,2.4vw,32px)!important;line-height:1.1!important;letter-spacing:-.02em}
.lp-ab-text > p{font-size:16px;color:rgba(249,249,249,.72)}
.lp-ab-text > p b{font-family:var(--lp-med);font-weight:normal;color:#f9f9f9}
.lp-ab-aktion{position:relative;z-index:1;display:grid;gap:8px;justify-items:center}
.entry-content .lp .lp-ab .lp-btn--haupt{background:#98fdba;color:#402652}
.lp-ab-aktion small{font-size:13px;color:rgba(249,249,249,.55)}

/* ---------- Schmale Bildschirme */
@media (max-width:980px){
  .lp-hero .lp-in{grid-template-columns:minmax(0,1fr)}
  .lp-buehne{max-width:560px;width:100%}
  .lp-schritte{grid-template-columns:minmax(0,1fr);gap:22px}
  .lp-schritte::before,.lp-schritte::after{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}
  .lp-schritte::after{transform:scaleY(0);transform-origin:top}
  .lp-ablauf.is-in .lp-schritte::after{transform:scaleY(1)}
  .lp-schritte{grid-template-rows:none}
  .lp-schritt{grid-row:auto;grid-template-rows:none;grid-template-columns:56px minmax(0,1fr);column-gap:16px;row-gap:6px}
  .lp-schritt::before{grid-row:1/4}
  .lp-gratis--leer{display:none}
  .lp-inklusive .lp-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-refs-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-faq .lp-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .lp{font-size:17px}
  .lp-wege .lp-raster,.lp-refs-raster,.lp-inklusive .lp-kacheln{grid-template-columns:minmax(0,1fr)}
  .lp-ab{grid-template-columns:auto minmax(0,1fr)}
  .lp-ab-aktion{grid-column:1/-1;justify-items:start}
  .lp-team .lp-in{grid-template-columns:minmax(0,1fr)}
  .entry-content .lp .lp-btn{padding:0 22px;font-size:1.125rem}
  .lp-knoepfe .lp-btn{width:100%;justify-content:center}
  .lp-toast{left:0}
}
@media (prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after{animation:none!important;transition:none!important}
  .lp-js .lp-reveal,.lp-js .lp-toast{opacity:1;transform:none}
  .lp-schritte::after{transform:none}
}

/* Farbwechsel-Zone: Gruppe «lp-invert» mit Klasse has-black-background-color löst im Theme beim Scrollen
   «scroll-invert» aus (bm21-child/library/default-child.js). Die Gruppe selbst bleibt durchsichtig. */
.entry-content .wp-block-group.lp-invert.has-black-background-color{background-color:transparent!important;padding:0!important;max-width:none!important;width:100%!important;margin:0!important}

/* Abstand zwischen Schlussband und Fusszeile */
.entry-content .lp.lp-cta{margin-bottom:clamp(56px,7vw,100px)!important}

/* Sprungziel unter dem Kopf */
.lp [id]{scroll-margin-top:100px}