/* Landingpage / — gekapselt, nutzt App-Theme-Variablen aus app.css */
.lp{color:var(--rw-text);background:var(--rw-bg);font-family:-apple-system,"Segoe UI",Roboto,system-ui,sans-serif}
.lp *{box-sizing:border-box}
.lp img{display:block;max-width:100%}
.lp .go{color:var(--rw-accent)}
.lp .accent{color:var(--rw-accent)}

/* Nav */
.lp-nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,2.4vw,22px) clamp(20px,5vw,54px);z-index:5}
.lp-nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:clamp(18px,2vw,22px)}
.lp-nav .brand .mark{height:38px;width:38px;border-radius:10px}
.lp-nav .brand .word{white-space:nowrap}
.lp-nav-right{display:flex;align-items:center;gap:clamp(20px,2.6vw,34px)}
.lp-nav .menu{display:flex;gap:30px;font-size:15px;font-weight:500;opacity:.9}
.lp-nav .menu a{color:var(--rw-text);text-decoration:none}
.lp-nav-cta{display:flex;align-items:center;gap:14px}
.lp-nav-cta .btn-lp{padding:9px 16px;font-size:13px}
.lp-nav-apk{display:inline-flex;align-items:center;gap:5px;color:var(--rw-text);text-decoration:none;font-size:13px;font-weight:600;opacity:.85;white-space:nowrap}
.lp-nav-apk:hover{opacity:1}
.lp-nav-apk .bi{color:var(--rw-accent);font-size:16px}
@media (max-width:820px){ .lp-nav-right{display:none} }

/* Sektions-Basis */
.lp-section{position:relative;padding:clamp(56px,9vw,120px) clamp(20px,5vw,54px)}
.lp-inner{max-width:1180px;margin:0 auto}
.lp h2{font-size:clamp(1.7rem,4.5vw,3rem);line-height:1.05;font-weight:800;letter-spacing:-.5px}
.lp .btn-lp{padding:clamp(13px,1.6vw,16px) clamp(20px,2.4vw,28px);border-radius:13px;font-weight:700;font-size:clamp(14px,1.6vw,16px);display:inline-flex;gap:10px;align-items:center;text-decoration:none;cursor:pointer}
.lp .btn-lp.primary{background:var(--rw-accent);color:var(--rw-accent-ink);box-shadow:0 10px 34px rgba(240,165,0,.35)}
.lp .btn-lp.ghost{background:rgba(255,255,255,.1);color:var(--rw-text);border:1px solid rgba(255,255,255,.4)}

/* Hero */
.lp-hero{position:relative;height:clamp(560px,100svh,900px);overflow:hidden}
.lp-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.lp-hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.8) 100%)}
.lp-hero .content{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,54px);z-index:4;height:100%;display:flex;align-items:center}
.lp-hero .copy{max-width:640px}
.pill-label{display:inline-flex;align-items:center;gap:8px;background:rgba(15,12,9,.72);backdrop-filter:blur(6px);border:1px solid rgba(240,165,0,.45);color:var(--rw-accent);font-weight:700;font-size:clamp(11px,1.25vw,13px);letter-spacing:.3px;padding:8px 14px;border-radius:999px;margin-bottom:clamp(16px,2vw,24px)}
.lp-hero h1{font-size:clamp(2.1rem,6.6vw,4.25rem);line-height:1.02;font-weight:800;letter-spacing:-1.5px;margin-bottom:clamp(14px,1.8vw,24px);text-shadow:0 2px 28px rgba(0,0,0,.55)}
.lp-hero .sub{font-size:clamp(1rem,2.5vw,1.31rem);line-height:1.5;color:#ece7e0;max-width:530px;margin-bottom:clamp(22px,3vw,36px);text-shadow:0 1px 12px rgba(0,0,0,.55)}
.lp-hero .cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:clamp(20px,2.6vw,30px)}
@media (max-width:680px){ .lp-hero h1{letter-spacing:-.5px} }

/* Store-Badges */
.store-badges{display:flex;gap:20px;flex-wrap:wrap}
.store-badge-col{display:flex;flex-direction:column;align-items:center;gap:8px}
.store-badge-img{height:48.8px;width:auto;display:block;border-radius:8px}
.store-badge{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:9px 14px;text-decoration:none;color:var(--rw-text)}
.store-badge .bi{font-size:22px;color:var(--rw-accent)}
.store-badge-text{display:flex;flex-direction:column;line-height:1.2}
.store-badge-text small{font-size:10px;color:var(--rw-muted)}
.store-badge-text strong{font-size:14px}
.store-badge-flag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:rgba(240,165,0,.18);color:var(--rw-accent);padding:3px 8px;border-radius:999px}
.store-badge-col.disabled{opacity:.4}
.store-badge-col.disabled .bi{color:var(--rw-text)}

/* Sektion Warum */
.lp-why{background:var(--rw-bg)}
.lp-divider-label{text-align:center;letter-spacing:-.5px;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;color:var(--rw-text);margin-bottom:clamp(20px,3vw,32px)}
.lp-why-box{max-width:760px;margin:0 auto;background:var(--rw-surface);border:1px solid var(--rw-border,#3a2c20);border-radius:20px;padding:clamp(28px,4vw,48px);text-align:center}
.lp-why-box .bi-quote{font-size:28px;color:var(--rw-accent);margin-bottom:14px;display:inline-block}
.lp-why-intro{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.5;color:var(--rw-muted);margin-bottom:16px}
.lp-why-box p{font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.55;color:var(--rw-text)}
.lp-why-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;color:var(--rw-accent);font-weight:700;text-decoration:none}
.lp-why-link:hover{text-decoration:underline}

/* Sektion Features */
.lp-features{background:var(--rw-bg)}
.lp-features h2{text-align:center;margin-bottom:clamp(28px,4vw,52px)}
.lp-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px)}
.lp-feature{background:var(--rw-surface);border:1px solid var(--rw-border,#3a2c20);border-radius:18px;padding:clamp(22px,2.6vw,32px)}
.lp-feature .ic{width:54px;height:54px;border-radius:14px;background:rgba(240,165,0,.14);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.lp-feature .ic .bi{font-size:26px;color:var(--rw-accent)}
.lp-feature h3{font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:700;margin-bottom:8px}
.lp-feature p{color:var(--rw-muted);font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.5}
@media (max-width:768px){ .lp-feature-grid{grid-template-columns:1fr} }

/* Sektion Für wen */
.lp-forwhom{background:var(--rw-bg);text-align:center}
.lp-forwhom h2{margin-bottom:22px}
.lp-forwhom-tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.lp-forwhom-tags .chip{display:inline-flex;align-items:center;gap:8px;background:var(--rw-surface);border:1px solid var(--rw-border,#3a2c20);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--rw-text)}
.lp-forwhom-tags .chip .bi,.lp-forwhom-tags .chip svg{color:var(--rw-accent);font-size:16px;width:16px;height:16px;flex:none}
.lp-forwhom-tags .chip.active{background:var(--rw-accent);border-color:var(--rw-accent);color:var(--rw-accent-ink)}
.lp-forwhom-tags .chip.active .bi,.lp-forwhom-tags .chip.active svg{color:var(--rw-accent-ink)}

/* Sektion Preise */
.lp-pricing{background:var(--rw-bg);text-align:center}
.lp-pricing h2{margin-bottom:clamp(28px,4vw,44px)}
.lp-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);max-width:840px;margin:0 auto}
.lp-price-card{position:relative;display:block;background:var(--rw-surface);border:1px solid var(--rw-border,#3a2c20);border-radius:18px;padding:clamp(24px,3vw,32px) clamp(18px,2vw,24px);text-decoration:none;color:var(--rw-text)}
.lp-price-card.featured{border-color:var(--rw-accent);box-shadow:0 10px 30px rgba(240,165,0,.18)}
.lp-price-card .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--rw-accent);color:var(--rw-accent-ink);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:5px 12px;border-radius:999px}
.lp-price-card .kind{font-size:14px;font-weight:600;color:var(--rw-muted);margin-bottom:8px}
.lp-price-card .amount{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}
.lp-price-card .period{font-size:13px;color:var(--rw-muted);margin-top:4px}
.lp-price-note{margin-top:clamp(20px,2.6vw,28px);color:var(--rw-muted);font-size:14px}
.lp-price-free-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--rw-accent);font-weight:700;font-size:15px;text-decoration:none}
.lp-price-free-link:hover{text-decoration:underline}
@media (max-width:768px){ .lp-price-grid{grid-template-columns:1fr;max-width:360px} }

/* Sektion Abschluss-CTA */
.lp-cta{position:relative;min-height:clamp(420px,66vh,560px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.lp-cta .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.lp-cta .scrim{position:absolute;inset:0;background:rgba(18,16,14,.82)}
.lp-cta .inner{position:relative;z-index:2;padding:0 clamp(20px,5vw,54px)}
.lp-cta h2{margin-bottom:26px;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.lp-cta .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Burgermenü (mobil ≤820px) */
.lp-burger{display:none;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0}
.lp-burger span{display:block;width:22px;height:2.5px;background:var(--rw-text);border-radius:2px;transition:transform .2s,opacity .2s}
.lp-burger.x span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.lp-burger.x span:nth-child(2){opacity:0}
.lp-burger.x span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.lp-menu{position:absolute;left:12px;right:12px;top:calc(100% + 6px);z-index:6;
  background:rgba(18,14,10,.97);border:1px solid rgba(240,165,0,.4);border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.5);overflow:hidden}
.lp-menu[hidden]{display:none}
.lp-menu .lnk{display:block;color:var(--rw-text);text-decoration:none;font-size:16px;font-weight:600;padding:15px 18px}
.lp-menu .lnk + .lnk{border-top:1px solid rgba(255,255,255,.06)}
.lp-menu-cta{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-top:1px solid rgba(255,255,255,.08)}
.lp-menu-cta .btn-lp{justify-content:center}
@media (max-width:820px){ .lp-burger{display:flex} }
@media (min-width:821px){ .lp-menu{display:none} }   /* Desktop: Panel nie sichtbar (auch nach Resize) */