/* Styles für Compact-Keyword-Landingpages (taxy-io-alternative, datev-copilot-alternative, …).
   Ergänzt style.css — Navbar, Buttons, Footer kommen von dort. */

/* HERO */
.lp-hero{background:#000;color:#fff;padding:140px 0 64px;position:relative;overflow:hidden}
.lp-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}
.lp-hero h1{font-family:var(--font-display);font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.18;letter-spacing:-.02em;margin-bottom:20px;max-width:840px}
.lp-hero-sub{font-size:1.08rem;line-height:1.7;color:#ddd;max-width:720px;margin-bottom:36px}
.lp-breadcrumb{font-size:.82rem;color:#999;margin-bottom:28px}
.lp-breadcrumb a{color:#bbb;text-decoration:none}
.lp-breadcrumb a:hover{color:#fff;text-decoration:underline}

/* ARTIKEL */
.lp-main{padding:64px 0 32px}
.lp-article{max-width:780px;margin:0 auto}
.lp-article h2{font-family:var(--font-display);font-size:1.55rem;line-height:1.25;letter-spacing:-.01em;margin:52px 0 16px;color:#000}
.lp-article h2:first-child{margin-top:0}
.lp-article h3{font-size:1.12rem;margin:32px 0 12px;color:#000}
.lp-article p{margin:0 0 16px;color:#222;line-height:1.75}
.lp-article ul,.lp-article ol{margin:0 0 16px 22px;color:#222;line-height:1.75}
.lp-article li{margin-bottom:8px}
.lp-article a{color:#000;text-decoration:underline;text-underline-offset:2px}

/* TABELLE */
.lp-table-wrap{overflow-x:auto;margin:24px 0 8px}
.lp-article table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.55}
.lp-article th{background:#000;color:#fff;text-align:left;padding:12px 14px;font-weight:600;border:1.5px solid #000}
.lp-article td{border:1.5px solid var(--border);padding:12px 14px;vertical-align:top;color:#222}
.lp-article tbody tr:nth-child(even) td{background:var(--surface)}
.lp-source-note{font-size:.8rem;color:#666;margin:8px 0 32px;line-height:1.6}

/* CHECKLISTE / VORTEILE */
.lp-checklist{list-style:none;margin:0 0 24px !important;padding:0}
.lp-checklist li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.lp-checklist li::before{content:'✓';flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#000;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:3px}

/* CTA-BOX */
.lp-cta-box{background:#000;color:#fff;border-radius:16px;padding:44px 36px;margin:56px 0;text-align:center}
.lp-cta-box h2{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin:0 0 12px;letter-spacing:-.01em}
.lp-cta-box p{color:#ddd;max-width:560px;margin:0 auto 26px;line-height:1.7}
.lp-cta-box .btn-primary{background:#fff;color:#000}
.lp-cta-box .btn-primary:hover{background:#eee;box-shadow:0 4px 20px rgba(255,255,255,.2)}
.lp-cta-hint{font-size:.82rem;color:#aaa;margin:14px 0 0 !important}

/* FAQ */
.lp-faq{margin:24px 0 16px}
.lp-faq details{border:1.5px solid var(--border);border-radius:10px;margin-bottom:12px;background:#fff}
.lp-faq summary{cursor:pointer;font-weight:600;padding:16px 18px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:'+';font-size:1.25rem;color:#555;flex-shrink:0}
.lp-faq details[open] summary::after{content:'–'}
.lp-faq-a{padding:0 18px 16px;color:#222;line-height:1.7}
.lp-faq-a p{margin-bottom:10px}

/* WEITERFÜHRENDE LINKS */
.lp-related{background:var(--surface);border-radius:12px;padding:24px 26px;margin:40px 0}
.lp-related h2{font-size:1.05rem;margin:0 0 14px}
.lp-related ul{list-style:none;margin:0 !important;padding:0}
.lp-related li{margin-bottom:8px}
.lp-related a{text-decoration:none;font-weight:600;font-size:.95rem}
.lp-related a:hover{text-decoration:underline}

/* PREIS-KARTE (preise.html) */
.lp-price-card{border:1.5px solid var(--border);border-radius:16px;padding:32px 30px;margin:28px 0 8px;background:var(--surface);text-align:center}
.lp-price-eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#666;margin:0 0 10px !important}
.lp-price-headline{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2;letter-spacing:-.01em;color:#000;margin:0 0 12px !important}
.lp-price-unit{font-family:var(--font-body,inherit);font-size:1rem;font-weight:400;color:#555}
.lp-price-detail{font-size:.98rem;color:#444;max-width:540px;margin:0 auto 22px !important;line-height:1.7}
/* Button-Text weiss halten – sonst zieht .lp-article a (color:#000) schwarz auf schwarz */
.lp-price-card .btn-primary,.lp-price-card .btn-primary:hover{color:#fff}

/* SEO-Themenleiste über dem Footer (auch auf index.html eingebunden) */
.footer-topics{background:var(--surface);border-top:1.5px solid var(--border);padding:18px 0;font-size:.82rem;color:#555;line-height:2}
.footer-topics a{color:#333;text-decoration:none;margin:0 4px}
.footer-topics a:hover{text-decoration:underline}
.footer-topics-label{font-weight:700;margin-right:6px}

@media (max-width:768px){
  .lp-hero{padding:120px 0 48px}
  .lp-main{padding:48px 0 24px}
  .lp-cta-box{padding:32px 22px}
}