/*!
 * Lieferfrei Refresh 5.0.0
 * Vertieft den bestehenden Stil (Petrol · Gold · Creme · Plus Jakarta Sans):
 * Schriften, Tiefe, Bewegung, neue Formularfelder, Reseller-Programm.
 * Wird nach den Basis-Stylesheets geladen; alle Regeln hängen an html.lfr.
 */

/* ---------- Schriften (selbst gehostet, keine externen Anfragen) ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/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}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/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:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('assets/fonts/jetbrains-mono-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}

/* ---------- Tokens ---------- */
.lfr{
  --lfr-petrol:#0F3D3E;
  --lfr-petrol-2:#17504F;
  --lfr-teal:#2B7266;
  --lfr-deep:#0A2D2E;
  --lfr-abyss:#061E1F;
  --lfr-gold:#D6A84F;
  --lfr-gold-2:#EBCB86;
  --lfr-gold-ink:#8A6320;
  --lfr-cream:#F7F5EF;
  --lfr-paper:#FCFBF7;
  --lfr-sage:#E7EFEB;
  --lfr-ink:#10292A;
  --lfr-muted:#51605B;
  --lfr-line:rgba(15,61,62,.12);
  --lfr-line-strong:rgba(15,61,62,.2);
  --lfr-ease:cubic-bezier(.16,1,.3,1);
  --lfr-radius:22px;
  --lfr-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 1px 2px rgba(15,61,62,.05),0 22px 44px -30px rgba(15,61,62,.38);
  --lfr-shadow-lift:0 1px 0 rgba(255,255,255,.9) inset,0 2px 6px rgba(15,61,62,.06),0 34px 64px -34px rgba(15,61,62,.5);
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ---------- Grundlagen ---------- */
.lfr body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.lfr ::selection{background:rgba(214,168,79,.32);color:var(--lfr-ink)}
.lfr :focus-visible{outline:3px solid rgba(214,168,79,.55);outline-offset:3px}
.lfr-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* feine Papier-Körnung für mehr Tiefe (nur große Bildschirme) */
@media (min-width:900px){
  .lfr body::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.032;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.06 0 0 0 0 0.24 0 0 0 0 0.24 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
}

/* ---------- Typografie ---------- */
.lfr .section-header h2,.lfr .lfx h2,.lfr .lf-home-blog-section h2{color:var(--lfr-ink);letter-spacing:-.022em;word-spacing:.03em;line-height:1.08;text-wrap:balance}
.lfr .section-header h2{font-size:clamp(2.05rem,3.5vw,3.2rem)}
.lfr .section-header p{font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.65;color:var(--lfr-muted);text-wrap:pretty}
.lfr .lfx :where(h1,h2,h3,h4){letter-spacing:-.024em;word-spacing:.03em}
.lfr .lfx h2{font-size:clamp(2rem,3.3vw,3.05rem)}
.lfr .lfx .lfx-price-part h2{letter-spacing:0}
.lfr .lf-home-blog-section h2{opacity:1}

/* Eyebrow-Etiketten: Mono, Versalien, goldener Punkt */
.lfr .section-badge{gap:.6rem;padding:.5rem .95rem .5rem .8rem;border-radius:999px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lfr-petrol);background:rgba(255,255,255,.72);border:1px solid var(--lfr-line);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 20px -14px rgba(15,61,62,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lfr .section-badge::before{content:"";flex:none;width:.45rem;height:.45rem;border-radius:50%;background:var(--lfr-gold);box-shadow:0 0 0 4px rgba(214,168,79,.2)}
.lfr .section-badge--light{color:var(--lfr-cream);background:rgba(247,245,239,.08);border-color:rgba(247,245,239,.18);box-shadow:none}
.lfr .lfx-eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.lfr .hero-badge{font-weight:600}

/* Hervorhebung in Überschriften: goldener Marker, der beim Einblenden läuft */
.lfr-hl{position:relative;white-space:nowrap;padding:0 .06em;margin:0 -.03em;border-radius:.12em;background:linear-gradient(transparent 60%,rgba(214,168,79,.4) 60%,rgba(214,168,79,.4) 90%,transparent 90%) no-repeat 0 0/0 100%;transition:background-size 1.2s var(--lfr-ease) .2s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lfr-hl.is-lit{background-size:100% 100%}
.lfr-gold-text{background:linear-gradient(100deg,var(--lfr-gold-2) 0%,var(--lfr-gold) 45%,#F4DDA6 70%,var(--lfr-gold) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lfr-sheen 8s ease-in-out infinite}

/* ---------- Buttons ---------- */
.lfr .btn{font-family:var(--font-body);font-weight:650;letter-spacing:-.005em}
.lfr .btn [aria-hidden="true"]{display:inline-block;transition:transform .35s var(--lfr-ease)}
.lfr .btn:hover [aria-hidden="true"]{transform:translate(2px,-2px)}
.lfr .btn-primary{isolation:isolate;background:linear-gradient(180deg,#1B5A5B 0%,var(--lfr-petrol) 52%,var(--lfr-deep) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.25),0 16px 32px -16px rgba(15,61,62,.7)}
.lfr .btn-primary::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.2) 48%,transparent 66%);transform:translateX(-130%);transition:transform .9s var(--lfr-ease)}
.lfr .btn-primary:hover::before{transform:translateX(130%)}
.lfr .btn-primary:hover{background:linear-gradient(180deg,#1F6465 0%,#11484A 52%,var(--lfr-deep) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.25),0 22px 40px -18px rgba(15,61,62,.75)}
.lfr .btn-gold{position:relative;overflow:hidden;isolation:isolate;border:0;color:#2A1F08;background:linear-gradient(180deg,#F0D291 0%,var(--lfr-gold) 55%,#C4943B 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(120,80,20,.35),0 18px 36px -18px rgba(214,168,79,.75)}
.lfr .btn-gold::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%);transform:translateX(-130%);transition:transform .9s var(--lfr-ease)}
.lfr .btn-gold:hover{color:#1E1605;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(120,80,20,.35),0 24px 44px -18px rgba(214,168,79,.85)}
.lfr .btn-gold:hover::before{transform:translateX(130%)}
.lfr .btn-glass{color:var(--lfr-cream);background:rgba(247,245,239,.07);border:1px solid rgba(247,245,239,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lfr .btn-glass:hover{color:#fff;background:rgba(247,245,239,.14);border-color:rgba(247,245,239,.4);transform:translateY(-1px)}

/* ---------- Header & Navigation ---------- */
.lfr .site-header.scrolled{background:rgba(252,251,247,.8);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);box-shadow:0 1px 0 var(--lfr-line),0 18px 40px -32px rgba(15,61,62,.45)}
.lfr .nav-menu>li>a{position:relative}
@media (min-width:1025px){
  .lfr .nav-menu>li>a:not(.nav-dropdown-trigger)::after{content:"";position:absolute;left:.2rem;right:.2rem;bottom:.15rem;height:2px;border-radius:2px;background:var(--lfr-gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--lfr-ease)}
  .lfr .nav-menu>li>a:not(.nav-dropdown-trigger):hover::after,.lfr .nav-menu>li>a.is-active-page::after{transform:scaleX(1)}
}
.lfr-nav-pill{display:inline-block;margin-left:.35rem;padding:.26rem .42rem .22rem;border-radius:999px;font:700 .56rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;vertical-align:.18em;color:#3A2A0A;background:linear-gradient(135deg,var(--lfr-gold-2),var(--lfr-gold));box-shadow:0 4px 10px -4px rgba(214,168,79,.8)}
.lfr .lf-site-progress span{background:linear-gradient(90deg,var(--lfr-petrol),var(--lfr-gold))}

/* ---------- Hero ---------- */
.lfr .hero{position:relative;isolation:isolate}
.lfr-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.lfr-aurora i{position:absolute;display:block;width:56vmax;height:56vmax;border-radius:50%;will-change:transform;animation:lfr-drift 28s ease-in-out infinite alternate}
.lfr-aurora i:nth-child(1){top:-26vmax;right:-16vmax;background:radial-gradient(closest-side,rgba(43,114,102,.26),rgba(43,114,102,0))}
.lfr-aurora i:nth-child(2){bottom:-30vmax;left:-18vmax;background:radial-gradient(closest-side,rgba(214,168,79,.2),rgba(214,168,79,0));animation-duration:34s;animation-delay:-9s}
.lfr-aurora i:nth-child(3){top:12%;left:34%;width:38vmax;height:38vmax;background:radial-gradient(closest-side,rgba(231,239,235,.95),rgba(231,239,235,0));animation-duration:24s;animation-delay:-4s}
.lfr .hero h1 .text-accent{background:linear-gradient(100deg,var(--lfr-petrol) 0%,var(--lfr-teal) 35%,#3F9483 50%,var(--lfr-teal) 65%,var(--lfr-petrol) 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lfr-sheen 10s ease-in-out infinite}
.lfr-underline{position:relative;display:inline-block;white-space:nowrap}
.lfr-underline svg{position:absolute;left:-2%;bottom:-.1em;width:104%;height:.3em;overflow:visible;pointer-events:none}
.lfr-underline path{fill:none;stroke:var(--lfr-gold);stroke-width:clamp(3px,.45vw,6px);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:lfr-draw 1.3s var(--lfr-ease) .8s forwards}

/* Beispiel-Bestellungen am Mockup */
.lfr .hero-visual{position:relative}
.lfr-toasts{position:absolute;left:-3%;bottom:2%;z-index:12;width:min(340px,84%);min-height:74px}
.lfr-toast{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.8rem .95rem;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 #fff inset,0 2px 6px rgba(15,61,62,.06),0 28px 56px -26px rgba(15,61,62,.5);opacity:0;transform:translateY(14px) scale(.97);transition:opacity .55s var(--lfr-ease),transform .7s var(--lfr-ease)}
.lfr-toast.is-in{opacity:1;transform:none}
.lfr-toast.is-out{opacity:0;transform:translateY(-16px) scale(.97)}
.lfr-toast-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:var(--lfr-cream);background:linear-gradient(160deg,var(--lfr-petrol-2),var(--lfr-deep));box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.lfr-toast-icon::after{content:"";position:absolute;inset:-4px;border-radius:16px;border:2px solid rgba(214,168,79,.55);opacity:0;animation:lfr-ring 2.4s var(--lfr-ease) infinite}
.lfr-toast-copy{min-width:0}
.lfr-toast-copy strong{display:block;font:700 .9rem/1.25 var(--font-display);color:var(--lfr-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lfr-toast-copy small{display:block;margin-top:.1rem;font-size:.78rem;color:var(--lfr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lfr-toast-fee{text-align:right;line-height:1.15}
.lfr-toast-fee small{display:block;font:600 .58rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lfr-muted)}
.lfr-toast-fee b{display:block;margin-top:.25rem;font:800 1rem/1 var(--font-display);color:#2C7A55}
.lfr-toast-note{position:absolute;left:.5rem;top:-1.35rem;font:600 .58rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lfr-muted)}

/* Referenz-Laufband */
.lfr-marquee{position:relative;z-index:2;display:flex;align-items:center;gap:1.25rem;margin-top:clamp(2.2rem,4vw,3.4rem);padding-top:1.1rem;border-top:1px solid var(--lfr-line)}
.lfr-marquee-label{flex:none;display:inline-flex;align-items:center;gap:.6rem;font:600 .66rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lfr-muted)}
.lfr-live-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#2FA36B}
.lfr-live-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(47,163,107,.5);animation:lfr-ring 2s var(--lfr-ease) infinite}
.lfr-marquee-viewport{display:flex;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.lfr-marquee-track{display:flex;flex:none;gap:.7rem;margin:0;padding:.35rem .7rem .35rem 0;list-style:none;animation:lfr-marquee 46s linear infinite}
.lfr-marquee:hover .lfr-marquee-track,.lfr-marquee:focus-within .lfr-marquee-track{animation-play-state:paused}
.lfr-marquee-track li{display:inline-flex;align-items:center;gap:.55rem;margin:0;padding:.55rem 1rem .55rem .8rem;border-radius:999px;white-space:nowrap;background:rgba(255,255,255,.7);border:1px solid var(--lfr-line);box-shadow:0 10px 24px -20px rgba(15,61,62,.5)}
.lfr-marquee-dot{width:6px;height:6px;border-radius:50%;background:var(--lfr-gold)}
.lfr-marquee-track strong{font:700 .88rem/1 var(--font-display);color:var(--lfr-ink)}
.lfr-marquee-track small{display:inline-flex;align-items:center;gap:.25rem;font-size:.76rem;color:var(--lfr-muted)}
.lfr .hero .scroll-indicator{display:none}

/* ---------- Vertrauensleiste & Kennzahlen ---------- */
.lfr .saas-proof-item{transition:transform .35s var(--lfr-ease),box-shadow .35s var(--lfr-ease),border-color .35s}
.lfr .saas-proof-item:hover{transform:translateY(-2px);border-color:rgba(214,168,79,.4);box-shadow:0 18px 30px -24px rgba(15,61,62,.5)}
.lfr .stats-bar{position:relative;overflow:hidden;background:radial-gradient(60% 120% at 12% 0%,rgba(43,114,102,.55),transparent 60%),radial-gradient(50% 120% at 100% 100%,rgba(214,168,79,.16),transparent 60%),linear-gradient(135deg,var(--lfr-deep),var(--lfr-petrol))}
.lfr .stats-grid{position:relative}
.lfr .stat-item{position:relative}
@media (min-width:769px){.lfr .stat-item+.stat-item::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,rgba(247,245,239,.22),transparent)}}
.lfr .stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 30%,var(--lfr-gold-2) 140%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lfr .stat-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:rgba(247,245,239,.72)}

/* ---------- Karten: Lichtkegel folgt dem Mauszeiger ---------- */
.lfr-has-glow{isolation:isolate}
.lfr-glow{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s var(--lfr-ease);background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(214,168,79,.12),transparent 42%)}
.lfr-glow::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(214,168,79,.8),transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@media (hover:hover) and (pointer:fine){.lfr-has-glow:hover>.lfr-glow{opacity:1}}
.lfr .pkg-card,.lfr .benefit-card,.lfr .upgrade-card,.lfr .process-step,.lfr .ps-card,.lfr .lf-system-lab-card{transition:transform .5s var(--lfr-ease),box-shadow .5s var(--lfr-ease),border-color .5s var(--lfr-ease)}
@media (hover:hover){
  .lfr .pkg-card:hover,.lfr .benefit-card:hover,.lfr .upgrade-card:hover,.lfr .process-step:hover{transform:translateY(-4px);box-shadow:var(--lfr-shadow-lift)}
}

/* ---------- Leistungen als Bento-Raster ---------- */
.lfr .pkg-icon,.lfr .benefit-icon{transition:transform .5s var(--lfr-ease)}
.lfr .pkg-card:hover .pkg-icon,.lfr .benefit-card:hover .benefit-icon{transform:translateY(-2px) rotate(-4deg) scale(1.05)}
@media (min-width:1025px){
  .lfr .package-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
  .lfr .package-grid>.pkg-card:nth-child(1){grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;color:var(--lfr-cream);border-color:rgba(15,61,62,.5);background:radial-gradient(90% 70% at 100% 100%,rgba(214,168,79,.22),transparent 60%),radial-gradient(70% 60% at 0% 0%,rgba(43,114,102,.55),transparent 65%),linear-gradient(150deg,var(--lfr-petrol-2),var(--lfr-deep))}
  .lfr .package-grid>.pkg-card:nth-child(1)::after{content:"";position:absolute;right:-8%;bottom:-14%;width:78%;aspect-ratio:3/2;background:url('images/hero-mockup-760.avif') center/contain no-repeat;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));transform:rotate(-4deg);transition:transform .8s var(--lfr-ease);z-index:-1}
  .lfr .package-grid>.pkg-card:nth-child(1):hover::after{transform:rotate(-2deg) translateY(-8px) scale(1.02)}
  .lfr .package-grid>.pkg-card:nth-child(1) h3{max-width:22rem;font-size:clamp(1.6rem,2.2vw,2.1rem);line-height:1.1;letter-spacing:-.03em;color:#fff}
  .lfr .package-grid>.pkg-card:nth-child(1) p{max-width:24rem;font-size:1.02rem;color:rgba(247,245,239,.78)}
  .lfr .package-grid>.pkg-card:nth-child(1) .pkg-icon{color:#2A1F08;background:linear-gradient(160deg,var(--lfr-gold-2),var(--lfr-gold));border-color:transparent}
  .lfr .package-grid>.pkg-card:nth-child(8){grid-column:span 2;background:radial-gradient(80% 120% at 100% 0%,rgba(214,168,79,.2),transparent 60%),linear-gradient(135deg,#FFFDF8,#F8F0DE);border-color:rgba(214,168,79,.35)}
  .lfr .package-grid>.pkg-card:nth-child(8) h3{font-size:1.35rem}
  .lfr .package-grid>.pkg-card:nth-child(8){overflow:hidden}
  .lfr .package-grid>.pkg-card:nth-child(8)::after{content:"24/7";position:absolute;right:1.2rem;bottom:-1.4rem;z-index:-1;font:800 clamp(6rem,9vw,8.5rem)/1 var(--font-display);letter-spacing:-.06em;color:rgba(214,168,79,.2);pointer-events:none}
}

/* ---------- Ablauf: Fortschrittsleiste beim Scrollen ---------- */
.lfr .process-grid{position:relative;padding-top:1.6rem}
.lfr .process-grid::before,.lfr .process-grid::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px}
.lfr .process-grid::before{background:var(--lfr-line)}
.lfr .process-grid::after{background:linear-gradient(90deg,var(--lfr-petrol),var(--lfr-gold));transform:scaleX(var(--lfr-p,0));transform-origin:left;transition:transform .2s linear}
.lfr .process-number{position:relative;font-family:var(--font-mono);font-weight:700;background:linear-gradient(160deg,var(--lfr-petrol-2),var(--lfr-deep));box-shadow:0 0 0 6px rgba(15,61,62,.07),0 10px 20px -10px rgba(15,61,62,.6)}
.lfr .process-step:hover .process-number{box-shadow:0 0 0 6px rgba(214,168,79,.22),0 10px 20px -10px rgba(15,61,62,.6)}

/* ---------- Preise auf der Startseite ---------- */
.lfr .lfx-home-price-columns{gap:clamp(1rem,2vw,1.5rem);border:0}
.lfr .lfx-home-price-columns article{position:relative;overflow:hidden;padding:clamp(1.6rem,3vw,2.6rem);border:1px solid var(--lfr-line);border-radius:var(--lfr-radius);background:linear-gradient(180deg,#fff,var(--lfr-paper));box-shadow:var(--lfr-shadow);transition:transform .5s var(--lfr-ease),box-shadow .5s var(--lfr-ease)}
.lfr .lfx-home-price-columns article+article{color:var(--lfr-cream);border-color:rgba(15,61,62,.6);background:radial-gradient(80% 90% at 100% 0%,rgba(214,168,79,.2),transparent 60%),linear-gradient(150deg,var(--lfr-petrol-2),var(--lfr-deep))}
.lfr .lfx-home-price-columns article+article p{color:rgba(247,245,239,.78)}
.lfr .lfx-home-price-columns article+article h3{color:#fff}
.lfr .lfx-home-price-columns article+article h3 span{color:var(--lfr-gold)}
.lfr .lfx-home-price-columns article::before{content:"";position:absolute;inset:auto -20% -60% auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(214,168,79,.14),transparent);pointer-events:none}
.lfr .lfx-home-price-columns h3{font-variant-numeric:tabular-nums}
@media (hover:hover){.lfr .lfx-home-price-columns article:hover{transform:translateY(-4px);box-shadow:var(--lfr-shadow-lift)}}

/* ---------- Referenzen, Blog, FAQ ---------- */
.lfr .referenz-card img,.lfr .lf-home-blog-section img{transition:transform .9s var(--lfr-ease)}
.lfr .referenz-card:hover img,.lfr .lf-home-blog-section article:hover img{transform:scale(1.035)}
.lfr .faq-item{transition:border-color .35s,box-shadow .35s,background .35s}
.lfr .faq-item.active{border-color:rgba(214,168,79,.45);box-shadow:inset 3px 0 0 var(--lfr-gold),0 18px 36px -28px rgba(15,61,62,.45)}

/* ---------- Reseller-Abschnitt ---------- */
.lfr-reseller{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4.5rem,9vw,7.5rem) 0;color:var(--lfr-cream);background:linear-gradient(160deg,var(--lfr-petrol) 0%,var(--lfr-deep) 55%,var(--lfr-abyss) 100%)}
.lfr-reseller-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 85% 10%,rgba(214,168,79,.18),transparent 60%),radial-gradient(45% 60% at 0% 100%,rgba(43,114,102,.45),transparent 60%);}
.lfr-reseller-bg::after{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(247,245,239,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,239,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent)}
.lfr-reseller-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.lfr-reseller h2{margin:.9rem 0 1.1rem;font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.028em;color:#fff;text-wrap:balance}
.lfr-lead{margin:0;max-width:38rem;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.7;color:rgba(247,245,239,.78)}
.lfr-new{display:inline-block;margin-left:.2rem;padding:.24rem .45rem .2rem;border-radius:999px;font:700 .56rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#2A1F08;background:linear-gradient(135deg,var(--lfr-gold-2),var(--lfr-gold))}
.lfr-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem;margin:2rem 0 2.2rem;padding:0;list-style:none}
.lfr-points li{display:flex;gap:.85rem;align-items:flex-start;margin:0}
.lfr-point-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--lfr-gold-2);background:rgba(247,245,239,.06);border:1px solid rgba(247,245,239,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.lfr-points strong{display:block;margin:.1rem 0 .2rem;font:700 1rem/1.3 var(--font-display);color:#fff}
.lfr-points small{display:block;font-size:.9rem;line-height:1.55;color:rgba(247,245,239,.68)}
.lfr-actions{display:flex;flex-wrap:wrap;gap:.8rem}

/* Portfolio-Planer */
.lfr-planner{position:relative;padding:clamp(1.4rem,3vw,2.1rem);border-radius:26px;background:linear-gradient(180deg,rgba(247,245,239,.1),rgba(247,245,239,.04));border:1px solid rgba(247,245,239,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 80px -40px rgba(0,0,0,.6)}
.lfr-planner::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(140deg,rgba(235,203,134,.7),transparent 30%,transparent 70%,rgba(235,203,134,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.lfr-planner-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.lfr-planner-kicker{display:inline-flex;align-items:center;gap:.5rem;font:700 .95rem/1 var(--font-display);color:#fff}
.lfr-planner-kicker svg{color:var(--lfr-gold)}
.lfr-planner-head small{font:600 .6rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(247,245,239,.55);padding:.4rem .55rem;border:1px solid rgba(247,245,239,.16);border-radius:999px}
.lfr-planner-field{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.55rem}
.lfr-planner-field label{font-size:.9rem;font-weight:500;color:rgba(247,245,239,.78)}
.lfr-planner-field output{font:800 1.35rem/1 var(--font-display);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.lfr input.lfr-range{--v:20%;width:100%;height:28px;margin:0 0 1.1rem;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.lfr input.lfr-range:focus{outline:none}
.lfr input.lfr-range::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--lfr-gold) 0 var(--v),rgba(247,245,239,.16) var(--v) 100%)}
.lfr input.lfr-range::-moz-range-track{height:6px;border-radius:6px;background:rgba(247,245,239,.16)}
.lfr input.lfr-range::-moz-range-progress{height:6px;border-radius:6px;background:var(--lfr-gold)}
.lfr input.lfr-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(214,168,79,.35),0 6px 14px rgba(0,0,0,.35);transition:box-shadow .25s}
.lfr input.lfr-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(214,168,79,.35),0 6px 14px rgba(0,0,0,.35)}
.lfr input.lfr-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 7px rgba(214,168,79,.6),0 6px 14px rgba(0,0,0,.35)}
.lfr-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:-.2rem 0 .6rem}
.lfr-tiers span{display:block;padding:.6rem .7rem;border-radius:12px;border:1px solid rgba(247,245,239,.12);background:rgba(247,245,239,.03);transition:all .45s var(--lfr-ease)}
.lfr-tiers b{display:block;font:700 .8rem/1.2 var(--font-display);color:rgba(247,245,239,.85)}
.lfr-tiers small{display:block;margin-top:.15rem;font:500 .64rem/1.2 var(--font-mono);letter-spacing:.02em;color:rgba(247,245,239,.5)}
.lfr-tiers span.is-active{border-color:rgba(214,168,79,.7);background:linear-gradient(180deg,rgba(214,168,79,.22),rgba(214,168,79,.08));box-shadow:0 12px 24px -16px rgba(214,168,79,.8)}
.lfr-tiers span.is-active b{color:#fff}
.lfr-tiers span.is-active small{color:var(--lfr-gold-2)}
.lfr-tiers span.is-passed{border-color:rgba(214,168,79,.3)}
.lfr-tier-note{min-height:1.4em;margin:0 0 1.3rem;font-size:.82rem;color:var(--lfr-gold-2)}
.lfr-planner-result{display:grid;grid-template-columns:1.15fr .85fr;gap:.6rem;margin:.2rem 0 1rem}
.lfr-planner-result div{padding:1rem 1.1rem;border-radius:16px;background:rgba(6,30,31,.55);border:1px solid rgba(247,245,239,.1)}
.lfr-planner-result small{display:block;font:600 .6rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(247,245,239,.6)}
.lfr-planner-result strong{display:block;margin-top:.45rem;font:800 clamp(1.5rem,2.6vw,2.1rem)/1 var(--font-display);letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums}
.lfr-planner-result div:first-child strong{background:linear-gradient(180deg,#fff 20%,var(--lfr-gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lfr-planner-foot{margin:0;font-size:.76rem;line-height:1.55;color:rgba(247,245,239,.55)}

/* ---------- Kontaktformular: neue Felder ---------- */
.lfr-step{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;margin-right:.55rem;border-radius:50%;font:700 .7rem/1 var(--font-mono);color:var(--lfr-cream);background:var(--lfr-petrol);vertical-align:middle}
.lfr #lf-contact-form .lf-form-intro{display:flex;align-items:center;justify-content:flex-start;gap:0}
.lfr #lf-contact-form .lf-form-intro>span:last-child{margin-left:auto}
.lfr .lf-form-intro .lfr-step{color:var(--lfr-cream);font-size:.7rem;font-weight:700;white-space:normal}
.lfr .lfr-contact-form .form-row{margin-bottom:0}
.lfr-fieldset{min-width:0;margin:1.5rem 0 0;padding:1.4rem 0 0;border:0;border-top:1px dashed var(--lfr-line-strong)}
.lfr-fieldset legend{display:flex;align-items:center;float:left;width:100%;margin:0 0 .95rem;padding:0;font:700 .95rem/1.3 var(--font-display);color:var(--lfr-ink)}
.lfr-fieldset legend+*{clear:both}
.lfr-fieldset em,.lfr-message-group label em,.lfr .lfr-partner-form label em{margin-left:.5rem;padding:.2rem .45rem;border-radius:999px;font:600 .58rem/1 var(--font-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--lfr-muted);background:rgba(15,61,62,.06)}
.lfr .lfr-message-group{margin-top:1.5rem;padding-top:1.4rem;border-top:1px dashed var(--lfr-line-strong)}
.lfr #lf-contact-form .lfr-message-group>label{display:flex;margin-bottom:.8rem;font-size:.95rem;align-items:center;font:700 .95rem/1.3 var(--font-display);color:var(--lfr-ink)}
.lfr-address{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr) minmax(0,1.3fr);gap:14px}
.lfr .lf-form input[type=date],.lfr .lf-form select{width:100%;min-height:52px;padding:13px 16px;border:1px solid rgba(15,61,62,.16);border-radius:var(--radius-lg,12px);background:rgba(255,253,248,.82);font-family:inherit;font-size:1rem;color:var(--gray-900,#162223);transition:border-color .3s,box-shadow .3s,background .3s}
.lfr .lf-form select{-webkit-appearance:none;appearance:none;padding-right:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230F3D3E' stroke-width='1.8'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:14px}
.lfr .lf-form input[type=date]:focus,.lfr .lf-form select:focus{outline:0;border-color:var(--lfr-petrol);box-shadow:0 0 0 4px rgba(15,61,62,.1);background-color:#fff}
.lfr .lf-form input:invalid:not(:placeholder-shown):not(:focus){border-color:rgba(180,35,24,.55)}
.lfr-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.lfr #lf-contact-form .lfr-chip,.lfr .lf-form .lfr-chip{position:relative;display:inline-flex;margin:0;font-weight:600;cursor:pointer}
.lfr-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.lfr-chip span{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--lfr-line-strong);background:rgba(255,255,255,.85);font-size:.86rem;font-weight:600;color:var(--lfr-ink);transition:background .3s var(--lfr-ease),color .3s,border-color .3s,box-shadow .3s,transform .3s var(--lfr-ease)}
.lfr-chip:hover span{border-color:var(--lfr-gold);transform:translateY(-1px)}
.lfr-chip input:checked+span{color:var(--lfr-cream);background:linear-gradient(180deg,var(--lfr-petrol-2),var(--lfr-petrol));border-color:var(--lfr-petrol);box-shadow:0 10px 20px -12px rgba(15,61,62,.7)}
.lfr-chip input:checked+span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lfr-gold)}
.lfr-chip input:focus-visible+span{outline:3px solid rgba(214,168,79,.55);outline-offset:2px}
.lfr-date-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px 18px;align-items:end;margin-top:1rem}
.lfr #lf-contact-form .lfr-check,.lfr .lf-form .lfr-check{position:relative;display:flex;align-items:flex-start;gap:.7rem;margin:0;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--lfr-line);background:rgba(255,255,255,.6);font-weight:600;color:var(--lfr-ink);cursor:pointer;transition:border-color .3s,background .3s}
.lfr-check input{position:absolute;opacity:0;width:1px;height:1px}
.lfr-check-box{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:.05rem;border-radius:7px;border:1.5px solid var(--lfr-line-strong);background:#fff;color:transparent;transition:all .3s var(--lfr-ease)}
.lfr-check input:checked+.lfr-check-box{color:#fff;background:var(--lfr-petrol);border-color:var(--lfr-petrol)}
.lfr-check input:focus-visible+.lfr-check-box{outline:3px solid rgba(214,168,79,.55);outline-offset:2px}
.lfr #lf-contact-form .lfr-check:has(input:checked){border-color:rgba(15,61,62,.35);background:var(--lfr-sage)}
.lfr-check small{display:block;margin-top:.15rem;font-size:.78rem;font-weight:400;color:var(--lfr-muted)}
.lfr-reseller-opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 1.25rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(214,168,79,.35);background:radial-gradient(120% 140% at 100% 0%,rgba(214,168,79,.14),transparent 60%),#FFFDF8;transition:border-color .3s,box-shadow .3s}
.lfr-reseller-opt:has(input:checked){border-color:var(--lfr-gold);box-shadow:0 16px 34px -24px rgba(214,168,79,.9)}
.lfr #lf-contact-form .lfr-switch-row,.lfr .lf-form .lfr-switch-row{display:flex;align-items:center;gap:.9rem;margin:0;cursor:pointer;font-weight:400}
.lfr-switch-row input{position:absolute;opacity:0;width:1px;height:1px}
.lfr-switch{position:relative;flex:none;width:46px;height:26px;border-radius:999px;background:rgba(15,61,62,.18);transition:background .35s var(--lfr-ease)}
.lfr-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,61,62,.3);transition:transform .4s var(--lfr-ease)}
.lfr-switch-row input:checked+.lfr-switch{background:linear-gradient(90deg,var(--lfr-gold),#C4943B)}
.lfr-switch-row input:checked+.lfr-switch::after{transform:translateX(20px)}
.lfr-switch-row input:focus-visible+.lfr-switch{outline:3px solid rgba(214,168,79,.55);outline-offset:2px}
.lfr-switch-copy strong{display:block;font:700 .92rem/1.3 var(--font-display);color:var(--lfr-ink)}
.lfr-switch-copy small{display:block;margin-top:.15rem;font-size:.8rem;line-height:1.45;color:var(--lfr-muted)}
.lfr-inline-link{flex:none;font-size:.82rem;font-weight:700;color:var(--lfr-gold-ink);text-decoration:none;white-space:nowrap}
.lfr-inline-link:hover{color:var(--lfr-petrol)}
.lfr .lf-funnel-card{box-shadow:var(--lfr-shadow-lift)}

/* ---------- Partnerbereich (Reseller + Vertriebspartner) ---------- */
.lfr .lfr-partner{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(45% 55% at 100% 0%,rgba(214,168,79,.14),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(43,114,102,.4),transparent 60%),linear-gradient(160deg,var(--lfr-deep),var(--lfr-abyss))}
.lfr .lfr-partner .affiliate-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem)}
.lfr .lfr-partner .affiliate-content h2{margin:.9rem 0 1rem;font-size:clamp(2rem,3.4vw,3rem);line-height:1.07;letter-spacing:-.024em;text-wrap:balance}
.lfr .lfr-partner .affiliate-content>p{color:rgba(247,245,239,.74);font-size:1.02rem}
.lfr-programs{display:grid;gap:1rem}
.lfr-program{position:relative;padding:1.35rem 1.4rem;border-radius:20px;background:rgba(247,245,239,.05);border:1px solid rgba(247,245,239,.12);transition:border-color .4s,background .4s,transform .5s var(--lfr-ease)}
.lfr-program.is-current{border-color:rgba(214,168,79,.65);background:linear-gradient(180deg,rgba(214,168,79,.12),rgba(247,245,239,.04))}
.lfr-program-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}
.lfr-program-top h3{margin:0;font:750 1.15rem/1.2 var(--font-display);letter-spacing:-.02em;color:#fff}
.lfr-program-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--lfr-gold-2);background:rgba(247,245,239,.07);border:1px solid rgba(247,245,239,.14)}
.lfr-program p{margin:0 0 .8rem;font-size:.92rem;line-height:1.55;color:rgba(247,245,239,.72)}
.lfr-program ul{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}
.lfr-program li{display:flex;align-items:center;gap:.55rem;margin:0;font-size:.88rem;color:rgba(247,245,239,.88)}
.lfr-program li svg{flex:none;color:var(--lfr-gold)}
.lfr-program-link{display:inline-flex;gap:.35rem;margin-top:.9rem;font-size:.86rem;font-weight:700;color:var(--lfr-gold-2);text-decoration:none}
.lfr-program-link:hover{color:#fff}
.lfr .lfr-partner .affiliate-form-wrapper{position:relative;padding:clamp(1.4rem,3vw,2.2rem);border-radius:26px;background:linear-gradient(180deg,rgba(247,245,239,.09),rgba(247,245,239,.035));border:1px solid rgba(247,245,239,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 50px 90px -50px rgba(0,0,0,.7)}
.lfr-form-title{margin:0 0 1rem;font:750 1.2rem/1.2 var(--font-display);letter-spacing:-.02em;color:#fff}
.lfr-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 1.2rem;padding:4px;border:1px solid rgba(247,245,239,.14);border-radius:14px;background:rgba(6,30,31,.5)}
.lfr .lf-form .lfr-segment label{position:relative;margin:0;cursor:pointer}
.lfr-segment input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.lfr-segment span{display:block;padding:.65rem .8rem;border-radius:10px;text-align:center;font:700 .9rem/1.2 var(--font-display);color:rgba(247,245,239,.7);transition:all .4s var(--lfr-ease)}
.lfr-segment input:checked+span{color:#2A1F08;background:linear-gradient(180deg,#F0D291,var(--lfr-gold));box-shadow:0 8px 18px -10px rgba(214,168,79,.9)}
.lfr-segment input:focus-visible+span{outline:3px solid rgba(214,168,79,.55);outline-offset:1px}
.lfr .lfr-partner .lf-form label{color:rgba(247,245,239,.82);font-weight:600}
.lfr .lfr-partner .lf-form label em{color:rgba(247,245,239,.6);background:rgba(247,245,239,.08)}
.lfr .lfr-partner .lf-form input[type=text],.lfr .lfr-partner .lf-form input[type=email],.lfr .lfr-partner .lf-form input[type=tel],.lfr .lfr-partner .lf-form input[type=number],.lfr .lfr-partner .lf-form textarea,.lfr .lfr-partner .lf-form select{color:var(--lfr-cream);background-color:rgba(247,245,239,.06);border:1px solid rgba(247,245,239,.16);box-shadow:none}
.lfr .lfr-partner .lf-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23EBCB86' stroke-width='1.8'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}
.lfr .lfr-partner .lf-form select option{color:var(--lfr-ink);background:#fff}
.lfr .lfr-partner .lf-form ::placeholder{color:rgba(247,245,239,.42)}
.lfr .lfr-partner .lf-form input:focus,.lfr .lfr-partner .lf-form textarea:focus,.lfr .lfr-partner .lf-form select:focus{border-color:var(--lfr-gold);background-color:rgba(6,30,31,.55);box-shadow:0 0 0 4px rgba(214,168,79,.16)}
.lfr .lfr-partner .form-row{gap:14px}
.lfr .lfr-partner .form-group{margin-bottom:14px}
.lfr .lfr-partner .file-label{border-color:rgba(247,245,239,.22);color:rgba(247,245,239,.85);background:rgba(247,245,239,.04)}
.lfr .lfr-partner .file-hint{color:rgba(247,245,239,.5)}
.lfr .lfr-partner .captcha-group{display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:14px;background:rgba(6,30,31,.45);border:1px solid rgba(247,245,239,.1)}
.lfr .lfr-partner .captcha-group label{margin:0;font-size:.82rem}
.lfr .lfr-partner .captcha-group input[type=number]{width:110px;min-height:44px;padding:9px 12px}
.lfr-form-note{margin:.8rem 0 0;text-align:center;font-size:.78rem;color:rgba(247,245,239,.55)}
.lfr .lfr-partner .form-msg.success{color:#DFF3E7;background:rgba(47,163,107,.16);border-color:rgba(47,163,107,.4)}
.lfr .lfr-partner .form-msg.error{color:#FFE2DD;background:rgba(180,35,24,.2);border-color:rgba(255,120,100,.35)}
.lfr-contact-list{display:grid;gap:.6rem;margin:1.6rem 0 0;padding:0;list-style:none}
.lfr-contact-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.9rem 1.1rem;border-radius:14px;background:rgba(247,245,239,.05);border:1px solid rgba(247,245,239,.12)}
.lfr-contact-list span{font:600 .62rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(247,245,239,.55)}
.lfr-contact-list a{font:700 1rem/1.2 var(--font-display);color:#fff;text-decoration:none}
.lfr-contact-list a:hover{color:var(--lfr-gold-2)}

/* ---------- Impressum & Footer ---------- */
.lfr .impressum-inner{border-radius:var(--lfr-radius);box-shadow:var(--lfr-shadow)}
@media (min-width:900px){
  .lfr .impressum-inner{max-width:none;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);column-gap:3.5rem;align-items:start}
  .lfr .impressum-inner h2{grid-column:1/-1;margin-bottom:1.4rem}
  .lfr .impressum-inner h3{margin:0;padding:1.3rem 0;border-top:1px solid var(--lfr-line);line-height:1.6}
  .lfr .impressum-inner p{margin:0;padding:1.1rem 0;border-top:1px solid var(--lfr-line)}
}
.lfr .impressum-inner h3,.lfr .footer-col h4{font-family:var(--font-mono);letter-spacing:.14em}
.lfr .site-footer{background:radial-gradient(50% 60% at 100% 0%,rgba(214,168,79,.08),transparent 60%),linear-gradient(180deg,var(--lfr-deep),var(--lfr-abyss))}
.lfr .footer-cta-bar{position:relative;overflow:hidden;isolation:isolate;border-color:rgba(214,168,79,.28);background:radial-gradient(60% 140% at 100% 50%,rgba(214,168,79,.16),transparent 60%),rgba(247,245,239,.05)}
.lfr .footer-cta-bar h3{font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:-.025em}
.lfr .footer-cta-bar .btn-primary{color:#2A1F08;background:linear-gradient(180deg,#F0D291 0%,var(--lfr-gold) 55%,#C4943B 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 36px -18px rgba(214,168,79,.75)}
.lfr .footer-cta-bar .btn-primary:hover{color:#1E1605;background:linear-gradient(180deg,#F4DAA0 0%,#DDB05A 55%,#C4943B 100%)}
.lfr .footer-links a{transition:color .25s,padding .35s var(--lfr-ease)}
.lfr .footer-links a:hover{color:var(--lfr-gold-2);padding-left:.2rem}

/* ---------- Reseller-Seite ---------- */
.lfr-sub-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--lf-stack-height,144px) - var(--lf-topbar-height,56px) + clamp(1.75rem,4vw,3.25rem)) 0 clamp(4rem,8vw,6.5rem);color:var(--lfr-cream);background:linear-gradient(160deg,var(--lfr-petrol) 0%,var(--lfr-deep) 60%,var(--lfr-abyss) 100%)}
.lfr-aurora--dark i:nth-child(1){background:radial-gradient(closest-side,rgba(43,114,102,.55),rgba(43,114,102,0))}
.lfr-aurora--dark i:nth-child(2){background:radial-gradient(closest-side,rgba(214,168,79,.22),rgba(214,168,79,0))}
.lfr-aurora--dark i:nth-child(3){background:radial-gradient(closest-side,rgba(247,245,239,.06),rgba(247,245,239,0))}
.lfr-crumb{display:flex;gap:.6rem;margin-bottom:2.2rem;font:500 .74rem/1 var(--font-mono);letter-spacing:.06em;color:rgba(247,245,239,.55)}
.lfr-crumb a{color:rgba(247,245,239,.78);text-decoration:none}
.lfr-crumb a:hover{color:var(--lfr-gold-2)}
.lfr-sub-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}
.lfr-sub-hero h1{margin:1rem 0 1.2rem;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.3rem);font-weight:800;line-height:1.03;letter-spacing:-.032em;color:#fff;text-wrap:balance}
.lfr-sub-hero h1 .lfr-gold-text{display:inline}
.lfr-sub-hero .lfr-actions{margin-top:2rem}
.lfr-hero-facts{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:1.8rem 0 0;padding:0;list-style:none}
.lfr-hero-facts li{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.9rem;color:rgba(247,245,239,.82)}
.lfr-hero-facts svg{color:var(--lfr-gold)}
.lfr-offer{position:relative;padding:1rem 0 2.5rem}
.lfr-offer-card{position:relative;padding:1.6rem;border-radius:22px;color:var(--lfr-ink);background:linear-gradient(180deg,#FFFEFB,#F7F3EA);box-shadow:0 1px 0 #fff inset,0 50px 90px -40px rgba(0,0,0,.65);transform:rotate(-2.2deg);transition:transform .8s var(--lfr-ease)}
.lfr-offer:hover .lfr-offer-card{transform:rotate(-1deg) translateY(-4px)}
.lfr-offer-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(15,61,62,.1)}
.lfr-offer-logo{display:inline-grid;place-items:center;height:40px;padding:0 1rem;border-radius:10px;border:1.5px dashed rgba(15,61,62,.3);font:800 .9rem/1 var(--font-display);color:var(--lfr-petrol)}
.lfr-offer-meta{font:500 .66rem/1 var(--font-mono);letter-spacing:.06em;color:var(--lfr-muted)}
.lfr-offer-to{margin:1rem 0 .8rem;font-size:.9rem;color:var(--lfr-muted)}
.lfr-offer-to strong{color:var(--lfr-ink)}
.lfr-offer-lines{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.lfr-offer-lines li{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.75rem .9rem;border-radius:12px;background:rgba(15,61,62,.04);font-size:.9rem}
.lfr-offer-lines b{flex:none;padding:.3rem .6rem;border-radius:999px;font:700 .72rem/1 var(--font-display);color:var(--lfr-gold-ink);background:rgba(214,168,79,.18)}
.lfr-offer-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1.1rem;font:500 .7rem/1 var(--font-mono);color:var(--lfr-muted)}
.lfr-offer-stamp{padding:.45rem .7rem;border:2px solid rgba(214,168,79,.8);border-radius:8px;font:800 .78rem/1 var(--font-display);color:var(--lfr-gold-ink);transform:rotate(-6deg)}
.lfr-offer-engine{position:absolute;right:-4%;bottom:0;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border-radius:16px;color:var(--lfr-cream);background:rgba(6,30,31,.8);border:1px solid rgba(247,245,239,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.lfr-offer-engine strong{display:block;font:700 .88rem/1.2 var(--font-display);color:#fff}
.lfr-offer-engine small{display:block;margin-top:.15rem;font-size:.74rem;color:rgba(247,245,239,.65)}
.lfr-sub-section{padding:clamp(4rem,8vw,6.5rem) 0;background:var(--lfr-paper)}
.lfr-sub-section--tint{background:linear-gradient(180deg,var(--lfr-sage),#EEF3EF)}
.lfr-audience{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.lfr-card{position:relative;padding:1.6rem;border-radius:var(--lfr-radius);background:linear-gradient(180deg,#fff,var(--lfr-paper));border:1px solid var(--lfr-line);box-shadow:var(--lfr-shadow);transition:transform .5s var(--lfr-ease),box-shadow .5s var(--lfr-ease)}
@media (hover:hover){.lfr-card:hover{transform:translateY(-4px);box-shadow:var(--lfr-shadow-lift)}}
.lfr-card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.1rem;border-radius:15px;color:var(--lfr-cream);background:linear-gradient(160deg,var(--lfr-petrol-2),var(--lfr-deep));box-shadow:0 12px 22px -12px rgba(15,61,62,.7)}
.lfr-card h3{margin:0 0 .5rem;font:750 1.1rem/1.25 var(--font-display);letter-spacing:-.02em;color:var(--lfr-ink)}
.lfr-card p{margin:0;font-size:.93rem;line-height:1.6;color:var(--lfr-muted)}
.lfr-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin:0;padding:2.2rem 0 0;list-style:none;counter-reset:none}
.lfr-steps::before,.lfr-steps::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px}
.lfr-steps::before{background:rgba(15,61,62,.12)}
.lfr-steps::after{background:linear-gradient(90deg,var(--lfr-petrol),var(--lfr-gold));transform:scaleX(var(--lfr-p,0));transform-origin:left;transition:transform .2s linear}
.lfr-steps li{position:relative;margin:0;padding:1.5rem;border-radius:var(--lfr-radius);background:rgba(255,255,255,.8);border:1px solid var(--lfr-line);box-shadow:var(--lfr-shadow)}
.lfr-steps-num{display:inline-block;margin-bottom:1rem;font:800 2.4rem/1 var(--font-display);letter-spacing:-.05em;background:linear-gradient(180deg,var(--lfr-petrol),var(--lfr-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.lfr-steps h3{margin:0 0 .45rem;font:750 1.08rem/1.25 var(--font-display);letter-spacing:-.02em;color:var(--lfr-ink)}
.lfr-steps p{margin:0;font-size:.92rem;line-height:1.6;color:var(--lfr-muted)}
.lfr-split{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1.2rem;align-items:stretch}
.lfr-split-card{padding:clamp(1.5rem,3vw,2.2rem);border-radius:24px;background:linear-gradient(180deg,#fff,var(--lfr-paper));border:1px solid var(--lfr-line);box-shadow:var(--lfr-shadow)}
.lfr-split-card--dark{color:var(--lfr-cream);border-color:rgba(15,61,62,.6);background:radial-gradient(80% 80% at 100% 0%,rgba(214,168,79,.18),transparent 60%),linear-gradient(150deg,var(--lfr-petrol-2),var(--lfr-deep))}
.lfr-split-label{display:inline-block;margin-bottom:.8rem;font:600 .64rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lfr-gold-ink)}
.lfr-split-card--dark .lfr-split-label{color:var(--lfr-gold-2)}
.lfr-split-card h3{margin:0 0 1.1rem;font:800 1.5rem/1.15 var(--font-display);letter-spacing:-.03em;color:var(--lfr-ink)}
.lfr-split-card--dark h3{color:#fff}
.lfr-split-card ul{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.lfr-split-card li{display:flex;gap:.65rem;align-items:flex-start;margin:0;font-size:.95rem;line-height:1.5;color:var(--lfr-ink)}
.lfr-split-card--dark li{color:rgba(247,245,239,.88)}
.lfr-split-card li svg{flex:none;margin-top:.2rem;color:var(--lfr-gold-ink)}
.lfr-split-card--dark li svg{color:var(--lfr-gold)}
.lfr-split-join{display:grid;place-items:center}
.lfr-split-join span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font:800 1.4rem/1 var(--font-display);color:#2A1F08;background:linear-gradient(160deg,var(--lfr-gold-2),var(--lfr-gold));box-shadow:0 0 0 8px rgba(214,168,79,.15)}
.lfr-reseller--page{padding:clamp(4.5rem,9vw,7rem) 0}
.lfr-reseller--page .lfr-points{grid-template-columns:1fr 1fr}
.lfr-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:2.5rem}
.lfr-product-shot{margin:0;padding:1.5rem;border-radius:26px;background:radial-gradient(70% 70% at 50% 60%,rgba(214,168,79,.12),transparent 70%),linear-gradient(180deg,#fff,var(--lfr-sage));border:1px solid var(--lfr-line);box-shadow:var(--lfr-shadow)}
.lfr-product-shot img{display:block;width:100%;height:auto}
.lfr-product-list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}
.lfr-product-list li{display:flex;gap:.75rem;align-items:flex-start;margin:0;font-size:1rem;line-height:1.55;color:var(--lfr-muted)}
.lfr-product-list strong{color:var(--lfr-ink)}
.lfr-product-list svg{flex:none;margin-top:.25rem;color:var(--lfr-gold-ink)}
.lfr-faq-wrap{max-width:880px}
.lfr-faq{display:grid;gap:.7rem}
.lfr-faq-item{border-radius:18px;background:rgba(255,255,255,.85);border:1px solid var(--lfr-line);box-shadow:0 14px 30px -26px rgba(15,61,62,.5);transition:border-color .35s,box-shadow .35s}
.lfr-faq-item[open]{border-color:rgba(214,168,79,.5);box-shadow:inset 3px 0 0 var(--lfr-gold),0 20px 40px -30px rgba(15,61,62,.55)}
.lfr-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.3rem;cursor:pointer;list-style:none;font:700 1.02rem/1.35 var(--font-display);color:var(--lfr-ink)}
.lfr-faq-item summary::-webkit-details-marker{display:none}
.lfr-faq-icon{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--lfr-sage);transition:background .3s,transform .45s var(--lfr-ease)}
.lfr-faq-icon::before,.lfr-faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--lfr-petrol)}
.lfr-faq-icon::after{transform:rotate(90deg);transition:transform .45s var(--lfr-ease)}
.lfr-faq-item[open] .lfr-faq-icon{background:var(--lfr-gold)}
.lfr-faq-item[open] .lfr-faq-icon::after{transform:rotate(0)}
.lfr-faq-item p{margin:0;padding:0 1.3rem 1.25rem;font-size:.97rem;line-height:1.7;color:var(--lfr-muted)}
.lfr-page-reseller .lfr-marquee{margin-top:0}
.lfr-page-reseller .affiliate-section{padding:clamp(4.5rem,9vw,7rem) 0}

/* ---------- Animationen ---------- */
@keyframes lfr-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4vmax,3vmax,0) scale(1.08)}100%{transform:translate3d(3vmax,-2vmax,0) scale(.95)}}
@keyframes lfr-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes lfr-draw{to{stroke-dashoffset:0}}
@keyframes lfr-marquee{to{transform:translateX(-100%)}}
@keyframes lfr-ring{0%{opacity:.9;transform:scale(.7)}80%,100%{opacity:0;transform:scale(1.5)}}

/* ---------- Responsiv ---------- */
@media (max-width:1100px){
  .lfr-audience{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lfr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  .lfr-reseller-grid,.lfr-sub-hero-grid,.lfr-product{grid-template-columns:1fr}
  .lfr .lfr-partner .affiliate-inner{grid-template-columns:1fr}
  .lfr-offer{max-width:560px}
}
@media (max-width:1180px) and (min-width:981px){
  .lfr-toasts{left:-2%;width:min(300px,62%)}
}
@media (max-width:980px){
  .lfr-toasts{position:relative;left:auto;bottom:auto;width:min(360px,100%);margin:1.6rem auto 0}
}
@media (max-width:760px){
  .lfr-marquee{flex-direction:column;align-items:flex-start;gap:.8rem}
  .lfr-marquee-viewport{width:100%}
  .lfr-points,.lfr-reseller--page .lfr-points{grid-template-columns:1fr}
  .lfr-split{grid-template-columns:1fr}
  .lfr-split-join{padding:.2rem 0}
  .lfr-date-row{grid-template-columns:1fr}
  .lfr-reseller-opt{flex-direction:column;align-items:flex-start}
  .lfr-inline-link{margin-left:calc(46px + .9rem)}
  .lfr-offer-engine{right:0}
}
@media (max-width:600px){
  .lfr-address{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
  .lfr-address .lfr-col-street{grid-column:1/-1}
  .lfr-audience,.lfr-steps{grid-template-columns:1fr}
  .lfr-planner-result{grid-template-columns:1fr}
  .lfr-tiers small{font-size:.58rem}
  .lfr .lfr-partner .captcha-group{flex-direction:column;align-items:stretch}
  .lfr .lfr-partner .captcha-group input[type=number]{width:100%}
  .lfr-offer-card{transform:rotate(-1deg)}
  .lfr-crumb{margin-bottom:1.4rem}
}

/* Mobil: Leistungen und Vorteile als wischbares Karussell statt langer Liste */
@media (max-width:640px){
  .lfr .package-grid,.lfr .benefits-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:.85rem;margin-inline:calc(clamp(1rem,5vw,1.35rem) * -1);padding:.4rem clamp(1rem,5vw,1.35rem) 1.4rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(1rem,5vw,1.35rem);scrollbar-width:none}
  .lfr .package-grid::-webkit-scrollbar,.lfr .benefits-grid::-webkit-scrollbar{display:none}
  .lfr .package-grid>*,.lfr .benefits-grid>*{scroll-snap-align:start;min-width:0;margin:0}
  .lfr .package-grid>.pkg-card:nth-child(1){color:var(--lfr-cream);background:radial-gradient(90% 70% at 100% 100%,rgba(214,168,79,.22),transparent 60%),linear-gradient(150deg,var(--lfr-petrol-2),var(--lfr-deep))}
  .lfr .package-grid>.pkg-card:nth-child(1) h3{color:#fff}
  .lfr .package-grid>.pkg-card:nth-child(1) p{color:rgba(247,245,239,.78)}
  .lfr .package-grid>.pkg-card:nth-child(1) .pkg-icon{color:#2A1F08;background:linear-gradient(160deg,var(--lfr-gold-2),var(--lfr-gold))}
  .lfr-swipe-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:-.4rem 0 0;font:600 .62rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lfr-muted)}
  .lfr-swipe-hint::after{content:"→";font-family:var(--font-body);animation:lfr-nudge 1.6s ease-in-out infinite}
  .lfr-planner-field{flex-wrap:wrap;gap:.2rem .8rem}
  .lfr-planner-field output{white-space:nowrap;font-size:1.2rem}
}
@media (min-width:641px){.lfr-swipe-hint{display:none}}
@keyframes lfr-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

/* ---------- Weniger Bewegung ---------- */
@media (prefers-reduced-motion:reduce){
  .lfr-aurora i,.lfr-gold-text,.lfr .hero h1 .text-accent,.lfr-toast-icon::after,.lfr-live-dot::after{animation:none!important}
  .lfr-underline path{animation:none;stroke-dashoffset:0}
  .lfr-marquee-track{animation:none;flex-wrap:wrap}
  .lfr-marquee-track[aria-hidden="true"]{display:none}
  .lfr-marquee-viewport{-webkit-mask-image:none;mask-image:none}
  .lfr-hl{transition:none;background-size:100% 100%}
  .lfr .btn-primary::before,.lfr .btn-gold::before{display:none}
  .lfr *{scroll-behavior:auto!important}
}
