/* ── SHARED STYLES – BuchImpressum ── */
:root {
  --ink:        #151515;
  --dark:       #1e1e1e;
  --card-dark:  #252525;
  --gold:       #c9a84c;
  --gold-light: #e0c070;
  --gold-dim:   rgba(201,168,76,0.15);
  --cream:      #faf8f4;
  --parchment:  #f2ede3;
  --muted:      #777;
  --border:     #e0d9ce;
  --border-dark:rgba(201,168,76,0.18);
  --white:      #ffffff;
  --shadow-sm:  0 2px 12px rgba(0,0,0,0.07);
  --shadow-md:  0 8px 32px rgba(0,0,0,0.12);
  --shadow-lg:  0 20px 60px rgba(0,0,0,0.18);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  font-family:'Roboto', sans-serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
}

/* ── NAV ── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background:rgba(21,21,21,0.97);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border-dark);
  height:62px;
  display:flex; align-items:center;
  padding:0 2rem;
  justify-content:space-between;
}
.nav-logo {
  display:flex; align-items:center;
  text-decoration:none; flex-shrink:0;
}
.nav-logo span { color:rgba(255,255,255,0.8); font-weight:300; }
.nav-logo-img {
  height:48px; width:auto; display:block;
  /* leichter Helligkeit-Boost damit grauer LeseHits-Text auf dunklem Nav sichtbar ist */
  filter:brightness(1.15);
}
@media(max-width:900px){ .nav-logo-img { height:38px; } }
.nav-links { display:flex; align-items:center; gap:0; list-style:none; }
.nav-links a {
  color:rgba(255,255,255,0.65);
  text-decoration:none; font-size:0.78rem;
  letter-spacing:0.09em; text-transform:uppercase;
  padding:0.45rem 0.9rem; font-weight:500;
  transition:color 0.2s;
}
.nav-links a:hover, .nav-links a.active { color:var(--gold); }
.nav-links a.nav-login {
  background:var(--gold); color:var(--ink) !important;
  font-weight:700; margin-left:0.5rem; padding:0.4rem 1rem;
}
.nav-links a.nav-login:hover { background:var(--gold-light); }
.nav-mobile-btn {
  display:none; background:none; border:none;
  color:var(--white); font-size:1.5rem; cursor:pointer;
}

/* ── PAGE WRAPPER ── */
.page-wrap { padding-top:62px; min-height:100vh; }

/* ── HERO DARK ── */
.hero-dark {
  background:var(--ink);
  position:relative; overflow:hidden;
  padding:5rem 2rem 4.5rem;
}
.hero-dark::before {
  content:'';
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 60% 50% at 10% 60%, rgba(201,168,76,0.07) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 85% 20%, rgba(201,168,76,0.05) 0%, transparent 50%);
}
.eyebrow {
  font-size:0.7rem; font-weight:700; letter-spacing:0.3em; text-transform:uppercase;
  color:var(--gold); margin-bottom:1.2rem;
  display:inline-flex; align-items:center; gap:0.8rem;
}
.eyebrow::before { content:''; display:block; width:28px; height:1px; background:var(--gold); }
h1.hero-title {
  font-family:'Roboto', sans-serif;
  font-weight:900; font-size:clamp(2.2rem,4.5vw,3.5rem);
  color:var(--white); line-height:1.1; margin-bottom:1rem;
}
h1.hero-title em { color:var(--gold); font-style:normal; }
.hero-sub { color:rgba(255,255,255,0.5); font-size:1rem; font-weight:300; max-width:560px; line-height:1.8; }

/* ── SECTION ── */
.section { padding:5rem 2rem; }

.label {
  font-size:0.68rem; font-weight:700; letter-spacing:0.28em; text-transform:uppercase;
  color:var(--gold); margin-bottom:0.9rem;
  display:flex; align-items:center; gap:0.75rem;
}
.label::after { content:''; flex:0 0 50px; height:1px; background:var(--border); }
.label-light::after { background:var(--border-dark); }

h2.section-title {
  font-weight:900; font-size:clamp(1.8rem,3vw,2.6rem);
  line-height:1.15; margin-bottom:0.75rem;
}
h2.section-title em { color:var(--gold); font-style:normal; }
p.section-lead { color:var(--muted); font-size:0.95rem; line-height:1.8; max-width:580px; font-weight:300; }

/* ── BUTTONS ── */
.btn {
  display:inline-block; text-decoration:none;
  font-family:'Roboto', sans-serif; font-weight:700;
  font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase;
  padding:0.85rem 2rem; border:none; cursor:pointer;
  transition:all 0.22s; border-radius:0;
}
.btn-gold { background:var(--gold); color:var(--ink); }
.btn-gold:hover { background:var(--gold-light); transform:translateY(-1px); }
.btn-dark { background:var(--ink); color:var(--white); }
.btn-dark:hover { background:#333; }
.btn-outline-dark {
  background:transparent; color:var(--ink);
  border:1.5px solid var(--ink);
}
.btn-outline-dark:hover { background:var(--ink); color:var(--white); }
.btn-outline-light {
  background:transparent; color:var(--white);
  border:1.5px solid rgba(255,255,255,0.75);
}
.btn-outline-light:hover { border-color:var(--gold); color:var(--gold); }
.btn-outline-light:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }

/* ── CARDS ── */
.card {
  background:var(--white); border:1px solid var(--border);
  padding:2rem; transition:all 0.28s;
}
.card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }

/* ── FORMS ── */
.form-group { margin-bottom:1.2rem; }
.form-label {
  display:block; font-size:0.72rem; font-weight:700;
  letter-spacing:0.12em; text-transform:uppercase;
  color:var(--muted); margin-bottom:0.45rem;
}
.form-input, .form-textarea {
  width:100%; padding:0.75rem 1rem;
  border:1.5px solid var(--border); background:var(--white);
  font-family:'Roboto', sans-serif; font-size:0.93rem;
  outline:none; transition:border-color 0.2s; border-radius:0;
  color:var(--ink);
}
.form-input:focus, .form-textarea:focus {
  border-color:var(--gold);
}
.form-textarea { min-height:130px; resize:vertical; }

/* ── FOOTER ── */
footer {
  background:var(--ink);
  border-top:1px solid var(--border-dark);
  padding:3.5rem 2rem 1.5rem;
}
.footer-grid {
  max-width:1080px; margin:0 auto;
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
  gap:3rem; padding-bottom:2.5rem;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.footer-brand-name {
  font-weight:700; font-size:0.95rem;
  color:var(--gold); margin-bottom:0.6rem;
}
.footer-brand-text { color:rgba(255,255,255,0.8); font-size:0.82rem; line-height:1.8; font-weight:300; }
.footer-links { list-style:none; }
.footer-links li { margin-bottom:0.45rem; }
.footer-links a {
  color:rgba(255,255,255,0.45); font-size:0.84rem;
  text-decoration:none; font-weight:300;
  transition:color 0.2s;
}
.footer-links a:hover { color:var(--gold); }
.footer-bottom {
  max-width:1080px; margin:1.5rem auto 0;
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:1rem;
}
.footer-copy { color:rgba(255,255,255,0.9); font-size:0.8rem; }

/* ── DIVIDER ── */
.divider { height:1px; background:var(--border); margin:2.5rem 0; }

/* ── BADGE ── */
.badge {
  display:inline-block; font-size:0.65rem; font-weight:700;
  letter-spacing:0.1em; text-transform:uppercase;
  padding:0.2rem 0.65rem;
}
.badge-new { background:#c0392b; color:var(--white); }
.step-num {
  font-weight:900; font-size:2rem; color:var(--gold);
  line-height:1; padding-top:0.15rem;
}
.step-title { font-weight:700; font-size:1rem; margin-bottom:0.4rem; }
.stat-num {
  font-weight:900; font-size:2.5rem; color:var(--gold);
  line-height:1; margin-bottom:0.2rem;
}
.stat-label { font-size:0.78rem; color:var(--muted); font-weight:300; letter-spacing:0.04em; }

/* ── MOBILE NAV OVERLAY ── */
.nav-mobile-btn {
  display:none; background:none; border:none;
  color:var(--white); cursor:pointer; padding:0.25rem;
  flex-direction:column; justify-content:center;
  align-items:center; gap:5px; width:36px; height:36px;
}
.nav-mobile-btn span {
  display:block; width:22px; height:2px;
  background:var(--white); transition:all 0.3s;
  transform-origin:center;
}
.nav-mobile-btn.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-mobile-btn.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.nav-mobile-btn.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
@keyframes overlayIn {
  from { opacity:0; transform:translateY(-8px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .footer-grid { grid-template-columns:1fr 1fr; }
  .nav-links { display:none !important; }
  .nav-mobile-btn { display:flex; }
}
@media(max-width:600px){
  .hero-dark { padding:3.5rem 1.25rem 3rem; }
  .section { padding:3.5rem 1.25rem; }
}

/* ═══════════════════════════════════════════════════════════════
   SHARED ERGÄNZUNGEN – PHP-Version
   ═══════════════════════════════════════════════════════════════ */

/* ── Layout ────────────────────────────────────────────────────── */
.container     { max-width:1080px; margin:0 auto; padding:0 0.5rem; }
.bg-cream      { background:var(--cream); }
.bg-dark       { background:var(--dark); color:var(--white); }
.bg-parchment  { background:var(--parchment); }
.text-center   { text-align:center; }
.text-muted    { color:var(--muted); }
.gold          { color:var(--gold); }
.green         { color:#2ecc71; }
.red           { color:#e74c3c; }

.section-label {
  font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); margin-bottom:.75rem;
}
.section-title {
  font-size:2.2rem; font-weight:900; line-height:1.15; margin-bottom:2.5rem;
}
.section-title .gold { color:var(--gold); }
@media(max-width:900px){
  .nav-links { display:none; }
  .nav-mobile-btn { display:block; }
}

/* ── Buttons (öffentlich) ──────────────────────────────────────── */
.btn-gold    { background:var(--gold); color:var(--ink); font-weight:700; padding:.7rem 1.6rem; border:1.5px solid #9a7a2a; text-decoration:none; display:inline-block; cursor:pointer; font-size:.82rem; letter-spacing:.06em; transition:background .2s,border-color .2s; }
.btn-gold:hover    { background:var(--gold-light); border-color:#9a7a2a; }
.btn-gold:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.btn-outline { background:transparent; color:var(--white); border:1.5px solid rgba(255,255,255,.75); font-weight:600; padding:.7rem 1.6rem; text-decoration:none; display:inline-block; transition:.2s; font-size:.82rem; }
.btn-outline:hover { border-color:var(--gold); color:var(--gold); }
.btn-outline:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.btn-dark    { background:var(--ink); color:var(--white); font-weight:700; padding:.85rem 2rem; border:none; cursor:pointer; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; transition:background .2s; }
.btn-dark:hover    { background:#333; }
.btn-lg      { padding:.85rem 2.2rem; font-size:.9rem; }
.btn-full    { display:block; width:100%; text-align:center; }
.btn-sm      { padding:.3rem .8rem; font-size:.75rem; }

/* ── Flash-Banner (öffentliche Seiten) ─────────────────────────── */
.flash-banner        { padding:.9rem 1.5rem; margin:1rem 0; font-size:.87rem; }
.flash-success       { background:#d4edda; color:#155724; border-left:4px solid #28a745; }
.flash-error         { background:#f8d7da; color:#721c24; border-left:4px solid #dc3545; }
.flash-info          { background:#d1ecf1; color:#0c5460; border-left:4px solid #17a2b8; }
.form-error-banner   { background:#f8d7da; color:#721c24; padding:.75rem 1rem; margin-bottom:1.2rem; border-left:4px solid #dc3545; font-size:.85rem; }
.form-success-banner { background:#d4edda; color:#155724; padding:.75rem 1rem; margin-bottom:1.2rem; border-left:4px solid #28a745; font-size:.85rem; }

/* ── Formulare (öffentlich) ────────────────────────────────────── */
.form-group  { margin-bottom:1.1rem; }
.form-label  { display:block; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--ink); margin-bottom:.4rem; }
.form-input  { width:100%; padding:.75rem 1rem; border:1.5px solid var(--border); background:var(--white); font-size:.9rem; font-family:inherit; outline:none; transition:border .2s; }
.form-input:focus { border-color:var(--gold); }
textarea.form-input { resize:vertical; }
.form-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.form-section-title { font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin:2rem 0 1rem; padding-bottom:.5rem; border-bottom:1px solid var(--border); }
.form-check  { display:flex; align-items:flex-start; gap:.75rem; margin-bottom:.9rem; }
.form-check input[type=checkbox] { width:16px; height:16px; margin-top:.15rem; flex-shrink:0; accent-color:var(--gold); }
.form-check label { font-size:.83rem; color:var(--muted); font-weight:300; line-height:1.6; cursor:pointer; }
.form-check label a { color:var(--gold); }
.forgot a    { font-size:.78rem; color:var(--muted); text-align:right; display:block; margin-top:.4rem; text-decoration:none; }
.forgot a:hover { color:var(--gold); }

/* ── Hero ──────────────────────────────────────────────────────── */
.hero-sm     { padding:4rem 2rem 3.5rem; }
.hero-dark h1 { font-size:2.8rem; font-weight:900; color:var(--white); line-height:1.15; margin-bottom:1rem; hyphens: auto;}
.hero-dark p  { color:rgba(255,255,255,.85); font-size:1rem; font-weight:300; max-width:580px; }
.hero-dark .label { color:var(--gold); }
.hero-dark .section-label { color:var(--gold); }

/* Hero Startseite */
.hero-home   {
  min-height:calc(100vh - 62px); background:var(--ink);
  display:flex; align-items:center; padding:4rem 2rem;
  background-image: linear-gradient(to right,rgba(21,21,21,.92) 50%,rgba(21,21,21,.55) 100%),
    url('/assets/bg/impressumservice_LeseHits.webp');
  background-size:cover; background-position:center top;
}
.hero-grid   { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:1fr 420px; gap:5rem; align-items:center; width:100%; }
.hero-text h1 { font-size:3rem; font-weight:900; color:var(--white); line-height:1.1; }
.hero-text .label { color:var(--gold); font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; font-weight:700; margin-bottom:.75rem; display:block; }
.hero-sub    { color:rgba(255,255,255,.8); font-size:1rem; font-weight:300; line-height:1.7; margin-top:1rem; max-width:500px; }
.hero-actions { display:flex; gap:1rem; flex-wrap:wrap; margin-top:2.5rem; }
.hero-visual  { display:flex; justify-content:center; }

/* ── CTA ───────────────────────────────────────────────────────── */
.cta-section  { text-align:center; }
.cta-section h2 { font-size:2.2rem; font-weight:900; color:var(--white); }
.cta-section p  { color:rgba(255,255,255,.5); font-weight:300; max-width:560px; margin:.75rem auto 0; }

/* ── Footer ────────────────────────────────────────────────────── */
.site-footer  { background:var(--ink); color:rgba(255,255,255,.4); padding:4rem 2rem 2rem; }
.footer-inner { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:3rem; margin-bottom:3rem; }
.footer-brand-name { font-weight:900; font-size:1rem; color:var(--gold); margin-bottom:.5rem; }
.footer-brand-text { font-size:.82rem; font-weight:300; line-height:1.7; }
.footer-links-title { font-size:.7rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem; }
.footer-links ul    { list-style:none; }
.footer-links li    { margin-bottom:.5rem; }
.footer-links a     { color:rgba(255,255,255,.9); text-decoration:none; font-size:.83rem; font-weight:300; }
.footer-links a:hover { color:var(--gold); }
.footer-copy  { max-width:1080px; margin:2rem auto 0; border-top:1px solid rgba(255,255,255,.07); padding-top:1.5rem; font-size:.75rem; text-align:center; }

/* ── Login ─────────────────────────────────────────────────────── */
.login-page-split { display:grid; grid-template-columns:1fr 1fr; min-height:calc(100vh - 62px); }
.login-left  { background:var(--ink); display:flex; align-items:center; justify-content:center; padding:4rem 3rem;
  background-image:linear-gradient(rgba(21,21,21,.85),rgba(21,21,21,.9)),
  url('/assets/bg/impressumservice_Hand-Buchstapel.webp');
  background-size:cover; background-position:center; }
.login-left-inner { max-width:320px; }
.login-tagline   { font-size:2rem; font-weight:900; color:var(--white); line-height:1.2; margin-bottom:2rem; }
.login-features  { list-style:none; }
.login-features li { color:rgba(255,255,255,.6); font-weight:300; padding:.5rem 0; border-bottom:1px solid rgba(255,255,255,.07); font-size:.9rem; }
.login-right { display:flex; align-items:center; justify-content:center; padding:4rem 3rem; background:var(--cream); }
.login-box   { width:100%; max-width:380px; }
.login-box h2 { font-weight:900; font-size:1.5rem; margin-bottom:.4rem; }
.login-box p  { color:var(--muted); font-size:.87rem; margin-bottom:2rem; font-weight:300; }
.login-logo {
  font-size:.7rem; font-weight:700; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gold); margin-bottom:1.5rem;
}
.login-label {
  display:block; font-size:.68rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  color:#666; margin-bottom:.45rem;
}
.login-input {
  width:100%; box-sizing:border-box;
  padding:.75rem 1rem;
  background:#fff; border:1.5px solid #d0cac0;
  color:#151515; font-size:.95rem; font-family:inherit;
  outline:none; transition:border-color .18s, box-shadow .18s;
}
.login-input::placeholder { color:#b0a898; }
.login-input:focus {
  border-color:#c9a84c;
  box-shadow:0 0 0 3px rgba(201,168,76,.15);
}
.login-input-wrap { position:relative; }
.login-input-wrap .login-input-icon {
  position:absolute; right:.9rem; top:50%; transform:translateY(-50%);
  color:#b0a898; pointer-events:none; display:flex;
}
.login-input-wrap .login-input { padding-right:2.4rem; }
.login-submit { width:100%; padding:.95rem; background:var(--gold); color:var(--ink); border:none; font-family:'Roboto',sans-serif; font-weight:700; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:background .22s; margin-top:1.2rem; }
.login-submit:hover { background:#b8942f; }
.checkbox-row { display:flex; align-items:center; gap:.5rem; margin-top:1rem; cursor:pointer; font-size:.82rem; color:var(--ink); user-select:none; }
.checkbox-row input[type="checkbox"] { width:16px; height:16px; accent-color:var(--gold); cursor:pointer; flex-shrink:0; }
.checkbox-row .checkbox-text { line-height:1.3; }
.login-register { text-align:center; margin-top:1.5rem; font-size:.82rem; color:var(--muted); }
.login-register a { color:var(--gold); font-weight:700; text-decoration:none; }
.login-page-simple { display:flex; align-items:center; justify-content:center; min-height:calc(100vh - 62px); background:var(--cream); padding:2rem; }

/* ── Registrierung ─────────────────────────────────────────────── */
.reg-wrap    { display:grid; grid-template-columns:380px 1fr; min-height:calc(100vh - 62px); }
.reg-sidebar { background:var(--ink); padding:3rem 2.5rem; display:flex; flex-direction:column; justify-content:center;
  background-image:linear-gradient(rgba(21,21,21,.88),rgba(21,21,21,.93)),
  url('/assets/bg/impressumservice_schreibt.webp');
  background-size:cover; background-position:center; }
.reg-sidebar-inner { max-width:320px; }
.eyebrow     { font-size:.7rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:.75rem; }
.reg-sidebar h2 { color:var(--white); font-weight:900; font-size:1.5rem; line-height:1.2; }
.plan-selector { margin:1.5rem 0; display:flex; flex-direction:column; gap:.5rem; }
.plan-opt    { display:flex; align-items:center; gap:.9rem; padding:.9rem 1rem; border:1.5px solid rgba(255,255,255,.12); cursor:pointer; transition:border .2s; }
.plan-opt:hover { border-color:rgba(201,168,76,.4); }
.plan-opt.selected, .plan-opt input:checked { border-color:var(--gold); background:rgba(201,168,76,.07); }
.plan-opt input[type=radio] { accent-color:var(--gold); }
.plan-name   { font-weight:700; color:var(--white); font-size:.87rem; }
.plan-price  { font-size:.75rem; color:rgba(255,255,255,.45); margin-top:.15rem; }
.plan-quota  { font-size:.7rem; color:rgba(255,255,255,.3); margin-top:.1rem; }
.plan-info   { flex:1; }
.plan-radio  { width:16px; height:16px; border:2px solid rgba(255,255,255,.3); border-radius:50%; flex-shrink:0; }
.include-list { list-style:none; margin-top:1.5rem; }
.include-list li { font-size:.82rem; color:rgba(255,255,255,.5); padding:.4rem 0; font-weight:300; }
.include-list li::before { content:'✓ '; color:var(--gold); font-weight:700; }
.reg-main    { padding:4rem 3rem; background:var(--cream); overflow-y:auto; }
.reg-main h2 { font-weight:900; font-size:1.5rem; margin-bottom:.4rem; }
.reg-main p  { color:var(--muted); font-size:.87rem; margin-bottom:1.5rem; font-weight:300; }
.reg-submit  { width:100%; padding:1rem; background:var(--gold); color:var(--ink); border:none; font-family:'Roboto',sans-serif; font-weight:700; font-size:.85rem; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:background .22s; margin-top:.5rem; }
.reg-submit:hover { background:#b8942f; }
.reg-login   { text-align:center; margin-top:1.2rem; font-size:.82rem; color:var(--muted); }
.reg-login a { color:var(--gold); font-weight:700; text-decoration:none; }
.success-box { background:var(--parchment); border:2px solid var(--gold); padding:2.5rem; text-align:center; margin-top:2rem; }
.success-box .icon { font-size:3rem; margin-bottom:1rem; }
.success-box h3 { font-weight:900; font-size:1.3rem; margin-bottom:.5rem; }
.success-box p  { color:var(--muted); font-size:.88rem; font-weight:300; }

/* ── Preise ────────────────────────────────────────────────────── */
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-bottom:2rem; }
.pricing-card { background:var(--white); border:1.5px solid var(--border); padding:2.5rem; position:relative; display:flex; flex-direction:column; }
.pricing-highlight { border-color:var(--gold); box-shadow: 0 8px 32px rgba(201,168,76,.12); }
.pricing-badge { position:absolute; top:-1px; right:1.5rem; background:var(--gold); color:var(--ink); font-size:.68rem; font-weight:900; padding:.2rem .65rem; letter-spacing:.08em; text-transform:uppercase; }
.pricing-title { font-weight:900; font-size:1.15rem; margin-bottom:.25rem; color:var(--ink); }
.pricing-sub   { font-size:.78rem; color:var(--muted); margin-bottom:1.25rem; }
.pricing-price { font-size:2.5rem; font-weight:900; color:var(--ink); margin-bottom:.2rem; line-height:1; }
.pricing-price span { font-size:1rem; font-weight:400; color:var(--muted); }
.pricing-per-month { font-size:.75rem; color:var(--muted); margin-bottom:1.5rem; }
.pricing-features { list-style:none; margin-bottom:2rem; flex:1; }
.pricing-features li { font-size:.85rem; padding:.45rem 0; border-bottom:1px solid var(--border); color:var(--ink); display:flex; align-items:center; gap:.5rem; }
.pricing-features li:last-child { border-bottom:none; }
.pricing-note { text-align:center; font-size:.78rem; color:var(--muted); margin-top:1.5rem; }

/* Pricing-Buttons (eigene Klassen – kein Konflikt mit globalen .btn-outline) */
.pricing-btn {
  display:block; width:100%; text-align:center;
  padding:.75rem 1rem; font-size:.82rem; font-weight:700;
  letter-spacing:.05em; text-decoration:none;
  border:1.5px solid; cursor:pointer;
  transition:background .2s, color .2s, border-color .2s, transform .15s;
  font-family:inherit;
  box-sizing:border-box;
}
.pricing-btn--gold {
  background:var(--gold); color:var(--ink); border-color:var(--gold);
}
.pricing-btn--gold:hover {
  background:#b8922e; border-color:#b8922e; transform:translateY(-1px);
}
.pricing-btn--outline {
  background:transparent; color:var(--ink); border-color:var(--ink);
}
.pricing-btn--outline:hover {
  background:var(--ink); color:var(--white); border-color:var(--ink); transform:translateY(-1px);
}

/* ── Vorteile ───────────────────────────────────────────────────── */
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.feature-card  { padding:2rem; background:var(--white); border:1px solid var(--border); }
.feature-icon  { font-size:2rem; margin-bottom:1rem; }
.feature-card h3 { font-weight:700; margin-bottom:.5rem; }
.feature-card p  { font-size:.87rem; color:var(--muted); font-weight:300; line-height:1.7; }
.faq-list      { display:flex; flex-direction:column; gap:.75rem; max-width:720px; margin:0 auto; }
.faq-item      { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
.faq-item summary { padding:1.1rem 1.5rem; font-weight:700; cursor:pointer; color:var(--white); list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'＋'; float:right; color:var(--gold); }
.faq-item[open] summary::after { content:'－'; }
.faq-item p    { padding:0 1.5rem 1.25rem; font-size:.87rem; color:rgba(255,255,255,.5); font-weight:300; line-height:1.7; }

/* ── Autoren ───────────────────────────────────────────────────── */
.testimonial-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
.testimonial-card { background:var(--white); border:1px solid var(--border); padding:2rem; display:flex; gap:1.5rem; }
.testimonial-avatar { width:52px; height:52px; border-radius:50%; background:var(--ink); color:var(--gold); font-weight:900; font-size:1.1rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.testimonial-quote { font-size:.9rem; color:var(--ink); font-weight:300; line-height:1.75; font-style:italic; margin-bottom:1rem; }
.testimonial-name  { font-weight:700; font-size:.9rem; }
.testimonial-meta  { font-size:.75rem; color:var(--muted); margin-top:.2rem; }

/* ── Kontakt ───────────────────────────────────────────────────── */
.contact-grid  { display:grid; grid-template-columns:1fr 1.5fr; gap:4rem; align-items:start; }
.contact-block { display:flex; gap:1.1rem; align-items:flex-start; margin-bottom:2rem; }

/* ── Impressum / Datenschutz ──────────────────────────────────── */
.prose        { max-width:760px; }
.prose h2     { font-weight:700; font-size:1.1rem; margin:2rem 0 .75rem; padding-bottom:.5rem; border-bottom:1px solid var(--border); }
.prose p, .prose address { font-size:.9rem; color:var(--ink); line-height:1.8; margin-bottom:1rem; font-style:normal; }
.prose a      { color:var(--gold); }

/* ── Plan-Badges (öffentlich) ──────────────────────────────────── */
.plan-badge        { display:inline-block; font-size:.65rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; padding:.2rem .55rem; }
.plan-starter      { background:#f0f0f0; color:#555; }
.plan-professional { background:rgba(201,168,76,.12); color:var(--gold); border:1px solid rgba(201,168,76,.3); }
.plan-publisher    { background:var(--ink); color:var(--gold); }

/* ── Responsive ────────────────────────────────────────────────── */
@media(max-width:900px) {
  .hero-grid       { grid-template-columns:1fr; gap:3rem; }
  .hero-visual     { display:none; }
  .features-grid   { grid-template-columns:1fr; }
  .pricing-grid    { grid-template-columns:1fr; }
  .testimonial-grid{ grid-template-columns:1fr; }
  .contact-grid    { grid-template-columns:1fr; gap:2rem; }
  .footer-inner    { grid-template-columns:1fr; gap:2rem; }
  .login-page-split{ grid-template-columns:1fr; }
  .login-left      { display:none; }
  .reg-wrap        { grid-template-columns:1fr; }
  .reg-sidebar     { padding:2rem; }
  .form-grid-2     { grid-template-columns:1fr; }
  .section         { padding:3rem 1.0rem; }
}

/* ── ERGÄNZUNGEN: öffentliche Seiten ────────────────────────────── */

/* Formular */
.form-hint       { font-size:.75rem; color:var(--muted); margin-top:.3rem; display:block; }
.form-full       { grid-column:1 / -1; }
.forgot          { text-align:right; margin-top:.35rem; }
.forgot a        { font-size:.78rem; color:var(--muted); text-decoration:none; }
.forgot a:hover  { color:var(--gold); }

/* Hero */
.hero-text       { } /* layout-Anker, kein eigenes Styling nötig */

/* Footer */
.footer-brand    { }

/* Testimonials */
.testimonial-body { flex:1; }

/* ═══════════════════════════════════════════════════════════════════
   HAMBURGER-MENÜ (MOBILE) – vollständig neu
   ═══════════════════════════════════════════════════════════════════ */

/* Hamburger-Button: auf Desktop versteckt */
.nav-mobile-btn {
  display:none;
  background:none; border:none;
  color:var(--white); cursor:pointer;
  padding:.4rem; z-index:1100;
  width:36px; height:36px;
  flex-direction:column; justify-content:center; align-items:center; gap:5px;
}
.nav-mobile-btn span {
  display:block; width:22px; height:2px;
  background:var(--white);
  transition:transform .3s, opacity .3s, width .3s;
  transform-origin:center;
}
/* X-Animation wenn .open */
nav.menu-open .nav-mobile-btn span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
nav.menu-open .nav-mobile-btn span:nth-child(2) { opacity:0; width:0; }
nav.menu-open .nav-mobile-btn span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

@media(max-width:900px) {
  .nav-mobile-btn { display:flex; margin-left:auto; }

  /* Menü: als Overlay von oben einklappen */
  .nav-links {
    display:flex !important; /* immer im DOM, nur versteckt */
    flex-direction:column;
    position:fixed;
    top:62px; left:0; right:0;
    background:rgba(18,18,18,.98);
    backdrop-filter:blur(18px);
    padding:1.5rem 0 2rem;
    gap:0;
    list-style:none;
    z-index:999;
    /* Ausgeblendet: nach oben verschoben + unsichtbar */
    transform:translateY(-110%);
    opacity:0;
    pointer-events:none;
    transition:transform .35s cubic-bezier(.4,0,.2,1), opacity .25s;
    border-bottom:1px solid var(--border-dark);
  }
  nav.menu-open .nav-links {
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .nav-links li { width:100%; }
  .nav-links a {
    display:block;
    padding:1rem 2rem;
    font-size:.85rem;
    letter-spacing:.12em;
    border-bottom:1px solid rgba(255,255,255,.05);
    color:rgba(255,255,255,.7);
  }
  .nav-links a:hover, .nav-links a.active { color:var(--gold); background:rgba(201,168,76,.06); }
  .nav-links a.nav-search { display:flex; align-items:center; gap:.6rem; }
  .nav-links a.nav-search span { position:static; width:auto; height:auto; overflow:visible; clip:auto; }
  .nav-links a.nav-login {
    margin:1rem 2rem 0;
    display:block;
    text-align:center;
    padding:.75rem 1rem;
    background:var(--gold); color:var(--ink);
  }
.nav-links a.nav-login:hover { background:var(--gold-light); }
/* Such-Link in der Navigation */
.nav-links a.nav-search { display:flex; align-items:center; gap:.4rem; }
.nav-links a.nav-search svg { flex-shrink:0; opacity:.9; }
.nav-links a.nav-search:hover svg, .nav-links a.nav-search.active svg { opacity:1; }
/* Auf schmalen Desktops nur Icon, Beschriftung bleibt für Screenreader erhalten */
@media(max-width:1150px){
  .nav-links a.nav-search { padding:.45rem .7rem; }
  .nav-links a.nav-search span {
    position:absolute; width:1px; height:1px; overflow:hidden;
    clip:rect(0 0 0 0); white-space:nowrap;
  }
}
}


/* ═══════════════════════════════════════════════════════════════════
   PARALLAX-SEKTIONEN & HINTERGRUNDBILDER (CC0 via Unsplash/Pexels)
   ═══════════════════════════════════════════════════════════════════

   Alle Bilder: Unsplash-Lizenz (kostenlos, auch kommerziell)
   – photo-1455390582262 = offenes Buch / Schreibtisch
   – photo-1524995997946 = Buchstapel warm
   – photo-1553729459 = Stadtsilhouette Berlin-artig
   – photo-1467579424161 = Briefkasten / Post
   – photo-1516414447565 = Schreibmaschine vintage
   ═══════════════════════════════════════════════════════════════════ */

/* Parallax-Basis: das eigentliche Scrollen macht JS,
   CSS stellt background-attachment:fixed als Fallback bereit */
.parallax-bg {
  position:relative;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  overflow:hidden;
}
/* iOS Safari hat kein background-attachment:fixed → abschalten */
@supports (-webkit-touch-callout:none) {
  .parallax-bg { background-attachment:scroll; }
}

/* Bild-Overlay zum Abdunkeln/Abmischen */
.parallax-bg::before {
  content:'';
  position:absolute; inset:0;
  z-index:0;
  pointer-events:none;
}
.parallax-bg > * { position:relative; z-index:1; }

/* ── Overlay-Varianten ─────────────────────────────────────────── */
.parallax-overlay-dark::before   { background:rgba(15,12,8,.82); }
.parallax-overlay-darker::before { background:rgba(10,8,5,.90); }
.parallax-overlay-gold::before   {
  background:linear-gradient(135deg, rgba(15,12,8,.88) 55%, rgba(201,168,76,.18) 100%);
}
.parallax-overlay-split::before  {
  background:linear-gradient(to right, rgba(15,12,8,.92) 50%, rgba(15,12,8,.65) 100%);
}

/* ── Konkrete Sektions-Bilder ──────────────────────────────────── */

/* Hero Startseite – Schreibtisch mit aufgeschlagenem Buch */
.hero-home.parallax-bg {
  background-image:url('/assets/bg/impressumservice_LeseHits.webp');
}
/* Stats-Streifen – Bibliothek-Bokeh */
.parallax-books {
  background-image:url('/assets/bg/impressumservice-schrankwand.webp');
}
/* Ablauf-Sektion – Briefkasten / Post */
.parallax-mail {
  background-image:url('/assets/bg/impressumservice_schutz.webp');
}
/* Zitat-Sektion – Schreibmaschine vintage warm */
.parallax-typewriter {
  background-image:url('/assets/bg/impressumservice_Hand-Buchstapel.webp');
}
/* CTA-Sektion – Berlin-Stadtsilhouette */
.parallax-city {
  background-image:url('/assets/bg/impressumservice_brandenburger-tor.webp');
}
/* Autoren-Seite – Bücherstapel */
.parallax-stack {
  background-image:url('/assets/bg/impressumservice-buchregal.webp');
}
/* Preise-Seite – Schreibtisch clean */
.parallax-desk {
  background-image:url('/assets/bg/impressumservice_computer-handy-schreibblock.webp');
}
.parallax-schweiz {
  background-image:url('/assets/bg/impressumservice-schweiz.webp');
  /* explizit, damit das Bild die Sektion immer vollflächig füllt */
  background-size:cover;
  /* Bild immer links ausrichten (vertikal zentriert) */
  background-position:10% center;
  background-repeat:no-repeat;
}
.parallax-austria {
  background-image:url('/assets/bg/impressumservice-austria.webp');
  /* explizit, damit das Bild die Sektion immer vollflächig füllt */
  background-size:cover;
  /* Bild immer links ausrichten (vertikal zentriert) */
  background-position:10% center;
  background-repeat:no-repeat;
}

/* ── Parallax-spezifisches Padding ─────────────────────────────── */
.parallax-hero  { min-height:calc(100vh - 62px); display:flex; align-items:center; }

/* Helle Text-Overrides für Parallax-Sektionen auf dunklem Hintergrund */
.parallax-bg .section-label    { color:var(--gold); }
.parallax-bg .section-title    { color:var(--white); }
.parallax-bg p.section-lead    { color:rgba(255,255,255,.5); }

/* Reduzierte Bewegung respektieren */
@media(prefers-reduced-motion:reduce) {
  .parallax-bg            { background-attachment:scroll; }
}

/* ═══════════════════════════════════════════════════════════════════
   STARTSEITE – Neue Komponenten
   ═══════════════════════════════════════════════════════════════════ */

/* ── Hero-Ergänzungen ──────────────────────────────────────────── */
h1.hero-title {
  font-size:clamp(2rem,4.5vw,3.4rem); font-weight:900;
  color:var(--white); line-height:1.08; margin-bottom:1.1rem;
}
h1.hero-title em { color:var(--gold); font-style:normal; }
.hero-checks {
  list-style:none; margin:1.5rem 0 0;
  display:flex; flex-direction:column; gap:.45rem;
}
.hero-checks li {
  font-size:.87rem; color:rgba(255,255,255,.8); font-weight:300;
}

/* ── Trust-Bar ─────────────────────────────────────────────────── */
.trust-bar   { padding:3rem 2rem; }
.trust-grid  {
  display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:1rem; align-items:center;
}
.trust-item  { text-align:center; }
.trust-num   {
  font-size:clamp(1.6rem,2.5vw,2.2rem); font-weight:900;
  color:var(--gold); line-height:1; margin-bottom:.3rem;
}
.trust-num span { font-size:.65em; font-weight:400; }
.trust-label { font-size:.72rem; color:rgba(255,255,255,.8); font-weight:300; letter-spacing:.04em; }
.trust-divider { width:1px; height:3rem; background:rgba(201,168,76,.2); margin:0 auto; }

/* ── Ablauf-Steps ─────────────────────────────────────────────── */
.section-head { margin-bottom:3rem; }
.section-head-center { text-align:center; }
.section-head-center .section-lead { margin:0 auto; }
.section-lead { color:var(--muted); font-size:.95rem; font-weight:300; line-height:1.8; max-width:560px; margin-top:.6rem; }

.steps-row {
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:0; align-items:start;
}
.step-card {
  background:var(--white); border:1.5px solid var(--border);
  padding:2.2rem 2rem 2rem; position:relative;
  transition:box-shadow .3s, transform .3s;
}
.step-card:hover { box-shadow:0 12px 40px rgba(0,0,0,.1); transform:translateY(-3px); }
.step-card-num {
  position:absolute; top:1.5rem; right:1.5rem;
  font-size:3.5rem; font-weight:900; line-height:1;
  color:rgba(201,168,76,.1);
}
.step-card-icon { font-size:2rem; margin-bottom:1rem; display:block; }
.step-card-title { font-weight:700; font-size:1.05rem; margin-bottom:.6rem; color:var(--ink); }
.step-card-text  { font-size:.87rem; color:var(--muted); font-weight:300; line-height:1.75; }

.steps-connector {
  display:flex; align-items:center; justify-content:center;
  padding-top:3.5rem;
}
.steps-connector span {
  display:block; width:40px; height:2px;
  background:linear-gradient(to right, var(--gold), rgba(201,168,76,.2));
}

/* ── Features 2-Spalten ───────────────────────────────────────── */
.features-2col {
  display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;
  margin-top:2.5rem;
}
.feat-item {
  display:flex; gap:1.1rem; align-items:flex-start;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,168,76,.12);
  padding:1.5rem 1.4rem;
  transition:background .25s;
}
.feat-item:hover { background:rgba(255,255,255,.07); }
.feat-icon { font-size:1.7rem; flex-shrink:0; margin-top:.1rem; }
.feat-item strong { display:block; font-size:.95rem; font-weight:700; color:var(--white); margin-bottom:.35rem; }
.feat-item p { font-size:.84rem; color:rgba(255,255,255,.8); font-weight:300; line-height:1.7; margin:0; }

/* ── Zitat-Showcase ───────────────────────────────────────────── */
.quote-showcase {
  max-width:740px; margin:0 auto; text-align:center;
  position:relative;
}
.quote-mark {
  font-size:8rem; line-height:.6; color:var(--gold);
  font-family:Georgia, serif; font-style:italic;
  opacity:.4; margin-bottom:-.5rem;
  user-select:none;
}
.quote-showcase-text {
  font-size:clamp(1.05rem,1.8vw,1.3rem); font-weight:300;
  line-height:1.75; font-style:italic;
  color:rgba(255,255,255,.88);
  display:block; margin-bottom:2.2rem;
}
.quote-showcase-author {
  display:flex; align-items:center; gap:1rem;
  justify-content:center;
}
.quote-author-avatar {
  width:46px; height:46px; border-radius:50%;
  background:rgba(201,168,76,.15);
  color:var(--gold); font-weight:900; font-size:.95rem;
  display:flex; align-items:center; justify-content:center;
  border:1.5px solid rgba(201,168,76,.35);
  flex-shrink:0;
}
.quote-showcase-author strong { display:block; color:var(--white); font-size:.9rem; }
.quote-showcase-author span   { font-size:.78rem; color:rgba(255,255,255,.4); }

/* ── Preise-Preview ───────────────────────────────────────────── */
.plans-preview {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:1.5rem; margin-top:2.5rem;
}
.plan-preview-card {
  background:var(--white); border:1.5px solid var(--border);
  padding:2.5rem 2rem; position:relative;
}
.plan-preview-featured {
  border-color:var(--gold);
  box-shadow:0 0 0 1px var(--gold), 0 12px 40px rgba(201,168,76,.12);
  transform:translateY(-6px);
}
.ppc-badge {
  position:absolute; top:-1px; right:1.5rem;
  background:var(--gold); color:var(--ink);
  font-size:.65rem; font-weight:900; padding:.2rem .7rem;
  letter-spacing:.08em; text-transform:uppercase;
}
.ppc-name  { font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:.75rem; }
.ppc-price {
  font-size:2.8rem; font-weight:900; color:var(--ink);
  line-height:1; margin-bottom:.3rem;
}
.ppc-price span { font-size:.9rem; font-weight:300; color:var(--muted); }
.ppc-month { font-size:.75rem; color:var(--muted); margin-bottom:1.4rem; }
.ppc-list {
  list-style:none; margin-bottom:2rem;
}
.ppc-list li {
  font-size:.85rem; padding:.4rem 0;
  border-bottom:1px solid var(--border);
  color:var(--ink); font-weight:300;
}
.ppc-list li::before { content:'✓ '; color:var(--gold); font-weight:700; }
/* ppc-btn: nutzt pricing-btn Basisklasse, füllt Karte voll aus */
.ppc-btn { display:block; width:100%; text-align:center; box-sizing:border-box; }
.plans-note {
  text-align:center; margin-top:1.5rem;
  font-size:.8rem; color:var(--muted);
}
.plans-note a { color:var(--gold); text-decoration:none; font-weight:700; }
.plans-note a:hover { text-decoration:underline; }

/* ── CTA-Final ─────────────────────────────────────────────────── */
.cta-final { text-align:center; }
.cta-final-title {
  font-size:clamp(1.8rem,3vw,2.8rem); font-weight:900;
  color:var(--white); line-height:1.15; margin:.75rem 0 1rem;
}
.cta-final-sub  { font-size:1rem; color:rgba(255,255,255,.9); font-weight:300; max-width:560px; margin:0 auto 2.5rem; }
.cta-final-actions { display:flex; gap:1.2rem; justify-content:center; flex-wrap:wrap; }
.cta-fine { font-size:.75rem; color:rgba(255,255,255,.9); margin-top:1.5rem; letter-spacing:.04em; }

/* ── Responsive Startseite ────────────────────────────────────── */
@media(max-width:1024px) {
  .hero-grid   { grid-template-columns:1fr; gap:3rem; }
  .hero-visual { display:flex; justify-content:center; }
  .steps-row   { grid-template-columns:1fr; gap:1.2rem; }
  .steps-connector { display:none; }
  .trust-grid  { grid-template-columns:1fr 1fr; gap:2rem; }
  .trust-divider { display:none; }
  .features-2col { grid-template-columns:1fr; }
  .plans-preview { grid-template-columns:1fr; gap:1.2rem; }
  .plan-preview-featured { transform:none; }
}
@media(max-width:600px) {
  .trust-grid   { grid-template-columns:1fr 1fr; }
  h1.hero-title { font-size:2rem; }
}

/* ── Hero Ameisen-Visual (index.php) ─────────────────────────── */
.hero-ant-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.hero-ant-img {
  width: 100%;
  max-width: 480px;
  height: auto;
  display: block;
  /* Weißen Hintergrund mit Mix-Blend transparent machen */
  mix-blend-mode: multiply;
  filter: drop-shadow(0 8px 32px rgba(0,0,0,.25));
}
.hero-service-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
  width: 100%;
  max-width: 420px;
}
.hero-service-list li {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: .82rem;
  font-weight: 500;
  color: rgba(255,255,255,.75);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-left: 2.5px solid var(--gold);
  padding: .45rem .75rem;
  line-height: 1.4;
}
.hero-service-list li svg { color: var(--gold); }



/* ── Impressumspflicht-Ratgeberseite ─────────────────────────── */
.prose h2 { font-size:1.2rem; font-weight:700; color:var(--ink); margin:1.5rem 0 .6rem; }
.prose p   { font-size:.88rem; color:#444; line-height:1.85; margin:0 0 .9rem; }

/* Intro-Grid */
.isp-intro-grid {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 3rem;
  margin-bottom: 3.5rem;
  align-items: start;
}

/* Hinweis-Box */
.isp-hinweis-box {
  display: flex; gap: .75rem; align-items: flex-start;
  background: rgba(201,168,76,.08);
  border: 1px solid rgba(201,168,76,.3);
  border-left: 3px solid #c9a84c;
  padding: .85rem 1rem;
  margin-top: 1.25rem;
  font-size: .78rem; color: #555; line-height: 1.65;
}
.isp-hinweis-box strong { color: #b8922e; }

/* Quicknav */
.isp-nav-card {
  background: #fff;
  border: 1px solid #e0d9ce;
  border-top: 3px solid #c9a84c;
  padding: 1.25rem;
  position: sticky;
  top: 1.5rem;
}
.isp-nav-title {
  font-size: .65rem; font-weight: 900; letter-spacing: .12em;
  text-transform: uppercase; color: #c9a84c; margin-bottom: .85rem;
}
.isp-nav-grid {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 4px;
}
.isp-nav-btn {
  display: flex; flex-direction: column; align-items: center;
  padding: .35rem .2rem; text-decoration: none;
  border: 1px solid #e8e0d0; transition: background .15s, border-color .15s;
}
.isp-nav-btn:hover { background: #faf7f0; border-color: #c9a84c; }
.isp-nav-abbr { font-size: .72rem; font-weight: 900; color: #151515; }
.isp-nav-name { font-size: .52rem; color: #999; text-align: center; line-height: 1.2; }

/* Bundesweite Gesetze */
.isp-section { margin-bottom: 3.5rem; }
.isp-h2 {
  font-size: 1.4rem; font-weight: 800; color: var(--ink);
  margin: 0 0 .6rem; padding-bottom: .5rem;
  border-bottom: 2px solid rgba(201,168,76,.3);
}
.isp-lead { font-size: .88rem; color: #666; margin: 0 0 1.75rem; line-height: 1.7; }

.isp-law-cards {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;
}
.isp-law-card {
  background: #fff; border: 1px solid #e0d9ce;
  border-top: 3px solid #c9a84c; padding: 1.25rem;
}
.isp-law-ref  { font-size:.65rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.35rem; }
.isp-law-name { font-size:.88rem;font-weight:700;color:#151515;margin-bottom:.5rem; }
.isp-law-text { font-size:.8rem;color:#555;line-height:1.7;margin-bottom:.75rem; }
.isp-law-link { font-size:.75rem;font-weight:700;color:#c9a84c;text-decoration:none; }
.isp-law-link:hover { text-decoration: underline; }

/* Bundesland-Cards */
.isp-states {
  display: grid; grid-template-columns: repeat(2,1fr); gap: 1.25rem;
}
.isp-state-card {
  background: #fff; border: 1px solid #e0d9ce;
  scroll-margin-top: 5rem;
}
.isp-state-header {
  display: flex; align-items: flex-start; gap: .85rem;
  background: #faf7f0; border-bottom: 1px solid #e0d9ce;
  padding: .85rem 1rem;
}
.isp-state-abbr {
  width: 38px; height: 38px; flex-shrink: 0;
  background: #c9a84c; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: .75rem; font-weight: 900; letter-spacing: .05em;
}
.isp-state-meta { flex: 1; min-width: 0; }
.isp-state-name { font-size: .9rem; font-weight: 700; color: #151515; margin-bottom: .15rem; }
.isp-state-law  { font-size: .7rem; }
.isp-law-link-inline { color: #b8922e; text-decoration: none; font-weight: 600; }
.isp-law-link-inline:hover { text-decoration: underline; }
.isp-state-lpa  { flex-shrink: 0; text-align: right; }
.isp-lpa-link   { font-size: .65rem; color: #999; text-decoration: none; line-height: 1.4; display: block; max-width: 120px; text-align: right; }
.isp-lpa-link:hover { color: #c9a84c; }

.isp-state-hint {
  display: flex; gap: .5rem; align-items: flex-start;
  font-size: .77rem; color: #666; line-height: 1.6;
  background: rgba(201,168,76,.05);
  border-bottom: 1px solid #f0ece4;
  padding: .65rem 1rem;
}

.isp-pflicht-list {
  list-style: none; margin: 0; padding: .85rem 1rem;
  display: flex; flex-direction: column; gap: .45rem;
}
.isp-pflicht-list li {
  display: flex; align-items: flex-start; gap: .5rem;
  font-size: .8rem; color: #444; line-height: 1.55;
}

/* Muster-Impressum */
.isp-muster {
  background: #fff; border: 1px solid #e0d9ce;
  border-left: 4px solid #c9a84c;
  margin: 1rem 0 .75rem;
}
.isp-muster-label {
  font-size: .62rem; font-weight: 900; letter-spacing: .14em;
  text-transform: uppercase; color: #c9a84c;
  background: #faf7f0; border-bottom: 1px solid #e0d9ce;
  padding: .5rem 1.25rem;
}
.isp-muster-text {
  padding: 1.25rem;
  font-size: .82rem; color: #333; line-height: 1.8;
  font-family: Georgia, serif;
}
.isp-muster-text p { margin: 0 0 .75rem; }
.isp-muster-text p:last-child { margin-bottom: 0; }
.isp-muster-note {
  font-size: .78rem; color: #777; margin-top: .75rem;
}
.isp-cta-link { color: #b8922e; font-weight: 700; text-decoration: none; }
.isp-cta-link:hover { text-decoration: underline; }

/* CTA-Box */
.isp-cta-box {
  display: flex; align-items: center; gap: 3rem;
  background: #151515; border: 1px solid rgba(201,168,76,.25);
  border-left: 4px solid #c9a84c;
  padding: 2rem 2.5rem;
  margin-top: 2rem;
}
.isp-cta-text h3 { font-size:1.05rem;font-weight:800;color:#fff;margin:0 0 .4rem; }
.isp-cta-text p  { font-size:.83rem;color:rgba(255,255,255,.5);line-height:1.7;margin:0; }
.isp-cta-actions { display:flex;gap:.75rem;flex-shrink:0; }

/* Responsive */
@media (max-width: 900px) {
  .isp-intro-grid { grid-template-columns: 1fr; }
  .isp-nav-card   { position: static; }
  .isp-law-cards  { grid-template-columns: 1fr; }
  .isp-states     { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .isp-state-header { flex-wrap: wrap; }
  .isp-state-lpa    { text-align: left; }
  .isp-cta-box      { flex-direction: column; gap: 1.25rem; }
  .isp-cta-actions  { flex-wrap: wrap; }
  .isp-nav-grid     { grid-template-columns: repeat(4,1fr); }
}

/* ══════════════════════════════════════════════════════
   SELFPUBLISHER LANDING PAGE – yt-* Basis-Klassen
   Design-System: Editorial Dark · Gold-Akzente
   ══════════════════════════════════════════════════════ */

/* ── Hero ──────────────────────────────────────────── */
.yt-hero {
  position: relative;
  min-height: 680px;
  display: grid;
  grid-template-columns: 1fr 420px;
  align-items: center;
  gap: 3rem;
  overflow: hidden;
  padding: 0 6vw;
}
.yt-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.yt-hero-bg svg { width:100%;height:100%;display:block; }
.yt-hero-inner {
  position: relative;
  z-index: 1;
  padding: 7rem 0 5rem;
}
.yt-hero-visual {
  position: relative;
  z-index: 1;
  padding: 7rem 0 5rem;
}
.yt-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #c9a84c;
  margin-bottom: 1.25rem;
}
.yt-play-dot {
  width: 8px; height: 8px;
  background: #ff3d3d;
  border-radius: 50%;
  animation: yt-pulse 2s ease-in-out infinite;
}
@keyframes yt-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50%       { transform: scale(1.4); opacity: .6; }
}
.yt-hero-title {
  font-size: clamp(2rem, 4.5vw, 3.4rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.12;
  letter-spacing: -.025em;
  margin: 0 0 1.25rem;
}
.yt-hero-title em { font-style: normal; color: #fff; }
.yt-hero-sub {
  font-size: .97rem;
  color: rgba(255,255,255,.5);
  font-weight: 300;
  line-height: 1.8;
  max-width: 520px;
  margin: 0 0 2rem;
}
.yt-hero-actions {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.yt-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.yt-trust-item {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .73rem;
  color: rgba(255,255,255,.38);
  font-weight: 400;
}
.yt-trust-item svg { width:12px;height:12px;flex-shrink:0;color:rgba(201,168,76,.7); }

/* Kanal-Mockup */
.yt-channel-card {
  background: rgba(20,18,14,.95);
  border: 1px solid rgba(201,168,76,.2);
  padding: 1.5rem;
  box-shadow: 0 30px 90px rgba(0,0,0,.6);
  max-width: 360px;
}
.yt-channel-header {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: 1.25rem;
}
.yt-channel-avatar {
  width: 44px; height: 44px;
  background: #c9a84c;
  color: #151515;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 1rem;
  flex-shrink: 0;
}
.yt-channel-name { font-weight: 700; font-size: .9rem; color: #fff; }
.yt-channel-subs { font-size: .72rem; color: rgba(255,255,255,.4); margin-top: .1rem; }
.yt-verified {
  margin-left: auto;
  background: rgba(39,174,96,.15);
  color: #27ae60;
  font-size: .65rem;
  font-weight: 700;
  padding: .2rem .5rem;
  letter-spacing: .06em;
}
.yt-channel-section {
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: rgba(201,168,76,.6);
  margin-bottom: .75rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.yt-addr-line { font-size: .82rem; color: rgba(255,255,255,.65); line-height: 1.7; }
.yt-addr-name { font-weight: 700; color: rgba(255,255,255,.85); }
.yt-addr-shield {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-top: .75rem;
  font-size: .65rem;
  font-weight: 700;
  color: #27ae60;
  background: rgba(39,174,96,.1);
  padding: .25rem .6rem;
}
.yt-addr-shield svg { width:11px;height:11px;flex-shrink:0; }

/* ── Rechtslage ─────────────────────────────────────── */
.yt-law-section { background: #111; }
.yt-law-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 4rem;
  align-items: start;
}
.yt-law-section .section-title { color: #fff; }
.yt-law-section .section-lead  { color: rgba(255,255,255,.45); }
.yt-law-section .eyebrow::before { background: #c9a84c; }
.yt-law-list {
  list-style: none;
  margin-top: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.yt-law-list li {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.yt-law-list li strong { display:block; color:#fff; font-size:.9rem; margin-bottom:.25rem; }
.yt-law-list li p { font-size:.82rem; color:rgba(255,255,255,.42); line-height:1.65; margin:0; }
.yt-law-icon {
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: .75rem;
  flex-shrink: 0;
  margin-top: .1rem;
}
.yt-law-icon--red  { background: rgba(231,76,60,.15); color: #e74c3c; }
.yt-law-icon--gold { background: rgba(201,168,76,.15); color: #c9a84c; }
.yt-alert {
  background: rgba(231,76,60,.06);
  border: 1px solid rgba(231,76,60,.2);
  border-top: 3px solid #e74c3c;
  padding: 1.75rem;
}
.yt-alert-head {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-weight: 900;
  font-size: 1rem;
  color: #fff;
  margin-bottom: 1.25rem;
}
.yt-alert-icon {
  width: 32px; height: 32px;
  background: rgba(231,76,60,.2);
  color: #e74c3c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 1rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.yt-alert-list {
  list-style: none;
  margin: 0 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .65rem;
}
.yt-alert-list li {
  font-size: .83rem;
  color: rgba(255,255,255,.55);
  padding-left: 1.1rem;
  position: relative;
}
.yt-alert-list li::before {
  content: '×';
  position: absolute;
  left: 0;
  color: #e74c3c;
  font-weight: 700;
}
.yt-alert-list li strong { color: rgba(255,255,255,.85); }

/* ── Wie es funktioniert ────────────────────────────── */
.yt-steps {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 3rem;
}
.yt-step {
  flex: 1;
  background: #fff;
  border: 1px solid #e8e0d4;
  padding: 2rem 1.75rem;
  position: relative;
}
.yt-step-num {
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(201,168,76,.2);
  line-height: 1;
  margin-bottom: .75rem;
  letter-spacing: -.04em;
}
.yt-step-body h3 { font-size: 1rem; font-weight: 700; color: #151515; margin: 0 0 .5rem; }
.yt-step-body p  { font-size: .83rem; color: #777; line-height: 1.7; margin: 0; }
.yt-step-icon {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  color: rgba(201,168,76,.3);
}
.yt-step-icon svg { width: 36px; height: 36px; }
.yt-step-arrow {
  font-size: 1.5rem;
  color: rgba(201,168,76,.4);
  flex-shrink: 0;
}

/* ── Features ───────────────────────────────────────── */
.yt-features-section { background: #111; }
.yt-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 3rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.06);
}
.yt-feature-card {
  background: #111;
  padding: 2.25rem 2rem;
  transition: background .2s;
}
.yt-feature-card:hover { background: rgba(201,168,76,.04); }
.yt-feature-icon {
  color: #c9a84c;
  margin-bottom: 1rem;
}
.yt-feature-icon svg { width: 32px; height: 32px; }
.yt-feature-card h3 { font-size: .95rem; font-weight: 700; color: #fff; margin: 0 0 .65rem; }
.yt-feature-card p  { font-size: .82rem; color: rgba(255,255,255,.42); line-height: 1.75; margin: 0; }

/* ── Testimonials ───────────────────────────────────── */
.yt-quotes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  margin-top: 3rem;
}
.yt-quote-card {
  background: #fff;
  border: 1px solid #e8e0d4;
  padding: 1.75rem;
}
.yt-quote-head {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: 1rem;
}
.yt-quote-avatar {
  width: 42px; height: 42px;
  background: #151515;
  color: #c9a84c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 1rem;
  flex-shrink: 0;
}
.yt-quote-name {
  font-weight: 700;
  font-size: .88rem;
  color: #151515;
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.yt-quote-handle { font-weight: 400; color: #c9a84c; font-size: .78rem; }
.yt-quote-meta   { font-size: .72rem; color: #999; margin-top: .15rem; }
.yt-quote-text   { font-size: .85rem; color: #555; line-height: 1.75; margin: 0 0 .75rem; font-style: italic; }
.yt-quote-stars  { color: #c9a84c; font-size: .82rem; letter-spacing: .05em; }

/* ── Preise ─────────────────────────────────────────── */
.yt-pricing-section { background: #0a0a0a; }
.yt-pricing-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 3rem;
  background: rgba(255,255,255,.06);
}
.yt-plan-card {
  background: #111;
  padding: 2.5rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.yt-plan-featured {
  background: rgba(201,168,76,.06);
  border: 1px solid rgba(201,168,76,.25);
}
.yt-plan-badge {
  position: absolute;
  top: -1px;
  right: 1.5rem;
  background: #c9a84c;
  color: #151515;
  font-size: .62rem;
  font-weight: 900;
  padding: .18rem .6rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.yt-plan-name  { font-size: .68rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: .75rem; }
.yt-plan-price { font-size: 2.6rem; font-weight: 900; color: #fff; line-height: 1; margin-bottom: .2rem; }
.yt-plan-price span { font-size: .9rem; font-weight: 300; color: rgba(255,255,255,.35); }
.yt-plan-month { font-size: .72rem; color: rgba(255,255,255,.3); margin-bottom: 1.5rem; }
.yt-plan-perks { list-style: none; margin: 0 0 2rem; flex: 1; display: flex; flex-direction: column; gap: .55rem; }
.yt-plan-perks li {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .82rem;
  color: rgba(255,255,255,.55);
}
.yt-plan-perks svg { width:12px;height:12px;flex-shrink:0; }
.yt-pricing-note {
  text-align: center;
  margin-top: 1.75rem;
  font-size: .75rem;
  color: rgba(255,255,255,.25);
}

/* ── FAQ ────────────────────────────────────────────── */
.yt-faq-section { background: #faf8f4; }
.yt-faq-section .faq-item {
  background: #fff;
  border: 1.5px solid #e0d9ce;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.yt-faq-section .faq-item summary {
  color: #151515;
  font-size: .92rem;
}
.yt-faq-section .faq-item summary::after { color: #c9a84c; }
.yt-faq-section .faq-item[open] {
  border-color: #c9a84c;
  box-shadow: 0 2px 12px rgba(201,168,76,.1);
}
.yt-faq-section .faq-item[open] summary { color: #c9a84c; }
.yt-faq-section .faq-item p {
  color: #555;
  border-top: 1px solid #f0ece4;
  padding-top: 1rem;
}

/* ── Final CTA ──────────────────────────────────────── */
.yt-final-cta {
  position: relative;
  overflow: hidden;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yt-cta-bg { position:absolute;inset:0;z-index:0; }
.yt-cta-bg svg { width:100%;height:100%;display:block; }
.yt-cta-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 3rem;
  padding: 5rem 6vw;
  max-width: 1080px;
  width: 100%;
}
.yt-play-big { flex-shrink: 0; }
.yt-play-big svg { width: 80px; height: 80px; }
.yt-cta-title {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.2;
  margin: 0 0 1rem;
  letter-spacing: -.02em;
}
.yt-cta-sub {
  font-size: .92rem;
  color: rgba(255,255,255,.45);
  line-height: 1.75;
  margin: 0 0 1.75rem;
  font-weight: 300;
  max-width: 580px;
}
.yt-cta-actions { display:flex; gap:.75rem; flex-wrap:wrap; margin-bottom:1rem; }
.yt-cta-fine {
  font-size: .72rem;
  color: rgba(255,255,255,.25);
  margin: 0;
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 1024px) {
  .yt-hero { grid-template-columns: 1fr; padding: 0 2rem; }
  .yt-hero-visual { display:none; }
  .yt-law-grid  { grid-template-columns: 1fr; }
  .yt-features  { grid-template-columns: repeat(2,1fr); }
  .yt-pricing-row { grid-template-columns: 1fr; gap: 1rem; background: none; }
  .yt-plan-card { border: 1px solid rgba(255,255,255,.08); }
}
@media (max-width: 760px) {
  .yt-steps { flex-direction:column; }
  .yt-step-arrow { transform:rotate(90deg); }
  .yt-quotes  { grid-template-columns: 1fr; }
  .yt-features { grid-template-columns: 1fr; }
  .yt-cta-inner { flex-direction:column; text-align:center; padding:4rem 1.5rem; }
  .yt-play-big  { display:none; }
  .yt-cta-actions { justify-content:center; }
  .yt-hero { padding:0 1.25rem; }
  .yt-hero-inner { padding:5rem 0 3.5rem; }
}

/* ── Selfpublisher-Ergänzungen ─────────────────────── */
.yt-feature-text  { font-size:.84rem; color:var(--muted); line-height:1.75; margin:0; }
.yt-feature-title { font-size:.95rem; font-weight:700; color:var(--white); margin:0 0 .5rem; }
.yt-law-bg   { position:absolute; inset:0; z-index:0; }
.yt-law-bg svg { width:100%; height:100%; display:block; }
.yt-law-text { position:relative; z-index:1; }
.yt-cta-text { flex:1; }
.yt-quote-detail { font-size:.75rem; color:var(--muted); margin-top:.15rem; }
.yt-plan-hint { font-size:.72rem; color:rgba(255,255,255,.35); margin-bottom:1rem; font-style:italic; }
.yt-how-section { padding:5rem 0; }


/* ══════════════════════════════════════════════════════
   SELFPUBLISHER LANDING PAGE
   Design-System: identisch youtuber.php (Gold/Dark/Cream)
   Eigene Klassen: sp-* für Selfpublisher-Spezifisches
   ══════════════════════════════════════════════════════ */

/* ── Hero Buch-Tag ─────────────────────────────────── */
.sp-book-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px; height: 22px;
  background: rgba(201,168,76,.12);
  border: 1px solid rgba(201,168,76,.3);
}

/* ── Buch-Mockup ───────────────────────────────────── */
.sp-book-visual { position: relative; padding: 5rem 0; }
.sp-book-stack  {
  position: relative;
  width: 240px;
  height: 320px;
  margin: 0 auto;
}
.sp-book {
  position: absolute;
  display: flex;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,.6));
}
.sp-book-spine {
  width: 18px;
  border-radius: 2px 0 0 2px;
  flex-shrink: 0;
}
.sp-book-cover {
  border-radius: 0 2px 2px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1rem;
}

/* Buch 3 – hinten */
.sp-book--3 { bottom: 0; left: 0; transform: rotate(-6deg) translateX(-8px); }
.sp-book--3 .sp-book-spine  { width: 16px; background: #3d2b10; height: 240px; }
.sp-book--3 .sp-book-cover  { width: 155px; height: 240px; background: #2c1f0e; }
.sp-cover--3 { background: linear-gradient(145deg, #2c1f0e 0%, #1a1208 100%); }
.sp-cover-lines {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(
    0deg, transparent, transparent 14px, rgba(201,168,76,.05) 14px, rgba(201,168,76,.05) 15px
  );
}

/* Buch 2 – mitte */
.sp-book--2 { bottom: 0; left: 22px; transform: rotate(-2deg); }
.sp-book--2 .sp-book-spine  { width: 16px; background: #1e3a2e; height: 260px; }
.sp-book--2 .sp-book-cover  { width: 165px; height: 260px; }
.sp-cover--2 { background: linear-gradient(145deg, #1e3a2e 0%, #122218 100%); }
.sp-cover--2 .sp-cover-title { color: rgba(255,255,255,.6); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-top: auto; }

/* Buch 1 – vorne */
.sp-book--1 { bottom: 0; left: 48px; }
.sp-book--1 .sp-book-spine  { width: 20px; background: #8b5e1a; height: 290px; }
.sp-book--1 .sp-book-cover  { width: 175px; height: 290px; }
.sp-cover--1 { background: linear-gradient(145deg, #1a1208 0%, #0f0b05 100%); border: 1px solid rgba(201,168,76,.2); }
.sp-cover-badge {
  display: inline-block;
  font-size: .5rem; font-weight: 900; letter-spacing: .15em;
  background: #c9a84c; color: #0a0807;
  padding: .15rem .45rem;
  margin-bottom: .75rem;
  align-self: flex-start;
}
.sp-cover-title {
  font-size: 1.1rem; font-weight: 900; color: #fff;
  letter-spacing: -.02em; line-height: 1.2;
  font-family: Georgia, serif;
  margin-bottom: .35rem;
}
.sp-cover-author {
  font-size: .65rem; color: rgba(201,168,76,.7);
  letter-spacing: .08em; text-transform: uppercase;
  margin-bottom: auto;
}
.sp-cover-bar {
  height: 2px; background: #c9a84c; margin: 1rem 0 .75rem;
  opacity: .4;
}
.sp-impressum-chip {
  display: flex; align-items: center; gap: 4px;
  font-size: .52rem; color: rgba(201,168,76,.65);
  background: rgba(201,168,76,.06);
  border-left: 2px solid rgba(201,168,76,.3);
  padding: 3px 6px;
  line-height: 1.3;
}

/* ── Rechtslage ────────────────────────────────────── */
.sp-law-section { position: relative; overflow: hidden; }
.yt-law-bg { position: absolute; inset: 0; z-index: 0; }
.yt-law-bg svg { width: 100%; height: 100%; display: block; }
.yt-law-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 4rem;
  align-items: start;
  padding: 5rem 0;
}
.sp-trigger-list {
  list-style: none;
  margin: 1.5rem 0 0;
  display: flex; flex-direction: column; gap: .5rem;
}
.sp-trigger {
  display: flex; align-items: center; gap: .75rem;
  font-size: .84rem; padding: .55rem .9rem;
}
.sp-trigger--req { background: rgba(201,168,76,.05); border-left: 2.5px solid rgba(201,168,76,.3); color: rgba(255,255,255,.6); }
.sp-trigger--ok  { background: rgba(39,174,96,.07);  border-left: 2.5px solid #27ae60; color: rgba(255,255,255,.75); font-weight: 600; }

.sp-law-card {
  background: rgba(201,168,76,.06);
  border: 1px solid rgba(201,168,76,.2);
  padding: 0;
  overflow: hidden;
}
.sp-law-card-head {
  background: rgba(201,168,76,.1);
  border-bottom: 1px solid rgba(201,168,76,.2);
  padding: 1rem 1.25rem;
  display: flex; align-items: center; gap: .65rem;
}
.sp-law-icon {
  width: 28px; height: 28px;
  background: rgba(201,168,76,.2);
  color: #c9a84c;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .85rem; font-weight: 900; flex-shrink: 0;
}
.sp-law-card-head strong { color: #fff; font-size: .88rem; }
.sp-law-risks {
  list-style: none;
  margin: 0; padding: 1.1rem 1.25rem;
  display: flex; flex-direction: column; gap: .6rem;
}
.sp-law-risks li {
  font-size: .82rem; color: rgba(255,255,255,.5);
  padding-left: 1.1rem; position: relative; line-height: 1.5;
}
.sp-law-risks li::before { content: '×'; position: absolute; left: 0; color: #e74c3c; font-weight: 700; }
.sp-law-risks strong { color: rgba(255,255,255,.85); }

/* ── CTA Buch-Icon ─────────────────────────────────── */
.sp-cta-book { flex-shrink: 0; }
.sp-cta-book svg { width: 90px; height: 120px; filter: drop-shadow(0 0 30px rgba(201,168,76,.2)); }

/* ── FAQ ───────────────────────────────────────────── */
.sp-faq-section {}
.sp-faq-section .faq-item {
  background: #fff;
  border: 1.5px solid #e0d9ce;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.sp-faq-section .faq-item summary { color: #151515; font-size: .92rem; }
.sp-faq-section .faq-item summary::after { color: #c9a84c; }
.sp-faq-section .faq-item[open] { border-color: #c9a84c; box-shadow: 0 2px 12px rgba(201,168,76,.1); }
.sp-faq-section .faq-item[open] summary { color: #c9a84c; }
.sp-faq-section .faq-item p { color: #555; border-top: 1px solid #f0ece4; padding-top: 1rem; }

/* ── Plan-Hint ─────────────────────────────────────── */
/* ── Responsive ────────────────────────────────────── */
@media (max-width: 1024px) {
  .sp-hero .yt-hero-visual { display: none; }
  .yt-law-grid  { grid-template-columns: 1fr; padding: 3rem 0; }
  .yt-features  { grid-template-columns: repeat(2,1fr); }
  .yt-pricing-row { grid-template-columns: 1fr; gap: 1rem; background: none; }
  .yt-plan-card { border: 1px solid rgba(255,255,255,.08); }
}
@media (max-width: 760px) {
  .yt-steps { flex-direction: column; }
  .yt-step-arrow { transform: rotate(90deg); }
  .yt-quotes  { grid-template-columns: 1fr; }
  .yt-features { grid-template-columns: 1fr; }
  .yt-cta-inner { flex-direction: column; text-align: center; padding: 4rem 1.5rem; }
  .sp-cta-book  { display: none; }
  .yt-cta-actions { justify-content: center; }
}

/* ── Fehlende yt-* Klassen (selfpublisher-spezifisch) ─ */
.sp-hero { min-height:640px; }

.yt-float-stat {
  position: absolute;
  background: rgba(10,8,7,.9);
  border: 1px solid rgba(255,255,255,.1);
  padding: .5rem .9rem;
  text-align: center;
  backdrop-filter: blur(4px);
}
.yt-float-num {
  font-size: 1rem; font-weight: 900; color: var(--white);
  line-height: 1.2;
}
.yt-float-num.gold { color: var(--gold); }
.yt-float-lbl {
  font-size: .58rem; color: rgba(255,255,255,.4);
  letter-spacing: .06em; text-transform: uppercase;
  margin-top: .1rem;
}

.yt-quote-author {
  display: flex; align-items: center; gap: .85rem;
  margin-top: 1rem;
}
.yt-step-title {
  font-size: .95rem; font-weight: 700;
  color: var(--ink); margin: 0 0 .4rem;
}
.yt-step-text {
  font-size: .82rem; color: #666;
  line-height: 1.7; margin: 0;
}
.yt-voices-section { padding: 5rem 0; }


/* ── buchimpressum-faq.php ───────────────────────────────────────── */

/* Intro */
.bfaq-intro-grid {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 2.5rem;
  margin-bottom: 3rem;
  align-items: start;
}
.bfaq-intro-prose .prose h2 { color: var(--ink); }
.bfaq-intro-prose p { font-size: .87rem; color: #555; line-height: 1.8; margin: 0 0 .85rem; }
.bfaq-intro-prose code { background: #f0ece4; padding: .1em .35em; font-size: .82em; color: #b8922e; }

/* Stat-Row */
.bfaq-stat-row {
  display: flex; gap: 1.25rem; flex-wrap: wrap;
  margin-top: 1.25rem;
}
.bfaq-stat {
  background: #fff; border: 1px solid #e0d9ce;
  border-top: 2px solid #c9a84c;
  padding: .65rem 1rem;
  text-align: center;
}
.bfaq-stat span {
  display: block; font-size: 1.5rem; font-weight: 900;
  color: #c9a84c; line-height: 1.1;
}
.bfaq-stat { font-size: .68rem; color: #888; letter-spacing: .06em; text-transform: uppercase; }

/* Quicknav */
.bfaq-nav-card {
  background: #fff; border: 1px solid #e0d9ce;
  border-top: 3px solid #c9a84c;
  padding: 1.1rem;
  position: sticky; top: 1.5rem;
}
.bfaq-nav-title {
  font-size: .62rem; font-weight: 900; letter-spacing: .14em;
  text-transform: uppercase; color: #c9a84c; margin-bottom: .75rem;
}
.bfaq-nav-item {
  display: flex; align-items: center; gap: .6rem;
  font-size: .78rem; color: #444; text-decoration: none;
  padding: .35rem .25rem; border-bottom: 1px solid #f0ece4;
  transition: color .15s;
}
.bfaq-nav-item:hover { color: #b8922e; }
.bfaq-nav-item[hidden] { display: none; }
.bfaq-nav-item:last-of-type { border-bottom: none; }
.bfaq-nav-count {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; flex-shrink: 0;
  background: #faf7f0; border: 1px solid #e0d9ce;
  font-size: .62rem; font-weight: 700; color: #c9a84c;
}
.bfaq-nav-cta { margin-top: .85rem; }

/* FAQ-Gruppen */
.bfaq-group { margin-bottom: 2.5rem; scroll-margin-top: 4rem; }
.bfaq-group-title {
  display: flex; align-items: center; gap: .75rem;
  font-size: 1.15rem; font-weight: 800; color: var(--ink);
  margin: 0 0 1rem; padding-bottom: .5rem;
  border-bottom: 2px solid rgba(201,168,76,.3);
}
.bfaq-group-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; flex-shrink: 0;
  background: #c9a84c; color: #fff;
  font-size: .75rem; font-weight: 900;
}
.bfaq-group-count {
  margin-left: auto; font-size: .68rem; font-weight: 400;
  color: #aaa; letter-spacing: .06em;
}
.bfaq-questions { display: flex; flex-direction: column; gap: .5rem; }

/* FAQ-Items */
.bfaq-item {
  background: #fff;
  border: 1px solid #e0d9ce;
}
.bfaq-item summary {
  display: flex; align-items: flex-start; gap: .75rem;
  padding: .95rem 1.1rem;
  cursor: pointer;
  font-size: .88rem; font-weight: 600; color: #151515;
  line-height: 1.5;
  list-style: none;
  transition: background .15s;
}
.bfaq-item summary::-webkit-details-marker { display: none; }
.bfaq-item summary:hover { background: #faf7f0; }
.bfaq-item[open] summary {
  background: #faf7f0;
  border-bottom: 1px solid #e0d9ce;
  color: #b8922e;
}
.bfaq-item[open] .bfaq-q-icon { background: #c9a84c; }
.bfaq-item summary::after {
  content: '+'; margin-left: auto; flex-shrink: 0;
  font-size: 1.1rem; font-weight: 300; color: #c9a84c;
  line-height: 1;
}
.bfaq-item[open] summary::after { content: '−'; }

.bfaq-q-icon, .bfaq-a-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; flex-shrink: 0;
  font-size: .62rem; font-weight: 900; letter-spacing: .04em;
  transition: background .15s;
}
.bfaq-q-icon { background: #e8e0d0; color: #888; }
.bfaq-a-icon { background: #27ae60; color: #fff; margin-top: 1px; }

.bfaq-answer {
  padding: 1rem 1.1rem 1.1rem;
  display: flex; gap: .75rem; align-items: flex-start;
}
.bfaq-answer > div {
  font-size: .84rem; color: #444; line-height: 1.8; flex: 1;
}
.bfaq-q-text { flex: 1; min-width: 0; }

/* Treffer-Markierung */
mark.bfaq-hit {
  background: rgba(201,168,76,.3); color: inherit;
  padding: 0 .08em; font-weight: inherit;
}

/* Volltextsuche */
.bfaq-searchbar {
  position: sticky; top: 62px; z-index: 900;
  background: #fff; border: 1px solid #e0d9ce; border-top: 3px solid #c9a84c;
  padding: 1.1rem 1.25rem .85rem; margin: 2rem 0 2.5rem;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}
.bfaq-searchbar.is-active {
  border-color: #c9a84c;
  box-shadow: 0 4px 18px rgba(201,168,76,.14);
}
.bfaq-search-label {
  display: block; font-size: .62rem; font-weight: 900;
  letter-spacing: .14em; text-transform: uppercase;
  color: #b8922e; margin-bottom: .55rem;
}
.bfaq-search-field { position: relative; display: flex; align-items: center; }
.bfaq-search-icon {
  position: absolute; left: .85rem; top: 50%; transform: translateY(-50%);
  font-size: 1.2rem; line-height: 1; color: #aaa; pointer-events: none;
}
.bfaq-search-input {
  width: 100%; font-family: inherit; font-size: .92rem; color: #151515;
  padding: .78rem 2.6rem .78rem 2.45rem;
  background: #faf8f4; border: 1px solid #e0d9ce; border-radius: 0;
  -webkit-appearance: none; appearance: none;
}
.bfaq-search-input::placeholder { color: #aaa; }
.bfaq-search-input:focus {
  outline: none; background: #fff; border-color: #c9a84c;
  box-shadow: 0 0 0 3px rgba(201,168,76,.18);
}
.bfaq-search-input::-webkit-search-cancel-button { -webkit-appearance: none; }
.bfaq-search-clear {
  position: absolute; right: .55rem; top: 50%; transform: translateY(-50%);
  width: 26px; height: 26px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: #e8e0d0; border: none; color: #555;
  font-size: 1.05rem; line-height: 1; cursor: pointer;
}
.bfaq-search-clear[hidden] { display: none; }
.bfaq-search-clear:hover { background: #c9a84c; color: #fff; }
.bfaq-search-meta {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: .5rem 1rem; margin-top: .7rem; min-height: 1.3rem;
  font-size: .72rem; color: #888;
}
.bfaq-search-meta b { color: #151515; }
.bfaq-search-chips { display: flex; flex-wrap: wrap; gap: .35rem; }
.bfaq-search-chips[hidden] { display: none; }
.bfaq-search-chip {
  font-family: inherit; font-size: .68rem; font-weight: 600;
  padding: .26rem .6rem; cursor: pointer;
  background: #f0ece4; border: 1px solid #e0d9ce; color: #555;
}
.bfaq-search-chip:hover { background: #c9a84c; border-color: #c9a84c; color: #fff; }

/* Vorschläge */
.bfaq-suggest {
  position: absolute; top: calc(100% + .35rem); left: 0; right: 0; z-index: 60;
  background: #fff; border: 1px solid #c9a84c;
  box-shadow: 0 12px 34px rgba(0,0,0,0.16);
  max-height: 62vh; overflow-y: auto; text-align: left;
}
.bfaq-suggest[hidden] { display: none; }
.bfaq-suggest-item {
  padding: .6rem .85rem; border-bottom: 1px solid #f0ece4; cursor: pointer;
}
.bfaq-suggest-item:hover,
.bfaq-suggest-item.is-active { background: #faf7f0; }
.bfaq-suggest-head { display: flex; align-items: center; gap: .5rem; }
.bfaq-suggest-group {
  flex-shrink: 0; font-size: .56rem; font-weight: 900; letter-spacing: .08em;
  text-transform: uppercase; color: #b8922e; background: rgba(201,168,76,.15);
  padding: .18rem .4rem; white-space: nowrap;
}
.bfaq-suggest-q { font-size: .8rem; font-weight: 600; color: #151515; line-height: 1.4; }
.bfaq-suggest-text { font-size: .7rem; color: #888; line-height: 1.5; margin-top: .2rem; }
.bfaq-suggest-foot {
  padding: .45rem .85rem; font-size: .62rem; letter-spacing: .04em;
  color: #aaa; background: #faf8f4;
}

/* Keine Treffer */
.bfaq-noresults {
  margin: 2.5rem 0; padding: 2.25rem 1.5rem; text-align: center;
  background: #fff; border: 1px dashed #c9a84c;
}
.bfaq-noresults[hidden] { display: none; }
.bfaq-noresults-icon { font-size: 2rem; line-height: 1; color: #c9a84c; }
.bfaq-noresults-title { font-size: 1.05rem; font-weight: 800; color: #151515; margin: .6rem 0 .4rem; }
.bfaq-noresults-text { font-size: .82rem; color: #666; line-height: 1.7; max-width: 520px; margin: 0 auto 1.15rem; }
.bfaq-noresults-text a { color: #b8922e; }

/* Gesetze */
.bfaq-laws-section { margin: 2.5rem 0; }
.bfaq-laws-title {
  font-size: 1.15rem; font-weight: 800; color: var(--ink);
  margin: 0 0 1.25rem; padding-bottom: .5rem;
  border-bottom: 2px solid rgba(201,168,76,.3);
}
.bfaq-laws-grid {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem;
}
.bfaq-law-card {
  background: #fff; border: 1px solid #e0d9ce;
  border-top: 3px solid #c9a84c; padding: 1rem;
}
.bfaq-law-ref  { font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.3rem; }
.bfaq-law-name { font-size:.82rem;font-weight:700;color:#151515;margin-bottom:.4rem; }
.bfaq-law-text { font-size:.76rem;color:#666;line-height:1.65;margin-bottom:.65rem; }
.bfaq-law-link { font-size:.72rem;font-weight:700;color:#b8922e;text-decoration:none; }
.bfaq-law-link:hover { text-decoration: underline; }

/* Weiterlesen */
.bfaq-related-grid {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem;
  margin-top: 1.25rem;
}
.bfaq-related-card {
  background: #fff; border: 1px solid #e0d9ce;
  padding: 1.25rem 1rem; text-decoration: none;
  transition: border-color .15s, box-shadow .15s;
  display: block;
}
.bfaq-related-card:hover { border-color: #c9a84c; box-shadow: 0 2px 12px rgba(201,168,76,.1); }
.bfaq-related-icon { font-size: 1.5rem; margin-bottom: .5rem; }
.bfaq-related-label { font-size: .85rem; font-weight: 700; color: #151515; margin-bottom: .25rem; }
.bfaq-related-text  { font-size: .75rem; color: #888; }

/* Responsive */
@media (max-width: 1000px) {
  .bfaq-laws-grid     { grid-template-columns: repeat(2,1fr); }
  .bfaq-related-grid  { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 780px) {
  .bfaq-intro-grid    { grid-template-columns: 1fr; }
  .bfaq-nav-card      { position: static; }
  .bfaq-laws-grid     { grid-template-columns: 1fr; }
  .bfaq-related-grid  { grid-template-columns: repeat(2,1fr); }
  .bfaq-stat-row      { gap: .75rem; }
  .bfaq-searchbar     { padding: .9rem 1rem .75rem; margin: 1.5rem 0 2rem; }
  .bfaq-search-input  { font-size: .88rem; padding: .7rem 2.4rem .7rem 2.3rem; }
  .bfaq-suggest       { max-height: 50vh; }
}
@media (max-width: 480px) {
  .bfaq-related-grid  { grid-template-columns: 1fr; }
  .bfaq-item summary  { font-size: .83rem; }
}

/* ── Cookie-Banner ──────────────────────────────────────── */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--ink);
  border-top: 1px solid var(--border-dark);
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: cookie-slide-up .4s ease;
}
.cookie-banner.hidden { display: none; }
@keyframes cookie-slide-up {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.cookie-inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  max-width: 1100px;
  width: 100%;
}
.cookie-text {
  flex: 1;
  font-size: .82rem;
  color: rgba(255,255,255,.7);
  line-height: 1.6;
}
.cookie-text strong {
  color: var(--gold);
  font-size: .85rem;
}
.cookie-text a {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie-text a:hover { color: var(--gold-light); }
.cookie-btn {
  flex-shrink: 0;
  padding: .6rem 1.6rem;
  background: var(--gold);
  color: var(--ink);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: background .18s;
}
.cookie-btn:hover { background: var(--gold-light); }
@media (max-width: 640px) {
  .cookie-banner { padding: .8rem 1rem; }
  .cookie-inner  { flex-direction: column; gap: .8rem; text-align: center; }
  .cookie-btn    { width: 100%; }
}


/* ── 5-minuten-impressum-buch.php ────────────────────────────────── */
/* 5-Minuten Impressum Buch – Palette #1e3a5f / #0f141c / #c9a84c */
.im5-hero {
  position:relative;
  min-height:620px;
  display:grid;
  grid-template-columns:1fr 360px;
  align-items:center;
  gap:3rem;
  padding:0 6vw;
  overflow:hidden;
  background:#0f141c
}
.im5-hero-bg {
  position:absolute;
  inset:0;
  pointer-events:none
}
.im5-hero-inner {
  position:relative;
  z-index:1;
  padding:5.5rem 0 3rem;
  min-width:0
}
.im5-hero-tag {
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
  display:flex;
  gap:.5rem;
  align-items:center;
  margin-bottom:1rem
}
.im5-dot {
  width:7px;
  height:7px;
  background:var(--gold);
  border-radius:50%;
  box-shadow:0 0 8px var(--gold);
  animation:im5dot 1.6s infinite
}
@keyframes im5dot {
  0%,100% {
    opacity:1
  }
  50% {
    opacity:.4
  }
}
.im5-hero-title {
  font-size:clamp(1.9rem,4.2vw,3.0rem);
  font-weight:900;
  color:#fff;
  line-height:1.07;
  letter-spacing:-.03em;
  margin:0 0 1rem
}
.im5-hero-title em {
  color:var(--gold);
  font-style:normal
}
.im5-hero-sub {
  color:rgba(255,255,255,.70);
  line-height:1.7;
  max-width:580px;
  margin:0 0 1.2rem
}
.im5-hero-actions {
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-bottom:1rem
}
.btn-im5-primary {
  background:var(--gold);
  color:#0f141c;
  font-weight:800;
  box-shadow:0 0 24px rgba(201,168,76,.22)
}
.btn-im5-primary:hover {
  background:#e0c070;
  transform:translateY(-1px)
}
.im5-timer {
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  color:rgba(255,255,255,.45);
  font-size:.72rem;
  font-weight:700
}
.im5-timer strong {
  color:var(--gold)
}
.im5-timer-sep {
  color:var(--gold)
}
.im5-hero-visual {
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  padding:3.5rem 0
}
.im5-book {
  width:300px;
  height:380px;
  position:relative;
  display:flex;
  box-shadow:0 20px 60px rgba(0,0,0,.5)
}
.im5-book-spine {
  width:14px;
  background:#1e3a5f;
  border-radius:3px 0 0 3px;
  flex-shrink:0
}
.im5-book-cover {
  flex:1;
  background:#fff;
  border:1px solid #e0d9ce;
  border-left:none;
  padding:1.2rem;
  display:flex;
  flex-direction:column
}
.im5-cover-title {
  font-size:1.1rem;
  font-weight:900;
  color:#0f141c
}
.im5-cover-author {
  font-size:.82rem;
  color:#555
}
.im5-cover-bar {
  height:2px;
  background:var(--gold);
  margin:.6rem 0
}
.im5-imprint-preview {
  margin-top:.6rem;
  background:#faf8f4;
  border:1px solid #e0d9ce;
  padding:.7rem .8rem
}
.im5-preview-label {
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#1e3a5f;
  margin-bottom:.3rem
}
.im5-preview-line {
  font-size:.72rem;
  color:#333;
  line-height:1.4
}
.im5-preview-check {
  display:flex;
  gap:.3rem;
  align-items:center;
  margin-top:.5rem;
  font-size:.68rem;
  color:#27ae60;
  font-weight:700
}
.im5-need-grid {
  display:grid;
  grid-template-columns:1fr 360px;
  gap:3rem;
  align-items:start;
  max-width:1080px;
  margin:0 auto
}
.im5-checklist {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  margin-top:1.2rem
}
.im5-checklist li {
  display:flex;
  gap:.7rem;
  padding:.6rem .8rem;
  background:var(--white);
  border:1px solid var(--border)
}
.im5-check {
  width:24px;
  height:24px;
  border-radius:50%;
  background:#1e3a5f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  flex-shrink:0;
  font-size:.75rem
}
.im5-need-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.2rem;
  box-shadow:var(--shadow-sm)
}
.im5-need-head {
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#1e3a5f;
  margin-bottom:.8rem
}
.im5-timeline {
  display:flex;
  flex-direction:column;
  gap:.8rem
}
.im5-tl-row {
  display:flex;
  gap:.8rem
}
.im5-tl-time {
  font-size:.72rem;
  font-weight:900;
  color:var(--gold);
  white-space:nowrap;
  padding-top:.15rem
}
.im5-tl-row strong {
  font-size:.88rem;
  display:block
}
.im5-tl-row p {
  font-size:.78rem;
  color:var(--muted);
  margin:.15rem 0 0;
  line-height:1.5
}
.im5-need-foot {
  text-align:center;
  margin-top:1rem;
  padding-top:.8rem;
  border-top:1px solid var(--border);
  font-size:.82rem;
  color:var(--muted)
}
.im5-muster-card {
  background:var(--white);
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
  overflow:hidden
}
.im5-muster-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#0f141c;
  color:var(--gold);
  padding:.7rem 1rem;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em
}
.im5-copy-btn {
  background:var(--gold);
  color:#0f141c;
  border:none;
  padding:.35rem .7rem;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer
}
.im5-muster-text {
  margin:0;
  padding:1.2rem;
  font-family:ui-monospace,Consolas,monospace;
  font-size:.82rem;
  line-height:1.6;
  white-space:pre-wrap;
  word-break:break-word;
  color:#1a1a1a;
  background:#fff
}
.im5-muster-hint {
  font-size:.78rem;
  color:var(--muted);
  padding:.8rem 1.2rem;
  margin:0;
  background:#faf8f4;
  border-top:1px solid var(--border)
}
.im5-muster-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1.2rem
}
.im5-muster-tip {
  background:var(--white);
  border:1px solid var(--border);
  padding:1rem
}
.im5-muster-tip strong {
  font-size:.88rem;
  display:block;
  margin-bottom:.3rem
}
.im5-muster-tip p {
  font-size:.78rem;
  color:var(--muted);
  margin:0;
  line-height:1.5
}
.im5-features-section {
  background:#0f141c;
  padding:4rem 0
}
.im5-features {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.im5-feature-card {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  padding:1.4rem
}
.im5-feature-icon {
  width:32px;
  height:32px;
  color:var(--gold);
  margin-bottom:.6rem
}
.im5-feature-icon svg {
  width:100%;
  height:100%
}
.im5-feature-card h3 {
  color:#fff;
  font-size:.95rem;
  font-weight:700;
  margin-bottom:.3rem
}
.im5-feature-card p {
  color:rgba(255,255,255,.55);
  font-size:.82rem;
  line-height:1.6;
  margin:0
}
.im5-pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.im5-plan-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.6rem;
  position:relative;
  display:flex;
  flex-direction:column
}
.im5-plan-featured {
  border-color:#1e3a5f;
  box-shadow:0 8px 32px rgba(30,58,95,.12)
}
.im5-plan-badge {
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  background:#1e3a5f;
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  padding:.2rem .55rem;
  white-space:nowrap
}
.im5-plan-name {
  font-weight:800;
  color:#0f141c
}
.im5-plan-price {
  font-size:1.9rem;
  font-weight:900;
  color:#0f141c
}
.im5-plan-price span {
  font-size:.8rem;
  font-weight:400;
  color:var(--muted)
}
.im5-plan-per-month {
  font-size:.72rem;
  color:var(--muted);
  margin-bottom:1rem
}
.im5-plan-perks {
  list-style:none;
  padding:0;
  margin:0 0 1.2rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
  flex:1
}
.im5-plan-perks li {
  display:flex;
  gap:.4rem;
  font-size:.8rem;
  color:#333
}
.im5-plan-perks svg {
  width:10px;
  height:10px;
  flex-shrink:0;
  margin-top:.3rem
}
.im5-faq-section .faq-item {
  background:var(--white);
  border:1px solid var(--border)
}
.im5-faq-section .faq-item summary {
  color:var(--ink)
}
.im5-faq-section .faq-item summary::after {
  color:#1e3a5f
}
.im5-faq-section .faq-item[open] {
  border-color:#1e3a5f;
  box-shadow:0 2px 12px rgba(30,58,95,.08)
}
.im5-faq-section .faq-item[open] summary {
  color:#1e3a5f
}
.im5-faq-section .faq-item p {
  color:#555;
  border-top:1px solid #f0ece4
}
.im5-final-cta {
  position:relative;
  overflow:hidden;
  background:#0f141c;
  padding:4rem 2rem;
  text-align:center
}
.im5-cta-inner {
  max-width:720px;
  margin:0 auto;
  position:relative;
  z-index:1
}
.im5-final-cta h2 {
  font-size:clamp(1.6rem,4vw,2.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:.7rem
}
.im5-final-cta p {
  color:rgba(255,255,255,.60);
  line-height:1.6;
  max-width:560px;
  margin:0 auto 1.5rem
}
.im5-cta-actions {
  display:flex;
  gap:.75rem;
  justify-content:center;
  flex-wrap:wrap
}
@media(max-width:900px) {
  .im5-hero {
    grid-template-columns:1fr;
    padding:0 1.5rem
  }
  .im5-hero-visual {
    display:none
  }
  .im5-need-grid {
    grid-template-columns:1fr;
    gap:2rem
  }
  .im5-muster-grid {
    grid-template-columns:1fr
  }
  .im5-features {
    grid-template-columns:1fr
  }
  .im5-pricing-grid {
    grid-template-columns:1fr;
    max-width:420px;
    margin:2rem auto 0
  }
}

/* ── ladungsfaehige-adresse-mieten.php ───────────────────────────── */
/* Ladungsfähige Adresse mieten – Palette #1e3a5f (navy) / #0f141c / #c9a84c */
.la-hero {
  position:relative;
  min-height:640px;
  display:grid;
  grid-template-columns:1fr 360px;
  align-items:center;
  gap:3rem;
  padding:0 6vw;
  overflow:hidden;
  background:#0f141c
}
.la-hero-bg {
  position:absolute;
  inset:0;
  pointer-events:none
}
.la-hero-inner {
  position:relative;
  z-index:1;
  padding:6rem 0 3rem;
  min-width:0
}
.la-hero-tag {
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
  display:flex;
  gap:.5rem;
  align-items:center;
  margin-bottom:1rem
}
.la-dot {
  width:7px;
  height:7px;
  background:var(--gold);
  border-radius:50%;
  box-shadow:0 0 8px var(--gold);
  animation:ladot 1.6s infinite
}
@keyframes ladot {
  0%,100% {
    opacity:1
  }
  50% {
    opacity:.4
  }
}
.la-hero-title {
  font-size:clamp(2rem,4.5vw,3.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.06;
  letter-spacing:-.03em;
  margin:0 0 1rem
}
.la-hero-title em {
  color:var(--gold);
  font-style:normal
}
.la-hero-title span {
  color:rgba(255,255,255,.45);
  font-weight:700
}
.la-hero-sub {
  color:rgba(255,255,255,.70);
  line-height:1.7;
  max-width:580px;
  margin:0 0 1.4rem;
  font-size:1rem
}
.la-hero-actions {
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-bottom:1rem
}
.btn-la-primary {
  background:#c9a84c;
  color:#0f141c;
  font-weight:800;
  box-shadow:0 0 24px rgba(201,168,76,.25)
}
.btn-la-primary:hover {
  background:#e0c070;
  transform:translateY(-1px)
}
.la-trust-row {
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  color:rgba(255,255,255,.45);
  font-size:.76rem;
  margin-bottom:.8rem
}
.la-trust {
  display:flex;
  gap:.35rem;
  align-items:center
}
.la-trust svg {
  width:12px;
  height:12px;
  color:var(--gold)
}
.la-hero-note {
  font-size:.74rem;
  color:rgba(255,255,255,.35);
  line-height:1.5
}
.la-hero-visual {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4rem 0
}
.la-addr-card {
  width:320px;
  background:#fff;
  border:1px solid #e0d9ce;
  padding:1.2rem;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  position:relative
}
.la-card-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.6rem
}
.la-card-label {
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.12em;
  color:#1e3a5f
}
.la-card-badge {
  background:var(--gold);
  color:#0f141c;
  font-size:.6rem;
  font-weight:900;
  padding:.15rem .4rem
}
.la-card-name {
  font-size:1rem;
  font-weight:900;
  color:#0f141c
}
.la-card-co {
  font-size:.82rem;
  color:#1e3a5f;
  font-weight:700
}
.la-card-street,.la-card-city {
  font-size:.82rem;
  color:#555;
  line-height:1.4
}
.la-card-foot {
  margin-top:.9rem;
  padding-top:.7rem;
  border-top:1px solid #eee;
  display:flex;
  justify-content:space-between;
  align-items:center
}
.la-shield {
  display:flex;
  gap:.3rem;
  align-items:center;
  font-size:.68rem;
  color:#27ae60;
  font-weight:700
}
.la-legal {
  font-size:.6rem;
  font-weight:800;
  color:#1e3a5f;
  background:rgba(30,58,95,.08);
  padding:.15rem .4rem;
  border:1px solid rgba(30,58,95,.15)
}
.la-float {
  position:absolute;
  background:#fff;
  border:1px solid var(--border);
  padding:.4rem .6rem;
  box-shadow:var(--shadow-sm);
  text-align:center
}
.la-float strong {
  display:block;
  font-size:.75rem;
  font-weight:900;
  line-height:1
}
.la-float span {
  font-size:.6rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em
}
.la-float-1 {
  top:12%;
  left:-18px;
  border-left:3px solid #c0392b
}
.la-float-1 strong {
  color:#c0392b
}
.la-float-2 {
  bottom:18%;
  right:-18px;
  border-left:3px solid #27ae60
}
.la-float-2 strong {
  color:#27ae60
}
.la-explain-grid {
  display:grid;
  grid-template-columns:1fr 380px;
  gap:3rem;
  align-items:start;
  max-width:1080px;
  margin:0 auto
}
.la-check-list {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  margin-top:1.2rem
}
.la-check-list li {
  display:flex;
  gap:.7rem;
  padding:.7rem .9rem
}
.la-check {
  width:26px;
  height:26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  flex-shrink:0;
  font-size:.85rem
}
.la-check--no {
  background:rgba(192,57,43,.10);
  color:#c0392b
}
.la-check--yes {
  background:rgba(39,174,96,.12);
  color:#27ae60
}
.la-check-list strong {
  font-size:.88rem
}
.la-check-list p {
  font-size:.8rem;
  color:var(--muted);
  margin:.15rem 0 0;
  line-height:1.5
}
.la-compare-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.2rem;
  box-shadow:var(--shadow-sm)
}
.la-compare-head {
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#1e3a5f;
  margin-bottom:.8rem
}
.la-table {
  width:100%;
  border-collapse:collapse;
  font-size:.78rem
}
.la-table th {
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--muted);
  text-align:left;
  padding:.4rem .5rem;
  border-bottom:1px solid var(--border)
}
.la-table td {
  padding:.55rem .5rem;
  border-bottom:1px solid #f0ece4;
  line-height:1.4
}
.la-table td:last-child {
  text-align:center
}
.la-yes {
  color:#27ae60;
  font-weight:800
}
.la-no {
  color:#c0392b;
  font-weight:800
}
.la-steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.la-step {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.5rem;
  text-align:center;
  position:relative
}
.la-step-icon svg {
  width:38px;
  height:38px;
  color:#1e3a5f;
  margin:0 auto .6rem;
  display:block
}
.la-step-num {
  position:absolute;
  top:.7rem;
  right:.8rem;
  font-size:2rem;
  font-weight:900;
  color:rgba(30,58,95,.07)
}
.la-step h3 {
  font-size:.95rem;
  font-weight:700;
  margin-bottom:.4rem
}
.la-step p {
  font-size:.82rem;
  color:var(--muted);
  line-height:1.6;
  margin:0
}
.la-features-section {
  background:#0f141c;
  position:relative;
  padding:4rem 0
}
.la-features {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.la-feature-card {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  padding:1.4rem
}
.la-feature-icon {
  width:32px;
  height:32px;
  color:var(--gold);
  margin-bottom:.6rem
}
.la-feature-icon svg {
  width:100%;
  height:100%
}
.la-feature-card h3 {
  color:#fff;
  font-size:.95rem;
  font-weight:700;
  margin-bottom:.3rem
}
.la-feature-card p {
  color:rgba(255,255,255,.55);
  font-size:.82rem;
  line-height:1.6;
  margin:0
}
.la-pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.la-plan-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.6rem;
  position:relative;
  display:flex;
  flex-direction:column
}
.la-plan-featured {
  border-color:#1e3a5f;
  box-shadow:0 8px 32px rgba(30,58,95,.12)
}
.la-plan-badge {
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  background:#1e3a5f;
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  padding:.2rem .55rem;
  white-space:nowrap
}
.la-plan-name {
  font-weight:800;
  color:#0f141c
}
.la-plan-price {
  font-size:1.9rem;
  font-weight:900;
  color:#0f141c
}
.la-plan-price span {
  font-size:.8rem;
  font-weight:400;
  color:var(--muted)
}
.la-plan-per-month {
  font-size:.72rem;
  color:var(--muted);
  margin-bottom:1rem
}
.la-plan-perks {
  list-style:none;
  padding:0;
  margin:0 0 1.2rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
  flex:1
}
.la-plan-perks li {
  display:flex;
  gap:.4rem;
  font-size:.8rem;
  color:#333
}
.la-plan-perks svg {
  width:10px;
  height:10px;
  flex-shrink:0;
  margin-top:.3rem
}
.la-faq-section .faq-item {
  background:var(--white);
  border:1px solid var(--border)
}
.la-faq-section .faq-item summary {
  color:var(--ink)
}
.la-faq-section .faq-item summary::after {
  color:#1e3a5f
}
.la-faq-section .faq-item[open] {
  border-color:#1e3a5f;
  box-shadow:0 2px 12px rgba(30,58,95,.08)
}
.la-faq-section .faq-item[open] summary {
  color:#1e3a5f
}
.la-faq-section .faq-item p {
  color:#555;
  border-top:1px solid #f0ece4
}
.la-final-cta {
  position:relative;
  overflow:hidden;
  background:#0f141c;
  padding:4rem 2rem;
  text-align:center
}
.la-cta-inner {
  max-width:720px;
  margin:0 auto;
  position:relative;
  z-index:1
}
.la-final-cta h2 {
  font-size:clamp(1.6rem,4vw,2.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:.7rem
}
.la-final-cta p {
  color:rgba(255,255,255,.60);
  line-height:1.6;
  max-width:560px;
  margin:0 auto 1.5rem
}
.la-cta-actions {
  display:flex;
  gap:.75rem;
  justify-content:center;
  flex-wrap:wrap
}
@media(max-width:900px) {
  .la-hero {
    grid-template-columns:1fr;
    padding:0 1.5rem
  }
  .la-hero-visual {
    display:none
  }
  .la-explain-grid {
    grid-template-columns:1fr;
    gap:2rem
  }
  .la-steps {
    grid-template-columns:1fr
  }
  .la-features {
    grid-template-columns:1fr
  }
  .la-pricing-grid {
    grid-template-columns:1fr;
    max-width:420px;
    margin:2rem auto 0
  }
}

/* ── impressum-ohne-eigene-adresse.php ───────────────────────────── */
/* Impressum ohne eigene Adresse – Palette #1e3a5f / #0f141c / #c9a84c */
.ioa-hero {
  position:relative;
  min-height:620px;
  display:grid;
  grid-template-columns:1fr 380px;
  align-items:center;
  gap:3rem;
  padding:0 6vw;
  overflow:hidden;
  background:#0f141c
}
.ioa-hero-bg {
  position:absolute;
  inset:0;
  pointer-events:none
}
.ioa-hero-inner {
  position:relative;
  z-index:1;
  padding:5.5rem 0 3rem;
  min-width:0
}
.ioa-hero-tag {
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
  display:flex;
  gap:.5rem;
  align-items:center;
  margin-bottom:1rem
}
.ioa-dot {
  width:7px;
  height:7px;
  background:var(--gold);
  border-radius:50%;
  box-shadow:0 0 8px var(--gold);
  animation:ioadot 1.6s infinite
}
@keyframes ioadot {
  0%,100% {
    opacity:1
  }
  50% {
    opacity:.4
  }
}
.ioa-hero-title {
  font-size:clamp(1.9rem,4.2vw,3.0rem);
  font-weight:900;
  color:#fff;
  line-height:1.07;
  letter-spacing:-.03em;
  margin:0 0 1rem
}
.ioa-hero-title em {
  color:var(--gold);
  font-style:normal
}
.ioa-hero-sub {
  color:rgba(255,255,255,.70);
  line-height:1.7;
  max-width:580px;
  margin:0 0 1.2rem
}
.ioa-hero-actions {
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-bottom:1rem
}
.btn-ioa-primary {
  background:var(--gold);
  color:#0f141c;
  font-weight:800;
  box-shadow:0 0 24px rgba(201,168,76,.22)
}
.btn-ioa-primary:hover {
  background:#e0c070;
  transform:translateY(-1px)
}
.ioa-trust-row {
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  color:rgba(255,255,255,.45);
  font-size:.76rem;
  margin-bottom:.8rem
}
.ioa-trust {
  display:flex;
  gap:.35rem;
  align-items:center
}
.ioa-trust svg {
  width:12px;
  height:12px;
  color:var(--gold)
}
.ioa-hero-note {
  font-size:.74rem;
  color:rgba(255,255,255,.35)
}
.ioa-hero-visual {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3.5rem 0
}
.ioa-compare {
  display:flex;
  align-items:center;
  gap:.8rem
}
.ioa-card {
  background:#fff;
  border:1px solid var(--border);
  padding:1rem;
  width:200px;
  box-shadow:0 12px 40px rgba(0,0,0,.25)
}
.ioa-card--bad {
  opacity:.65;
  border-left:3px solid #c0392b
}
.ioa-card--good {
  border-left:3px solid #27ae60;
  transform:scale(1.04)
}
.ioa-card-head {
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  display:flex;
  justify-content:space-between;
  margin-bottom:.5rem
}
.ioa-card--good .ioa-card-head {
  color:#27ae60
}
.ioa-card-line {
  font-size:.78rem;
  color:#333;
  line-height:1.4
}
.ioa-line--strike {
  text-decoration:line-through;
  color:#999
}
.ioa-card-foot {
  margin-top:.6rem;
  padding-top:.5rem;
  border-top:1px solid #eee;
  font-size:.68rem;
  color:#27ae60;
  font-weight:700;
  display:flex;
  gap:.3rem;
  align-items:center
}
.ioa-arrow {
  color:var(--gold);
  font-weight:900;
  font-size:1.2rem
}
.ioa-why-grid {
  display:grid;
  grid-template-columns:1fr 360px;
  gap:3rem;
  align-items:start;
  max-width:1080px;
  margin:0 auto
}
.ioa-why-list {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.7rem;
  margin-top:1.2rem
}
.ioa-why-list li {
  display:flex;
  gap:.7rem;
  padding:.7rem .9rem;
  background:var(--white);
  border:1px solid var(--border)
}
.ioa-why-icon {
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(30,58,95,.08);
  color:#1e3a5f;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-size:1rem
}
.ioa-why-list strong {
  font-size:.9rem;
  display:block
}
.ioa-why-list p {
  font-size:.80rem;
  color:var(--muted);
  margin:.15rem 0 0;
  line-height:1.5
}
.ioa-why-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.2rem;
  box-shadow:var(--shadow-sm)
}
.ioa-why-head {
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#1e3a5f;
  margin-bottom:.6rem
}
.ioa-example-label {
  font-size:.68rem;
  font-weight:700;
  color:var(--muted);
  margin-bottom:.4rem
}
.ioa-example-box {
  background:#faf8f4;
  border:1px solid var(--border);
  padding:.8rem;
  font-family:ui-monospace,Consolas,monospace;
  font-size:.78rem;
  line-height:1.5;
  color:#1a1a1a
}
.ioa-steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.ioa-step {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.4rem;
  text-align:center;
  position:relative
}
.ioa-step-num {
  position:absolute;
  top:.6rem;
  right:.8rem;
  font-size:1.9rem;
  font-weight:900;
  color:rgba(30,58,95,.07)
}
.ioa-step-icon svg {
  width:36px;
  height:36px;
  color:#1e3a5f;
  margin:0 auto .6rem;
  display:block
}
.ioa-step h3 {
  font-size:.95rem;
  font-weight:700;
  margin-bottom:.35rem
}
.ioa-step p {
  font-size:.82rem;
  color:var(--muted);
  line-height:1.6;
  margin:0
}
.ioa-features-section {
  background:#0f141c;
  padding:4rem 0
}
.ioa-features {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.ioa-feature-card {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  padding:1.4rem
}
.ioa-feature-icon {
  width:32px;
  height:32px;
  color:var(--gold);
  margin-bottom:.6rem
}
.ioa-feature-icon svg {
  width:100%;
  height:100%
}
.ioa-feature-card h3 {
  color:#fff;
  font-size:.95rem;
  font-weight:700;
  margin-bottom:.3rem
}
.ioa-feature-card p {
  color:rgba(255,255,255,.55);
  font-size:.82rem;
  line-height:1.6;
  margin:0
}
.ioa-pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.ioa-plan-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.6rem;
  position:relative;
  display:flex;
  flex-direction:column
}
.ioa-plan-featured {
  border-color:#1e3a5f;
  box-shadow:0 8px 32px rgba(30,58,95,.12)
}
.ioa-plan-badge {
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  background:#1e3a5f;
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  padding:.2rem .55rem;
  white-space:nowrap
}
.ioa-plan-name {
  font-weight:800;
  color:#0f141c
}
.ioa-plan-price {
  font-size:1.9rem;
  font-weight:900;
  color:#0f141c
}
.ioa-plan-price span {
  font-size:.8rem;
  font-weight:400;
  color:var(--muted)
}
.ioa-plan-per-month {
  font-size:.72rem;
  color:var(--muted);
  margin-bottom:1rem
}
.ioa-plan-perks {
  list-style:none;
  padding:0;
  margin:0 0 1.2rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
  flex:1
}
.ioa-plan-perks li {
  display:flex;
  gap:.4rem;
  font-size:.8rem;
  color:#333
}
.ioa-plan-perks svg {
  width:10px;
  height:10px;
  flex-shrink:0;
  margin-top:.3rem
}
.ioa-faq-section .faq-item {
  background:var(--white);
  border:1px solid var(--border)
}
.ioa-faq-section .faq-item summary {
  color:var(--ink)
}
.ioa-faq-section .faq-item summary::after {
  color:#1e3a5f
}
.ioa-faq-section .faq-item[open] {
  border-color:#1e3a5f;
  box-shadow:0 2px 12px rgba(30,58,95,.08)
}
.ioa-faq-section .faq-item[open] summary {
  color:#1e3a5f
}
.ioa-faq-section .faq-item p {
  color:#555;
  border-top:1px solid #f0ece4
}
.ioa-final-cta {
  position:relative;
  overflow:hidden;
  background:#0f141c;
  padding:4rem 2rem;
  text-align:center
}
.ioa-cta-inner {
  max-width:720px;
  margin:0 auto;
  position:relative;
  z-index:1
}
.ioa-final-cta h2 {
  font-size:clamp(1.6rem,4vw,2.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:.7rem
}
.ioa-final-cta p {
  color:rgba(255,255,255,.60);
  line-height:1.6;
  max-width:560px;
  margin:0 auto 1.5rem
}
.ioa-cta-actions {
  display:flex;
  gap:.75rem;
  justify-content:center;
  flex-wrap:wrap
}
@media(max-width:900px) {
  .ioa-hero {
    grid-template-columns:1fr;
    padding:0 1.5rem
  }
  .ioa-hero-visual {
    display:none
  }
  .ioa-why-grid {
    grid-template-columns:1fr;
    gap:2rem
  }
  .ioa-steps {
    grid-template-columns:1fr
  }
  .ioa-features {
    grid-template-columns:1fr
  }
  .ioa-pricing-grid {
    grid-template-columns:1fr;
    max-width:420px;
    margin:2rem auto 0
  }
}

/* ── kostenloser-impressumservice.php ────────────────────────────── */
/* Kostenloser Impressumservice – entschärft – Palette #1e3a5f / #0f141c / #c9a84c */
.ks-hero {
  position:relative;
  min-height:560px;
  display:grid;
  grid-template-columns:1fr 360px;
  align-items:center;
  gap:3rem;
  padding:0 6vw;
  overflow:hidden;
  background:#0f141c
}
.ks-hero-bg {
  position:absolute;
  inset:0;
  pointer-events:none
}
.ks-hero-inner {
  position:relative;
  z-index:1;
  padding:5.5rem 0 3rem;
  min-width:0
}
.ks-hero-tag {
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#c9a84c;
  display:flex;
  gap:.5rem;
  align-items:center;
  margin-bottom:1rem
}
.ks-dot {
  width:7px;
  height:7px;
  background:#c9a84c;
  border-radius:50%;
  box-shadow:0 0 8px #c9a84c;
  animation:ksdot 1.6s infinite
}
@keyframes ksdot {
  0%,100% {
    opacity:1
  }
  50% {
    opacity:.4
  }
}
.ks-hero-title {
  font-size:clamp(2rem,4.5vw,3.0rem);
  font-weight:900;
  color:#fff;
  line-height:1.06;
  letter-spacing:-.03em;
  margin:0 0 1rem
}
.ks-hero-title em {
  color:var(--gold);
  font-style:normal
}
.ks-hero-title span {
  color:rgba(255,255,255,.55)
}
.ks-hero-sub {
  color:rgba(255,255,255,.72);
  line-height:1.7;
  max-width:580px;
  margin:0 0 1.4rem
}
.ks-hero-actions {
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-bottom:1rem
}
.btn-ks-primary {
  background:#c9a84c;
  color:#0f141c;
  font-weight:800;
  box-shadow:0 0 24px rgba(201,168,76,.22)
}
.btn-ks-primary:hover {
  background:#e0c070;
  transform:translateY(-1px)
}
.ks-trust-row {
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  color:rgba(255,255,255,.45);
  font-size:.76rem;
  margin-bottom:.8rem
}
.ks-trust {
  display:flex;
  gap:.35rem;
  align-items:center
}
.ks-trust svg {
  width:12px;
  height:12px;
  color:var(--gold)
}
.ks-hero-note {
  font-size:.74rem;
  color:rgba(255,255,255,.35)
}
.ks-hero-visual {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3rem 0
}
.ks-cost-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.ks-cost-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.4rem;
  text-align:center
}
.ks-cost-icon {
  font-size:1.8rem;
  margin-bottom:.5rem
}
.ks-cost-card h3 {
  font-size:.95rem;
  font-weight:700;
  margin-bottom:.4rem
}
.ks-cost-card p {
  font-size:.82rem;
  color:var(--muted);
  line-height:1.6;
  margin:0
}
.ks-pricing-section {
  background:#0f141c;
  position:relative;
  padding:4rem 0
}
.ks-pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.ks-plan-card {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  padding:1.6rem;
  position:relative;
  display:flex;
  flex-direction:column;
  text-align:center
}
.ks-plan-featured {
  border-color:var(--gold);
  box-shadow:0 0 24px rgba(201,168,76,.15)
}
.ks-plan-badge {
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  background:var(--gold);
  color:#0f141c;
  font-size:.62rem;
  font-weight:800;
  padding:.2rem .55rem;
  white-space:nowrap
}
.ks-plan-name {
  font-weight:800;
  color:#fff
}
.ks-plan-price {
  font-size:1.9rem;
  font-weight:900;
  color:#fff
}
.ks-plan-price span {
  font-size:.8rem;
  font-weight:400;
  color:rgba(255,255,255,.5)
}
.ks-plan-per-month {
  font-size:.72rem;
  color:rgba(255,255,255,.45);
  margin-bottom:1rem
}
.ks-plan-perks {
  list-style:none;
  padding:0;
  margin:0 0 1.2rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
  flex:1;
  text-align:left
}
.ks-plan-perks li {
  display:flex;
  gap:.4rem;
  font-size:.8rem;
  color:rgba(255,255,255,.7)
}
.ks-plan-perks svg {
  width:10px;
  height:10px;
  flex-shrink:0;
  margin-top:.3rem
}
.ks-faq-section .faq-item {
  background:var(--white);
  border:1px solid var(--border)
}
.ks-faq-section .faq-item summary {
  color:var(--ink)
}
.ks-faq-section .faq-item summary::after {
  color:#1e3a5f
}
.ks-faq-section .faq-item[open] {
  border-color:#1e3a5f;
  box-shadow:0 2px 12px rgba(30,58,95,.08)
}
.ks-faq-section .faq-item[open] summary {
  color:#1e3a5f
}
.ks-faq-section .faq-item p {
  color:#555;
  border-top:1px solid #f0ece4
}
.ks-final-cta {
  position:relative;
  overflow:hidden;
  background:#0f141c;
  padding:4rem 2rem;
  text-align:center
}
.ks-cta-inner {
  max-width:720px;
  margin:0 auto;
  position:relative;
  z-index:1
}
.ks-final-cta h2 {
  font-size:clamp(1.6rem,4vw,2.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:.7rem
}
.ks-final-cta p {
  color:rgba(255,255,255,.60);
  line-height:1.6;
  max-width:560px;
  margin:0 auto 1.5rem
}
.ks-cta-actions {
  display:flex;
  gap:.75rem;
  justify-content:center;
  flex-wrap:wrap
}
@media(max-width:900px) {
  .ks-hero {
    grid-template-columns:1fr;
    padding:0 1.5rem
  }
  .ks-hero-visual {
    display:none
  }
  .ks-cost-grid {
    grid-template-columns:1fr
  }
  .ks-pricing-grid {
    grid-template-columns:1fr;
    max-width:420px;
    margin:2rem auto 0
  }
}

/* ── anbieter.php ────────────────────────────────────────────────── */
/* Anbieter-Vergleich – Palette #1e3a5f / #0f141c / #c9a84c */
.anb-table-wrap {
  overflow-x:auto;
  margin-top:1.5rem;
  border:1px solid rgba(255,255,255,.08)
}
.anb-table {
  width:100%;
  border-collapse:collapse;
  font-size:.82rem;
  background:#fff;
  min-width:760px;
  color:var(--ink)
}
.anb-table th {
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#1e3a5f;
  background:#faf8f4;
  padding:.7rem .6rem;
  border-bottom:1px solid var(--border);
  text-align:left;
  white-space:nowrap
}
.anb-table td {
  padding:.65rem .6rem;
  border-bottom:1px solid #f0ece4;
  vertical-align:top;
  line-height:1.4;
  color:var(--ink)
}
.anb-table tbody tr:hover {
  background:#fffbe6
}
.anb-sub {
  font-size:.68rem;
  color:#6e6e6e;
  font-weight:400;
  display:block
}
.anb-free {
  color:#177a3a;
  font-weight:800
}
.anb-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.anb-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.4rem;
  transition:box-shadow .2s,border-color .2s
}
.anb-card:hover {
  box-shadow:var(--shadow-md);
  border-color:var(--gold)
}
.anb-card-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.6rem
}
.anb-badge {
  color:#fff;
  font-size:.68rem;
  font-weight:900;
  padding:.18rem .5rem;
  letter-spacing:.02em
}
.anb-year {
  font-size:.72rem;
  color:var(--muted)
}
.anb-card h3 {
  font-size:1rem;
  font-weight:700;
  margin-bottom:.35rem
}
.anb-desc {
  font-size:.84rem;
  color:var(--muted);
  line-height:1.6;
  margin:0 0 .8rem
}
.anb-facts {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:.35rem
}
.anb-facts li {
  font-size:.80rem;
  color:#333;
  display:flex;
  gap:.4rem;
  line-height:1.4
}
.anb-facts li strong {
  color:var(--ink)
}
.anb-facts a {
  color:#1e3a5f;
  text-decoration:underline
}
.anb-decide-section {
  background:#faf8f4
}
.anb-decide-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
  margin-top:2rem
}
.anb-decide-card {
  background:var(--white);
  border:1px solid var(--border);
  padding:1.6rem;
  text-align:center;
  position:relative
}
.anb-decide-num {
  position:absolute;
  top:.6rem;
  right:.8rem;
  font-size:2rem;
  font-weight:900;
  color:rgba(30,58,95,.07)
}
.anb-decide-card h3 {
  font-size:.98rem;
  font-weight:700;
  margin-bottom:.4rem
}
.anb-decide-card p {
  font-size:.82rem;
  color:var(--muted);
  line-height:1.6;
  margin:0
}
.btn-anb-primary {
  background:var(--gold);
  color:#0f141c;
  font-weight:800
}
.btn-anb-primary:hover {
  background:#e0c070
}
.anb-final-cta {
  position:relative;
  overflow:hidden;
  background:#0f141c;
  padding:4rem 2rem;
  text-align:center
}
.anb-cta-bg {
  position:absolute;
  inset:0;
  pointer-events:none
}
.anb-cta-inner {
  max-width:720px;
  margin:0 auto;
  position:relative;
  z-index:1
}
.anb-final-cta h2 {
  font-size:clamp(1.6rem,4vw,2.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:.7rem
}
.anb-final-cta p {
  color:rgba(255,255,255,.60);
  line-height:1.6;
  max-width:560px;
  margin:0 auto 1.5rem
}
.anb-cta-actions {
  display:flex;
  gap:.75rem;
  justify-content:center;
  flex-wrap:wrap
}
@media(max-width:900px) {
  .anb-table {
    font-size:.76rem
  }
  .anb-grid {
    grid-template-columns:1fr
  }
  .anb-decide-grid {
    grid-template-columns:1fr
  }
}

/* ── tiktok.php ──────────────────────────────────────────────────── */
/* ══════════════════════════════════════════════════════════
   TIKTOK LANDING PAGE
   Ästhetik: Neon-Dark · Cyan + Pink + Gold · Energetisch
   ══════════════════════════════════════════════════════════ */
/* ── Variablen & Basiswerte ────────────────────────────── */
.tt-neon-cyan {
  color: #00f5c4;
  text-shadow: 0 0 20px rgba(0,245,196,.4);
}
.tt-neon-pink {
  color: #ff2d78;
  text-shadow: 0 0 20px rgba(255,45,120,.4);
}
.tt-neon-gold {
  color: #c9a84c;
  text-shadow: 0 0 20px rgba(201,168,76,.4);
}
/* ── Sektion-Wrapper ────────────────────────────────────── */
.tt-section {
  position: relative;
  overflow: hidden;
}
.tt-section-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.tt-section-bg svg {
  width:100%;
  height:100%;
  display:block;
}
/* ── Typografie ─────────────────────────────────────────── */
.tt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #00f5c4;
  margin-bottom: 1rem;
}
.tt-eyebrow::before {
  content: '';
  display: block;
  width: 24px;
  height: 1.5px;
  background: #00f5c4;
  box-shadow: 0 0 6px #00f5c4;
}
.tt-eyebrow--pink {
  color: #ff2d78;
}
.tt-eyebrow--pink::before {
  background: #ff2d78;
  box-shadow: 0 0 6px #ff2d78;
}
.tt-eyebrow--dark {
  color: #b8922e;
}
.tt-eyebrow--dark::before {
  background: #c9a84c;
  box-shadow: none;
}
.tt-section-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -.025em;
  margin: 0 0 1rem;
}
.tt-section-title--dark {
  color: #151515;
}
.tt-section-lead {
  font-size: .95rem;
  color: rgba(255,255,255,.42);
  font-weight: 300;
  line-height: 1.8;
  max-width: 520px;
  margin: 0 0 2rem;
}
.tt-section-head {
  margin-bottom: 3rem;
}
.tt-section-head.centered {
  text-align: center;
}
/* ── Buttons ────────────────────────────────────────────── */
.btn-tt-primary {
  display: inline-flex;
  align-items: center;
  padding: .9rem 2rem;
  background: linear-gradient(135deg, #00f5c4 0%, #00c49a 100%);
  color: #060608;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .04em;
  text-decoration: none;
  transition: transform .18s, box-shadow .18s;
  box-shadow: 0 0 24px rgba(0,245,196,.3);
  white-space: nowrap;
}
.btn-tt-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 40px rgba(0,245,196,.45);
}
.btn-tt-large {
  padding: 1.1rem 2.5rem;
  font-size: .9rem;
}
.btn-tt-ghost {
  display: inline-flex;
  align-items: center;
  padding: .9rem 1.75rem;
  background: transparent;
  color: rgba(255,255,255,.55);
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .03em;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.15);
  transition: color .18s, border-color .18s;
}
.btn-tt-ghost:hover {
  color: #00f5c4;
  border-color: #00f5c4;
}
.btn-tt-full {
  display: block;
  text-align: center;
}
/* ── Live-Badge ─────────────────────────────────────────── */
.tt-live-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: rgba(255,45,120,.15);
  border: 1px solid rgba(255,45,120,.3);
  color: #ff2d78;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
  padding: .2rem .6rem;
}
.tt-live-dot {
  width: 6px;
  height: 6px;
  background: #ff2d78;
  border-radius: 50%;
  animation: tt-blink 1.4s ease-in-out infinite;
  box-shadow: 0 0 6px #ff2d78;
}
@keyframes tt-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .25;
  }
}
/* ═══════════════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════════════ */
.tt-hero {
  position: relative;
  min-height: 720px;
  display: grid;
  grid-template-columns: 1fr 380px;
  align-items: center;
  gap: 3rem;
  padding: 0 6vw;
  overflow: hidden;
}
.tt-hero-bg {
  position:absolute;
  inset:0;
  z-index:0;
}
.tt-hero-bg svg {
  width:100%;
  height:100%;
  display:block;
}
.tt-hero-inner {
  position:relative;
  z-index:1;
  padding:7rem 0 5rem;
}
.tt-hero-mockup {
  position:relative;
  z-index:1;
  padding:5rem 0;
}
.tt-hero-tag {
  display: flex;
  align-items: center;
  gap: .75rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin-bottom: 1.5rem;
}
.tt-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.08;
  letter-spacing: -.03em;
  margin: 0 0 1.5rem;
}
.tt-hero-sub {
  font-size: .97rem;
  color: rgba(255,255,255,.45);
  font-weight: 300;
  line-height: 1.8;
  max-width: 520px;
  margin: 0 0 2.25rem;
}
.tt-hero-actions {
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-bottom:2rem;
}
.tt-trust-strip {
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}
.tt-trust-badge {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .22rem .65rem;
  border: 1px solid;
}
.tt-trust-cyan {
  color:#00f5c4;
  border-color:rgba(0,245,196,.3);
  background:rgba(0,245,196,.06);
}
.tt-trust-pink {
  color:#ff2d78;
  border-color:rgba(255,45,120,.3);
  background:rgba(255,45,120,.06);
}
.tt-trust-gold {
  color:#c9a84c;
  border-color:rgba(201,168,76,.3);
  background:rgba(201,168,76,.06);
}
/* Phone Mockup */
.tt-phone {
  width: 240px;
  background: #0d0d12;
  border: 1.5px solid rgba(255,255,255,.12);
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 0 0 4px rgba(0,245,196,.08), 0 40px 100px rgba(0,0,0,.7), 0 0 60px rgba(0,245,196,.12);
  position: relative;
}
.tt-phone-notch {
  width: 80px;
  height: 20px;
  background: #0d0d12;
  border-radius: 0 0 12px 12px;
  margin: 8px auto 0;
  border: 1.5px solid rgba(255,255,255,.08);
  border-top: none;
}
.tt-phone-screen {
  padding: 4px 0 0;
}
.tt-app-header {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  padding: .5rem .75rem;
}
.tt-app-tab {
  font-size: .6rem;
  font-weight: 600;
  color: rgba(255,255,255,.35);
  letter-spacing: .04em;
}
.tt-app-tab--active {
  color: #fff;
  font-weight: 700;
  border-bottom: 1.5px solid #fff;
  padding-bottom: 2px;
}
.tt-video-area {
  height: 320px;
  background: linear-gradient(160deg, #1a0a1a 0%, #0a1a0d 50%, #1a0d05 100%);
  position: relative;
  overflow: hidden;
}
.tt-video-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.85) 0%, transparent 50%);
}
.tt-sidebar-actions {
  position: absolute;
  right: 8px;
  bottom: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.tt-action-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: #fff;
}
.tt-action-btn span {
  font-size: .52rem;
  font-weight: 600;
}
.tt-music-disc {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: conic-gradient(#00f5c4, #ff2d78, #c9a84c, #00f5c4);
  animation: tt-spin 3s linear infinite;
  box-shadow: 0 0 8px rgba(0,245,196,.4);
}
@keyframes tt-spin {
  to {
    transform:rotate(360deg);
  }
}
.tt-video-info {
  position: absolute;
  bottom: 10px;
  left: 8px;
  right: 44px;
}
.tt-creator-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.tt-creator-avatar {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #00f5c4, #ff2d78);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .55rem;
  font-weight: 900;
  color: #060608;
}
.tt-creator-row strong {
  font-size: .65rem;
  color: #fff;
}
.tt-follow-btn {
  font-size: .52rem;
  font-weight: 700;
  color: #ff2d78;
  border: 1px solid #ff2d78;
  padding: .1rem .35rem;
  margin-left: auto;
}
.tt-video-desc {
  font-size: .58rem;
  color: rgba(255,255,255,.8);
  line-height: 1.4;
  margin-bottom: 4px;
}
.tt-impressum-strip {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: .5rem;
  color: rgba(0,245,196,.7);
  background: rgba(0,245,196,.08);
  padding: 3px 5px;
  border-left: 1.5px solid #00f5c4;
}
/* Schwebende Stats */
.tt-float-stat {
  position: absolute;
  background: rgba(10,10,20,.9);
  border: 1px solid rgba(255,255,255,.12);
  padding: .4rem .75rem;
  text-align: center;
  backdrop-filter: blur(4px);
}
.tt-float-1 {
  top: 20%;
  left: -60px;
}
.tt-float-2 {
  bottom: 25%;
  right: -50px;
  border-color: rgba(0,245,196,.3);
}
.tt-float-num {
  font-size: .95rem;
  font-weight: 900;
  color: #fff;
}
.tt-float-2 .tt-float-num {
  color: #00f5c4;
}
.tt-float-lbl {
  font-size: .55rem;
  color: rgba(255,255,255,.35);
  letter-spacing: .06em;
  text-transform: uppercase;
}
/* ═══════════════════════════════════════════════════════
   RECHTSLAGE
═══════════════════════════════════════════════════════ */
.tt-law-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 4rem;
  align-items: start;
  position: relative;
  z-index: 1;
  padding: 5rem 0;
}
.tt-trigger-list {
  list-style: none;
  margin: 1.75rem 0 0;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.tt-trigger-list li {
  display: flex;
  align-items: center;
  gap: .75rem;
  font-size: .85rem;
  padding: .6rem .9rem;
}
.tt-trigger--danger {
  background: rgba(255,45,120,.07);
  border-left: 2.5px solid #ff2d78;
  color: rgba(255,255,255,.65);
}
.tt-trigger--ok {
  background: rgba(0,245,196,.07);
  border-left: 2.5px solid #00f5c4;
  color: rgba(255,255,255,.7);
  font-weight: 600;
}
.tt-trigger-icon {
  font-size: 1rem;
  flex-shrink: 0;
}
.tt-risk-card {
  background: rgba(255,45,120,.06);
  border: 1px solid rgba(255,45,120,.25);
  overflow: hidden;
}
.tt-risk-header {
  background: rgba(255,45,120,.12);
  border-bottom: 1px solid rgba(255,45,120,.2);
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: .7rem;
  position: relative;
}
.tt-risk-icon {
  width: 30px;
  height: 30px;
  background: rgba(255,45,120,.2);
  color: #ff2d78;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem;
  font-weight: 900;
  flex-shrink: 0;
}
.tt-risk-header strong {
  color: #fff;
  font-size: .9rem;
}
.tt-risk-list {
  list-style: none;
  margin: 0;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: .65rem;
}
.tt-risk-list li {
  font-size: .82rem;
  color: rgba(255,255,255,.5);
  padding-left: 1.1rem;
  position: relative;
  line-height: 1.5;
}
.tt-risk-list li::before {
  content:'×';
  position:absolute;
  left:0;
  color:#ff2d78;
  font-weight:700;
}
.tt-risk-list strong {
  color: rgba(255,255,255,.85);
}
.tt-risk-card .btn-tt-primary {
  margin: 0 1.25rem 1.25rem;
  display: block;
  text-align: center;
}
/* ═══════════════════════════════════════════════════════
   WIE ES FUNKTIONIERT
═══════════════════════════════════════════════════════ */
.tt-how-section {
  padding: 5rem 0;
}
.tt-steps {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1.5rem;
  position: relative;
}
.tt-step-card {
  background: #fff;
  border: 1px solid #e8e0d4;
  padding: 2rem 1.75rem 1.75rem;
  position: relative;
  overflow: hidden;
  transition: box-shadow .2s;
}
.tt-step-card:hover {
  box-shadow: 0 8px 40px rgba(0,0,0,.08);
}
.tt-step-accent {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.tt-step-icon {
  margin-bottom: 1rem;
}
.tt-step-icon svg {
  width: 48px;
  height: 48px;
}
.tt-step-num {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: .75rem;
  letter-spacing: -.04em;
}
.tt-step-title {
  font-size: .95rem;
  font-weight: 700;
  color: #151515;
  margin: 0 0 .5rem;
}
.tt-step-text {
  font-size: .82rem;
  color: #777;
  line-height: 1.7;
  margin: 0;
}
/* ═══════════════════════════════════════════════════════
   FEATURES
═══════════════════════════════════════════════════════ */
.tt-features-section {
  padding: 5rem 0;
}
.tt-features-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.06);
}
.tt-feature-card {
  background: #060608;
  padding: 2.25rem 2rem;
  position: relative;
  transition: background .2s;
  overflow: hidden;
}
.tt-feature-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--tt-accent, #00f5c4);
  opacity: 0;
  transition: opacity .2s;
}
.tt-feature-card:hover::before {
  opacity: .04;
}
.tt-feature-card:hover {
  background: #060608;
}
.tt-feature-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}
.tt-feature-icon {
  color: var(--tt-accent, #00f5c4);
}
.tt-feature-icon svg {
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 0 6px var(--tt-accent, #00f5c4));
}
.tt-feature-num {
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--tt-accent, #00f5c4);
  opacity: .2;
  letter-spacing: -.04em;
}
.tt-feature-title {
  font-size: .92rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 .6rem;
}
.tt-feature-text {
  font-size: .8rem;
  color: rgba(255,255,255,.38);
  line-height: 1.75;
  margin: 0;
}
/* ═══════════════════════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════════════════════ */
.tt-voices-section {
  padding: 5rem 0;
}
.tt-quotes-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1.25rem;
}
.tt-quote-card {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.tt-quote-neon {
  padding: 1.5rem;
  border: 1px solid;
  position: relative;
}
.tt-quote-q {
  font-size: 3rem;
  font-weight: 900;
  line-height: .8;
  margin-bottom: .5rem;
  opacity: .6;
}
.tt-quote-text {
  font-size: .85rem;
  color: #444;
  line-height: 1.75;
  margin: 0;
  font-style: italic;
}
.tt-quote-author {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: 0 .25rem;
}
.tt-quote-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: .9rem;
  flex-shrink: 0;
}
.tt-quote-name {
  font-weight: 700;
  font-size: .85rem;
  color: #151515;
  display:flex;
  align-items:center;
  gap:.4rem;
  flex-wrap:wrap;
}
.tt-quote-meta {
  font-size: .7rem;
  color: #999;
  margin-top: .1rem;
}
.tt-quote-stars {
  margin-left: auto;
  color: #c9a84c;
  font-size: .75rem;
}
/* ═══════════════════════════════════════════════════════
   PREISE
═══════════════════════════════════════════════════════ */
.tt-pricing-section {
  padding: 5rem 0;
}
.tt-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: rgba(255,255,255,.05);
}
.tt-plan-card {
  background: #0a0a12;
  padding: 2.5rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.tt-plan-featured {
  background: rgba(201,168,76,.05);
  border: 1px solid rgba(201,168,76,.2);
}
.tt-plan-badge {
  position: absolute;
  top: -1px;
  right: 1.5rem;
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: .18rem .6rem;
  color: #060608;
}
.tt-plan-glow {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 80px;
  border-radius: 50%;
  filter: blur(30px);
  opacity: .12;
}
.tt-plan-name {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: .9rem;
  position: relative;
}
.tt-plan-price {
  font-size: 2.6rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: .2rem;
  position: relative;
}
.tt-plan-price span {
  font-size: .9rem;
  font-weight: 300;
  color: rgba(255,255,255,.3);
}
.tt-plan-month {
  font-size: .7rem;
  color: rgba(255,255,255,.28);
  margin-bottom: 1.5rem;
  position: relative;
}
.tt-plan-perks {
  list-style: none;
  margin: 0 0 2rem;
  flex: 1;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  position:relative;
}
.tt-plan-perks li {
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.8rem;
  color:rgba(255,255,255,.5);
}
.tt-plan-perks svg {
  width:11px;
  height:11px;
  flex-shrink:0;
}
.tt-plan-btn {
  display: block;
  text-align: center;
  padding: .8rem 1rem;
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: .05em;
  text-transform: uppercase;
  transition: transform .18s, box-shadow .18s;
  position: relative;
}
.tt-plan-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
}
.tt-pricing-note {
  text-align:center;
  margin-top:1.75rem;
  font-size:.73rem;
  color:rgba(255,255,255,.22);
}
/* ═══════════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════════ */
.tt-faq-section {
  padding: 5rem 0;
}
.tt-faq-section .faq-item {
  background: #fff;
  border: 1.5px solid #e0d9ce;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.tt-faq-section .faq-item summary {
  color: #151515;
  font-size: .92rem;
}
.tt-faq-section .faq-item summary::after {
  color: #b8922e;
}
.tt-faq-section .faq-item[open] {
  border-color: #00c49a;
  box-shadow: 0 2px 12px rgba(0,196,154,.1);
}
.tt-faq-section .faq-item[open] summary {
  color: #00876b;
}
.tt-faq-section .faq-item p {
  color: #555;
  border-top: 1px solid #f0ece4;
  padding-top: 1rem;
}
/* ═══════════════════════════════════════════════════════
   FINAL CTA
═══════════════════════════════════════════════════════ */
.tt-cta-section {
  position: relative;
  overflow: hidden;
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tt-cta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 5rem 2rem;
  max-width: 800px;
  width: 100%;
}
.tt-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
  margin-bottom: 1.5rem;
}
.tt-cta-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  letter-spacing: -.03em;
  margin: 0 0 1.25rem;
}
.tt-cta-sub {
  font-size: .95rem;
  color: rgba(255,255,255,.38);
  font-weight: 300;
  line-height: 1.75;
  margin: 0 0 2rem;
}
.tt-cta-actions {
  display: flex;
  gap: .75rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.tt-cta-fine {
  font-size: .7rem;
  color: rgba(255,255,255,.2);
  margin: 0;
}
/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 1100px) {
  .tt-hero {
    grid-template-columns: 1fr;
    padding: 0 2rem;
  }
  .tt-hero-mockup {
    display: none;
  }
  .tt-law-grid {
    grid-template-columns: 1fr;
    padding: 3rem 0;
  }
  .tt-features-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .tt-pricing-grid {
    grid-template-columns: 1fr;
    background: none;
    gap: 1rem;
  }
  .tt-plan-card {
    border: 1px solid rgba(255,255,255,.08);
  }
}
@media (max-width: 720px) {
  .tt-hero-title {
    font-size: 2.2rem;
  }
  .tt-steps {
    grid-template-columns: 1fr;
  }
  .tt-quotes-grid {
    grid-template-columns: 1fr;
  }
  .tt-features-grid {
    grid-template-columns: 1fr;
  }
  .tt-float-1, .tt-float-2 {
    display: none;
  }
}

/* ============================================================
   Impressums-Muster: gemeinsame Bausteine
   (Buch-Impressum-Vorlage, Pseudonym, Autorenwebsite, Umzug,
    Adressvergleich, Pflichtangaben)
   ============================================================ */

/* Inhaltsverzeichnis-Karte */
.bv-toc { display: flex; flex-direction: column; gap: .35rem; margin-top: .4rem; }
.bv-toc-link { display: flex; align-items: center; gap: .6rem; padding: .55rem .7rem; background: #fff; border: 1px solid #e8e0d4; text-decoration: none; color: #333; font-size: .84rem; line-height: 1.35; transition: .15s; }
.bv-toc-link span { font-size: .62rem; font-weight: 900; color: #b8922e; background: rgba(201,168,76,.12); padding: .15rem .35rem; flex-shrink: 0; }
.bv-toc-link:hover { border-color: #c9a84c; background: #faf7f0; color: #151515; }
.bv-toc-cta { margin-top: .85rem; padding-top: .85rem; border-top: 1px solid #e8e0d4; }

/* Tabellen */
.bv-table-wrap, .ia-table-wrap { overflow-x: auto; margin: 1.2rem 0 1.25rem; border: 1px solid #e8e0d4; background: #fff; }
.bv-table, .ia-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.bv-table th, .ia-table th { background: #151515; color: #fff; text-align: left; padding: .6rem .75rem; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
.bv-table td, .ia-table td { padding: .65rem .75rem; border-top: 1px solid #eee; vertical-align: top; line-height: 1.55; color: #444; }
.bv-table tr:nth-child(even) td, .ia-table tr:nth-child(even) td { background: #faf8f4; }
.bv-num, .ia-num { font-weight: 900; color: #b8922e; text-align: center; white-space: nowrap; }
.bv-num a { font-weight: 900; color: #b8922e; text-decoration: none; }
.bv-num a:hover { text-decoration: underline; }
.bv-td-title, .ia-td-title { font-weight: 700; color: #151515; }

/* Kopier-Button */
.bv-copy-btn { background: var(--gold); color: #0f141c; border: none; padding: .35rem .7rem; font-size: .72rem; font-weight: 800; cursor: pointer; flex-shrink: 0; }
.bv-copy-btn:hover { background: var(--gold-light); }
.bv-copy-btn.is-copied { background: #27ae60; color: #fff; }
/* Impressums-Muster (Copy-&-Paste-Block) */
.bv-tpl{background:#fff;border:1px solid #e8e0d4;margin-bottom:1.5rem;scroll-margin-top:5rem}
.bv-tpl-head{display:flex;align-items:center;gap:.75rem;background:#0f141c;padding:.7rem 1rem}
.bv-tpl-num{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#0f141c;background:var(--gold);padding:.2rem .45rem;flex-shrink:0}
.bv-tpl-title{color:#fff;font-size:.85rem;font-weight:700;flex:1;min-width:0}
.bv-tpl-when{padding:.8rem 1rem;font-size:.8rem;color:#555;line-height:1.6;background:#faf8f4;border-bottom:1px solid #e8e0d4}
.bv-tpl-text{margin:0;padding:1.2rem;font-family:ui-monospace,Consolas,monospace;font-size:.82rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;color:#1a1a1a;background:#fff;overflow-x:auto}
.bv-tpl-cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e8e0d4;border-top:1px solid #e8e0d4}
.bv-col{padding:.9rem 1rem;background:#fff}
.bv-col--pflicht{background:#f0fdf4}
.bv-col-title{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:.45rem}
.bv-col--pflicht .bv-col-title{color:#1a7f4b}
.bv-col ul{margin:0 0 0 1rem;font-size:.79rem;line-height:1.65;color:#444}
.bv-tpl-hint{display:flex;gap:.55rem;padding:.8rem 1rem;background:#fffbe6;border-top:1px solid #f5e6a3;font-size:.8rem;color:#5a4a1a;line-height:1.6}
.bv-ph-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1.25rem}
.bv-ph{background:#fff;border:1px solid #e8e0d4;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.2rem}
.bv-ph code{font-size:.8rem;font-weight:700;color:#b8922e}
.bv-ph span{font-size:.78rem;color:#555;line-height:1.5}
.bv-col--optional { background: #faf8f4; }
.ia-td-law { font-size: .76rem; color: #8a6f1e; }

/* ── Vergleichstabellen + Gegen-Boxen (Adresse-Vergleich / Ausland) ── */
.av-table-wrap{overflow-x:auto;margin-top:1.25rem;border:1px solid #e8e0d4;background:#fff}
.av-table{width:100%;border-collapse:collapse;font-size:.8rem}
.av-table th{background:#151515;color:#fff;text-align:left;padding:.65rem .7rem;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}
.av-table td{padding:.7rem;border-top:1px solid #eee;text-align:center;line-height:1.5;color:#444}
.av-table td.av-name,.av-table td.av-cost{text-align:left}
.av-row{vertical-align:top}
.av-name{font-weight:700;color:#151515}
.av-cost{font-size:.78rem;white-space:nowrap}
.av-row--ok{background:#f7fdf9}
.av-row--no{background:#fef8f8}
.av-row--mid{background:#fffdf5}
.av-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.av-box{padding:1rem 1.1rem;border:1px solid #e8e0d4;background:#fff}
.av-box--ok{background:#f0fdf4;border-color:#bbf7d0}
.av-box--no{background:#fef2f2;border-color:#fecaca}
.av-box-title{font-weight:800;font-size:.85rem;margin-bottom:.45rem;color:#151515}
.av-box p{font-size:.8rem;color:#555;line-height:1.7;margin:0}
.av-box ul{margin:0 0 0 1rem;font-size:.8rem;line-height:1.75;color:#444}

/* ── behoerdenpost-impressum.php ────────────────────────────────────── */
.bp-flow{display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem}
.bp-step{display:flex;gap:1rem;background:#fff;border:1px solid #e8e0d4;padding:1rem 1.15rem;position:relative}
.bp-step::after{content:"";position:absolute;left:2.05rem;bottom:-.6rem;width:1px;height:.6rem;background:#d8d0c2}
.bp-step:last-child::after{display:none}
.bp-step-nr{font-weight:900;font-size:.7rem;color:#b8922e;letter-spacing:.08em;width:2rem;flex-shrink:0;padding-top:.15rem}
.bp-step-title{font-weight:800;font-size:.88rem;color:#151515;margin-bottom:.2rem}
.bp-step-text{font-size:.8rem;color:#555;line-height:1.65}
.bp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.25rem}
.bp-card{background:#fff;border:1px solid #e8e0d4;padding:1.1rem}
.bp-card-head{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;margin-bottom:.6rem;border-bottom:1px solid #eee}
.bp-card-icon{font-size:1.2rem}
.bp-card-typ{font-weight:800;font-size:.9rem;color:#151515}
.bp-card-row{display:flex;gap:.6rem;font-size:.78rem;line-height:1.6;margin-bottom:.25rem}
.bp-card-k{font-weight:800;color:#999;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;width:62px;flex-shrink:0;padding-top:.15rem}
.bp-card-v{color:#555}
.bp-card-hinweis{font-size:.78rem;color:#444;line-height:1.65;margin-top:.6rem;padding-top:.6rem;border-top:1px solid #f0ece4}
@media(max-width:900px){.bp-cards{grid-template-columns:1fr}}

/* ── pseudonym-impressum.php ─────────────────────────────────────────── */
.py-toc{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}
.py-toc-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#fff;border:1px solid #e8e0d4;text-decoration:none;color:#333;font-size:.84rem;transition:.15s}
.py-toc-link span{font-size:.62rem;font-weight:900;color:#b8922e;background:rgba(201,168,76,.12);padding:.15rem .35rem;flex-shrink:0}
.py-toc-link:hover{border-color:#c9a84c;background:#faf7f0;color:#151515}
.py-myths{display:grid;grid-template-columns:1fr;gap:.5rem;margin:1.2rem 0}
.py-myth,.py-fact{padding:.75rem .9rem;font-size:.82rem;line-height:1.6;border-left:3px solid #ccc}
.py-myth{background:#f5f5f5;color:#666}
.py-myth--no{border-left-color:#c9a84c}
.py-myth-head{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:.2rem}
.py-myth-text{color:#444}
.py-fact{background:#f0fdf4;border-left-color:#27ae60}
.py-fact-head{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#1a7f4b;margin-bottom:.2rem}
.py-fact-text{color:#2c4a3a}
.py-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.25rem}
.py-role{background:#fff;border:1px solid #e8e0d4;padding:1.2rem;position:relative}
.py-role--you{border-color:#c9a84c;box-shadow:0 4px 18px rgba(201,168,76,.12)}
.py-role-badge{position:absolute;top:-8px;left:1rem;background:#c9a84c;color:#151515;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .4rem}
.py-role-title{font-weight:800;font-size:.92rem;color:#151515;margin-bottom:.3rem}
.py-role-text{font-size:.81rem;color:#555;line-height:1.65}
.py-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.py-box{padding:1rem 1.1rem;border:1px solid #e8e0d4}
.py-box--ok{background:#f0fdf4;border-color:#bbf7d0}
.py-box--no{background:#fef2f2;border-color:#fecaca}
.py-box-title{font-weight:800;font-size:.85rem;margin-bottom:.45rem;color:#151515}
.py-box ul{margin:0 0 0 1rem;font-size:.8rem;line-height:1.75;color:#444}
.py-plat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.25rem}
.py-plat{background:#fff;border:1px solid #e8e0d4;padding:1rem 1.1rem}
.py-plat-name{font-size:.85rem;font-weight:800;color:#151515;margin-bottom:.25rem}
.py-plat-text{font-size:.8rem;color:#555;line-height:1.6}
.py-fall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}
.py-fall{background:#fff;border:1px solid #e8e0d4;padding:1.2rem}
.py-fall-icon{font-size:1.35rem;margin-bottom:.4rem}
.py-fall h3{font-size:.88rem;font-weight:800;color:#151515;margin:0 0 .3rem}
.py-fall p{font-size:.8rem;color:#555;line-height:1.65;margin:0}
/* FAQ-Sectionen auf hellem Grund (#faq = alle bg-cream-Ratgeberseiten).
   Die globalen .faq-item-Regeln sind für dunkle Flächen (weiße Schrift) gebaut. */
#faq .faq-item{background:#fff;border:1px solid #e8e0d4}
#faq .faq-item summary{padding:1rem 1.1rem;color:#151515}
#faq .faq-item summary::after{color:#c9a84c}
#faq .faq-item[open]{border-color:#c9a84c;box-shadow:0 2px 12px rgba(201,168,76,.1)}
#faq .faq-item[open] summary{color:#b8922e}
#faq .faq-item p{border-top:1px solid #f0ece4;color:#555}
@media(max-width:900px){
  .py-role-grid,.py-two-col,.py-plat-list,.py-fall-grid{grid-template-columns:1fr}
}

/* ── autorenwebsite-impressum.php ────────────────────────────────────── */
.aw-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}
.aw-fact{background:#fff;border:1px solid #e8e0d4;padding:.45rem .7rem;display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:150px}
.aw-fact-k{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999}
.aw-fact-v{font-size:.78rem;font-weight:700;color:#151515;margin-top:.15rem}
.aw-toc{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}
.aw-toc-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#fff;border:1px solid #e8e0d4;text-decoration:none;color:#333;font-size:.84rem;transition:.15s}
.aw-toc-link span{font-size:.62rem;font-weight:900;color:#b8922e;background:rgba(201,168,76,.12);padding:.15rem .35rem;flex-shrink:0}
.aw-toc-link:hover{border-color:#c9a84c;background:#faf7f0;color:#151515}
.aw-sit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}
.aw-sit{background:#fff;border:1px solid #e8e0d4;padding:1.1rem}
.aw-sit-icon{font-size:1.3rem;margin-bottom:.35rem}
.aw-sit-title{font-weight:800;font-size:.86rem;color:#151515;margin-bottom:.3rem;line-height:1.35}
.aw-sit-text{font-size:.79rem;color:#555;line-height:1.6}
.aw-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.aw-box{padding:1rem 1.1rem;border:1px solid #e8e0d4;background:#fff}
.aw-box--ok{background:#f0fdf4;border-color:#bbf7d0}
.aw-box--no{background:#fef2f2;border-color:#fecaca}
.aw-box-title{font-weight:800;font-size:.85rem;margin-bottom:.45rem;color:#151515}
.aw-box ul{margin:0 0 0 1rem;font-size:.8rem;line-height:1.75;color:#444}
.aw-ds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}
.aw-ds{background:#fff;border:1px solid #e8e0d4;padding:1.1rem}
.aw-ds-icon{font-size:1.3rem;margin-bottom:.35rem}
.aw-ds-title{font-weight:800;font-size:.85rem;color:#151515;margin-bottom:.3rem;line-height:1.35}
.aw-ds-text{font-size:.79rem;color:#555;line-height:1.6}
@media(max-width:900px){
  .aw-sit-grid,.aw-two-col,.aw-ds-grid{grid-template-columns:1fr}
}

/* ── impressum-bei-umzug.php ─────────────────────────────────────────── */
.uz-toc{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}
.uz-toc-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#fff;border:1px solid #e8e0d4;text-decoration:none;color:#333;font-size:.84rem;transition:.15s}
.uz-toc-link span{font-size:.62rem;font-weight:900;color:#b8922e;background:rgba(201,168,76,.12);padding:.15rem .35rem;flex-shrink:0}
.uz-toc-link:hover{border-color:#c9a84c;background:#faf7f0;color:#151515}
.uz-steps{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}
.uz-step{display:flex;gap:1rem;background:#fff;border:1px solid #e8e0d4;padding:1.1rem 1.2rem}
.uz-step-nr{font-size:.9rem;font-weight:900;color:#151515;background:var(--gold);padding:.35rem .5rem;height:fit-content;flex-shrink:0;letter-spacing:.04em}
.uz-step-body{flex:1;min-width:0}
.uz-step-wo{font-weight:800;font-size:.9rem;color:#151515}
.uz-step-frist{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#b8922e;margin:.2rem 0 .35rem}
.uz-step-text{font-size:.82rem;color:#555;line-height:1.65}
.uz-accordion{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;max-width:860px}
.uz-timeline{display:flex;flex-direction:column;gap:.4rem;margin-top:1.25rem}
.uz-tl{background:#fff;border:1px solid #e8e0d4;padding:.8rem 1rem;display:flex;gap:1rem;align-items:baseline}
.uz-tl-zeit{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b8922e;min-width:130px;flex-shrink:0}
.uz-tl-was{font-size:.83rem;color:#444;line-height:1.6}
.uz-tl-arrow{text-align:center;color:#c9a84c;font-weight:900;font-size:.8rem;line-height:1}
.uz-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.uz-box{padding:1rem 1.1rem;border:1px solid #e8e0d4;background:#fff}
.uz-box--ok{background:#f0fdf4;border-color:#bbf7d0}
.uz-box--no{background:#fef2f2;border-color:#fecaca}
.uz-box-title{font-weight:800;font-size:.85rem;margin-bottom:.45rem;color:#151515}
.uz-box ul{margin:0 0 0 1rem;font-size:.8rem;line-height:1.75;color:#444}
@media(max-width:900px){
  .uz-two-col{grid-template-columns:1fr}
  .uz-tl{flex-direction:column;gap:.2rem}
}

/* ── blogger.php ───────────────────────────────────────────────────── */
.bl-blue{color:#4A6CF7}.bl-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.bl-section{position:relative;overflow:hidden;padding:4.5rem 0}
.bl-section-bg{position:absolute;inset:0;z-index:0}
.bl-section-bg svg{width:100%;height:100%;display:block}
.bl-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#4A6CF7;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.bl-eyebrow::before{content:'';width:22px;height:2px;background:#4A6CF7;flex-shrink:0}
.bl-eyebrow--dark{color:#2C4BD0}.bl-eyebrow--dark::before{background:#2C4BD0}
.bl-eyebrow--gold{color:#c9a84c}.bl-eyebrow--gold::before{background:#c9a84c}
.bl-section-head{margin-bottom:2.4rem;max-width:760px}
.bl-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.bl-section-head.centered .bl-eyebrow{justify-content:center}
.bl-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.bl-section-title--dark{color:#151515}
.bl-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:660px}
.bl-section-lead--center{margin-left:auto;margin-right:auto}
/* Hero */
.bl-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#0A0E1A}
.bl-hero-bg{position:absolute;inset:0;pointer-events:none}
.bl-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.bl-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.bl-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(74,108,247,.16);border:1px solid rgba(74,108,247,.35);color:#7C9BFF;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.bl-dot{width:6px;height:6px;background:#4A6CF7;border-radius:50%;box-shadow:0 0 6px #4A6CF7;animation:bldot 1.4s infinite;flex-shrink:0}
@keyframes bldot{0%,100%{opacity:1}50%{opacity:.3}}
.bl-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.bl-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:620px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.bl-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.bl-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-bl-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#4A6CF7;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(74,108,247,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-bl-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(74,108,247,.42);background:#3A5BE0;color:#fff}
.btn-bl-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-bl-ghost:hover{border-color:#4A6CF7;color:#7C9BFF}
.btn-bl-full{display:block;text-align:center;width:100%;justify-content:center}
.bl-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.bl-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.bl-trust-blue{color:#7C9BFF;border-color:rgba(74,108,247,.35);background:rgba(74,108,247,.08)}
.bl-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.bl-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: Blog */
.bl-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.bl-blog-card{width:330px;background:#fff;border:1px solid rgba(74,108,247,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.bl-blog-bar{display:flex;align-items:center;gap:.5rem;background:#eef1fb;padding:.45rem .7rem;border-bottom:1px solid #e2e7f7}
.bl-blog-dots{display:flex;gap:.25rem}
.bl-blog-dots i{width:7px;height:7px;border-radius:50%;background:#c9d0e8;display:block}
.bl-blog-url{flex:1;background:#fff;border:1px solid #e2e7f7;border-radius:10px;font-size:.62rem;color:#7a86a8;padding:.15rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-blog-header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #eef0f7}
.bl-blog-avatar{width:44px;height:44px;border-radius:50%;background:#4A6CF7;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bl-blog-meta{flex:1;min-width:0}
.bl-blog-name{font-weight:800;color:#2b2b2b;font-size:.92rem}
.bl-blog-sub{font-size:.7rem;color:#8a8a8a}
.bl-blog-follow{background:#4A6CF7;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .65rem;flex-shrink:0}
.bl-blog-section{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4A6CF7;padding:.7rem 1rem 0}
.bl-blog-address{padding:.5rem 1rem .9rem}
.bl-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.bl-addr-name{font-weight:700;color:#2b2b2b}
.bl-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.bl-blog-footer{display:flex;flex-direction:column;gap:.3rem;padding:.7rem 1rem;background:#f5f7fe;border-top:1px solid #eef0f7}
.bl-blog-tag-ok{font-size:.7rem;font-weight:700;color:#1e874b}
.bl-blog-tag-note{font-size:.68rem;color:#4A6CF7}
/* Rechtslage */
.bl-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.bl-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.bl-trigger--warn{background:rgba(74,108,247,.07);border-left:2.5px solid #4A6CF7;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;line-height:1.5}
.bl-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;line-height:1.5}
.bl-trigger-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;color:inherit;opacity:.85}
.bl-law-links{margin:1.4rem 0 0;font-size:.8rem;color:rgba(255,255,255,.45)}
.bl-law-links a{color:#7C9BFF;text-decoration:none;font-weight:700}
.bl-law-links a:hover{text-decoration:underline}
.bl-risk-card{background:rgba(74,108,247,.06);border:1px solid rgba(74,108,247,.22);overflow:hidden}
.bl-risk-header{background:rgba(74,108,247,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(74,108,247,.18);color:#fff;font-weight:700;line-height:1.3}
.bl-risk-icon{width:28px;height:28px;background:rgba(74,108,247,.2);color:#7C9BFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.bl-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.bl-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.bl-risk-list li::before{content:'×';position:absolute;left:0;color:#4A6CF7;font-weight:700}
.bl-risk-card .btn-bl-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Impressum eintragen */
.bl-where-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bl-where-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:3px solid #4A6CF7;padding:1.6rem 1.4rem;overflow-wrap:break-word}
.bl-where-icon{width:38px;height:38px;color:#7C9BFF;margin-bottom:.8rem}
.bl-where-icon svg{width:100%;height:100%;display:block}
.bl-where-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.bl-where-card p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65;margin:0}
.bl-where-card em{font-style:normal;color:#c9a84c}
.bl-where-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.2rem 1.4rem}
.bl-where-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.7rem}
.bl-where-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.bl-where-tip li{font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.6;padding-left:1.1rem;position:relative}
.bl-where-tip li::before{content:'→';position:absolute;left:0;color:#c9a84c;font-weight:700}
.bl-where-tip strong{color:#fff}
/* How */
.bl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bl-step-card{background:#fff;border:1px solid #e0e3ef;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.bl-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.bl-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.bl-step-icon svg{width:42px;height:42px;display:block}
.bl-step-num{font-size:2.5rem;font-weight:900;opacity:.35;margin:.5rem 0;line-height:1}
.bl-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.bl-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bl-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.bl-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.bl-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.bl-feature-num{font-size:.7rem;font-weight:700;color:var(--bl-accent);opacity:.9}
/* Voices */
.bl-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.bl-quote-card{background:#fff;border:1px solid #e0e3ef;padding:1.25rem;overflow-wrap:break-word}
.bl-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.bl-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.bl-quote-author strong{display:block;font-size:.85rem;color:#151515}
.bl-quote-author small{display:block;font-size:.72rem;color:#777}
.bl-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.bl-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.bl-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.bl-plan-featured{border-color:#4A6CF7;box-shadow:0 0 24px rgba(74,108,247,.16)}
.bl-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#4A6CF7}
.bl-plan-name{font-weight:700;line-height:1.2}
.bl-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.bl-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.bl-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.bl-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.bl-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.bl-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.bl-plan-card .btn-bl-primary{margin-top:auto;width:100%;justify-content:center}
.bl-pricing-note{text-align:center;font-size:.72rem;color:rgba(255,255,255,.4);margin:1.5rem 0 0}
/* FAQ */
.bl-faq-section .faq-item{background:#fff;border:1px solid #e8eaf3}
.bl-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.bl-faq-section .faq-item summary::-webkit-details-marker{display:none}
.bl-faq-section .faq-item summary::after{content:'＋';color:#4A6CF7;flex-shrink:0;font-weight:700}
.bl-faq-section .faq-item[open]{border-color:#4A6CF7;box-shadow:0 2px 12px rgba(74,108,247,.1)}
.bl-faq-section .faq-item[open] summary{color:#2C4BD0}
.bl-faq-section .faq-item[open] summary::after{content:'－'}
.bl-faq-section .faq-item p{color:#555;border-top:1px solid #eef0f7;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.bl-cta-section{position:relative;overflow:hidden;background:#0A0E1A;padding:3.5rem 1rem;text-align:center;color:#fff}
.bl-cta-section .bl-section-bg{position:absolute;inset:0}
.bl-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.bl-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.bl-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.bl-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
.bl-cta-fine{font-size:.72rem;color:rgba(255,255,255,.35);margin:1rem 0 0!important}
@media(max-width:1024px){.bl-hero{padding:0 4vw;gap:2rem}.bl-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .bl-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .bl-hero-inner{padding:3.2rem 0 1.25rem}
  .bl-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .bl-hero-mockup{padding:1rem 0 2.2rem}
  .bl-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .bl-section{padding:2.8rem 0}
  .bl-section .container{padding:0 1.5rem}
  .bl-where-grid{grid-template-columns:1fr;gap:1rem}
  .bl-steps{grid-template-columns:1fr;gap:1rem}
  .bl-step-card{padding:1.5rem 1.25rem}
  .bl-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .bl-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .bl-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .bl-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .bl-cta-actions{flex-direction:column;align-items:stretch}
  .bl-cta-actions .btn-bl-primary,.bl-cta-actions .btn-bl-ghost{width:100%}
}
@media(max-width:680px){
  .bl-features-grid{grid-template-columns:1fr}
  .bl-hero-actions{flex-direction:column;align-items:stretch}
  .bl-hero-actions .btn-bl-primary,.bl-hero-actions .btn-bl-ghost{width:100%;font-size:.85rem}
  .bl-trust-strip{gap:.4rem}
  .bl-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .bl-hero{padding:0 1rem}
  .bl-hero-inner{padding:2.2rem 0 1rem}
  .bl-hero-tag{font-size:.62rem;gap:.4rem}
  .bl-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .bl-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-bl-primary,.btn-bl-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .bl-blog-card{width:100%;max-width:300px}
  .bl-section{padding:2rem 0}
  .bl-section .container{padding:0 1rem}
  .bl-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .bl-section-lead{font-size:.88rem}
  .bl-trigger--warn,.bl-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .bl-where-tip{padding:1rem}
  .bl-where-tip li{font-size:.82rem}
  .bl-step-icon svg{width:36px;height:36px}
  .bl-step-num{font-size:2rem}
  .bl-feature-card{padding:1.2rem}
  .bl-quote-card{padding:1rem}
  .bl-quote-text{font-size:.88rem}
  .bl-plan-card{padding:1.25rem}
  .bl-plan-price{font-size:1.6rem}
  .bl-cta-section{padding:2.5rem 1rem}
  .bl-cta-inner{padding:0}
  .bl-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .bl-faq-section .faq-item p{font-size:.84rem}
}
@media(hover:none) and (pointer:coarse){.btn-bl-primary:hover,.btn-bl-ghost:hover{transform:none}.btn-bl-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.bl-dot{animation:none}}

/* ── impressum-ratgeber.php ─────────────────────────────────────────── */
.rg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.rg-card{background:var(--white);border:1px solid var(--border);border-top:3px solid var(--gold);padding:1.6rem 1.4rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.rg-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.rg-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--gold);margin-bottom:.9rem;flex-shrink:0}
.rg-icon svg{display:block}
.rg-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;line-height:1.3;color:var(--ink)}
.rg-card p{font-size:.84rem;color:var(--muted);line-height:1.6;flex:1;margin:0 0 .8rem}
.rg-link{font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.02em}
@media(max-width:1024px){.rg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rg-grid{grid-template-columns:1fr}}

/* ── buch-impressum-selfpublishing.php ──────────────────────────────── */
.pfaq-final{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  background:#fff;border:1px solid #e8e0d4;border-left:3px solid #c9a84c;padding:1.75rem 2rem}
.pfaq-final-label{font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#b8922e;margin-bottom:.35rem}
.pfaq-final h3{margin:0 0 .4rem;font-size:1.12rem;font-weight:800;color:#151515;line-height:1.35}
.pfaq-final p{margin:0;font-size:.85rem;color:#666;line-height:1.7;max-width:560px}
.pfaq-final-actions{display:flex;gap:.6rem;flex-shrink:0}
.pfaq-final-actions .btn{white-space:nowrap;font-size:.8rem;padding:.7rem 1.4rem}
@media (max-width:768px){
  .pfaq-final{padding:1.4rem 1.2rem}
  .pfaq-final-actions{width:100%}
  .pfaq-final-actions .btn{flex:1;text-align:center}
}

/* ── preise.php – FAQ-CTA ───────────────────────────────────────────── */
.pfaq-cta{position:relative;overflow:hidden;background:var(--ink);padding:5rem 1.25rem}
.pfaq-cta-bg{position:absolute;inset:0;background:url('/assets/bg/faq-cta-cc0.svg') center/cover no-repeat;z-index:0}
.pfaq-cta-veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(21,21,21,.94) 0%,rgba(21,21,21,.86) 42%,rgba(21,21,21,.62) 100%)}
.pfaq-cta-inner{position:relative;z-index:2;max-width:820px;margin:0 auto;text-align:center}
.pfaq-cta-label{display:inline-block;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);border:1px solid rgba(201,168,76,.45);padding:.4rem 1rem;border-radius:99px;margin-bottom:1.4rem}
.pfaq-cta h2{color:#fff;font-size:clamp(1.55rem,3.4vw,2.35rem);line-height:1.25;margin:0 0 .9rem}
.pfaq-cta-text{color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.85;margin:0 auto 1.6rem;max-width:640px}
.pfaq-cta-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 1.9rem;padding:0;list-style:none}
.pfaq-cta-chips li{font-size:.75rem;color:rgba(255,255,255,.82);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);padding:.4rem .85rem;border-radius:99px}
.pfaq-cta-qs{margin:0 auto 2rem;padding:0;list-style:none;max-width:560px;text-align:left}
.pfaq-cta-qs li{position:relative;padding:.4rem 0 .4rem 1.7rem;font-size:.85rem;color:rgba(255,255,255,.72);
  border-bottom:1px dashed rgba(255,255,255,.12)}
.pfaq-cta-qs li:last-child{border-bottom:none}
.pfaq-cta-qs li::before{content:'?';position:absolute;left:0;top:.4rem;width:1.1rem;height:1.1rem;
  background:rgba(201,168,76,.18);color:var(--gold);border-radius:50%;font-size:.7rem;font-weight:700;
  display:flex;align-items:center;justify-content:center}
.pfaq-cta-qs .is-new::after{content:'Neu';margin-left:.5rem;font-size:.62rem;letter-spacing:.08em;
  text-transform:uppercase;background:var(--gold);color:var(--ink);padding:.1rem .45rem;border-radius:99px;font-weight:700}
.pfaq-cta .btn-gold{font-size:.85rem;padding:.85rem 2rem}
.pfaq-cta-foot{margin-top:1.1rem;font-size:.7rem;color:rgba(255,255,255,.45)}
@media (max-width:768px){
  .pfaq-cta{padding:3.5rem 1rem}
  .pfaq-cta-text{font-size:.88rem}
  .pfaq-cta-qs{max-width:100%}
}

/* ── kontakt.php ────────────────────────────────────────────────────── */
.contact-hero{position:relative;min-height:320px;display:flex;align-items:center;overflow:hidden}
.contact-hero-bg{position:absolute;inset:0;z-index:0}
.contact-hero-bg svg{width:100%;height:100%;display:block}
.contact-hero-inner{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:5rem 2rem 4rem;width:100%}
.contact-hero-title{font-size:clamp(1.9rem,5vw,3.1rem);font-weight:900;color:#fff;margin:.5rem 0 1rem;line-height:1.15;letter-spacing:-.02em}
.contact-hero-sub{font-size:.93rem;color:rgba(255,255,255,.52);font-weight:300;max-width:500px;line-height:1.75;margin:0 0 1.75rem}
.contact-hero-pills{display:flex;flex-wrap:wrap;gap:.6rem}
.contact-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.3);color:#c9a84c;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s}
.contact-pill:hover{background:rgba(201,168,76,.2);border-color:#c9a84c}
.contact-pill--muted{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.42)}
.faq-banner{background:#f0f0f0;border-bottom:1px solid #e0e0e0;padding:3rem 2rem 3.5rem}
.faq-banner-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:160px 1fr auto;gap:2.5rem;align-items:center}
.faq-banner-graphic{display:flex;justify-content:center;align-items:center}
.faq-banner-graphic img{width:160px;height:auto;display:block}
.faq-banner-text h2{font-size:1.25rem;font-weight:800;color:#111;margin:0 0 .5rem;letter-spacing:-.01em}
.faq-banner-text p{font-size:.88rem;color:#666;line-height:1.7;margin:0}
.faq-banner-text a{color:#c9a84c;text-decoration:none;font-weight:600}
.faq-banner-text a:hover{text-decoration:underline}
.faq-banner-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:#151515;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .18s,transform .15s}
.faq-banner-btn:hover{background:#c9a84c;color:#111;transform:translateY(-1px)}
.faq-banner-btn svg{width:14px;height:14px}
@media(max-width:860px){.faq-banner-inner{grid-template-columns:1fr;text-align:center}.faq-banner-graphic{order:-1}.faq-banner-graphic img{width:110px}.faq-banner-btn{margin:0 auto}}
@media(max-width:480px){.faq-banner{padding:2rem 1rem}}
.contact-section{background:#faf8f4;padding:5rem 2rem}
.contact-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:4rem;align-items:start}
.contact-graphic{margin-bottom:2rem}
.contact-graphic svg{width:100%;max-width:300px;height:auto;display:block}
.contact-blocks{display:flex;flex-direction:column;gap:0}
.contact-block-modern{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid rgba(0,0,0,.07)}
.contact-block-modern:last-child{border-bottom:none}
.contact-block-modern-icon{width:38px;height:38px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#c9a84c}
.contact-block-modern-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.3rem}
.contact-block-modern-value{font-size:.88rem;line-height:1.65;color:#333}
.contact-block-modern-value a{color:#333;text-decoration:none}
.contact-block-modern-value a:hover{color:#c9a84c}
.contact-block-modern-sub{font-size:.78rem;color:#999}
.contact-block-modern-badge{display:inline-block;font-size:.68rem;font-weight:700;color:#c9a84c;background:rgba(201,168,76,.1);padding:.15rem .5rem;margin-top:.2rem;letter-spacing:.04em}
.contact-form-card{background:#fff;border:1px solid #e8e0d4;padding:2.25rem 2rem;box-shadow:0 4px 32px rgba(0,0,0,.06)}
.contact-form-card-head{margin-bottom:1.5rem}
.contact-form-title{font-size:1.3rem;font-weight:900;color:#111;margin:0 0 .35rem;letter-spacing:-.02em}
.contact-form-sub{font-size:.78rem;color:#999;margin:0}
.contact-form-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #e74c3c;color:#c0392b;font-size:.82rem;padding:.75rem 1rem;margin-bottom:1.25rem}
.contact-form{display:flex;flex-direction:column;gap:1.1rem}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form-group{display:flex;flex-direction:column;gap:.4rem}
.contact-form-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#666;display:flex;justify-content:space-between;align-items:center}
.contact-char-counter{font-weight:400;color:#bbb;letter-spacing:0;text-transform:none;font-size:.68rem}
.contact-form-input{padding:.7rem .9rem;border:1.5px solid #ddd;font-size:.9rem;font-family:inherit;color:#222;background:#fdfcfa;outline:none;transition:border-color .18s,box-shadow .18s;width:100%;box-sizing:border-box}
.contact-form-input:focus{border-color:#c9a84c;box-shadow:0 0 0 3px rgba(201,168,76,.12)}
.contact-form-textarea{resize:vertical;min-height:130px}
.contact-privacy-note{font-size:.72rem;color:#aaa;display:flex;align-items:center;gap:.4rem;margin:0}
.contact-privacy-note a{color:#888;text-decoration:underline}
.contact-privacy-note a:hover{color:#c9a84c}
.contact-submit-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.75rem;background:#151515;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;font-family:inherit;transition:background .18s,transform .15s;align-self:flex-start}
.contact-submit-btn:hover{background:#c9a84c;color:#111;transform:translateY(-1px)}
.contact-success{background:#fff;border:1px solid #e8e0d4;padding:3rem 2rem;text-align:center;box-shadow:0 4px 32px rgba(0,0,0,.06)}
.contact-success-icon{margin:0 auto 1.25rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(39,174,96,.07);border-radius:50%}
.contact-success-icon svg{width:36px;height:36px}
.contact-success h3{font-size:1.35rem;font-weight:900;color:#111;margin:0 0 .6rem}
.contact-success p{font-size:.88rem;color:#666;line-height:1.7;margin:0 0 1.5rem}
.contact-success-btn{display:inline-flex;align-items:center;padding:.65rem 1.5rem;background:#151515;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .18s}
.contact-success-btn:hover{background:#c9a84c;color:#111}
@media(max-width:860px){.contact-layout{grid-template-columns:1fr;gap:2.5rem}.contact-graphic{max-width:220px;margin:0 auto 2rem}.contact-form-grid{grid-template-columns:1fr}.contact-hero-inner{padding:4rem 1.25rem 3rem}}
@media(max-width:480px){.contact-form-card{padding:1.5rem 1.1rem}.contact-section{padding:3rem 1rem}}
/* WhatsApp-Support (kontakt.php) */
.wa-section{background:#333 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgNDAwIDQwMCI+CiAgPGRlZnM+CiAgICA8c3ltYm9sIGlkPSJ3YSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgICAgPHBhdGggZD0iTTE3LjQ3MiAxNC4zODJjLS4yOTctLjE0OS0xLjc1OC0uODY3LTIuMDMtLjk2Ny0uMjczLS4wOTktLjQ3MS0uMTQ4LS42Ny4xNS0uMTk3LjI5Ny0uNzY3Ljk2Ni0uOTQgMS4xNjQtLjE3My4xOTktLjM0Ny4yMjMtLjY0NC4wNzUtLjI5Ny0uMTUtMS4yNTUtLjQ2My0yLjM5LTEuNDc1LS44ODMtLjc4OC0xLjQ4LTEuNzYxLTEuNjUzLTIuMDU5LS4xNzMtLjI5Ny0uMDE4LS40NTguMTMtLjYwNi4xMzQtLjEzMy4yOTgtLjM0Ny40NDYtLjUyLjE0OS0uMTc0LjE5OC0uMjk4LjI5OC0uNDk3LjA5OS0uMTk4LjA1LS4zNzEtLjAyNS0uNTItLjA3NS0uMTQ5LS42NjktMS42MTItLjkxNi0yLjIwNy0uMjQyLS41NzktLjQ4Ny0uNS0uNjY5LS41MS0uMTczLS4wMDgtLjM3MS0uMDEtLjU3LS4wMS0uMTk4IDAtLjUyLjA3NC0uNzkyLjM3Mi0uMjcyLjI5Ny0xLjA0IDEuMDE2LTEuMDQgMi40NzkgMCAxLjQ2MiAxLjA2NSAyLjg3NSAxLjIxMyAzLjA3NC4xNDkuMTk4IDIuMDk2IDMuMiA1LjA3NyA0LjQ4Ny43MDkuMzA2IDEuMjYyLjQ4OSAxLjY5NC42MjUuNzEyLjIyNyAxLjM2LjE5NSAxLjg3MS4xMTguNTcxLS4wODUgMS43NTgtLjcxOSAyLjAwNi0xLjQxMy4yNDgtLjY5NC4yNDgtMS4yODkuMTczLTEuNDEzLS4wNzQtLjEyNC0uMjcyLS4xOTgtLjU3LS4zNDd6Ii8+CiAgICAgIDxwYXRoIGQ9Ik0yMC41MiAzLjQ0OUMxOC4yNCAxLjI0NSAxNS4yNCAwIDEyLjA0NSAwIDUuNDYzIDAgLjEwNCA1LjMzNC4xMDEgMTEuODkzYzAgMi4wOTYuNTQ5IDQuMTQgMS41OTUgNS45NDVMMCAyNGw2LjMzNS0xLjY1MmExMS45IDExLjkgMCAwIDAgNS43MSAxLjQ0N2guMDA2YzYuNTg1IDAgMTEuOTQ2LTUuMzM2IDExLjk0OS0xMS44OTZhMTEuODIgMTEuODIgMCAwIDAtMy40OC04LjQ1em0tOC40NzQgMTguMTZoLS4wMDVhOS44NyA5Ljg3IDAgMCAxLTUuMDMxLTEuMzc4bC0uMzYxLS4yMTQtMy43NDEuOTggMS4wMDYtMy42NDgtLjIzNS0uMzc0YTkuODYgOS44NiAwIDAgMS0xLjUxLTUuMjZjLjAwMi01LjQ1IDQuNDU2LTkuODg0IDkuOTQyLTkuODg0YTkuODYgOS44NiAwIDAgMSA3LjAyMyAyLjkwNiA5LjgzIDkuODMgMCAwIDEgMi45MSA2Ljk5Yy0uMDAzIDUuNDUtNC40NTcgOS44ODUtOS45OTggOS44ODV6Ii8+CiAgICA8L3N5bWJvbD4KICA8L2RlZnM+CiAgPGcgZmlsbD0icmdiYSgyMDEsMTY4LDc2LDAuMDQpIj4KICAgIDx1c2UgaHJlZj0iI3dhIiB4PSIzMCIgeT0iMzAiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIvPgogICAgPHVzZSBocmVmPSIjd2EiIHg9IjIyMCIgeT0iODAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIvPgogICAgPHVzZSBocmVmPSIjd2EiIHg9IjEyMCIgeT0iMjUwIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiLz4KICAgIDx1c2UgaHJlZj0iI3dhIiB4PSIzMjAiIHk9IjMwMCIgd2lkdGg9IjQ1IiBoZWlnaHQ9IjQ1Ii8+CiAgICA8dXNlIGhyZWY9IiN3YSIgeD0iNjAiIHk9IjM0MCIgd2lkdGg9IjM1IiBoZWlnaHQ9IjM1Ii8+CiAgPC9nPgo8L3N2Zz4K") repeat;border-top:1px solid rgba(201,168,76,.18);border-bottom:1px solid rgba(201,168,76,.18);padding:3rem 2rem 3.25rem;position:relative;overflow:hidden}
.wa-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2.5rem;align-items:center}
.wa-head{display:flex;gap:1.5rem;align-items:flex-start}
.wa-icon{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.28);color:#25d366}
.wa-icon svg{width:30px;height:30px;display:block}
.wa-head .section-label{margin-bottom:.4rem}
.wa-title{font-size:1.35rem;font-weight:900;color:#fff;margin:0 0 .45rem;letter-spacing:-.01em;line-height:1.3}
.wa-text{font-size:.86rem;color:rgba(255,255,255,.55);line-height:1.75;margin:0;max-width:620px}
.wa-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}
.wa-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.6rem;background:#25d366;color:#08301b;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .18s,transform .15s}
.wa-btn:hover{background:#4ade80;transform:translateY(-1px)}
.wa-btn svg{width:18px;height:18px;flex-shrink:0}
.wa-note{font-size:.72rem;font-weight:600;color:#25d366;letter-spacing:.03em}
.wa-number{font-size:.74rem;color:rgba(255,255,255,.35);letter-spacing:.04em}
.wa-number a{color:rgba(255,255,255,.5);text-decoration:underline}
.wa-number a:hover{color:#c9a84c}
@media(max-width:860px){.wa-inner{grid-template-columns:1fr;gap:1.75rem}.wa-actions{align-items:flex-start}.wa-head{gap:1.1rem}.wa-icon{width:46px;height:46px}}
@media(max-width:480px){.wa-section{padding:2.25rem 1rem}.wa-btn{width:100%;justify-content:center;white-space:normal;text-align:center}.wa-head{flex-direction:column;gap:.9rem}}

/* ── plattformen.php ────────────────────────────────────────────────── */
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.pf-grid--dark{grid-template-columns:repeat(4,1fr)}
.pf-card{background:var(--white);border:1px solid var(--border);padding:1.6rem 1.4rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.pf-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.pf-card--dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:var(--white)}
.pf-card--dark:hover{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.35)}
.pf-card--creator{border-top:3px solid var(--gold)}
.pf-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;background:var(--ink);color:var(--gold);margin-bottom:.9rem;flex-shrink:0;overflow:hidden}
.pf-icon svg{display:block}
.pf-icon--kdp{background:#FF9900}
.pf-icon--bod{background:#C8102E;font-size:.65rem}
.pf-icon--epubli{background:#005387}
.pf-icon--tredition{background:#e30613}
.pf-icon--tolino{background:#009ee0}
.pf-icon--autaria{background:#2e7d32}
.pf-icon--neobooks{background:#6a1b9a}
.pf-icon--novamd{background:#0B1E3A}
.pf-icon--vlb{background:#1B5EA8}
.pf-icon--etsy{background:#F1641E}
.pf-icon--kleinanz{background:#12805C}
.pf-icon--vinted{background:#007782}
.pf-icon--markdet{background:#F39A00}
.pf-icon--quoka{background:#1177BB}
.pf-icon--kasuwa{background:#10A5BB}
.pf-icon--myhammer{background:#002F48}
.pf-market{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;align-items:start}
.pf-card--vlb{border-top:3px solid #1B5EA8}
.pf-card--vlb:hover{border-color:#1B5EA8}
.pf-card--etsy{border-top:3px solid #F1641E}
.pf-card--etsy:hover{border-color:#F1641E}
.pf-card--kleinanz{border-top:3px solid #12805C}
.pf-card--kleinanz:hover{border-color:#12805C}
.pf-card--vinted{border-top:3px solid #007782}
.pf-card--vinted:hover{border-color:#007782}
.pf-card--markdet{border-top:3px solid #F39A00}
.pf-card--markdet:hover{border-color:#F39A00}
.pf-card--quoka{border-top:3px solid #1177BB}
.pf-card--quoka:hover{border-color:#1177BB}
.pf-card--kasuwa{border-top:3px solid #10A5BB}
.pf-card--kasuwa:hover{border-color:#10A5BB}
.pf-card--myhammer{border-top:3px solid #E52329}
.pf-card--myhammer:hover{border-color:#E52329}
.pf-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;line-height:1.3}
.pf-card--dark h3{color:var(--white)}
.pf-card p{font-size:.84rem;color:var(--muted);line-height:1.6;flex:1;margin:0 0 .8rem}
.pf-card--dark p{color:rgba(255,255,255,.55)}
.pf-link{font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.02em}
/* CTA mit eigenem Background */
.pf-cta-section{position:relative;overflow:hidden;padding:4.5rem 2rem;text-align:center;background:var(--ink)}
.pf-cta-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.pf-cta-bg svg{width:100%;height:100%;display:block}
.pf-cta-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}
.pf-cta-section .section-title{margin-bottom:.6rem}
.pf-cta-section .section-lead{max-width:560px}
@media(max-width:1024px){.pf-grid{grid-template-columns:repeat(2,1fr)}.pf-grid--dark{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pf-grid,.pf-grid--dark{grid-template-columns:1fr}}



/* ── kleinanzeigen.php ─────────────────────────────────────────────── */

.ka-green{color:#12805C}.ka-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.ka-section{position:relative;overflow:hidden;padding:4.5rem 0}
.ka-section-bg{position:absolute;inset:0;z-index:0}
.ka-section-bg svg{width:100%;height:100%;display:block}
.ka-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#12805C;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.ka-eyebrow::before{content:'';width:22px;height:2px;background:#12805C;flex-shrink:0}
.ka-eyebrow--dark{color:#0d5f45}.ka-eyebrow--dark::before{background:#0d5f45}
.ka-section-head{margin-bottom:2.4rem;max-width:720px}
.ka-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.ka-section-head.centered .ka-eyebrow{justify-content:center}
.ka-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.ka-section-title--dark{color:#151515}
.ka-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
/* Hero */
.ka-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#04120E}
.ka-hero-bg{position:absolute;inset:0;pointer-events:none}
.ka-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.ka-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.ka-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(18,128,92,.16);border:1px solid rgba(18,128,92,.35);color:#2fbf8f;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.ka-dot{width:6px;height:6px;background:#2fbf8f;border-radius:50%;box-shadow:0 0 6px #2fbf8f;animation:kadot 1.4s infinite;flex-shrink:0}
@keyframes kadot{0%,100%{opacity:1}50%{opacity:.3}}
.ka-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.ka-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.ka-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.ka-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-ka-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#12805C;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(18,128,92,.32);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-ka-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(18,128,92,.45);background:#0d6b4d;color:#fff}
.btn-ka-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-ka-ghost:hover{border-color:#12805C;color:#2fbf8f}
.btn-ka-full{display:block;text-align:center;width:100%;justify-content:center}
.ka-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.ka-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.ka-trust-green{color:#2fbf8f;border-color:rgba(18,128,92,.35);background:rgba(18,128,92,.08)}
.ka-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.ka-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.28);background:rgba(111,168,220,.07)}
/* Hero-Mockup: Kleinanzeigen-Inserat */
.ka-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.ka-listing-card{width:340px;background:#fff;border:1px solid rgba(18,128,92,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ka-listing-thumb{height:110px;background:linear-gradient(135deg,#12805C 0%,#0a4a37 60%,#04120E 100%);position:relative}
.ka-listing-cat{position:absolute;top:.7rem;left:.7rem;background:rgba(255,255,255,.92);color:#0d5f45;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem}
.ka-listing-body{padding:1rem}
.ka-listing-title{font-weight:800;color:#222;font-size:.95rem;line-height:1.3}
.ka-listing-meta{font-size:.75rem;color:#777;margin-top:.2rem}
.ka-listing-seller{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}
.ka-seller-badge{background:#12805C;color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.04em;padding:.18rem .45rem}
.ka-seller-name{font-size:.78rem;color:#555;font-weight:600}
.ka-listing-impressum{font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#12805C;margin-top:.9rem;padding-top:.7rem;border-top:1px solid #eee6dd}
.ka-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.ka-addr-name{font-weight:700;color:#222}
.ka-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
/* Rechtslage */
.ka-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.ka-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.ka-trigger--warn{background:rgba(18,128,92,.09);border-left:2.5px solid #12805C;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.ka-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.ka-risk-card{background:rgba(18,128,92,.07);border:1px solid rgba(18,128,92,.25);overflow:hidden}
.ka-risk-header{background:rgba(18,128,92,.14);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(18,128,92,.2);color:#fff;font-weight:700;line-height:1.3}
.ka-risk-icon{width:28px;height:28px;background:rgba(18,128,92,.22);color:#2fbf8f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.ka-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.ka-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.ka-risk-list li::before{content:'×';position:absolute;left:0;color:#2fbf8f;font-weight:700}
.ka-risk-card .btn-ka-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Hinweis */
.ka-note-section{background:#04120E;padding:2.6rem 0}
.ka-note-box{border:1px solid rgba(201,168,76,.28);background:rgba(201,168,76,.06);border-left:4px solid #c9a84c;padding:1.3rem 1.5rem}
.ka-note-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.6rem}
.ka-note-box p{font-size:.86rem;line-height:1.7;color:rgba(255,255,255,.68);margin:0}
.ka-note-box strong{color:#fff}
/* How */
.ka-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ka-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.ka-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.ka-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.ka-step-icon svg{width:42px;height:42px;display:block}
.ka-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.ka-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.ka-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ka-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.ka-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.ka-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.ka-feature-num{font-size:.7rem;font-weight:700;color:var(--ka-accent);opacity:.9}
/* Voices */
.ka-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.ka-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.ka-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.ka-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.ka-quote-author strong{display:block;font-size:.85rem;color:#151515}
.ka-quote-author small{display:block;font-size:.72rem;color:#777}
.ka-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.ka-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.ka-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.ka-plan-featured{border-color:#12805C;box-shadow:0 0 24px rgba(18,128,92,.18)}
.ka-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#12805C}
.ka-plan-name{font-weight:700;line-height:1.2}
.ka-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.ka-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.ka-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.ka-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.ka-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.ka-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.ka-plan-card .btn-ka-primary{margin-top:auto;width:100%;justify-content:center}
/* FAQ */
.ka-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.ka-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.ka-faq-section .faq-item summary::-webkit-details-marker{display:none}
.ka-faq-section .faq-item summary::after{content:'＋';color:#12805C;flex-shrink:0;font-weight:700}
.ka-faq-section .faq-item[open]{border-color:#12805C;box-shadow:0 2px 12px rgba(18,128,92,.1)}
.ka-faq-section .faq-item[open] summary{color:#0d5f45}
.ka-faq-section .faq-item[open] summary::after{content:'－'}
.ka-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.ka-cta-section{position:relative;overflow:hidden;background:#04120E;padding:3.5rem 1rem;text-align:center;color:#fff}
.ka-cta-section .ka-section-bg{position:absolute;inset:0}
.ka-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.ka-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.ka-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.ka-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.ka-hero{padding:0 4vw;gap:2rem}.ka-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .ka-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .ka-hero-inner{padding:3.2rem 0 1.25rem}
  .ka-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .ka-hero-mockup{padding:1rem 0 2.2rem}
  .ka-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .ka-section{padding:2.8rem 0}
  .ka-section .container{padding:0 1.5rem}
  .ka-note-section{padding:2rem 0}
  .ka-steps{grid-template-columns:1fr;gap:1rem}
  .ka-step-card{padding:1.5rem 1.25rem}
  .ka-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .ka-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .ka-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .ka-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .ka-cta-actions{flex-direction:column;align-items:stretch}
  .ka-cta-actions .btn-ka-primary,.ka-cta-actions .btn-ka-ghost{width:100%}
}
@media(max-width:680px){
  .ka-features-grid{grid-template-columns:1fr}
  .ka-hero-actions{flex-direction:column;align-items:stretch}
  .ka-hero-actions .btn-ka-primary,.ka-hero-actions .btn-ka-ghost{width:100%;font-size:.85rem}
  .ka-trust-strip{gap:.4rem}
  .ka-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .ka-hero{padding:0 1rem}
  .ka-hero-inner{padding:2.2rem 0 1rem}
  .ka-hero-tag{font-size:.62rem;gap:.4rem}
  .ka-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .ka-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-ka-primary,.btn-ka-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .ka-listing-card{width:100%;max-width:300px}
  .ka-section{padding:2rem 0}
  .ka-section .container{padding:0 1rem}
  .ka-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .ka-section-lead{font-size:.88rem}
  .ka-trigger--warn,.ka-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .ka-note-box{padding:1rem}
  .ka-note-box p{font-size:.84rem}
  .ka-step-icon svg{width:36px;height:36px}
  .ka-step-num{font-size:2rem}
  .ka-feature-card{padding:1.2rem}
  .ka-quote-card{padding:1rem}
  .ka-quote-text{font-size:.88rem}
  .ka-plan-card{padding:1.25rem}
  .ka-plan-price{font-size:1.6rem}
  .ka-cta-section{padding:2.5rem 1rem}
  .ka-cta-inner{padding:0}
  .ka-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .ka-faq-section .faq-item p{font-size:.84rem}
}
@media(hover:none) and (pointer:coarse){.btn-ka-primary:hover,.btn-ka-ghost:hover{transform:none}.btn-ka-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.ka-dot{animation:none}}

/* ── aktivierung.php ───────────────────────────────────────────────── */

/* ── Login-Elemente (login-input, login-label, login-logo) ─────── */
.login-logo {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.5rem;
}
.login-label {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted2);
  margin-bottom: .45rem;
}
.login-input {
  width: 100%;
  box-sizing: border-box;
  padding: .75rem 1rem;
  background: #fff;
  border: 1.5px solid #d0cac0;
  color: #151515;
  font-size: .95rem;
  font-family: inherit;
  outline: none;
  transition: border-color .18s, box-shadow .18s;
}
.login-input::placeholder { color: #b0a898; }
.login-input:focus {
  border-color: #c9a84c;
  box-shadow: 0 0 0 3px rgba(201,168,76,.15);
}
/* E-Mail-Icon-Wrapper */
.login-input-wrap {
  position: relative;
}
.login-input-wrap .login-input-icon {
  position: absolute;
  right: .9rem;
  top: 50%;
  transform: translateY(-50%);
  color: #b0a898;
  pointer-events: none;
  display: flex;
}
.login-input-wrap .login-input { padding-right: 2.4rem; }

/* OTP-Eingabefelder */
.otp-wrap {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  margin: .5rem 0;
}
.otp-input {
  width: 54px;
  height: 66px;
  font-size: 1.9rem;
  font-weight: 900;
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  border: 2px solid #d0cac0;
  background: #fff;
  color: #151515;
  outline: none;
  transition: border-color .15s, box-shadow .15s, transform .12s;
  caret-color: #c9a84c;
  -moz-appearance: textfield;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.otp-input::-webkit-outer-spin-button,
.otp-input::-webkit-inner-spin-button { -webkit-appearance: none; }
.otp-input:focus {
  border-color: #c9a84c;
  box-shadow: 0 0 0 3px rgba(201,168,76,.18);
  transform: translateY(-2px);
  z-index: 1;
  position: relative;
}
.otp-input.filled {
  border-color: #c9a84c;
  background: #fffbf2;
  color: #151515;
  font-weight: 900;
}
.otp-input.error {
  border-color: #e74c3c;
  box-shadow: 0 0 0 3px rgba(231,76,60,.12);
}
.otp-sep {
  color: #b0a898;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0 2px;
  user-select: none;
  line-height: 1;
}
.act-hint {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .72rem;
  color: var(--muted);
  margin: .6rem 0 1.25rem;
}
.act-support-banner {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-top: 1.25rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(201,168,76,.25);
  background: rgba(201,168,76,.05);
  border-radius: 4px;
}
.act-support-icon {
  flex-shrink: 0;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: rgba(201,168,76,.12);
  color: var(--gold);
}
.act-support-body { flex: 1; min-width: 0; }
.act-support-title {
  font-size: .8rem;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: .15rem;
}
.act-support-sub {
  font-size: .72rem;
  color: var(--muted);
  line-height: 1.45;
}
.act-support-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem .9rem;
  border: 1.5px solid var(--gold);
  background: transparent;
  color: var(--gold);
  font-size: .75rem;
  font-weight: 700;
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.act-support-btn:hover {
  background: var(--gold);
  color: #fff;
}
.act-success-icon {
  margin: 0 auto 1rem;
  width: 64px; height: 64px;
  background: rgba(39,174,96,.08);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
/* Submit-Button disabled */
#actSubmit:disabled {
  opacity: .45;
  cursor: not-allowed;
}

/* ── suche.php ─────────────────────────────────────────────────────── */

.sc-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
.sc-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 .7rem}
.sc-lead{color:rgba(255,255,255,.6);line-height:1.7;max-width:620px;margin:0 0 1.8rem}
/* overflow:hidden würde die Suggest-Box abschneiden – der Hintergrund ist
   ohnehin über inset:0 bereits begrenzt. */
.sc-hero{position:relative;background:#151515;padding:4.5rem 0 3.2rem}
.sc-hero-bg{position:absolute;inset:0;pointer-events:none}
.sc-hero-bg svg{width:100%;height:100%;display:block}
.sc-hero-inner{position:relative;z-index:1;max-width:760px}
/* Suchformular */
.sc-form{position:relative}
.sc-field{position:relative;display:flex;align-items:center;background:#fff;border:2px solid transparent;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.sc-field:focus-within{border-color:var(--gold)}
.sc-field-icon{display:flex;align-items:center;padding-left:1rem;color:#9a9a9a;flex-shrink:0}
.sc-input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:1.05rem .9rem;font-size:1rem;font-family:inherit;color:#151515;min-height:56px}
.sc-input::placeholder{color:#a3a3a3}
.sc-input::-webkit-search-cancel-button{-webkit-appearance:none}
.sc-submit{border:none;background:var(--gold);color:#151515;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:0 1.6rem;min-height:56px;cursor:pointer;font-family:inherit;align-self:stretch;transition:background .2s}
.sc-submit:hover{background:var(--gold-light)}
.sc-hint{font-size:.75rem;color:rgba(255,255,255,.4);margin:.8rem 0 0;line-height:1.5}
/* Vorschläge: z-index 1200 liegt über der Navigation (1000), dem Sticky-Header (900)
   und dem mobilen Menü (999). Die Höhe wird begrenzt, damit die Box nicht bis zum
   Cookie-Banner (9999) bzw. Chat-Launcher (9999) durchreicht. */
.sc-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e4ddd2;box-shadow:0 18px 40px rgba(0,0,0,.28);max-height:min(52vh,420px);overflow-y:auto;overscroll-behavior:contain;z-index:1200}
.sc-suggest[hidden]{display:none}
.sc-suggest-item{display:block;padding:.75rem 1rem;border-bottom:1px solid #f0ece4;text-decoration:none;transition:background .12s}
.sc-suggest-item:last-child{border-bottom:none}
.sc-suggest-item:hover,.sc-suggest-item.is-active{background:#faf6ef}
.sc-suggest-top{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.sc-suggest-title{font-weight:700;font-size:.92rem;color:#151515;line-height:1.3}
.sc-suggest-cat{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a7a4e;background:#f4efe4;padding:.15rem .45rem;white-space:nowrap}
.sc-suggest-excerpt{font-size:.78rem;color:#6a6a6a;line-height:1.5;margin-top:.2rem;display:block}
.sc-suggest-all{display:block;padding:.7rem 1rem;background:#151515;color:var(--gold);font-size:.76rem;font-weight:700;text-decoration:none;letter-spacing:.04em}
.sc-suggest-all:hover{background:#1e1e1e}
.sc-suggest mark,.sc-result mark{background:rgba(201,168,76,.35);color:inherit;padding:0 .1em}
/* Ergebnisse */
.sc-results-section{background:#faf8f4}
.sc-h2{font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:900;color:#151515;letter-spacing:-.02em;margin:0 0 .4rem;line-height:1.2}
.sc-sub{font-size:.82rem;color:#777;margin:0 0 2rem}
.sc-topics{margin-bottom:2.6rem}
.sc-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.sc-chip{display:inline-block;background:#fff;border:1px solid #e4ddd2;padding:.5rem .95rem;font-size:.82rem;font-weight:600;color:#333;text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.sc-chip:hover{border-color:var(--gold);color:#151515;background:#fffdf8}
.sc-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}
.sc-reset{font-size:.8rem;color:#8a7a4e;text-decoration:none;font-weight:600;white-space:nowrap}
.sc-reset:hover{color:var(--ink);text-decoration:underline}
.sc-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}
.sc-result{background:#fff;border:1px solid #e4ddd2;transition:border-color .2s,box-shadow .2s}
.sc-result:hover{border-color:var(--gold);box-shadow:0 4px 18px rgba(0,0,0,.06)}
.sc-result a{display:block;padding:1.1rem 1.25rem;text-decoration:none}
.sc-result-cat{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a7a4e;background:#f4efe4;padding:.18rem .5rem;margin-bottom:.5rem}
.sc-result-title{display:block;font-size:1.02rem;font-weight:700;color:#151515;line-height:1.35}
.sc-result-excerpt{display:block;font-size:.86rem;color:#5f5f5f;line-height:1.65;margin-top:.35rem}
.sc-result-url{display:block;font-size:.74rem;color:#a08c52;margin-top:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.sc-empty{background:#fff;border:1px solid #e4ddd2;padding:2.2rem 1.6rem;text-align:center}
.sc-empty-text{color:#5f5f5f;line-height:1.7;margin:0 0 1.3rem}
/* Übersicht ohne Suchbegriff */
.sc-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.6rem}
.sc-group{background:#fff;border:1px solid #e4ddd2;padding:1.3rem 1.25rem}
.sc-group-title{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--gold);display:inline-block;padding:.25rem .6rem;margin:0 0 .9rem}
.sc-group-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.sc-group-list a{display:block;padding:.5rem .6rem;text-decoration:none;margin:0 -.6rem;transition:background .15s}
.sc-group-list a:hover{background:#faf6ef}
.sc-group-name{display:block;font-size:.88rem;font-weight:700;color:#151515;line-height:1.35}
.sc-group-desc{display:block;font-size:.76rem;color:#777;line-height:1.5;margin-top:.15rem}
@media(max-width:900px){.sc-groups{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .sc-hero{padding:3rem 0 2.2rem}
  .sc-field{flex-wrap:wrap}
  .sc-input{padding:.9rem .6rem;font-size:.95rem}
  .sc-submit{width:100%;min-height:46px;padding:.7rem}
  .sc-groups{grid-template-columns:1fr;gap:1rem}
  .sc-result a{padding:1rem}
  .sc-suggest-excerpt{display:none}
}
@media(hover:none) and (pointer:coarse){.sc-submit:hover{background:var(--gold)}}

/* ── impressum-angaben.php ─────────────────────────────────────────── */

/* Pflichtangaben-Seite – eigene Ergänzungen; bv-*/ia-* liegen in shared.css */
.ia-quickfacts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}
.ia-qf{background:#fff;border:1px solid #e8e0d4;padding:.45rem .7rem;display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:150px}
.ia-qf-k{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999}
.ia-qf-v{font-size:.78rem;font-weight:700;color:#151515;margin-top:.15rem}
.ia-td-law{font-size:.76rem;color:#8a6f1e}
.ia-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.ia-box{padding:1rem 1.1rem;border:1px solid #e8e0d4}
.ia-box--ok{background:#f0fdf4;border-color:#bbf7d0}
.ia-box--soft{background:#faf8f4;border-color:#e0d9ce}
.ia-box-title{font-weight:800;font-size:.85rem;margin-bottom:.45rem;color:#151515}
.ia-box ul{margin:0 0 0 1rem;font-size:.8rem;line-height:1.75;color:#444}
.ia-sit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.25rem}
.ia-sit-card{background:#fff;border:1px solid #e8e0d4;padding:1.2rem}
.ia-sit-icon{font-size:1.4rem;margin-bottom:.35rem}
.ia-sit-title{font-weight:800;font-size:.9rem;color:#151515;margin-bottom:.35rem}
.ia-sit-text{font-size:.8rem;color:#555;line-height:1.65}
.ia-muster-head{font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:.4rem}
.ia-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}
.ia-card{background:#fff;border:1px solid #e8e0d4;padding:1.2rem}
.ia-card-icon{font-size:1.35rem;margin-bottom:.4rem}
.ia-card-title{font-weight:800;font-size:.86rem;color:#151515;margin-bottom:.35rem;line-height:1.35}
.ia-card-text{font-size:.79rem;color:#555;line-height:1.65}
.ia-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.ia-check-col{background:#fff;border:1px solid #e8e0d4;padding:1.25rem}
.ia-check-head{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#b8922e;padding-bottom:.6rem;border-bottom:1px solid #eee;margin-bottom:.7rem}
.ia-check-list{list-style:none;margin:0;padding:0}
.ia-check-list li{position:relative;padding-left:1.5rem;font-size:.82rem;color:#444;line-height:1.5;margin-bottom:.55rem}
.ia-check-list li::before{content:'';position:absolute;left:0;top:.15rem;width:13px;height:13px;border:1.5px solid #c9a84c;background:#fff}
#faq .faq-item summary{padding:1rem 1.1rem}
#faq .faq-item p{border-top:1px solid #f0ece4}
@media(max-width:900px){
  .ia-two-col,.ia-sit-grid,.ia-card-grid,.ia-check-grid{grid-template-columns:1fr}
  .page-angaben .ia-table{font-size:.76rem}
}

/* ── vlb.php ───────────────────────────────────────────────────────── */

.vl-blue{color:#4E9BE0}.vl-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.vl-section{position:relative;overflow:hidden;padding:4.5rem 0}
.vl-section-bg{position:absolute;inset:0;z-index:0}
.vl-section-bg svg{width:100%;height:100%;display:block}
.vl-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#4E9BE0;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.vl-eyebrow::before{content:'';width:22px;height:2px;background:#4E9BE0;flex-shrink:0}
.vl-eyebrow--dark{color:#154a7f}.vl-eyebrow--dark::before{background:#154a7f}
.vl-eyebrow--gold{color:#c9a84c}.vl-eyebrow--gold::before{background:#c9a84c}
.vl-section-head{margin-bottom:2.4rem;max-width:720px}
.vl-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.vl-section-head.centered .vl-eyebrow{justify-content:center}
.vl-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.vl-section-title--dark{color:#151515}
.vl-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
.vl-section-lead--dark{color:#5f5f5f}
/* Inline-Plattformlinks (BoD, epubli, tredition, Tolino) – Stil unverändert */
.vl-plink,.vl-plink:visited,.vl-plink:hover,.vl-plink:active{color:inherit;text-decoration:none;font-weight:inherit;background:none}
/* Hero */
.vl-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 400px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#050D1A}
.vl-hero-bg{position:absolute;inset:0;pointer-events:none}
.vl-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.vl-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.vl-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(78,155,224,.14);border:1px solid rgba(78,155,224,.32);color:#4E9BE0;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.vl-dot{width:6px;height:6px;background:#4E9BE0;border-radius:50%;box-shadow:0 0 6px #4E9BE0;animation:vldot 1.4s infinite;flex-shrink:0}
@keyframes vldot{0%,100%{opacity:1}50%{opacity:.3}}
.vl-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.vl-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.vl-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.vl-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-vl-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#1B5EA8;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(27,94,168,.35);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-vl-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(27,94,168,.5);background:#154a7f;color:#fff}
.btn-vl-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-vl-ghost:hover{border-color:#4E9BE0;color:#4E9BE0}
.btn-vl-full{display:block;text-align:center;width:100%;justify-content:center}
.vl-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.vl-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.vl-trust-blue{color:#4E9BE0;border-color:rgba(78,155,224,.3);background:rgba(27,94,168,.12)}
.vl-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.vl-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: VLB-Titelmeldung */
.vl-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.vl-vlb-card{width:360px;background:#fff;border:1px solid rgba(78,155,224,.3);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.vl-vlb-head{background:#154a7f;padding:.8rem 1rem;display:flex;align-items:center;gap:.6rem}
.vl-vlb-logo{font-weight:900;color:#fff;font-size:1.05rem;letter-spacing:.04em}
.vl-vlb-title{font-size:.7rem;color:rgba(255,255,255,.75);line-height:1.3}
.vl-vlb-rows{padding:.5rem 0}
.vl-vlb-row{display:flex;gap:.8rem;padding:.5rem 1rem;border-bottom:1px solid #f0ece4;font-size:.76rem;line-height:1.5}
.vl-vlb-row:last-child{border-bottom:none}
.vl-vlb-row>span:first-child{color:#8a8a8a;width:38%;flex-shrink:0}
.vl-vlb-row>span:last-child{color:#222;font-weight:600;overflow-wrap:anywhere}
.vl-vlb-row .is-cust{color:#154a7f}
.vl-vlb-foot{background:#f5f9fd;border-top:1px solid #e2ecf6;padding:.6rem 1rem;display:flex;flex-direction:column;gap:.25rem}
.vl-vlb-ok{font-size:.7rem;font-weight:700;color:#1e874b}
/* Was ist der VLB */
.vl-what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.vl-what-card{background:#fff;border:1px solid #e4ddd2;padding:1.6rem 1.4rem}
.vl-what-icon{width:36px;height:36px;color:#1B5EA8;margin-bottom:.8rem}
.vl-what-icon svg{width:100%;height:100%;display:block}
.vl-what-card h3{font-size:.98rem;font-weight:700;color:#151515;margin:0 0 .45rem;line-height:1.3}
.vl-what-card p{font-size:.84rem;color:#5f5f5f;line-height:1.65;margin:0}
/* Rechtslage */
.vl-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.vl-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.vl-trigger--warn{background:rgba(27,94,168,.12);border-left:2.5px solid #1B5EA8;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.vl-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.vl-risk-card{background:rgba(27,94,168,.12);border:1px solid rgba(78,155,224,.28);overflow:hidden}
.vl-risk-header{background:rgba(27,94,168,.2);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(78,155,224,.22);color:#fff;font-weight:700;line-height:1.3}
.vl-risk-icon{width:28px;height:28px;background:rgba(78,155,224,.25);color:#4E9BE0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.vl-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.vl-risk-list li{font-size:.82rem;color:rgba(255,255,255,.6);padding-left:1rem;position:relative;line-height:1.5}
.vl-risk-list li::before{content:'×';position:absolute;left:0;color:#4E9BE0;font-weight:700}
.vl-risk-card .btn-vl-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Impressumsservice erlaubt */
.vl-allow-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.vl-allow-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:1.6rem 1.5rem;position:relative}
.vl-allow-card--yes{border-color:rgba(39,174,96,.4);background:rgba(39,174,96,.07)}
.vl-allow-badge{display:inline-block;background:#27ae60;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;margin-bottom:.9rem}
.vl-allow-badge--cond{background:rgba(201,168,76,.9);color:#151515}
.vl-allow-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .9rem;line-height:1.3}
.vl-allow-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.vl-allow-card li{font-size:.85rem;line-height:1.65;color:rgba(255,255,255,.65);padding-left:1.1rem;position:relative}
.vl-allow-card li::before{content:'✓';position:absolute;left:0;color:#4ade80;font-weight:700}
.vl-allow-card:not(.vl-allow-card--yes) li::before{content:'→';color:#c9a84c}
.vl-allow-card li strong{color:#fff}
.vl-allow-card li a{color:#4E9BE0;text-decoration:underline}
.vl-allow-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.3rem 1.5rem}
.vl-allow-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.8rem}
.vl-allow-sample{background:#fff;border:1px solid #e4ddd2;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.1rem;margin-bottom:.8rem}
.vl-allow-sample span{font-size:.88rem;color:#333;line-height:1.6}
.vl-allow-sample span:first-child{font-weight:700;color:#151515}
.vl-allow-tip p{font-size:.83rem;color:rgba(255,255,255,.6);line-height:1.6;margin:0}
.vl-allow-tip strong{color:#fff}
/* How */
.vl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.vl-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.vl-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.vl-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.vl-step-icon svg{width:42px;height:42px;display:block}
.vl-step-num{position:absolute;top:1.15rem;right:1.15rem;min-width:42px;height:42px;padding:0 .5rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;line-height:1;letter-spacing:.02em;color:#151515;background:#f2f2f2;border:1.5px solid #d8d8d8;border-radius:7px}
.vl-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.vl-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.vl-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.vl-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.vl-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.vl-feature-num{font-size:.7rem;font-weight:700;color:var(--vl-accent);opacity:.9}
/* Plattform-Crosslinks */
.vl-cross-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.vl-cross-card{background:#fff;border:1px solid #e0d9ce;padding:1.1rem 1.1rem;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.vl-cross-card:hover{border-color:#1B5EA8;box-shadow:0 4px 18px rgba(0,0,0,.06);transform:translateY(-2px)}
.vl-cross-name{font-size:.92rem;font-weight:800;color:#151515;line-height:1.3;margin-bottom:.35rem}
.vl-cross-desc{font-size:.79rem;color:#5f5f5f;line-height:1.55;flex:1;margin-bottom:.6rem}
.vl-cross-desc strong{color:#154a7f}
.vl-cross-link{font-size:.75rem;font-weight:700;color:#1B5EA8;line-height:1.4}
.vl-cross-foot{font-size:.85rem;color:#5f5f5f;line-height:1.7;margin:1.6rem 0 0;text-align:center}
.vl-cross-foot a{color:#154a7f;font-weight:700;text-decoration:underline}
.vl-cross-foot strong{color:#151515}
/* Voices */
.vl-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.vl-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem}
.vl-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.vl-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.vl-quote-author strong{display:block;font-size:.85rem;color:#151515}
.vl-quote-author small{display:block;font-size:.72rem;color:#777}
.vl-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.vl-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.vl-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.vl-plan-featured{border-color:#1B5EA8;box-shadow:0 0 24px rgba(27,94,168,.22)}
.vl-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#1B5EA8}
.vl-plan-name{font-weight:700;line-height:1.2}
.vl-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.vl-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.vl-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.vl-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.vl-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.vl-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.vl-plan-card .btn-vl-primary{margin-top:auto;width:100%;justify-content:center}
/* FAQ */
.vl-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.vl-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.vl-faq-section .faq-item summary::-webkit-details-marker{display:none}
.vl-faq-section .faq-item summary::after{content:'＋';color:#1B5EA8;flex-shrink:0;font-weight:700}
.vl-faq-section .faq-item[open]{border-color:#1B5EA8;box-shadow:0 2px 12px rgba(27,94,168,.1)}
.vl-faq-section .faq-item[open] summary{color:#154a7f}
.vl-faq-section .faq-item[open] summary::after{content:'－'}
.vl-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.vl-cta-section{position:relative;overflow:hidden;background:#050D1A;padding:3.5rem 1rem;text-align:center;color:#fff}
.vl-cta-section .vl-section-bg{position:absolute;inset:0}
.vl-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.vl-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.vl-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.vl-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.vl-hero{padding:0 4vw;gap:2rem}.vl-law-grid{gap:2.5rem}.vl-cross-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .vl-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .vl-hero-inner{padding:3.2rem 0 1.25rem}
  .vl-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .vl-hero-mockup{padding:1rem 0 2.2rem}
  .vl-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .vl-section{padding:2.8rem 0}
  .vl-section .container{padding:0 1.5rem}
  .vl-what-grid{grid-template-columns:1fr;gap:1rem}
  .vl-allow-grid{grid-template-columns:1fr;gap:1rem}
  .vl-allow-card{padding:1.4rem 1.2rem}
  .vl-steps{grid-template-columns:1fr;gap:1rem}
  .vl-step-card{padding:1.5rem 1.25rem}
  .vl-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .vl-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .vl-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .vl-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .vl-cta-actions{flex-direction:column;align-items:stretch}
  .vl-cta-actions .btn-vl-primary,.vl-cta-actions .btn-vl-ghost{width:100%}
}
@media(max-width:680px){
  .vl-features-grid{grid-template-columns:1fr}
  .vl-cross-grid{grid-template-columns:1fr}
  .vl-hero-actions{flex-direction:column;align-items:stretch}
  .vl-hero-actions .btn-vl-primary,.vl-hero-actions .btn-vl-ghost{width:100%;font-size:.85rem}
  .vl-trust-strip{gap:.4rem}
  .vl-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .vl-hero{padding:0 1rem}
  .vl-hero-inner{padding:2.2rem 0 1rem}
  .vl-hero-tag{font-size:.62rem;gap:.4rem}
  .vl-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .vl-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-vl-primary,.btn-vl-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .vl-vlb-card{width:100%;max-width:320px}
  .vl-section{padding:2rem 0}
  .vl-section .container{padding:0 1rem}
  .vl-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .vl-section-lead{font-size:.88rem}
  .vl-trigger--warn,.vl-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .vl-allow-tip{padding:1rem}
  .vl-step-icon svg{width:36px;height:36px}
  .vl-step-num{top:1rem;right:1rem;min-width:38px;height:38px;font-size:.92rem}
  .vl-feature-card{padding:1.2rem}
  .vl-quote-card{padding:1rem}
  .vl-quote-text{font-size:.88rem}
  .vl-plan-card{padding:1.25rem}
  .vl-plan-price{font-size:1.6rem}
  .vl-cta-section{padding:2.5rem 1rem}
  .vl-cta-inner{padding:0}
  .vl-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .vl-faq-section .faq-item p{font-size:.84rem}
}
@media(hover:none) and (pointer:coarse){.btn-vl-primary:hover,.btn-vl-ghost:hover{transform:none}.btn-vl-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.vl-dot{animation:none}}

/* ── twitch.php ────────────────────────────────────────────────────── */

/* Twitch – Palette #9146FF / #0a0614 / #c9a84c */
.tw-purple{color:#9146FF}
.page-wrap{overflow-x:clip}
.tw-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#0a0614}
.tw-hero-bg{position:absolute;inset:0;pointer-events:none}
.tw-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.tw-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.tw-live-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgba(145,70,255,.14);border:1px solid rgba(145,70,255,.3);color:#9146FF;font-size:.62rem;font-weight:900;padding:.2rem .55rem}
.tw-live-dot{width:6px;height:6px;background:#9146FF;border-radius:50%;box-shadow:0 0 6px #9146FF;animation:twblink 1.4s infinite}
@keyframes twblink{0%,100%{opacity:1}50%{opacity:.3}}
.tw-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem}
.tw-hero-title em{color:#9146FF;font-style:normal}
.tw-hero-sub{color:rgba(255,255,255,.68);line-height:1.7;max-width:560px;margin:0 0 1.4rem}
.tw-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-tw-primary{background:#9146FF;color:#fff;border:none;box-shadow:0 0 24px rgba(145,70,255,.3)}
.btn-tw-primary:hover{background:#7c2eff;color:#fff;box-shadow:0 0 32px rgba(145,70,255,.4)}
.btn-tw-primary:active{transform:scale(.98)}
.tw-trust-row{display:flex;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.45);font-size:.78rem}
.tw-trust-item{display:flex;align-items:center;gap:.4rem}
.tw-trust-item svg{width:12px;height:12px;color:#9146FF}
.tw-hero-visual{position:relative;z-index:1;padding:5rem 0;display:flex;justify-content:center}
.tw-channel-card{width:340px;background:#18181b;border:1px solid rgba(145,70,255,.18);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.tw-channel-banner{height:72px;background:linear-gradient(135deg,#9146FF 0%,#6441a5 55%,#0a0614 100%)}
.tw-channel-header{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:#1f1f23;border-bottom:1px solid rgba(255,255,255,.06)}
.tw-channel-avatar{width:48px;height:48px;border-radius:50%;background:#9146FF;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #fff}
.tw-channel-meta{flex:1;min-width:0}
.tw-channel-name{font-weight:800;color:#efeff1;font-size:.95rem}
.tw-verified{color:#1da1f2;font-size:.8rem}
.tw-channel-subs{font-size:.72rem;color:rgba(255,255,255,.45)}
.tw-follow-btn{background:#9146FF;color:#fff;font-size:.7rem;font-weight:700;padding:.35rem .7rem;border-radius:4px}
.tw-channel-tabs{display:flex;gap:1rem;padding:.6rem 1rem;background:#18181b;border-bottom:1px solid rgba(255,255,255,.06);font-size:.78rem;color:rgba(255,255,255,.45)}
.tw-tab{padding-bottom:.2rem}.tw-tab--active{color:#efeff1;border-bottom:2px solid #9146FF;font-weight:700}
.tw-channel-section{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9146FF;padding:.7rem 1rem 0}
.tw-channel-address{padding:.6rem 1rem 1rem}
.tw-addr-line{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.5}
.tw-addr-name{font-weight:700;color:#efeff1}
.tw-addr-shield{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.72rem;color:#27ae60;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.tw-channel-stats{display:flex;gap:1rem;padding:.6rem 1rem;background:#0e0e10;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;color:rgba(255,255,255,.5)}
.tw-channel-stats strong{color:#efeff1}
.tw-stat-live{color:#eb0400;font-weight:800;margin-left:auto}
/* Law */
.tw-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;max-width:1080px;margin:0 auto;padding:3rem 0}
.tw-law-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem}
.tw-law-list li{display:flex;gap:.7rem;padding:.8rem 1rem}
.tw-law-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0;font-size:.85rem}
.tw-law-icon--purple{background:rgba(145,70,255,.15);color:#9146FF}
.tw-law-icon--gold{background:rgba(201,168,76,.12);color:#c9a84c}
.tw-law-list strong{display:block;font-size:.9rem;margin-bottom:.15rem}
.tw-law-list p{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0}
.tw-law-alert{background:rgba(145,70,255,.06);border:1px solid rgba(145,70,255,.22);overflow:hidden}
.tw-alert-head{background:rgba(145,70,255,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(145,70,255,.15);font-weight:700;color:var(--ink)}
.tw-alert-icon{width:28px;height:28px;background:rgba(145,70,255,.2);color:#9146FF;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tw-alert-list{list-style:none;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.tw-alert-list li{font-size:.82rem;color:var(--ink);padding-left:1rem;position:relative}
.tw-alert-list li::before{content:'×';position:absolute;left:0;color:#7a2eff;font-weight:700}
.tw-alert-cta{padding:0 1.2rem 1.2rem}
.btn-full{display:block;text-align:center}
/* How */
.tw-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:start}
.tw-step{background:var(--white);border:1px solid var(--border);padding:1.6rem;text-align:center;position:relative}
.tw-step-num{position:absolute;top:.8rem;right:.9rem;font-size:2.2rem;font-weight:900;color:rgba(145,70,255,.08)}
.tw-step-icon svg{width:40px;height:40px;color:#9146FF;margin:0 auto .7rem;display:block}
.tw-step-body h3{font-size:.95rem;font-weight:700;margin-bottom:.35rem}
.tw-step-body p{font-size:.82rem;color:var(--muted);line-height:1.6}
.tw-step-arrow{display:flex;align-items:center;justify-content:center;color:#9146FF;font-weight:900;padding:0 .4rem}
/* Features */
.tw-features-section{background:#0a0614;position:relative;padding:4rem 0}
.tw-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.tw-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(145,70,255,.12);padding:1.4rem}
.tw-feature-icon{width:36px;height:36px;color:#9146FF;margin-bottom:.7rem}
.tw-feature-icon svg{width:100%;height:100%}
.tw-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:.35rem}
.tw-feature-card p{color:rgba(255,255,255,.55);font-size:.82rem;line-height:1.6;margin:0}
/* Quotes */
.tw-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.tw-quote-card{background:var(--white);border:1px solid var(--border);padding:1.4rem}
.tw-quote-head{display:flex;gap:.7rem;align-items:center;margin-bottom:.7rem}
.tw-quote-avatar{width:36px;height:36px;border-radius:50%;background:#9146FF;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tw-quote-name{font-weight:700;font-size:.9rem}.tw-quote-handle{font-weight:400;color:#9146FF;font-size:.78rem;margin-left:.35rem}
.tw-quote-meta{font-size:.72rem;color:var(--muted)}
.tw-quote-text{font-size:.88rem;line-height:1.6;color:#333;font-style:italic;margin:0 0 .6rem}
.tw-quote-stars{color:#9146FF;font-size:.8rem}
/* Pricing */
.tw-pricing-section{background:#0a0614;position:relative;padding:4rem 0}
.tw-pricing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}
.tw-plan-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:1.6rem;position:relative;display:flex;flex-direction:column;text-align:center}
.tw-plan-featured{border-color:#9146FF;box-shadow:0 0 24px rgba(145,70,255,.18)}
.tw-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#9146FF;color:#fff;font-size:.65rem;font-weight:800;padding:.2rem .6rem;white-space:nowrap}
.tw-plan-name{font-weight:700;color:#fff}.tw-plan-price{font-size:1.9rem;font-weight:900;color:#fff}.tw-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.tw-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.tw-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.tw-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7)}
.tw-plan-perks svg{width:10px;height:10px;flex-shrink:0;margin-top:.3rem}
.tw-pricing-note{color:rgba(255,255,255,.35);font-size:.75rem;text-align:center;margin-top:1.2rem}
/* FAQ – heller Hintergrund, dunkler Text (Fix heller Text auf hellem Grund) */
.tw-faq-section .faq-item{background:var(--white);border:1px solid var(--border)}
.tw-faq-section .faq-item summary{color:var(--ink)}
.tw-faq-section .faq-item summary::after{color:#9146FF}
.tw-faq-section .faq-item[open]{border-color:#9146FF;box-shadow:0 2px 12px rgba(145,70,255,.08)}
.tw-faq-section .faq-item[open] summary{color:#9146FF}
.tw-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4}
/* Final CTA */
.tw-final-cta{position:relative;overflow:hidden;background:#0a0614;padding:3.5rem 1rem;text-align:center}
.tw-cta-bg{position:absolute;inset:0}
.tw-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}
.tw-cta-icon{margin:0 auto 1rem;width:80px;height:80px}
.tw-cta-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:.7rem}
.tw-cta-sub{color:rgba(255,255,255,.55);line-height:1.6;max-width:560px;margin:0 auto 1.5rem}
.tw-cta-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.tw-cta-fine{font-size:.72rem;color:rgba(255,255,255,.3);margin-top:1rem}
@media(max-width:900px){
  .tw-hero{grid-template-columns:1fr;padding:0 1.5rem}
  .tw-hero-visual{display:none}
  .tw-law-grid{grid-template-columns:1fr;gap:2rem}
  .tw-steps{grid-template-columns:1fr;gap:1rem}
  .tw-step-arrow{display:none}
  .tw-features{grid-template-columns:1fr}
  .tw-quotes{grid-template-columns:1fr}
  .tw-pricing-row{grid-template-columns:1fr;max-width:420px;margin:2rem auto 0}
}

/* ── eu-gpsr.php ───────────────────────────────────────────────────── */

/* GPSR-Seite – nutzt isp-* + eigene Ergänzungen */
.gpsr-quickfacts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.gpsr-qf{background:#fff;border:1px solid #e8e0d4;padding:.45rem .7rem;display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:110px}.gpsr-qf-k{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999}.gpsr-qf-v{font-size:.82rem;font-weight:700;color:#151515;margin-top:.15rem}.page-eu-gpsr .gpsr-toc{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.page-eu-gpsr .gpsr-toc-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#fff;border:1px solid #e8e0d4;text-decoration:none;color:#333;font-size:.84rem;transition:.15s}.page-eu-gpsr .gpsr-toc-link span{font-size:.62rem;font-weight:900;color:#b8922e;background:rgba(201,168,76,.12);padding:.15rem .35rem;flex-shrink:0}.page-eu-gpsr .gpsr-toc-link:hover{border-color:#c9a84c;background:#faf7f0;color:#151515}.page-eu-gpsr .gpsr-toc-cta{margin-top:.85rem;padding-top:.85rem;border-top:1px solid #e8e0d4}.gpsr-timeline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem;background:#fff;border:1px solid #e8e0d4;padding:.9rem 1rem}.gpsr-tl-item{display:flex;flex-direction:column;flex:1;min-width:140px}.gpsr-tl-date{font-size:.75rem;font-weight:900;color:#b8922e}.gpsr-tl-text{font-size:.78rem;color:#555;line-height:1.4}.gpsr-tl-arrow{color:#c9a84c;font-weight:900;flex-shrink:0}.gpsr-roles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}.gpsr-role{background:#fff;border:1px solid #e8e0d4;padding:1.2rem;position:relative}.gpsr-role--you{border-color:#c9a84c;box-shadow:0 4px 18px rgba(201,168,76,.12)}.gpsr-role-badge{position:absolute;top:-8px;left:1rem;background:#c9a84c;color:#151515;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .4rem}.gpsr-role-title{font-weight:800;font-size:.92rem;color:#151515}.gpsr-role-sub{font-size:.72rem;color:#b8922e;font-weight:700;margin-bottom:.5rem}.gpsr-role p{font-size:.8rem;color:#555;line-height:1.6;margin:0 0 .5rem}.gpsr-role ul{margin:0 0 0 1rem;font-size:.78rem;color:#555;line-height:1.6}.gpsr-callout{margin-top:1rem;background:#fffbe6;border-left:3px solid #c9a84c;padding:.7rem 1rem;font-size:.82rem;color:#5a4a1a}.gpsr-table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid #e8e0d4}.gpsr-table{width:100%;border-collapse:collapse;font-size:.82rem}.gpsr-table th{background:#151515;color:#fff;text-align:left;padding:.6rem .75rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.gpsr-table td{padding:.6rem .75rem;border-top:1px solid #eee;vertical-align:top;line-height:1.5}.gpsr-table tr:nth-child(even) td{background:#faf8f4}.gpsr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.gpsr-box{padding:1rem 1.1rem;border:1px solid #e8e0d4}.gpsr-box--warn{background:#fef2f2;border-color:#fecaca}.gpsr-box--ok{background:#f0fdf4;border-color:#bbf7d0}.gpsr-box-title{font-weight:800;font-size:.82rem;margin-bottom:.4rem}.gpsr-box ul{margin:0 0 0 1rem;font-size:.8rem;line-height:1.7;color:#444}.gpsr-note{font-size:.76rem;color:#777;margin-top:.7rem;line-height:1.5}.gpsr-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.gpsr-cmp-card{background:#fff;border:1px solid #e8e0d4;padding:1.2rem;position:relative}.gpsr-cmp-card--hl{border-color:#c9a84c;box-shadow:0 4px 18px rgba(201,168,76,.12)}.gpsr-cmp-head{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:.3rem}.gpsr-cmp-title{font-weight:800;font-size:.92rem;color:#151515;margin-bottom:.5rem}.gpsr-cmp-card ul{margin:0 0 .6rem 1rem;font-size:.78rem;color:#555;line-height:1.6}.gpsr-cmp-link{font-size:.75rem;font-weight:700;color:#b8922e;text-decoration:none}.gpsr-cmp-link:hover{text-decoration:underline}.gpsr-cmp-badge{position:absolute;top:-8px;right:.75rem;background:#c9a84c;color:#151515;font-size:.6rem;font-weight:900;padding:.15rem .4rem}.gpsr-platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.gpsr-pf{background:#fff;border:1px solid #e8e0d4;padding:.7rem .85rem;display:flex;flex-direction:column}.gpsr-pf strong{font-size:.82rem;color:#151515}.gpsr-pf span{font-size:.72rem;color:#777;line-height:1.4}.gpsr-risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.gpsr-risk{background:#fff;border:1px solid #e8e0d4;padding:1.1rem;display:flex;flex-direction:column;gap:.35rem}.gpsr-risk-icon{font-size:1.2rem}.gpsr-risk strong{font-size:.88rem;color:#151515}.gpsr-risk p{font-size:.8rem;color:#555;line-height:1.6;margin:0}.gpsr-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.gpsr-help-card{background:#fff;border:1px solid #e8e0d4;padding:1.2rem}.gpsr-help-icon{font-size:1.4rem;margin-bottom:.35rem}.gpsr-help-card h3{font-size:.92rem;font-weight:800;color:#151515;margin:0 0 .3rem}.gpsr-help-card p{font-size:.8rem;color:#555;line-height:1.6;margin:0}/* FAQ overrides */
#faq .faq-item summary{padding:1rem 1.1rem}#faq .faq-item p{border-top:1px solid #f0ece4}
@media(max-width:900px){.gpsr-roles, .gpsr-two-col, .gpsr-compare, .gpsr-risk-grid, .gpsr-help-grid, .gpsr-platform-grid{grid-template-columns:1fr}.gpsr-timeline{flex-direction:column;align-items:stretch}.gpsr-tl-arrow{transform:rotate(90deg);align-self:center}
}

/* ── buch-impressum-vorlage.php ────────────────────────────────────── */

/* Buchvorlage – bv-*/isp-* liegen in shared.css */
#faq .faq-item summary{padding:1rem 1.1rem}#faq .faq-item p{border-top:1px solid #f0ece4}
@media(max-width:900px){.bv-tpl-cols, .bv-ph-grid{grid-template-columns:1fr}.page-buch-vorlage .bv-tpl-head{flex-wrap:wrap}
}

/* ── amazon-kdp.php ────────────────────────────────────────────────── */

/* Amazon KDP – Palette: #FF9900 / #232F3E / #c9a84c */
.ak-orange{color:#FF9900}.ak-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.ak-section{position:relative;overflow:hidden;padding:4.5rem 0}
.ak-section-bg{position:absolute;inset:0;z-index:0}
.ak-section-bg svg{width:100%;height:100%;display:block}
.ak-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#FF9900;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.ak-eyebrow::before{content:'';width:22px;height:2px;background:#FF9900;flex-shrink:0}
.ak-eyebrow--dark{color:#7a5a12}.ak-eyebrow--dark::before{background:#7a5a12}
.ak-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word;word-break:break-word}
.ak-section-title--dark{color:#151515}
.ak-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:560px}
.ak-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#0a0e14}
.ak-hero-bg{position:absolute;inset:0;pointer-events:none}
.ak-hero-inner{position:relative;z-index:1;padding:6rem 0 4rem;min-width:0}
.ak-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.ak-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,153,0,.12);border:1px solid rgba(255,153,0,.25);color:#FF9900;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.ak-dot{width:6px;height:6px;background:#FF9900;border-radius:50%;box-shadow:0 0 6px #FF9900;animation:akblink 1.4s infinite;flex-shrink:0}
@keyframes akblink{0%,100%{opacity:1}50%{opacity:.3}}
.ak-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.ak-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:560px;margin:0 0 1.8rem;font-size:clamp(.9rem,2.5vw,1rem)}
.ak-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}
.btn-ak-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#FF9900;color:#0a0e14;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(255,153,0,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s,box-shadow .15s;word-break:break-word}
.btn-ak-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(255,153,0,.4)}
.btn-ak-primary:active{transform:none}
.btn-ak-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:border-color .15s,color .15s}
.btn-ak-ghost:hover{border-color:#FF9900;color:#FF9900}
.btn-ak-full{display:block;text-align:center;width:100%;justify-content:center}
.ak-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.ak-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.ak-trust-orange{color:#FF9900;border-color:rgba(255,153,0,.3);background:rgba(255,153,0,.06)}
.ak-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.25);background:rgba(35,47,62,.3)}
.ak-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.ak-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.ak-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.ak-book{position:absolute;inset:0}
.ak-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.ak-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.ak-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ak-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#232F3E;border-radius:2px 0 0 2px}
.ak-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.ak-cover-badge{font-size:.6rem;font-weight:900;background:#FF9900;color:#fff;padding:.15rem .4rem;align-self:flex-start}
.ak-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .2rem;overflow-wrap:break-word}
.ak-cover-author{font-size:.7rem;color:#777}
.ak-cover-bar{height:2px;background:#FF9900;margin:.5rem 0;opacity:.6}
.ak-impressum-chip{margin-top:auto;font-size:.55rem;color:#232F3E;background:rgba(255,153,0,.08);border-left:2px solid #FF9900;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.ak-float{position:absolute;background:rgba(10,14,20,.9);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.ak-float-1{top:12%;left:-50px}.ak-float-2{bottom:18%;right:-40px;border-color:rgba(255,153,0,.3)}
.ak-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.ak-float-2 .ak-float-num{color:#FF9900}
.ak-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.ak-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.ak-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.ak-trigger--warn{background:rgba(255,153,0,.07);border-left:2.5px solid #FF9900;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.ak-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.8);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.ak-risk-card{background:rgba(255,153,0,.06);border:1px solid rgba(255,153,0,.2);overflow:hidden}
.ak-risk-header{background:rgba(255,153,0,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(255,153,0,.15);color:#fff;font-weight:700;line-height:1.3}
.ak-risk-icon{width:28px;height:28px;background:rgba(255,153,0,.2);color:#FF9900;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.ak-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.ak-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.ak-risk-list li::before{content:'×';position:absolute;left:0;color:#FF9900;font-weight:700}
.ak-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ak-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.ak-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.ak-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.ak-step-icon svg{width:42px;height:42px;display:block}.ak-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.ak-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.ak-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ak-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.ak-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.ak-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.ak-feature-num{font-size:.7rem;font-weight:700;color:var(--ak-accent);opacity:.9}
.ak-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.ak-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.ak-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.ak-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.ak-quote-author strong{display:block;font-size:.85rem;color:#151515}
.ak-quote-author small{display:block;font-size:.72rem;color:#777}
.ak-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.ak-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.ak-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.ak-plan-featured{border-color:#FF9900;box-shadow:0 0 24px rgba(255,153,0,.12)}
.ak-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#0a0e14;white-space:nowrap;line-height:1}
.ak-plan-name{font-weight:700;line-height:1.2}
.ak-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.ak-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.ak-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.ak-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.ak-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.ak-plan-card .btn-ak-primary{margin-top:auto;width:100%;justify-content:center}
.ak-cta-section{position:relative;overflow:hidden;background:#0a0e14;padding:3.5rem 1rem;text-align:center;color:#fff}
.ak-cta-section .ak-section-bg{position:absolute;inset:0}
.ak-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.ak-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.ak-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.ak-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
/* FAQ auf hellem Hintergrund – Kontrast fix (weiß auf hell → dunkel) */
.ak-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.ak-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.ak-faq-section .faq-item summary::-webkit-details-marker{display:none}
.ak-faq-section .faq-item summary::after{content:'＋';color:#FF9900;flex-shrink:0;font-weight:700}
.ak-faq-section .faq-item[open]{border-color:#FF9900;box-shadow:0 2px 12px rgba(255,153,0,.1)}
.ak-faq-section .faq-item[open] summary{color:#FF9900}
.ak-faq-section .faq-item[open] summary::after{content:'－'}
.ak-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* ── Tablet ───────────────────────────────────── */
@media(max-width:1024px){
  .ak-hero{padding:0 4vw;gap:2rem}
  .ak-law-grid{gap:2.5rem}
}
/* ── Mobile: 900px (Hamburger, einspaltig) ────── */
@media(max-width:900px){
  .ak-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .ak-hero-inner{padding:3.2rem 0 1.25rem}
  .ak-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .ak-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .ak-book-stack{height:260px;width:220px}
  .ak-float-1{left:-10px;top:8%}
  .ak-float-2{right:-10px;bottom:10%}
  .ak-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .ak-section{padding:2.8rem 0}
  .ak-section .container{padding:0 1.5rem}
  .ak-steps{grid-template-columns:1fr;gap:1rem}
  .ak-step-card{padding:1.5rem 1.25rem}
  .ak-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .ak-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .ak-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .ak-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .ak-cta-actions{flex-direction:column;align-items:stretch}
  .ak-cta-actions .btn-ak-primary,.ak-cta-actions .btn-ak-ghost{width:100%}
}
/* ── Phablet: 680px ───────────────────────────── */
@media(max-width:680px){
  .ak-features-grid{grid-template-columns:1fr}
  .ak-hero-actions{flex-direction:column;align-items:stretch}
  .ak-hero-actions .btn-ak-primary,.ak-hero-actions .btn-ak-ghost{width:100%;font-size:.85rem}
  .ak-trust-strip{gap:.4rem}
  .ak-trust{font-size:.58rem;padding:.18rem .5rem}
}
/* ── Phone: 480px ─────────────────────────────── */
@media(max-width:480px){
  .ak-hero{padding:0 1rem}
  .ak-hero-inner{padding:2.2rem 0 1rem}
  .ak-hero-tag{font-size:.62rem;gap:.4rem}
  .ak-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .ak-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1.25rem}
  .btn-ak-primary,.btn-ak-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .ak-book-stack{width:200px;height:240px}
  .ak-float{padding:.32rem .55rem}
  .ak-float-num{font-size:.8rem}
  .ak-float-lbl{font-size:.52rem}
  .ak-float-1{left:-6px;top:6%}
  .ak-float-2{right:-6px;bottom:8%}
  .ak-section{padding:2rem 0}
  .ak-section .container{padding:0 1rem}
  .ak-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .ak-section-lead{font-size:.88rem}
  .ak-trigger--warn,.ak-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .ak-step-icon svg{width:36px;height:36px}
  .ak-step-num{font-size:2rem}
  .ak-feature-card{padding:1.2rem}
  .ak-quote-card{padding:1rem}
  .ak-quote-text{font-size:.88rem}
  .ak-plan-card{padding:1.25rem}
  .ak-plan-price{font-size:1.6rem}
  .ak-cta-section{padding:2.5rem 1rem}
  .ak-cta-inner{padding:0}
  .ak-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .ak-faq-section .faq-item p{font-size:.84rem}
}
/* ── Very small: 360px ───────────────────────── */
@media(max-width:360px){
  .ak-hero-title{font-size:1.5rem}
  .ak-book-stack{width:180px;height:220px;transform:scale(.95)}
  .ak-float-1{left:-4px}
  .ak-float-2{right:-4px}
  .ak-plan-price{font-size:1.45rem}
}
/* Touch-Verbesserungen */
@media(hover:none) and (pointer:coarse){
  .btn-ak-primary:hover,.btn-ak-ghost:hover{transform:none}
  .btn-ak-primary:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .ak-dot{animation:none}
}

/* ── epubli.php ────────────────────────────────────────────────────── */

/* epubli – Palette: #0FB5B1 (epubli Teal) / #0B1E3A (Navy) / #c9a84c (Gold) */
.ep-teal{color:#0FB5B1}.ep-gold{color:#c9a84c}.ep-navy{color:#0B1E3A}
.page-wrap{overflow-x:clip}
.ep-section{position:relative;overflow:hidden;padding:4.5rem 0}
.ep-section-bg{position:absolute;inset:0;z-index:0}
.ep-section-bg svg{width:100%;height:100%;display:block}
.ep-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0FB5B1;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.ep-eyebrow::before{content:'';width:22px;height:2px;background:#0FB5B1;flex-shrink:0}
.ep-eyebrow--dark{color:#0a6b68}.ep-eyebrow--dark::before{background:#0a6b68}
.ep-eyebrow--teal{color:#0FB5B1}
.ep-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word;word-break:break-word}
.ep-section-title--dark{color:#151515}
.ep-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:580px}
.ep-section-head.centered{text-align:center}
.ep-section-head.centered .ep-eyebrow{justify-content:center}
.ep-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#06141A}
.ep-hero-bg{position:absolute;inset:0;pointer-events:none}
.ep-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.ep-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.ep-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(15,181,177,.12);border:1px solid rgba(15,181,177,.25);color:#0FB5B1;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.ep-dot{width:6px;height:6px;background:#0FB5B1;border-radius:50%;box-shadow:0 0 6px #0FB5B1;animation:epdot 1.4s infinite;flex-shrink:0}
@keyframes epdot{0%,100%{opacity:1}50%{opacity:.3}}
.ep-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.ep-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:580px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.ep-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:0 0 1.8rem;line-height:1.5}
.ep-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-ep-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#0FB5B1;color:#06141A;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(15,181,177,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s,box-shadow .15s,background .15s;word-break:break-word}
.btn-ep-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(15,181,177,.4);background:#12c4bf}
.btn-ep-primary:active{transform:none}
.btn-ep-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:border-color .15s,color .15s}
.btn-ep-ghost:hover{border-color:#0FB5B1;color:#0FB5B1}
.btn-ep-full{display:block;text-align:center;width:100%;justify-content:center}
.ep-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.ep-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.ep-trust-teal{color:#0FB5B1;border-color:rgba(15,181,177,.3);background:rgba(15,181,177,.06)}
.ep-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.25);background:rgba(11,30,58,.35)}
.ep-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.ep-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.ep-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.ep-book{position:absolute;inset:0}
.ep-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.ep-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.ep-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ep-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#0B1E3A;border-radius:2px 0 0 2px}
.ep-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.ep-cover-badge{font-size:.6rem;font-weight:900;background:#0FB5B1;color:#fff;padding:.15rem .4rem;align-self:flex-start;letter-spacing:.04em}
.ep-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .15rem;overflow-wrap:break-word;line-height:1.2}
.ep-cover-sub{font-size:.65rem;color:#888;margin-bottom:.2rem}
.ep-cover-author{font-size:.7rem;color:#777}
.ep-cover-bar{height:2px;background:#0FB5B1;margin:.5rem 0;opacity:.7}
.ep-impressum-chip{margin-top:auto;font-size:.55rem;color:#0B1E3A;background:rgba(15,181,177,.07);border-left:2px solid #0FB5B1;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.ep-float{position:absolute;background:rgba(6,20,26,.92);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.ep-float-1{top:12%;left:-50px}.ep-float-2{bottom:18%;right:-40px;border-color:rgba(15,181,177,.35)}
.ep-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.ep-float-2 .ep-float-num{color:#0FB5B1}
.ep-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.ep-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.ep-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.ep-trigger--warn{background:rgba(15,181,177,.07);border-left:2.5px solid #0FB5B1;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.ep-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.ep-risk-card{background:rgba(15,181,177,.06);border:1px solid rgba(15,181,177,.22);overflow:hidden}
.ep-risk-header{background:rgba(15,181,177,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(15,181,177,.18);color:#fff;font-weight:700;line-height:1.3}
.ep-risk-icon{width:28px;height:28px;background:rgba(15,181,177,.2);color:#0FB5B1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.ep-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.ep-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.ep-risk-list li::before{content:'×';position:absolute;left:0;color:#0FB5B1;font-weight:700}
.ep-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ep-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.ep-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.ep-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.ep-step-icon svg{width:42px;height:42px;display:block}.ep-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.ep-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.ep-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ep-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.ep-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.ep-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.ep-feature-num{font-size:.7rem;font-weight:700;color:var(--ep-accent);opacity:.9}
.ep-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.ep-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.ep-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.ep-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.ep-quote-author strong{display:block;font-size:.85rem;color:#151515}
.ep-quote-author small{display:block;font-size:.72rem;color:#777}
.ep-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.ep-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.ep-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.ep-plan-featured{border-color:#0FB5B1;box-shadow:0 0 24px rgba(15,181,177,.14)}
.ep-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#06141A;white-space:nowrap;line-height:1;background:#0FB5B1}
.ep-plan-name{font-weight:700;line-height:1.2}
.ep-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.ep-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.ep-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.ep-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.ep-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.ep-plan-card .btn-ep-primary{margin-top:auto;width:100%;justify-content:center}
.ep-cta-section{position:relative;overflow:hidden;background:#06141A;padding:3.5rem 1rem;text-align:center;color:#fff}
.ep-cta-section .ep-section-bg{position:absolute;inset:0}
.ep-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.ep-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.ep-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.ep-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
/* FAQ */
.ep-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.ep-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.ep-faq-section .faq-item summary::-webkit-details-marker{display:none}
.ep-faq-section .faq-item summary::after{content:'＋';color:#0FB5B1;flex-shrink:0;font-weight:700}
.ep-faq-section .faq-item[open]{border-color:#0FB5B1;box-shadow:0 2px 12px rgba(15,181,177,.1)}
.ep-faq-section .faq-item[open] summary{color:#0FB5B1}
.ep-faq-section .faq-item[open] summary::after{content:'－'}
.ep-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* ── Tablet ───────────────────────────────────── */
@media(max-width:1024px){
  .ep-hero{padding:0 4vw;gap:2rem}
  .ep-law-grid{gap:2.5rem}
}
/* ── Mobile: 900px ────────────────────────────── */
@media(max-width:900px){
  .ep-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .ep-hero-inner{padding:3.2rem 0 1.25rem}
  .ep-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .ep-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .ep-book-stack{height:260px;width:220px}
  .ep-float-1{left:-10px;top:8%}
  .ep-float-2{right:-10px;bottom:10%}
  .ep-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .ep-section{padding:2.8rem 0}
  .ep-section .container{padding:0 1.5rem}
  .ep-steps{grid-template-columns:1fr;gap:1rem}
  .ep-step-card{padding:1.5rem 1.25rem}
  .ep-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .ep-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .ep-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .ep-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .ep-cta-actions{flex-direction:column;align-items:stretch}
  .ep-cta-actions .btn-ep-primary,.ep-cta-actions .btn-ep-ghost{width:100%}
}
/* ── Phablet: 680px ───────────────────────────── */
@media(max-width:680px){
  .ep-features-grid{grid-template-columns:1fr}
  .ep-hero-actions{flex-direction:column;align-items:stretch}
  .ep-hero-actions .btn-ep-primary,.ep-hero-actions .btn-ep-ghost{width:100%;font-size:.85rem}
  .ep-trust-strip{gap:.4rem}
  .ep-trust{font-size:.58rem;padding:.18rem .5rem}
}
/* ── Phone: 480px ─────────────────────────────── */
@media(max-width:480px){
  .ep-hero{padding:0 1rem}
  .ep-hero-inner{padding:2.2rem 0 1rem}
  .ep-hero-tag{font-size:.62rem;gap:.4rem}
  .ep-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .ep-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-ep-primary,.btn-ep-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .ep-book-stack{width:200px;height:240px}
  .ep-float{padding:.32rem .55rem}
  .ep-float-num{font-size:.8rem}
  .ep-float-lbl{font-size:.52rem}
  .ep-float-1{left:-6px;top:6%}
  .ep-float-2{right:-6px;bottom:8%}
  .ep-section{padding:2rem 0}
  .ep-section .container{padding:0 1rem}
  .ep-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .ep-section-lead{font-size:.88rem}
  .ep-trigger--warn,.ep-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .ep-step-icon svg{width:36px;height:36px}
  .ep-step-num{font-size:2rem}
  .ep-feature-card{padding:1.2rem}
  .ep-quote-card{padding:1rem}
  .ep-quote-text{font-size:.88rem}
  .ep-plan-card{padding:1.25rem}
  .ep-plan-price{font-size:1.6rem}
  .ep-cta-section{padding:2.5rem 1rem}
  .ep-cta-inner{padding:0}
  .ep-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .ep-faq-section .faq-item p{font-size:.84rem}
}
/* ── Very small: 360px ───────────────────────── */
@media(max-width:360px){
  .ep-hero-title{font-size:1.5rem}
  .ep-book-stack{width:180px;height:220px;transform:scale(.95)}
  .ep-float-1{left:-4px}
  .ep-float-2{right:-4px}
  .ep-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){
  .btn-ep-primary:hover,.btn-ep-ghost:hover{transform:none}
  .btn-ep-primary:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .ep-dot{animation:none}
}

/* ── registrierung.php ─────────────────────────────────────────────── */

/* ── Rabattcode-Bereich ────────────────────────────── */
.reg-discount-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.reg-discount-banner {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(39,174,96,.15) 0%, rgba(201,168,76,.1) 100%);
  border: 2px solid #27ae60;
  border-radius: 2px;
  padding: 1.1rem 1.25rem;
  margin: .5rem 0 1.25rem;
  animation: discount-pulse .4s ease;
  box-shadow: 0 0 24px rgba(39,174,96,.2);
}
.reg-discount-banner--active { display: flex !important; }
@keyframes discount-pulse {
  0%   { transform: scale(.97); opacity: 0; }
  100% { transform: scale(1);   opacity: 1; }
}
.reg-discount-icon { font-size: 1.75rem; flex-shrink: 0; }
.reg-discount-text { flex: 1; font-size: .85rem; color: rgba(255,255,255,.85); line-height: 1.5; }
.reg-discount-text strong { color: #2ecc71; font-size: .95rem; }
.reg-discount-detail { color: #1a7a42; }
.reg-discount-check {
  width: 32px; height: 32px;
  background: #27ae60;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; color: #fff; font-weight: 900;
  flex-shrink: 0;
}

/* ── Durchgestrichener Originalpreis ───────────────── */
.plan-price-orig {
  font-size: .8rem;
  color: rgba(255,255,255,.35);
  text-decoration: line-through;
  margin-right: .35rem;
}
.plan-price-new {
  color: #2ecc71;
  font-weight: 700;
}

@media (max-width: 580px) {
  .reg-discount-row { grid-template-columns: 1fr; }
}

/* ── bod.php ───────────────────────────────────────────────────────── */

/* BoD – Palette: #C8102E (BoD Rot) / #0B1E3A (Navy) / #c9a84c (Gold) */
.bd-red{color:#C8102E}.bd-gold{color:#c9a84c}.bd-navy{color:#0B1E3A}
.page-wrap{overflow-x:clip}
.bd-section{position:relative;overflow:hidden;padding:4.5rem 0}
.bd-section-bg{position:absolute;inset:0;z-index:0}
.bd-section-bg svg{width:100%;height:100%;display:block}
.bd-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#C8102E;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.bd-eyebrow::before{content:'';width:22px;height:2px;background:#C8102E;flex-shrink:0}
.bd-eyebrow--dark{color:#7a1a24}.bd-eyebrow--dark::before{background:#7a1a24}
.bd-eyebrow--red{color:#C8102E}
.bd-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word;word-break:break-word}
.bd-section-title--dark{color:#151515}
.bd-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:560px}
.bd-section-head.centered{text-align:center}
.bd-section-head.centered .bd-eyebrow{justify-content:center}
.bd-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#080C14}
.bd-hero-bg{position:absolute;inset:0;pointer-events:none}
.bd-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.bd-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.bd-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(200,16,46,.12);border:1px solid rgba(200,16,46,.25);color:#C8102E;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.bd-dot{width:6px;height:6px;background:#C8102E;border-radius:50%;box-shadow:0 0 6px #C8102E;animation:bddot 1.4s infinite;flex-shrink:0}
@keyframes bddot{0%,100%{opacity:1}50%{opacity:.3}}
.bd-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.bd-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:580px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.bd-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:0 0 1.8rem;line-height:1.5}
.bd-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-bd-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#C8102E;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(200,16,46,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s,box-shadow .15s,background .15s;word-break:break-word}
.btn-bd-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(200,16,46,.4);background:#d5122f}
.btn-bd-primary:active{transform:none}
.btn-bd-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:border-color .15s,color .15s}
.btn-bd-ghost:hover{border-color:#C8102E;color:#C8102E}
.btn-bd-full{display:block;text-align:center;width:100%;justify-content:center}
.bd-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.bd-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.bd-trust-red{color:#C8102E;border-color:rgba(200,16,46,.3);background:rgba(200,16,46,.06)}
.bd-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.25);background:rgba(11,30,58,.35)}
.bd-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.bd-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.bd-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.bd-book{position:absolute;inset:0}
.bd-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.bd-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.bd-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.bd-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#0B1E3A;border-radius:2px 0 0 2px}
.bd-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.bd-cover-badge{font-size:.6rem;font-weight:900;background:#C8102E;color:#fff;padding:.15rem .4rem;align-self:flex-start;letter-spacing:.04em}
.bd-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .15rem;overflow-wrap:break-word;line-height:1.2}
.bd-cover-sub{font-size:.65rem;color:#888;margin-bottom:.2rem}
.bd-cover-author{font-size:.7rem;color:#777}
.bd-cover-bar{height:2px;background:#C8102E;margin:.5rem 0;opacity:.7}
.bd-impressum-chip{margin-top:auto;font-size:.55rem;color:#0B1E3A;background:rgba(200,16,46,.07);border-left:2px solid #C8102E;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.bd-float{position:absolute;background:rgba(8,12,20,.92);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.bd-float-1{top:12%;left:-50px}.bd-float-2{bottom:18%;right:-40px;border-color:rgba(200,16,46,.35)}
.bd-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.bd-float-2 .bd-float-num{color:#C8102E}
.bd-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.bd-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.bd-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.bd-trigger--warn{background:rgba(200,16,46,.07);border-left:2.5px solid #C8102E;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.bd-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.bd-risk-card{background:rgba(200,16,46,.06);border:1px solid rgba(200,16,46,.22);overflow:hidden}
.bd-risk-header{background:rgba(200,16,46,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(200,16,46,.18);color:#fff;font-weight:700;line-height:1.3}
.bd-risk-icon{width:28px;height:28px;background:rgba(200,16,46,.2);color:#C8102E;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.bd-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.bd-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.bd-risk-list li::before{content:'×';position:absolute;left:0;color:#C8102E;font-weight:700}
.bd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bd-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.bd-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.bd-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.bd-step-icon svg{width:42px;height:42px;display:block}.bd-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.bd-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.bd-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bd-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.bd-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.bd-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.bd-feature-num{font-size:.7rem;font-weight:700;color:var(--bd-accent);opacity:.9}
.bd-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.bd-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.bd-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.bd-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.bd-quote-author strong{display:block;font-size:.85rem;color:#151515}
.bd-quote-author small{display:block;font-size:.72rem;color:#777}
.bd-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.bd-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.bd-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.bd-plan-featured{border-color:#C8102E;box-shadow:0 0 24px rgba(200,16,46,.14)}
.bd-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1}
.bd-plan-name{font-weight:700;line-height:1.2}
.bd-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.bd-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.bd-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.bd-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.bd-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.bd-plan-card .btn-bd-primary{margin-top:auto;width:100%;justify-content:center}
.bd-cta-section{position:relative;overflow:hidden;background:#080C14;padding:3.5rem 1rem;text-align:center;color:#fff}
.bd-cta-section .bd-section-bg{position:absolute;inset:0}
.bd-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.bd-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.bd-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.bd-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
/* FAQ */
.bd-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.bd-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.bd-faq-section .faq-item summary::-webkit-details-marker{display:none}
.bd-faq-section .faq-item summary::after{content:'＋';color:#C8102E;flex-shrink:0;font-weight:700}
.bd-faq-section .faq-item[open]{border-color:#C8102E;box-shadow:0 2px 12px rgba(200,16,46,.1)}
.bd-faq-section .faq-item[open] summary{color:#C8102E}
.bd-faq-section .faq-item[open] summary::after{content:'－'}
.bd-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* ── Tablet ───────────────────────────────────── */
@media(max-width:1024px){
  .bd-hero{padding:0 4vw;gap:2rem}
  .bd-law-grid{gap:2.5rem}
}
/* ── Mobile: 900px ────────────────────────────── */
@media(max-width:900px){
  .bd-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .bd-hero-inner{padding:3.2rem 0 1.25rem}
  .bd-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .bd-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .bd-book-stack{height:260px;width:220px}
  .bd-float-1{left:-10px;top:8%}
  .bd-float-2{right:-10px;bottom:10%}
  .bd-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .bd-section{padding:2.8rem 0}
  .bd-section .container{padding:0 1.5rem}
  .bd-steps{grid-template-columns:1fr;gap:1rem}
  .bd-step-card{padding:1.5rem 1.25rem}
  .bd-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .bd-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .bd-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .bd-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .bd-cta-actions{flex-direction:column;align-items:stretch}
  .bd-cta-actions .btn-bd-primary,.bd-cta-actions .btn-bd-ghost{width:100%}
}
/* ── Phablet: 680px ───────────────────────────── */
@media(max-width:680px){
  .bd-features-grid{grid-template-columns:1fr}
  .bd-hero-actions{flex-direction:column;align-items:stretch}
  .bd-hero-actions .btn-bd-primary,.bd-hero-actions .btn-bd-ghost{width:100%;font-size:.85rem}
  .bd-trust-strip{gap:.4rem}
  .bd-trust{font-size:.58rem;padding:.18rem .5rem}
}
/* ── Phone: 480px ─────────────────────────────── */
@media(max-width:480px){
  .bd-hero{padding:0 1rem}
  .bd-hero-inner{padding:2.2rem 0 1rem}
  .bd-hero-tag{font-size:.62rem;gap:.4rem}
  .bd-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .bd-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-bd-primary,.btn-bd-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .bd-book-stack{width:200px;height:240px}
  .bd-float{padding:.32rem .55rem}
  .bd-float-num{font-size:.8rem}
  .bd-float-lbl{font-size:.52rem}
  .bd-float-1{left:-6px;top:6%}
  .bd-float-2{right:-6px;bottom:8%}
  .bd-section{padding:2rem 0}
  .bd-section .container{padding:0 1rem}
  .bd-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .bd-section-lead{font-size:.88rem}
  .bd-trigger--warn,.bd-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .bd-step-icon svg{width:36px;height:36px}
  .bd-step-num{font-size:2rem}
  .bd-feature-card{padding:1.2rem}
  .bd-quote-card{padding:1rem}
  .bd-quote-text{font-size:.88rem}
  .bd-plan-card{padding:1.25rem}
  .bd-plan-price{font-size:1.6rem}
  .bd-cta-section{padding:2.5rem 1rem}
  .bd-cta-inner{padding:0}
  .bd-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .bd-faq-section .faq-item p{font-size:.84rem}
}
/* ── Very small: 360px ───────────────────────── */
@media(max-width:360px){
  .bd-hero-title{font-size:1.5rem}
  .bd-book-stack{width:180px;height:220px;transform:scale(.95)}
  .bd-float-1{left:-4px}
  .bd-float-2{right:-4px}
  .bd-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){
  .btn-bd-primary:hover,.btn-bd-ghost:hover{transform:none}
  .btn-bd-primary:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .bd-dot{animation:none}
}

/* ── discord.php ───────────────────────────────────────────────────── */

/* Discord – Palette #5865F2 / #23272A / #c9a84c */
.dc-blurple{color:#5865F2}
.page-wrap{overflow-x:clip}
.dc-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#23272A}
.dc-hero-bg{position:absolute;inset:0;pointer-events:none}
.dc-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.dc-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.dc-live-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgba(88,101,242,.14);border:1px solid rgba(88,101,242,.30);color:#5865F2;font-size:.62rem;font-weight:900;padding:.2rem .55rem}
.dc-dot{width:6px;height:6px;background:#5865F2;border-radius:50%;box-shadow:0 0 6px #5865F2;animation:dcblink 1.4s infinite}
@keyframes dcblink{0%,100%{opacity:1}50%{opacity:.3}}
.dc-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem}
.dc-hero-title em{color:#5865F2;font-style:normal}
.dc-hero-sub{color:rgba(255,255,255,.68);line-height:1.7;max-width:560px;margin:0 0 1.4rem}
.dc-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-dc-primary{background:#5865F2;color:#fff;border:none;box-shadow:0 0 24px rgba(88,101,242,.30)}
.btn-dc-primary:hover{background:#4752d1;color:#fff;box-shadow:0 0 32px rgba(88,101,242,.40)}
.btn-dc-primary:active{transform:scale(.98)}
.dc-trust-row{display:flex;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.45);font-size:.78rem}
.dc-trust-item{display:flex;align-items:center;gap:.4rem}
.dc-trust-item svg{width:12px;height:12px;color:#5865F2}
.dc-hero-visual{position:relative;z-index:1;padding:5rem 0;display:flex;justify-content:center}
.dc-server-card{width:360px;background:#2b2d31;border:1px solid rgba(88,101,242,.18);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);border-radius:8px}
.dc-server-top{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:#23272A;border-bottom:1px solid rgba(255,255,255,.06)}
.dc-server-name{font-weight:800;color:#fff;font-size:.95rem}
.dc-server-badge{background:#5865F2;color:#fff;font-size:.62rem;font-weight:800;padding:.18rem .45rem;border-radius:3px}
.dc-server-body{display:grid;grid-template-columns:110px 1fr;min-height:180px}
.dc-channels{background:#2b2d31;border-right:1px solid rgba(255,255,255,.06);padding:.7rem .5rem}
.dc-ch-cat{font-size:.58rem;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:.06em;margin:.6rem 0 .25rem}
.dc-ch{font-size:.72rem;color:rgba(255,255,255,.55);padding:.22rem .35rem;border-radius:3px}
.dc-ch-active{color:#5865F2}
.dc-chat{padding:.9rem}
.dc-msg{display:flex;gap:.6rem;margin-bottom:.8rem}
.dc-msg-avatar{width:32px;height:32px;border-radius:50%;background:#5865F2;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem}
.dc-msg-name{font-weight:700;color:#fff;font-size:.82rem}
.dc-role{background:#5865F2;color:#fff;font-size:.58rem;padding:.1rem .3rem;border-radius:3px;margin-left:.35rem}
.dc-msg-text{font-size:.76rem;color:rgba(255,255,255,.68);line-height:1.5;margin-top:.15rem}
.dc-msg-shield{display:flex;align-items:center;gap:.35rem;font-size:.70rem;color:#23a55a;background:rgba(35,165,90,.10);border-left:2px solid #23a55a;padding:.3rem .5rem;margin-top:.2rem}
.dc-server-stats{display:flex;gap:1rem;padding:.6rem 1rem;background:#23272A;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;color:rgba(255,255,255,.5)}
.dc-server-stats strong{color:#fff}
.dc-stat-boost{color:#ff73fa;font-weight:800;margin-left:auto}
/* Law */
.dc-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;max-width:1080px;margin:0 auto;padding:3rem 0}
.dc-law-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem}
.dc-law-list li{display:flex;gap:.7rem;padding:.8rem 1rem}
.dc-law-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0;font-size:.85rem}
.dc-law-icon--blurple{background:rgba(88,101,242,.14);color:#5865F2}
.dc-law-icon--gold{background:rgba(201,168,76,.12);color:#c9a84c}
.dc-law-list strong{display:block;font-size:.9rem;margin-bottom:.15rem}
.dc-law-list p{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0}
.dc-law-alert{background:rgba(88,101,242,.06);border:1px solid rgba(88,101,242,.22);overflow:hidden}
.dc-alert-head{background:rgba(88,101,242,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(88,101,242,.15);font-weight:700;color:var(--ink)}
.dc-alert-icon{width:28px;height:28px;background:rgba(88,101,242,.20);color:#5865F2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dc-alert-list{list-style:none;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.dc-alert-list li{font-size:.82rem;color:var(--ink);padding-left:1rem;position:relative}
.dc-alert-list li::before{content:'×';position:absolute;left:0;color:#4752d1;font-weight:700}
.dc-alert-cta{padding:0 1.2rem 1.2rem}
.btn-full{display:block;text-align:center}
/* How */
.dc-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:start}
.dc-step{background:var(--white);border:1px solid var(--border);padding:1.6rem;text-align:center;position:relative}
.dc-step-num{position:absolute;top:.8rem;right:.9rem;font-size:2.2rem;font-weight:900;color:rgba(88,101,242,.08)}
.dc-step-icon svg{width:40px;height:40px;color:#5865F2;margin:0 auto .7rem;display:block}
.dc-step-body h3{font-size:.95rem;font-weight:700;margin-bottom:.35rem}
.dc-step-body p{font-size:.82rem;color:var(--muted);line-height:1.6}
.dc-step-arrow{display:flex;align-items:center;justify-content:center;color:#5865F2;font-weight:900;padding:0 .4rem}
/* Features */
.dc-features-section{background:#23272A;position:relative;padding:4rem 0}
.dc-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.dc-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(88,101,242,.12);padding:1.4rem}
.dc-feature-icon{width:36px;height:36px;color:#5865F2;margin-bottom:.7rem}
.dc-feature-icon svg{width:100%;height:100%}
.dc-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:.35rem}
.dc-feature-card p{color:rgba(255,255,255,.55);font-size:.82rem;line-height:1.6;margin:0}
/* Quotes */
.dc-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.dc-quote-card{background:var(--white);border:1px solid var(--border);padding:1.4rem}
.dc-quote-head{display:flex;gap:.7rem;align-items:center;margin-bottom:.7rem}
.dc-quote-avatar{width:36px;height:36px;border-radius:50%;background:#5865F2;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dc-quote-name{font-weight:700;font-size:.9rem}.dc-quote-handle{font-weight:400;color:#5865F2;font-size:.78rem;margin-left:.35rem}
.dc-quote-meta{font-size:.72rem;color:var(--muted)}
.dc-quote-text{font-size:.88rem;line-height:1.6;color:#333;font-style:italic;margin:0 0 .6rem}
.dc-quote-stars{color:#5865F2;font-size:.8rem}
/* Pricing */
.dc-pricing-section{background:#23272A;position:relative;padding:4rem 0}
.dc-pricing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}
.dc-plan-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:1.6rem;position:relative;display:flex;flex-direction:column;text-align:center}
.dc-plan-featured{border-color:#5865F2;box-shadow:0 0 24px rgba(88,101,242,.18)}
.dc-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#5865F2;color:#fff;font-size:.65rem;font-weight:800;padding:.2rem .6rem;white-space:nowrap}
.dc-plan-name{font-weight:700;color:#fff}.dc-plan-price{font-size:1.9rem;font-weight:900;color:#fff}.dc-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.dc-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.dc-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.dc-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7)}
.dc-plan-perks svg{width:10px;height:10px;flex-shrink:0;margin-top:.3rem}
.dc-pricing-note{color:rgba(255,255,255,.35);font-size:.75rem;text-align:center;margin-top:1.2rem}
/* FAQ – heller Hintergrund, dunkler Text */
.dc-faq-section .faq-item{background:var(--white);border:1px solid var(--border)}
.dc-faq-section .faq-item summary{color:var(--ink)}
.dc-faq-section .faq-item summary::after{color:#5865F2}
.dc-faq-section .faq-item[open]{border-color:#5865F2;box-shadow:0 2px 12px rgba(88,101,242,.08)}
.dc-faq-section .faq-item[open] summary{color:#5865F2}
.dc-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4}
/* Final CTA */
.dc-final-cta{position:relative;overflow:hidden;background:#23272A;padding:3.5rem 1rem;text-align:center}
.dc-cta-bg{position:absolute;inset:0}
.dc-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}
.dc-cta-icon{margin:0 auto 1rem;width:80px;height:80px}
.dc-cta-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:.7rem}
.dc-cta-sub{color:rgba(255,255,255,.55);line-height:1.6;max-width:560px;margin:0 auto 1.5rem}
.dc-cta-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.dc-cta-fine{font-size:.72rem;color:rgba(255,255,255,.3);margin-top:1rem}
@media(max-width:900px){
  .dc-hero{grid-template-columns:1fr;padding:0 1.5rem}
  .dc-hero-visual{display:none}
  .dc-law-grid{grid-template-columns:1fr;gap:2rem}
  .dc-steps{grid-template-columns:1fr;gap:1rem}
  .dc-step-arrow{display:none}
  .dc-features{grid-template-columns:1fr}
  .dc-quotes{grid-template-columns:1fr}
  .dc-pricing-row{grid-template-columns:1fr;max-width:420px;margin:2rem auto 0}
}

/* ── so-funktioniert.php ───────────────────────────────────────────── */

/* Bereiche-Card – Kontrast erhöht */
.page-so-funktioniert .isp-nav-card{background:#fff;border:1.5px solid #b8922e;box-shadow:0 4px 16px rgba(0,0,0,.08)}.page-so-funktioniert .isp-nav-title{color:#151515;font-weight:800}.page-so-funktioniert .gpsr-toc{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.page-so-funktioniert .gpsr-toc-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:#fff;border:1px solid #c9b892;color:#151515;font-size:.84rem;text-decoration:none;font-weight:600;transition:.15s}.page-so-funktioniert .gpsr-toc-link span{font-size:.62rem;font-weight:900;color:#fff;background:#b8922e;padding:.15rem .35rem;flex-shrink:0}.page-so-funktioniert .gpsr-toc-link:hover{background:#151515;color:#fff;border-color:#151515}.page-so-funktioniert .gpsr-toc-link:hover span{background:#fff;color:#151515}.sf-steps-ol{margin:.6rem 0 0 1.2rem;font-size:.85rem;line-height:1.7;color:#444}.sf-steps-ol li{margin:.45rem 0}.sf-cta-inline{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.sf-cta-inline .btn-gold{background:#9a7a2a;border-color:#7a5a12;color:#151515}.sf-cta-inline .btn-gold:hover{background:#b8922e;border-color:#7a5a12;color:#151515}.sf-cta-inline .btn-gold:focus-visible{outline:2px solid #151515;outline-offset:2px}.sf-browser-mock{border:1px solid #e8e0d4;background:#fff;overflow:hidden}.sf-browser-bar{background:#151515;color:#bbb;font-size:.62rem;display:flex;gap:.3rem;align-items:center;padding:.45rem .6rem}.sf-browser-bar span{width:9px;height:9px;border-radius:50%;background:#444}.sf-browser-bar span:nth-child(1){background:#ff5f57}.sf-browser-bar span:nth-child(2){background:#ffbd2e}.sf-browser-bar span:nth-child(3){background:#28c840}.sf-browser-bar em{margin-left:.5rem;font-style:normal;opacity:.6}.sf-browser-nav{display:flex;gap:.4rem;padding:.5rem .6rem;border-bottom:1px solid #eee;background:#faf7f0}.sf-browser-nav span{font-size:.65rem;padding:.2rem .45rem;border:1px solid #e8e0d4;background:#fff;color:#777}.sf-browser-nav span.on{background:#151515;color:#fff;border-color:#151515}.sf-browser-body{padding:.8rem}.sf-line{height:8px;background:#eee;margin:.45rem 0;border-radius:2px}.sf-line.w80{width:80%}.sf-line.w60{width:60%}.sf-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.6rem}.sf-card-grid span{height:38px;background:#faf7f0;border:1px solid #e8e0d4}.sf-nav-preview small{display:block;text-align:center;color:#555;font-size:.68rem;margin-top:.45rem;font-weight:500}.sf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.sf-card{background:#fff;border:1px solid #e8e0d4;padding:1.1rem}.sf-card-label{font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b8922e;margin-bottom:.3rem}.sf-card h3{font-size:.92rem;font-weight:800;color:#151515;margin:0 0 .35rem}.sf-card p{font-size:.8rem;color:#555;line-height:1.6;margin:0}.sf-card ul{margin:0 0 0 1rem;font-size:.8rem;color:#555;line-height:1.6}.sf-card small{font-size:.72rem;color:#777;display:block;margin-top:.4rem;line-height:1.4}.sf-mono{font-family:monospace;font-size:.82rem;background:#faf7f0;border:1px solid #e8e0d4;padding:.6rem;margin:.4rem 0;line-height:1.6}.sf-link{color:#b8922e;text-decoration:none;font-weight:700}.sf-link:hover{text-decoration:underline}.sf-steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}.sf-step{background:#fff;border:1px solid #e8e0d4;padding:.9rem;font-size:.8rem;color:#555;line-height:1.5}.sf-step span{font-weight:900;color:#b8922e;margin-right:.3rem}.sf-step strong{display:block;color:#151515;margin-bottom:.15rem;font-size:.82rem}.sf-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.sf-box{padding:1rem;border:1px solid #e8e0d4}.sf-box--warn{background:#fef2f2;border-color:#fecaca}.sf-box--ok{background:#f0fdf4;border-color:#bbf7d0}.sf-box-title{font-weight:800;font-size:.82rem;margin-bottom:.3rem}.sf-box p{font-size:.8rem;color:#555;line-height:1.6;margin:0}.sf-note{font-size:.76rem;color:#777;margin-top:.6rem;line-height:1.5}.sf-list{margin:.4rem 0 0 1rem;font-size:.8rem;color:#555;line-height:1.6}.sf-mock-doc{border:1px solid #e8e0d4;background:#fff;padding:1rem}.sf-doc-head{font-weight:800;font-size:.78rem;color:#151515;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:.7rem}.sf-doc-line{height:7px;background:#f0ece4;margin:.4rem 0;border-radius:1px}.sf-doc-line.w90{width:90%}.sf-doc-line.w70{width:70%}.sf-doc-line.w85{width:85%}.sf-doc-sign{display:flex;justify-content:space-between;margin-top:1rem;border-top:1px solid #eee;padding-top:.6rem;font-size:.68rem;color:#999}.sf-doc-foot{margin-top:.7rem;font-size:.68rem;color:#999;text-align:center;border-top:1px solid #f5f0e8;padding-top:.5rem}
@media(max-width:900px){.sf-grid-2, .sf-steps-row, .sf-two-col{grid-template-columns:1fr}
}

/* ── nova-md.php ───────────────────────────────────────────────────── */

.nv-red{color:#C41E3A}.nv-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.nv-section{position:relative;overflow:hidden;padding:4.5rem 0}
.nv-section-bg{position:absolute;inset:0;z-index:0}
.nv-section-bg svg{width:100%;height:100%;display:block}
.nv-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#C41E3A;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.nv-eyebrow::before{content:'';width:22px;height:2px;background:#C41E3A;flex-shrink:0}
.nv-eyebrow--dark{color:#991b1b}.nv-eyebrow--dark::before{background:#991b1b}
.nv-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.nv-section-title--dark{color:#151515}
.nv-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:560px}
.nv-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#0F0A0F}
.nv-hero-bg{position:absolute;inset:0;pointer-events:none}
.nv-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.nv-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.nv-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(196,30,58,.12);border:1px solid rgba(196,30,58,.25);color:#C41E3A;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.nv-dot{width:6px;height:6px;background:#C41E3A;border-radius:50%;box-shadow:0 0 6px #C41E3A;animation:nvdot 1.4s infinite;flex-shrink:0}
@keyframes nvdot{0%,100%{opacity:1}50%{opacity:.3}}
.nv-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.nv-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:580px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.nv-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:0 0 1.8rem;line-height:1.5}
.nv-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-nv-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#C41E3A;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(196,30,58,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-nv-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(196,30,58,.4)}
.btn-nv-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-nv-ghost:hover{border-color:#C41E3A;color:#C41E3A}
.btn-nv-full{display:block;text-align:center;width:100%;justify-content:center}
.nv-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.nv-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.nv-trust-red{color:#C41E3A;border-color:rgba(196,30,58,.3);background:rgba(196,30,58,.06)}
.nv-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.25);background:rgba(26,42,74,.35)}
.nv-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.nv-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.nv-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.nv-book{position:absolute;inset:0}
.nv-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.nv-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.nv-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.nv-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#1A2A4A;border-radius:2px 0 0 2px}
.nv-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.nv-cover-badge{font-size:.6rem;font-weight:900;background:#C41E3A;color:#fff;padding:.15rem .4rem;align-self:flex-start}
.nv-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .15rem;overflow-wrap:break-word}
.nv-cover-sub{font-size:.65rem;color:#888}
.nv-cover-author{font-size:.7rem;color:#777}
.nv-cover-bar{height:2px;background:#C41E3A;margin:.5rem 0;opacity:.7}
.nv-impressum-chip{margin-top:auto;font-size:.55rem;color:#1A2A4A;background:rgba(196,30,58,.07);border-left:2px solid #C41E3A;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.nv-float{position:absolute;background:rgba(15,10,15,.92);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.nv-float-1{top:12%;left:-50px}.nv-float-2{bottom:18%;right:-40px;border-color:rgba(196,30,58,.35)}
.nv-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.nv-float-2 .nv-float-num{color:#C41E3A}
.nv-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.nv-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.nv-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.nv-trigger--warn{background:rgba(196,30,58,.07);border-left:2.5px solid #C41E3A;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.nv-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.nv-risk-card{background:rgba(196,30,58,.06);border:1px solid rgba(196,30,58,.22);overflow:hidden}
.nv-risk-header{background:rgba(196,30,58,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(196,30,58,.18);color:#fff;font-weight:700;line-height:1.3}
.nv-risk-icon{width:28px;height:28px;background:rgba(196,30,58,.2);color:#C41E3A;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.nv-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.nv-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.nv-risk-list li::before{content:'×';position:absolute;left:0;color:#C41E3A;font-weight:700}
.nv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.nv-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.nv-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.nv-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.nv-step-icon svg{width:42px;height:42px;display:block}.nv-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.nv-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.nv-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.nv-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.nv-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.nv-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.nv-feature-num{font-size:.7rem;font-weight:700;color:var(--nv-accent);opacity:.9}
.nv-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.nv-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.nv-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.nv-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.nv-quote-author strong{display:block;font-size:.85rem;color:#151515}
.nv-quote-author small{display:block;font-size:.72rem;color:#777}
.nv-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.nv-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.nv-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.nv-plan-featured{border-color:#C41E3A;box-shadow:0 0 24px rgba(196,30,58,.14)}
.nv-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#C41E3A}
.nv-plan-name{font-weight:700;line-height:1.2}
.nv-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.nv-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.nv-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.nv-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.nv-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.nv-plan-card .btn-nv-primary{margin-top:auto;width:100%;justify-content:center}
.nv-cta-section{position:relative;overflow:hidden;background:#0F0A0F;padding:3.5rem 1rem;text-align:center;color:#fff}
.nv-cta-section .nv-section-bg{position:absolute;inset:0}
.nv-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.nv-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.nv-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.nv-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
.nv-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.nv-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.nv-faq-section .faq-item summary::-webkit-details-marker{display:none}
.nv-faq-section .faq-item summary::after{content:'＋';color:#C41E3A;flex-shrink:0;font-weight:700}
.nv-faq-section .faq-item[open]{border-color:#C41E3A;box-shadow:0 2px 12px rgba(196,30,58,.1)}
.nv-faq-section .faq-item[open] summary{color:#C41E3A}
.nv-faq-section .faq-item[open] summary::after{content:'－'}
.nv-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
@media(max-width:1024px){.nv-hero{padding:0 4vw;gap:2rem}.nv-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .nv-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .nv-hero-inner{padding:3.2rem 0 1.25rem}
  .nv-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .nv-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .nv-book-stack{height:260px;width:220px}
  .nv-float-1{left:-10px;top:8%}
  .nv-float-2{right:-10px;bottom:10%}
  .nv-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .nv-section{padding:2.8rem 0}
  .nv-section .container{padding:0 1.5rem}
  .nv-steps{grid-template-columns:1fr;gap:1rem}
  .nv-step-card{padding:1.5rem 1.25rem}
  .nv-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .nv-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .nv-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .nv-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .nv-cta-actions{flex-direction:column;align-items:stretch}
  .nv-cta-actions .btn-nv-primary,.nv-cta-actions .btn-nv-ghost{width:100%}
}
@media(max-width:680px){
  .nv-features-grid{grid-template-columns:1fr}
  .nv-hero-actions{flex-direction:column;align-items:stretch}
  .nv-hero-actions .btn-nv-primary,.nv-hero-actions .btn-nv-ghost{width:100%;font-size:.85rem}
  .nv-trust-strip{gap:.4rem}
  .nv-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .nv-hero{padding:0 1rem}
  .nv-hero-inner{padding:2.2rem 0 1rem}
  .nv-hero-tag{font-size:.62rem;gap:.4rem}
  .nv-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .nv-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-nv-primary,.btn-nv-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .nv-book-stack{width:200px;height:240px}
  .nv-float{padding:.32rem .55rem}
  .nv-float-num{font-size:.8rem}
  .nv-float-lbl{font-size:.52rem}
  .nv-float-1{left:-6px;top:6%}
  .nv-float-2{right:-6px;bottom:8%}
  .nv-section{padding:2rem 0}
  .nv-section .container{padding:0 1rem}
  .nv-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .nv-section-lead{font-size:.88rem}
  .nv-trigger--warn,.nv-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .nv-step-icon svg{width:36px;height:36px}
  .nv-step-num{font-size:2rem}
  .nv-feature-card{padding:1.2rem}
  .nv-quote-card{padding:1rem}
  .nv-quote-text{font-size:.88rem}
  .nv-plan-card{padding:1.25rem}
  .nv-plan-price{font-size:1.6rem}
  .nv-cta-section{padding:2.5rem 1rem}
  .nv-cta-inner{padding:0}
  .nv-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .nv-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .nv-hero-title{font-size:1.5rem}
  .nv-book-stack{width:180px;height:220px;transform:scale(.95)}
  .nv-float-1{left:-4px}
  .nv-float-2{right:-4px}
  .nv-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-nv-primary:hover,.btn-nv-ghost:hover{transform:none}.btn-nv-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.nv-dot{animation:none}}

/* ── autaria.php ───────────────────────────────────────────────────── */

.au-violet{color:#6D28D9}.au-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.au-section{position:relative;overflow:hidden;padding:4.5rem 0}
.au-section-bg{position:absolute;inset:0;z-index:0}
.au-section-bg svg{width:100%;height:100%;display:block}
.au-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6D28D9;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.au-eyebrow::before{content:'';width:22px;height:2px;background:#6D28D9;flex-shrink:0}
.au-eyebrow--dark{color:#4c1d95}.au-eyebrow--dark::before{background:#4c1d95}
.au-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.au-section-title--dark{color:#151515}
.au-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:560px}
.au-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#0E0B1A}
.au-hero-bg{position:absolute;inset:0;pointer-events:none}
.au-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.au-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.au-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(109,40,217,.12);border:1px solid rgba(109,40,217,.25);color:#6D28D9;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.au-dot{width:6px;height:6px;background:#6D28D9;border-radius:50%;box-shadow:0 0 6px #6D28D9;animation:audot 1.4s infinite;flex-shrink:0}
@keyframes audot{0%,100%{opacity:1}50%{opacity:.3}}
.au-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.au-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:580px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.au-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:0 0 1.8rem;line-height:1.5}
.au-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-au-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#6D28D9;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(109,40,217,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s,box-shadow .15s;word-break:break-word}
.btn-au-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(109,40,217,.4)}
.btn-au-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-au-ghost:hover{border-color:#6D28D9;color:#6D28D9}
.btn-au-full{display:block;text-align:center;width:100%;justify-content:center}
.au-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.au-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.au-trust-violet{color:#6D28D9;border-color:rgba(109,40,217,.3);background:rgba(109,40,217,.06)}
.au-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.25);background:rgba(30,27,75,.35)}
.au-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.au-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.au-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.au-book{position:absolute;inset:0}
.au-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.au-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.au-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.au-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#1E1B4B;border-radius:2px 0 0 2px}
.au-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.au-cover-badge{font-size:.6rem;font-weight:900;background:#6D28D9;color:#fff;padding:.15rem .4rem;align-self:flex-start}
.au-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .15rem;overflow-wrap:break-word}
.au-cover-sub{font-size:.65rem;color:#888}
.au-cover-author{font-size:.7rem;color:#777}
.au-cover-bar{height:2px;background:#6D28D9;margin:.5rem 0;opacity:.7}
.au-impressum-chip{margin-top:auto;font-size:.55rem;color:#1E1B4B;background:rgba(109,40,217,.07);border-left:2px solid #6D28D9;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.au-float{position:absolute;background:rgba(14,11,26,.92);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.au-float-1{top:12%;left:-50px}.au-float-2{bottom:18%;right:-40px;border-color:rgba(109,40,217,.35)}
.au-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.au-float-2 .au-float-num{color:#6D28D9}
.au-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.au-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.au-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.au-trigger--warn{background:rgba(109,40,217,.07);border-left:2.5px solid #6D28D9;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.au-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.au-risk-card{background:rgba(109,40,217,.06);border:1px solid rgba(109,40,217,.22);overflow:hidden}
.au-risk-header{background:rgba(109,40,217,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(109,40,217,.18);color:#fff;font-weight:700;line-height:1.3}
.au-risk-icon{width:28px;height:28px;background:rgba(109,40,217,.2);color:#6D28D9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.au-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.au-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.au-risk-list li::before{content:'×';position:absolute;left:0;color:#6D28D9;font-weight:700}
.au-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.au-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.au-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.au-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.au-step-icon svg{width:42px;height:42px;display:block}.au-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.au-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.au-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.au-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.au-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.au-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.au-feature-num{font-size:.7rem;font-weight:700;color:var(--au-accent);opacity:.9}
.au-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.au-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.au-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.au-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.au-quote-author strong{display:block;font-size:.85rem;color:#151515}
.au-quote-author small{display:block;font-size:.72rem;color:#777}
.au-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.au-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.au-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.au-plan-featured{border-color:#6D28D9;box-shadow:0 0 24px rgba(109,40,217,.14)}
.au-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#6D28D9}
.au-plan-name{font-weight:700;line-height:1.2}
.au-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.au-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.au-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.au-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.au-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.au-plan-card .btn-au-primary{margin-top:auto;width:100%;justify-content:center}
.au-cta-section{position:relative;overflow:hidden;background:#0E0B1A;padding:3.5rem 1rem;text-align:center;color:#fff}
.au-cta-section .au-section-bg{position:absolute;inset:0}
.au-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.au-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.au-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.au-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
.au-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.au-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.au-faq-section .faq-item summary::-webkit-details-marker{display:none}
.au-faq-section .faq-item summary::after{content:'＋';color:#6D28D9;flex-shrink:0;font-weight:700}
.au-faq-section .faq-item[open]{border-color:#6D28D9;box-shadow:0 2px 12px rgba(109,40,217,.1)}
.au-faq-section .faq-item[open] summary{color:#6D28D9}
.au-faq-section .faq-item[open] summary::after{content:'－'}
.au-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
@media(max-width:1024px){.au-hero{padding:0 4vw;gap:2rem}.au-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .au-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .au-hero-inner{padding:3.2rem 0 1.25rem}
  .au-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .au-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .au-book-stack{height:260px;width:220px}
  .au-float-1{left:-10px;top:8%}
  .au-float-2{right:-10px;bottom:10%}
  .au-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .au-section{padding:2.8rem 0}
  .au-section .container{padding:0 1.5rem}
  .au-steps{grid-template-columns:1fr;gap:1rem}
  .au-step-card{padding:1.5rem 1.25rem}
  .au-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .au-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .au-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .au-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .au-cta-actions{flex-direction:column;align-items:stretch}
  .au-cta-actions .btn-au-primary,.au-cta-actions .btn-au-ghost{width:100%}
}
@media(max-width:680px){
  .au-features-grid{grid-template-columns:1fr}
  .au-hero-actions{flex-direction:column;align-items:stretch}
  .au-hero-actions .btn-au-primary,.au-hero-actions .btn-au-ghost{width:100%;font-size:.85rem}
  .au-trust-strip{gap:.4rem}
  .au-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .au-hero{padding:0 1rem}
  .au-hero-inner{padding:2.2rem 0 1rem}
  .au-hero-tag{font-size:.62rem;gap:.4rem}
  .au-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .au-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-au-primary,.btn-au-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .au-book-stack{width:200px;height:240px}
  .au-float{padding:.32rem .55rem}
  .au-float-num{font-size:.8rem}
  .au-float-lbl{font-size:.52rem}
  .au-float-1{left:-6px;top:6%}
  .au-float-2{right:-6px;bottom:8%}
  .au-section{padding:2rem 0}
  .au-section .container{padding:0 1rem}
  .au-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .au-section-lead{font-size:.88rem}
  .au-trigger--warn,.au-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .au-step-icon svg{width:36px;height:36px}
  .au-step-num{font-size:2rem}
  .au-feature-card{padding:1.2rem}
  .au-quote-card{padding:1rem}
  .au-quote-text{font-size:.88rem}
  .au-plan-card{padding:1.25rem}
  .au-plan-price{font-size:1.6rem}
  .au-cta-section{padding:2.5rem 1rem}
  .au-cta-inner{padding:0}
  .au-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .au-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .au-hero-title{font-size:1.5rem}
  .au-book-stack{width:180px;height:220px;transform:scale(.95)}
  .au-float-1{left:-4px}
  .au-float-2{right:-4px}
  .au-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-au-primary:hover,.btn-au-ghost:hover{transform:none}.btn-au-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.au-dot{animation:none}}

/* ── tredition.php ─────────────────────────────────────────────────── */

/* tredition – Palette: #ED651C (tredition Orange) / #0B1E3A (Navy) / #c9a84c (Gold) */
.td-orange{color:#ED651C}.td-gold{color:#c9a84c}.td-navy{color:#0B1E3A}
.page-wrap{overflow-x:clip}
.td-section{position:relative;overflow:hidden;padding:4.5rem 0}
.td-section-bg{position:absolute;inset:0;z-index:0}
.td-section-bg svg{width:100%;height:100%;display:block}
.td-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ED651C;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.td-eyebrow::before{content:'';width:22px;height:2px;background:#ED651C;flex-shrink:0}
.td-eyebrow--dark{color:#7a2e0a}.td-eyebrow--dark::before{background:#7a2e0a}
.td-eyebrow--orange{color:#ED651C}
.td-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word;word-break:break-word}
.td-section-title--dark{color:#151515}
.td-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:580px}
.td-section-head.centered{text-align:center}
.td-section-head.centered .td-eyebrow{justify-content:center}
.td-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#0F0D0A}
.td-hero-bg{position:absolute;inset:0;pointer-events:none}
.td-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.td-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.td-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(237,101,28,.12);border:1px solid rgba(237,101,28,.25);color:#ED651C;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.td-dot{width:6px;height:6px;background:#ED651C;border-radius:50%;box-shadow:0 0 6px #ED651C;animation:tddot 1.4s infinite;flex-shrink:0}
@keyframes tddot{0%,100%{opacity:1}50%{opacity:.3}}
.td-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.td-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:580px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.td-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:0 0 1.8rem;line-height:1.5}
.td-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-td-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#ED651C;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(237,101,28,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s,box-shadow .15s,background .15s;word-break:break-word}
.btn-td-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(237,101,28,.4);background:#f2702f}
.btn-td-primary:active{transform:none}
.btn-td-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:border-color .15s,color .15s}
.btn-td-ghost:hover{border-color:#ED651C;color:#ED651C}
.btn-td-full{display:block;text-align:center;width:100%;justify-content:center}
.td-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.td-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.td-trust-orange{color:#ED651C;border-color:rgba(237,101,28,.3);background:rgba(237,101,28,.06)}
.td-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.25);background:rgba(11,30,58,.35)}
.td-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.td-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.td-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.td-book{position:absolute;inset:0}
.td-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.td-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.td-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.td-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#0B1E3A;border-radius:2px 0 0 2px}
.td-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.td-cover-badge{font-size:.6rem;font-weight:900;background:#ED651C;color:#fff;padding:.15rem .4rem;align-self:flex-start;letter-spacing:.04em}
.td-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .15rem;overflow-wrap:break-word;line-height:1.2}
.td-cover-sub{font-size:.65rem;color:#888;margin-bottom:.2rem}
.td-cover-author{font-size:.7rem;color:#777}
.td-cover-bar{height:2px;background:#ED651C;margin:.5rem 0;opacity:.7}
.td-impressum-chip{margin-top:auto;font-size:.55rem;color:#0B1E3A;background:rgba(237,101,28,.07);border-left:2px solid #ED651C;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.td-float{position:absolute;background:rgba(15,13,10,.92);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.td-float-1{top:12%;left:-50px}.td-float-2{bottom:18%;right:-40px;border-color:rgba(237,101,28,.35)}
.td-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.td-float-2 .td-float-num{color:#ED651C}
.td-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.td-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.td-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.td-trigger--warn{background:rgba(237,101,28,.07);border-left:2.5px solid #ED651C;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.td-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.td-risk-card{background:rgba(237,101,28,.06);border:1px solid rgba(237,101,28,.22);overflow:hidden}
.td-risk-header{background:rgba(237,101,28,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(237,101,28,.18);color:#fff;font-weight:700;line-height:1.3}
.td-risk-icon{width:28px;height:28px;background:rgba(237,101,28,.2);color:#ED651C;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.td-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.td-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.td-risk-list li::before{content:'×';position:absolute;left:0;color:#ED651C;font-weight:700}
.td-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.td-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.td-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.td-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.td-step-icon svg{width:42px;height:42px;display:block}.td-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.td-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.td-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.td-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.td-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.td-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.td-feature-num{font-size:.7rem;font-weight:700;color:var(--td-accent);opacity:.9}
.td-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.td-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.td-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.td-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.td-quote-author strong{display:block;font-size:.85rem;color:#151515}
.td-quote-author small{display:block;font-size:.72rem;color:#777}
.td-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.td-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.td-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.td-plan-featured{border-color:#ED651C;box-shadow:0 0 24px rgba(237,101,28,.14)}
.td-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#ED651C}
.td-plan-name{font-weight:700;line-height:1.2}
.td-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.td-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.td-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.td-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.td-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.td-plan-card .btn-td-primary{margin-top:auto;width:100%;justify-content:center}
.td-cta-section{position:relative;overflow:hidden;background:#0F0D0A;padding:3.5rem 1rem;text-align:center;color:#fff}
.td-cta-section .td-section-bg{position:absolute;inset:0}
.td-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.td-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.td-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.td-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
/* FAQ */
.td-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.td-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.td-faq-section .faq-item summary::-webkit-details-marker{display:none}
.td-faq-section .faq-item summary::after{content:'＋';color:#ED651C;flex-shrink:0;font-weight:700}
.td-faq-section .faq-item[open]{border-color:#ED651C;box-shadow:0 2px 12px rgba(237,101,28,.1)}
.td-faq-section .faq-item[open] summary{color:#ED651C}
.td-faq-section .faq-item[open] summary::after{content:'－'}
.td-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* ── Tablet ───────────────────────────────────── */
@media(max-width:1024px){
  .td-hero{padding:0 4vw;gap:2rem}
  .td-law-grid{gap:2.5rem}
}
/* ── Mobile: 900px ────────────────────────────── */
@media(max-width:900px){
  .td-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .td-hero-inner{padding:3.2rem 0 1.25rem}
  .td-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .td-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .td-book-stack{height:260px;width:220px}
  .td-float-1{left:-10px;top:8%}
  .td-float-2{right:-10px;bottom:10%}
  .td-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .td-section{padding:2.8rem 0}
  .td-section .container{padding:0 1.5rem}
  .td-steps{grid-template-columns:1fr;gap:1rem}
  .td-step-card{padding:1.5rem 1.25rem}
  .td-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .td-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .td-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .td-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .td-cta-actions{flex-direction:column;align-items:stretch}
  .td-cta-actions .btn-td-primary,.td-cta-actions .btn-td-ghost{width:100%}
}
/* ── Phablet: 680px ───────────────────────────── */
@media(max-width:680px){
  .td-features-grid{grid-template-columns:1fr}
  .td-hero-actions{flex-direction:column;align-items:stretch}
  .td-hero-actions .btn-td-primary,.td-hero-actions .btn-td-ghost{width:100%;font-size:.85rem}
  .td-trust-strip{gap:.4rem}
  .td-trust{font-size:.58rem;padding:.18rem .5rem}
}
/* ── Phone: 480px ─────────────────────────────── */
@media(max-width:480px){
  .td-hero{padding:0 1rem}
  .td-hero-inner{padding:2.2rem 0 1rem}
  .td-hero-tag{font-size:.62rem;gap:.4rem}
  .td-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .td-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-td-primary,.btn-td-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .td-book-stack{width:200px;height:240px}
  .td-float{padding:.32rem .55rem}
  .td-float-num{font-size:.8rem}
  .td-float-lbl{font-size:.52rem}
  .td-float-1{left:-6px;top:6%}
  .td-float-2{right:-6px;bottom:8%}
  .td-section{padding:2rem 0}
  .td-section .container{padding:0 1rem}
  .td-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .td-section-lead{font-size:.88rem}
  .td-trigger--warn,.td-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .td-step-icon svg{width:36px;height:36px}
  .td-step-num{font-size:2rem}
  .td-feature-card{padding:1.2rem}
  .td-quote-card{padding:1rem}
  .td-quote-text{font-size:.88rem}
  .td-plan-card{padding:1.25rem}
  .td-plan-price{font-size:1.6rem}
  .td-cta-section{padding:2.5rem 1rem}
  .td-cta-inner{padding:0}
  .td-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .td-faq-section .faq-item p{font-size:.84rem}
}
/* ── Very small: 360px ───────────────────────── */
@media(max-width:360px){
  .td-hero-title{font-size:1.5rem}
  .td-book-stack{width:180px;height:220px;transform:scale(.95)}
  .td-float-1{left:-4px}
  .td-float-2{right:-4px}
  .td-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){
  .btn-td-primary:hover,.btn-td-ghost:hover{transform:none}
  .btn-td-primary:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .td-dot{animation:none}
}

/* ── impressum-fuer-autoren-im-ausland.php ─────────────────────────── */

/* Ausland-Seite – nutzt isp-*/bv-*/av-* aus shared.css + eigene Ergänzungen */
.al-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.25rem}
.al-card{background:#fff;border:1px solid #e8e0d4;padding:1.2rem}
.al-card-icon{font-size:1.35rem;margin-bottom:.35rem}
.al-card-title{font-weight:800;font-size:.9rem;color:#151515;margin-bottom:.35rem}
.al-card-text{font-size:.8rem;color:#555;line-height:1.65}
.al-card-tag{display:inline-block;margin-top:.7rem;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:rgba(201,168,76,.15);color:#8a6f1e;padding:.18rem .45rem}
.al-pill{display:inline-block;font-size:.68rem;font-weight:800;padding:.2rem .5rem;white-space:nowrap}
.al-pill--ok{background:#f0fdf4;color:#1a7f4b}
.al-pill--mid{background:#fffdf5;color:#8a6f1e}
.al-pill--warn{background:#fef2f2;color:#b03a3a}
.al-check{display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem}
.al-check-item{display:flex;gap:.9rem;background:#fff;border:1px solid #e8e0d4;padding:.9rem 1.1rem}
.al-check-nr{width:24px;height:24px;flex-shrink:0;background:var(--gold);color:#111;font-weight:900;font-size:.75rem;display:flex;align-items:center;justify-content:center}
.al-check-was{font-weight:800;font-size:.85rem;color:#151515}
.al-check-wo{font-size:.78rem;color:#666;line-height:1.6;margin-top:.15rem}
#faq .faq-item summary{padding:1rem 1.1rem}
#faq .faq-item p{border-top:1px solid #f0ece4}
@media(max-width:900px){.al-grid{grid-template-columns:1fr}}

/* ── widerruf.php ──────────────────────────────────────────────────── */

/* ── Widerruf-Seite ───────────────────────────────────────────── */
.legal-page { padding: 3rem 0 5rem; max-width: 860px; }
.legal-h2 {
  font-size: 1.35rem; font-weight: 800; color: var(--dark);
  margin: 2.5rem 0 1rem; padding-bottom: .5rem;
  border-bottom: 2px solid rgba(201,168,76,.3);
}
.legal-h3 {
  font-size: 1rem; font-weight: 700; color: var(--gold);
  margin: 1.75rem 0 .6rem;
}
.legal-page p {
  color: #000; font-size: .88rem;
  line-height: 1.85; margin: 0 0 .9rem;
}
.legal-page a { color: var(--gold); text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }

/* Info-Box */
.wid-info-box {
  display: flex; gap: .9rem; align-items: flex-start;
  background: rgba(201,168,76,.07);
  border: 1px solid rgba(201,168,76,.25);
  border-left: 3px solid var(--gold);
  padding: 1rem 1.25rem;
  margin: 2rem 0 2.5rem;
  font-size: .82rem; color: #000; line-height: 1.7;
}
.wid-info-box strong { color: var(--gold); }
.wid-info-box svg { color: var(--gold); margin-top: .1rem; }

/* ── Muster-Formular (druckbar) ─────────────────────────────── */
.wid-form-doc {
  background: #fff; color: #000;
  padding: 2.5rem 3rem;
  margin: 1.5rem 0 1rem;
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: .85rem; line-height: 1.75;
  box-shadow: 0 4px 40px rgba(0,0,0,.3);
}
.wid-form-header {
  display: flex; justify-content: space-between;
  align-items: flex-start; margin-bottom: 1.25rem;
}
.wid-form-company {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700; font-size: .9rem; margin-bottom: .25rem;
}
.wid-form-addr {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: .75rem; color: #000; line-height: 1.6;
}
.wid-form-title-block { text-align: right; }
.wid-form-title {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 1.1rem; font-weight: 700; color: #000;
}
.wid-form-subtitle {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: .7rem; color: #000; margin-top: .2rem;
}
.wid-form-rule { border: none; border-top: 2px solid #c9a84c; margin: 0 0 1.5rem; }
.wid-form-intro { font-size: .84rem; color: #000; margin-bottom: 1.5rem; }
.wid-form-fields { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; }
.wid-field-group {}
.wid-field-label {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: .67rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #444; margin-bottom: .3rem;
}
.wid-field-line {
  font-size: .85rem; color: #000; padding: .3rem 0;
  border-bottom: 1px solid #ccc;
}
.wid-field-blank { color: transparent; min-height: 1.5rem; }
.wid-sign-row {
  display: grid; grid-template-columns: 1fr 2fr; gap: 3rem;
  margin: 2rem 0 1.25rem;
}
.wid-sign-line { height: 1px; background: #000; margin-bottom: .5rem; }
.wid-sign-label {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: .67rem; color: #000;
}
.wid-form-footnote {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: .72rem; color: #000; border-top: 1px solid #ccc;
  padding-top: .75rem; margin-top: .5rem;
}

/* Toolbar */
.wid-toolbar {
  display: flex; gap: .75rem; flex-wrap: wrap;
  margin: .75rem 0 1rem;
}

/* Online-Formular */
.wid-online-form {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.12);
  padding: 2rem;
  margin: 1.25rem 0 2rem;
}
.wid-online-success {
  display: flex; gap: .9rem; align-items: flex-start;
  padding: 1.25rem;
  background: rgba(39,174,96,.07);
  border: 1px solid rgba(39,174,96,.25);
  font-size: .87rem; color: #000; line-height: 1.7;
}
.wid-online-success strong { color: #27ae60; }

/* Rechtsgrundlagen */
.wid-law-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: rgba(255,255,255,.05);
  margin: 1.25rem 0 2rem;
}
.wid-law-card {
  background: var(--panel); padding: 1.25rem 1.1rem;
}
.wid-law-ref {
  font-size: .65rem; font-weight: 900; letter-spacing: .12em;
  text-transform: uppercase; color: var(--gold); margin-bottom: .4rem;
}
.wid-law-title {
  font-size: .82rem; font-weight: 700; color: #000;
  margin-bottom: .4rem; line-height: 1.35;
}
.wid-law-text { font-size: .77rem; color: #000; line-height: 1.65; }

.wid-stand {
  font-size: .72rem; color: #555 !important; margin-top: 2rem;
}

/* ── Druck ────────────────────────────────────────────────────── */
@media print {
  .page-widerruf nav, .page-widerruf footer, .page-widerruf .wid-info-box,
  .page-widerruf .wid-toolbar, .page-widerruf .wid-online-form,
  .page-widerruf .wid-law-grid, .page-widerruf h2:not(:nth-of-type(2)),
  .page-widerruf .legal-h3, .page-widerruf .hero-dark,
  .page-widerruf .wid-stand, .page-widerruf p:not(.wid-form-intro) { display: none !important; }
  .page-widerruf .legal-page { padding: 0 !important; }
  .page-widerruf .wid-form-doc {
    box-shadow: none !important; padding: 1.5cm 2cm !important;
    font-size: 10pt !important;
  }
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 720px) {
  .wid-form-header { flex-direction: column; gap: 1rem; }
  .wid-form-title-block { text-align: left; }
  .wid-form-doc { padding: 1.5rem; }
  .wid-sign-row { grid-template-columns: 1fr; gap: 1.5rem; }
  .wid-law-grid { grid-template-columns: 1fr; }
}

/* ── tolino-media.php ──────────────────────────────────────────────── */

/* Tolino Media – Palette: #0A8FD8 (Tolino Blau) / #0B1E3A (Navy) / #c9a84c (Gold) */
.tm-blue{color:#0A8FD8}.tm-gold{color:#c9a84c}.tm-navy{color:#0B1E3A}
.page-wrap{overflow-x:clip}
.tm-section{position:relative;overflow:hidden;padding:4.5rem 0}
.tm-section-bg{position:absolute;inset:0;z-index:0}
.tm-section-bg svg{width:100%;height:100%;display:block}
.tm-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0A8FD8;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.tm-eyebrow::before{content:'';width:22px;height:2px;background:#0A8FD8;flex-shrink:0}
.tm-eyebrow--dark{color:#0a5a8a}.tm-eyebrow--dark::before{background:#0a5a8a}
.tm-eyebrow--blue{color:#0A8FD8}
.tm-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word;word-break:break-word}
.tm-section-title--dark{color:#151515}
.tm-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:580px}
.tm-section-head.centered{text-align:center}
.tm-section-head.centered .tm-eyebrow{justify-content:center}
.tm-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#060E1A}
.tm-hero-bg{position:absolute;inset:0;pointer-events:none}
.tm-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.tm-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.tm-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(10,143,216,.12);border:1px solid rgba(10,143,216,.25);color:#0A8FD8;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.tm-dot{width:6px;height:6px;background:#0A8FD8;border-radius:50%;box-shadow:0 0 6px #0A8FD8;animation:tmdot 1.4s infinite;flex-shrink:0}
@keyframes tmdot{0%,100%{opacity:1}50%{opacity:.3}}
.tm-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.tm-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:580px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.tm-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:0 0 1.8rem;line-height:1.5}
.tm-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-tm-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#0A8FD8;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(10,143,216,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s,box-shadow .15s,background .15s;word-break:break-word}
.btn-tm-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(10,143,216,.4);background:#0c9cf0}
.btn-tm-primary:active{transform:none}
.btn-tm-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:border-color .15s,color .15s}
.btn-tm-ghost:hover{border-color:#0A8FD8;color:#0A8FD8}
.btn-tm-full{display:block;text-align:center;width:100%;justify-content:center}
.tm-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.tm-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.tm-trust-blue{color:#0A8FD8;border-color:rgba(10,143,216,.3);background:rgba(10,143,216,.06)}
.tm-trust-teal{color:#4dd0e1;border-color:rgba(77,208,225,.25);background:rgba(10,143,216,.08)}
.tm-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.tm-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.tm-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.tm-book{position:absolute;inset:0}
.tm-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.tm-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.tm-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.tm-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#0B1E3A;border-radius:2px 0 0 2px}
.tm-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.tm-cover-badge{font-size:.6rem;font-weight:900;background:#0A8FD8;color:#fff;padding:.15rem .4rem;align-self:flex-start;letter-spacing:.04em}
.tm-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .15rem;overflow-wrap:break-word;line-height:1.2}
.tm-cover-sub{font-size:.65rem;color:#888;margin-bottom:.2rem}
.tm-cover-author{font-size:.7rem;color:#777}
.tm-cover-bar{height:2px;background:#0A8FD8;margin:.5rem 0;opacity:.7}
.tm-impressum-chip{margin-top:auto;font-size:.55rem;color:#0B1E3A;background:rgba(10,143,216,.07);border-left:2px solid #0A8FD8;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.tm-float{position:absolute;background:rgba(6,14,26,.92);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.tm-float-1{top:12%;left:-50px}.tm-float-2{bottom:18%;right:-40px;border-color:rgba(10,143,216,.35)}
.tm-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.tm-float-2 .tm-float-num{color:#0A8FD8}
.tm-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.tm-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.tm-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.tm-trigger--warn{background:rgba(10,143,216,.07);border-left:2.5px solid #0A8FD8;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.tm-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.tm-risk-card{background:rgba(10,143,216,.06);border:1px solid rgba(10,143,216,.22);overflow:hidden}
.tm-risk-header{background:rgba(10,143,216,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(10,143,216,.18);color:#fff;font-weight:700;line-height:1.3}
.tm-risk-icon{width:28px;height:28px;background:rgba(10,143,216,.2);color:#0A8FD8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.tm-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.tm-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.tm-risk-list li::before{content:'×';position:absolute;left:0;color:#0A8FD8;font-weight:700}
.tm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.tm-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.tm-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.tm-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.tm-step-icon svg{width:42px;height:42px;display:block}.tm-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.tm-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.tm-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.tm-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.tm-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.tm-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.tm-feature-num{font-size:.7rem;font-weight:700;color:var(--tm-accent);opacity:.9}
.tm-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.tm-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.tm-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.tm-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.tm-quote-author strong{display:block;font-size:.85rem;color:#151515}
.tm-quote-author small{display:block;font-size:.72rem;color:#777}
.tm-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.tm-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.tm-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.tm-plan-featured{border-color:#0A8FD8;box-shadow:0 0 24px rgba(10,143,216,.14)}
.tm-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#0A8FD8}
.tm-plan-name{font-weight:700;line-height:1.2}
.tm-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.tm-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.tm-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.tm-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.tm-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.tm-plan-card .btn-tm-primary{margin-top:auto;width:100%;justify-content:center}
.tm-cta-section{position:relative;overflow:hidden;background:#060E1A;padding:3.5rem 1rem;text-align:center;color:#fff}
.tm-cta-section .tm-section-bg{position:absolute;inset:0}
.tm-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.tm-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.tm-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.tm-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
/* FAQ */
.tm-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.tm-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.tm-faq-section .faq-item summary::-webkit-details-marker{display:none}
.tm-faq-section .faq-item summary::after{content:'＋';color:#0A8FD8;flex-shrink:0;font-weight:700}
.tm-faq-section .faq-item[open]{border-color:#0A8FD8;box-shadow:0 2px 12px rgba(10,143,216,.1)}
.tm-faq-section .faq-item[open] summary{color:#0A8FD8}
.tm-faq-section .faq-item[open] summary::after{content:'－'}
.tm-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* ── Tablet ───────────────────────────────────── */
@media(max-width:1024px){
  .tm-hero{padding:0 4vw;gap:2rem}
  .tm-law-grid{gap:2.5rem}
}
/* ── Mobile: 900px ────────────────────────────── */
@media(max-width:900px){
  .tm-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .tm-hero-inner{padding:3.2rem 0 1.25rem}
  .tm-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .tm-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .tm-book-stack{height:260px;width:220px}
  .tm-float-1{left:-10px;top:8%}
  .tm-float-2{right:-10px;bottom:10%}
  .tm-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .tm-section{padding:2.8rem 0}
  .tm-section .container{padding:0 1.5rem}
  .tm-steps{grid-template-columns:1fr;gap:1rem}
  .tm-step-card{padding:1.5rem 1.25rem}
  .tm-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .tm-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .tm-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .tm-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .tm-cta-actions{flex-direction:column;align-items:stretch}
  .tm-cta-actions .btn-tm-primary,.tm-cta-actions .btn-tm-ghost{width:100%}
}
/* ── Phablet: 680px ───────────────────────────── */
@media(max-width:680px){
  .tm-features-grid{grid-template-columns:1fr}
  .tm-hero-actions{flex-direction:column;align-items:stretch}
  .tm-hero-actions .btn-tm-primary,.tm-hero-actions .btn-tm-ghost{width:100%;font-size:.85rem}
  .tm-trust-strip{gap:.4rem}
  .tm-trust{font-size:.58rem;padding:.18rem .5rem}
}
/* ── Phone: 480px ─────────────────────────────── */
@media(max-width:480px){
  .tm-hero{padding:0 1rem}
  .tm-hero-inner{padding:2.2rem 0 1rem}
  .tm-hero-tag{font-size:.62rem;gap:.4rem}
  .tm-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .tm-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-tm-primary,.btn-tm-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .tm-book-stack{width:200px;height:240px}
  .tm-float{padding:.32rem .55rem}
  .tm-float-num{font-size:.8rem}
  .tm-float-lbl{font-size:.52rem}
  .tm-float-1{left:-6px;top:6%}
  .tm-float-2{right:-6px;bottom:8%}
  .tm-section{padding:2rem 0}
  .tm-section .container{padding:0 1rem}
  .tm-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .tm-section-lead{font-size:.88rem}
  .tm-trigger--warn,.tm-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .tm-step-icon svg{width:36px;height:36px}
  .tm-step-num{font-size:2rem}
  .tm-feature-card{padding:1.2rem}
  .tm-quote-card{padding:1rem}
  .tm-quote-text{font-size:.88rem}
  .tm-plan-card{padding:1.25rem}
  .tm-plan-price{font-size:1.6rem}
  .tm-cta-section{padding:2.5rem 1rem}
  .tm-cta-inner{padding:0}
  .tm-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .tm-faq-section .faq-item p{font-size:.84rem}
}
/* ── Very small: 360px ───────────────────────── */
@media(max-width:360px){
  .tm-hero-title{font-size:1.5rem}
  .tm-book-stack{width:180px;height:220px;transform:scale(.95)}
  .tm-float-1{left:-4px}
  .tm-float-2{right:-4px}
  .tm-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){
  .btn-tm-primary:hover,.btn-tm-ghost:hover{transform:none}
  .btn-tm-primary:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){
  .tm-dot{animation:none}
}

/* ── etsy.php ──────────────────────────────────────────────────────── */

.et-orange{color:#F1641E}.et-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.et-section{position:relative;overflow:hidden;padding:4.5rem 0}
.et-section-bg{position:absolute;inset:0;z-index:0}
.et-section-bg svg{width:100%;height:100%;display:block}
.et-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#F1641E;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.et-eyebrow::before{content:'';width:22px;height:2px;background:#F1641E;flex-shrink:0}
.et-eyebrow--dark{color:#C4551A}.et-eyebrow--dark::before{background:#C4551A}
.et-eyebrow--gold{color:#c9a84c}.et-eyebrow--gold::before{background:#c9a84c}
.et-section-head{margin-bottom:2.4rem;max-width:720px}
.et-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.et-section-head.centered .et-eyebrow{justify-content:center}
.et-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.et-section-title--dark{color:#151515}
.et-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
.et-section-lead--center{margin-left:auto;margin-right:auto}
/* Hero */
.et-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#140B04}
.et-hero-bg{position:absolute;inset:0;pointer-events:none}
.et-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.et-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.et-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(241,100,30,.14);border:1px solid rgba(241,100,30,.3);color:#F1641E;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.et-dot{width:6px;height:6px;background:#F1641E;border-radius:50%;box-shadow:0 0 6px #F1641E;animation:etdot 1.4s infinite;flex-shrink:0}
@keyframes etdot{0%,100%{opacity:1}50%{opacity:.3}}
.et-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.et-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.et-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.et-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-et-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#F1641E;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(241,100,30,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-et-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(241,100,30,.42);background:#d6551a;color:#fff}
.btn-et-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-et-ghost:hover{border-color:#F1641E;color:#F1641E}
.btn-et-full{display:block;text-align:center;width:100%;justify-content:center}
.et-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.et-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.et-trust-orange{color:#F1641E;border-color:rgba(241,100,30,.3);background:rgba(241,100,30,.06)}
.et-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.et-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: Etsy-Shop */
.et-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.et-shop-card{width:330px;background:#fff;border:1px solid rgba(241,100,30,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.et-shop-banner{height:70px;background:linear-gradient(135deg,#F1641E 0%,#B84A12 60%,#140B04 100%)}
.et-shop-header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #efe7de}
.et-shop-avatar{width:44px;height:44px;border-radius:50%;background:#F1641E;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.et-shop-meta{flex:1;min-width:0}
.et-shop-name{font-weight:800;color:#2b2b2b;font-size:.92rem}
.et-shop-sub{font-size:.7rem;color:#8a8a8a}
.et-shop-follow{background:#F1641E;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .65rem;flex-shrink:0}
.et-shop-section{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#F1641E;padding:.7rem 1rem 0}
.et-shop-address{padding:.5rem 1rem .9rem}
.et-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.et-addr-name{font-weight:700;color:#2b2b2b}
.et-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.et-shop-footer{display:flex;flex-direction:column;gap:.3rem;padding:.7rem 1rem;background:#faf6f2;border-top:1px solid #efe7de}
.et-shop-tag-ok{font-size:.7rem;font-weight:700;color:#1e874b}
.et-shop-tag-note{font-size:.68rem;color:#a0622c}
/* Rechtslage */
.et-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.et-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.et-trigger--warn{background:rgba(241,100,30,.07);border-left:2.5px solid #F1641E;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.et-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.et-risk-card{background:rgba(241,100,30,.06);border:1px solid rgba(241,100,30,.22);overflow:hidden}
.et-risk-header{background:rgba(241,100,30,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(241,100,30,.18);color:#fff;font-weight:700;line-height:1.3}
.et-risk-icon{width:28px;height:28px;background:rgba(241,100,30,.2);color:#F1641E;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.et-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.et-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.et-risk-list li::before{content:'×';position:absolute;left:0;color:#F1641E;font-weight:700}
.et-risk-card .btn-et-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Keine Pakete / keine Rücksendungen */
.et-pkg-section{background:#140B04}
.et-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.et-pkg-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:3px solid #F1641E;padding:1.6rem 1.4rem;overflow-wrap:break-word}
.et-pkg-card--yes{border-top-color:#27ae60}
.et-pkg-icon{width:38px;height:38px;color:#F1641E;margin-bottom:.8rem}
.et-pkg-card--yes .et-pkg-icon{color:#4ade80}
.et-pkg-icon svg{width:100%;height:100%;display:block}
.et-pkg-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.et-pkg-card p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65;margin:0}
.et-pkg-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.2rem 1.4rem}
.et-pkg-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.7rem}
.et-pkg-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.et-pkg-tip li{font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.6;padding-left:1.1rem;position:relative}
.et-pkg-tip li::before{content:'→';position:absolute;left:0;color:#c9a84c;font-weight:700}
.et-pkg-tip strong{color:#fff}
/* How */
.et-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.et-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.et-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.et-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.et-step-icon svg{width:42px;height:42px;display:block}
.et-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.et-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.et-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.et-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.et-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.et-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.et-feature-num{font-size:.7rem;font-weight:700;color:var(--et-accent);opacity:.9}
/* Voices */
.et-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.et-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.et-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.et-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.et-quote-author strong{display:block;font-size:.85rem;color:#151515}
.et-quote-author small{display:block;font-size:.72rem;color:#777}
.et-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.et-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.et-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.et-plan-featured{border-color:#F1641E;box-shadow:0 0 24px rgba(241,100,30,.16)}
.et-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#F1641E}
.et-plan-name{font-weight:700;line-height:1.2}
.et-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.et-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.et-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.et-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.et-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.et-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.et-plan-card .btn-et-primary{margin-top:auto;width:100%;justify-content:center}
/* FAQ */
.et-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.et-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.et-faq-section .faq-item summary::-webkit-details-marker{display:none}
.et-faq-section .faq-item summary::after{content:'＋';color:#F1641E;flex-shrink:0;font-weight:700}
.et-faq-section .faq-item[open]{border-color:#F1641E;box-shadow:0 2px 12px rgba(241,100,30,.1)}
.et-faq-section .faq-item[open] summary{color:#C4551A}
.et-faq-section .faq-item[open] summary::after{content:'－'}
.et-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.et-cta-section{position:relative;overflow:hidden;background:#140B04;padding:3.5rem 1rem;text-align:center;color:#fff}
.et-cta-section .et-section-bg{position:absolute;inset:0}
.et-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.et-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.et-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.et-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.et-hero{padding:0 4vw;gap:2rem}.et-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .et-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .et-hero-inner{padding:3.2rem 0 1.25rem}
  .et-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .et-hero-mockup{padding:1rem 0 2.2rem}
  .et-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .et-section{padding:2.8rem 0}
  .et-section .container{padding:0 1.5rem}
  .et-pkg-grid{grid-template-columns:1fr;gap:1rem}
  .et-pkg-card{padding:1.4rem 1.2rem}
  .et-steps{grid-template-columns:1fr;gap:1rem}
  .et-step-card{padding:1.5rem 1.25rem}
  .et-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .et-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .et-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .et-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .et-cta-actions{flex-direction:column;align-items:stretch}
  .et-cta-actions .btn-et-primary,.et-cta-actions .btn-et-ghost{width:100%}
}
@media(max-width:680px){
  .et-features-grid{grid-template-columns:1fr}
  .et-hero-actions{flex-direction:column;align-items:stretch}
  .et-hero-actions .btn-et-primary,.et-hero-actions .btn-et-ghost{width:100%;font-size:.85rem}
  .et-trust-strip{gap:.4rem}
  .et-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .et-hero{padding:0 1rem}
  .et-hero-inner{padding:2.2rem 0 1rem}
  .et-hero-tag{font-size:.62rem;gap:.4rem}
  .et-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .et-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-et-primary,.btn-et-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .et-shop-card{width:100%;max-width:300px}
  .et-section{padding:2rem 0}
  .et-section .container{padding:0 1rem}
  .et-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .et-section-lead{font-size:.88rem}
  .et-trigger--warn,.et-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .et-pkg-tip{padding:1rem}
  .et-pkg-tip li{font-size:.82rem}
  .et-step-icon svg{width:36px;height:36px}
  .et-step-num{font-size:2rem}
  .et-feature-card{padding:1.2rem}
  .et-quote-card{padding:1rem}
  .et-quote-text{font-size:.88rem}
  .et-plan-card{padding:1.25rem}
  .et-plan-price{font-size:1.6rem}
  .et-cta-section{padding:2.5rem 1rem}
  .et-cta-inner{padding:0}
  .et-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .et-faq-section .faq-item p{font-size:.84rem}
}
@media(hover:none) and (pointer:coarse){.btn-et-primary:hover,.btn-et-ghost:hover{transform:none}.btn-et-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.et-dot{animation:none}}

/* ── vorteile.php ──────────────────────────────────────────────────── */

.faq-all-btn{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.75rem;padding:.7rem 1.5rem;background:#c9a84c;color:#111;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .18s,transform .15s,box-shadow .18s}
.faq-all-btn:hover{background:#dbb95a;transform:translateY(-2px);box-shadow:0 4px 16px rgba(201,168,76,.35)}
.faq-all-btn:active{transform:translateY(0)}
.faq-all-btn svg{transition:transform .18s}
.faq-all-btn:hover svg{transform:translateX(3px)}

/* ── impressum-check.php ───────────────────────────────────────────── */

.ic-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0 1.75rem}
.ic-step{background:#fff;border:1px solid #e8e0d4;padding:1.1rem}
.ic-step-nr{width:26px;height:26px;border-radius:50%;background:var(--gold);color:#111;font-weight:900;font-size:.8rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}
.ic-step-title{font-weight:800;font-size:.86rem;color:#151515;margin-bottom:.25rem;line-height:1.35}
.ic-step-text{font-size:.78rem;color:#555;line-height:1.6}
.ic-form{background:#fff;border:1px solid #e8e0d4;padding:1.25rem}
.ic-label{display:block;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:.5rem}
.ic-textarea{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:.82rem;line-height:1.6;padding:1rem;border:1px solid #ddd5c8;background:#fdfdfc;color:#1a1a1a;resize:vertical;box-sizing:border-box}
.ic-textarea:focus{outline:none;border-color:var(--gold)}
.ic-form-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.ic-hint{font-size:.76rem;color:#777;max-width:60ch}
.ic-result{margin-top:1.75rem}
.ic-score-row{display:flex;gap:1.5rem;align-items:center;background:#fff;border:1px solid #e8e0d4;padding:1.25rem;flex-wrap:wrap}
.ic-score{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border:5px solid #dcd4c6}
.ic-score--good{border-color:#27ae60;background:#f0fdf4}
.ic-score--mid{border-color:#d9a520;background:#fffdf5}
.ic-score--low{border-color:#d64545;background:#fef8f8}
.ic-score-num{font-size:2.1rem;font-weight:900;color:#151515;line-height:1}
.ic-score-label{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-top:.25rem}
.ic-score-text{flex:1;min-width:260px}
.ic-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.76rem;color:#555}
.ic-legend-item{display:flex;align-items:center;gap:.35rem}
.ic-legend-item b{color:#151515}
.ic-ic--ok{color:#27ae60}
.ic-ic--warn{color:#c9922e}
.ic-ic--fail{color:#d64545}
.ic-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}
.ic-item{display:flex;gap:.85rem;background:#fff;border:1px solid #e8e0d4;padding:.9rem 1rem}
.ic-item--ok{border-left:3px solid #27ae60}
.ic-item--warn{border-left:3px solid #d9a520}
.ic-item--fail{border-left:3px solid #d64545;background:#fefafa}
.ic-item-ic{font-weight:900;font-size:1rem;flex-shrink:0;width:1.1rem}
.ic-item--ok .ic-item-ic{color:#27ae60}
.ic-item--warn .ic-item-ic{color:#c9922e}
.ic-item--fail .ic-item-ic{color:#d64545}
.ic-item-title{font-weight:800;font-size:.84rem;color:#151515;margin-bottom:.2rem}
.ic-item-text{font-size:.79rem;color:#555;line-height:1.6}
#faq .faq-item summary{padding:1rem 1.1rem}
#faq .faq-item p{border-top:1px solid #f0ece4}
@media(max-width:900px){
  .ic-steps,.ic-list{grid-template-columns:1fr}
  .ic-score{margin:0 auto}
}

/* ── impressum-adresse-vergleich.php ───────────────────────────────── */

/* Adressvergleich – nutzt isp-*/bv-* + eigene Ergänzungen */
.av-ic{font-weight:900;display:inline-block;min-width:1.1em;text-align:center}.av-ic--yes{color:#27ae60}.av-ic--no{color:#d64545}.av-ic--warn{color:#c9922e}.av-plain{font-size:.75rem;color:#777}.av-legend{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1.2rem 0;font-size:.78rem;color:#666}.av-legend span{display:flex;align-items:center;gap:.4rem}.av-toc{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.av-toc-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#fff;border:1px solid #e8e0d4;text-decoration:none;color:#333;font-size:.84rem;transition:.15s}.av-toc-link span{font-size:.62rem;font-weight:900;color:#b8922e;background:rgba(201,168,76,.12);padding:.15rem .35rem;flex-shrink:0}.av-toc-link:hover{border-color:#c9a84c;background:#faf7f0;color:#151515}.av-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}.av-detail-card{background:#fff;border:1px solid #e8e0d4;padding:1.1rem}.av-detail-head{font-weight:800;font-size:.87rem;color:#151515;padding-bottom:.45rem;border-bottom:1px solid #eee;margin-bottom:.55rem}.av-detail-row{font-size:.78rem;color:#555;line-height:1.6;margin-bottom:.5rem;display:flex;gap:.5rem}.av-detail-row:last-child{margin-bottom:0}.av-detail-k{font-weight:800;color:#999;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;width:62px;padding-top:.12rem}.av-detail-row--no .av-detail-k{color:#c06060}.av-ziel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}.av-ziel{background:#fff;border:1px solid #e8e0d4;padding:1.1rem}.av-ziel-icon{font-size:1.3rem;margin-bottom:.35rem}.av-ziel-typ{font-weight:800;font-size:.85rem;color:#151515;margin-bottom:.2rem;line-height:1.35}.av-ziel-empf{display:inline-block;font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:rgba(201,168,76,.15);color:#8a6f1e;padding:.18rem .45rem;margin-bottom:.4rem}.av-ziel-text{font-size:.79rem;color:#555;line-height:1.6}#faq .faq-item summary{padding:1rem 1.1rem}#faq .faq-item p{border-top:1px solid #f0ece4}
@media(max-width:900px){.av-detail, .page-adresse-vergleich .av-two-col, .av-ziel-grid{grid-template-columns:1fr}.page-adresse-vergleich .av-table{font-size:.72rem}
}

/* ── buch-impressum-selfpublishing.php ─────────────────────────────── */

/* Druck: Fragen, Weiterführende Seiten und Footer erscheinen nicht */
@media print{
  .page-buch-impressum-selfpublishing #faq,
  .page-buch-impressum-selfpublishing .bfaq-laws-section,
  .page-buch-impressum-selfpublishing footer.site-footer{display:none}
}

/* ── public-impressum.php ──────────────────────────────────────────── */

        .err-wrap { min-height:100vh; display:flex; flex-direction:column; }
        .err-hero { background:var(--ink); color:var(--white); padding:5rem 1.5rem 3rem; text-align:center; }
        .err-hero h1 { font-size:1.8rem; font-weight:300; letter-spacing:.03em; margin-bottom:.25rem; }
        .err-hero .err-sub { color:var(--gold); font-size:.95rem; }
        .err-body { flex:1; background:var(--cream); padding:3rem 1.5rem 4rem; display:flex; justify-content:center; }
        .err-card { max-width:520px; width:100%; background:var(--white); border-radius:10px; box-shadow:var(--shadow-sm); padding:2.5rem 2rem; text-align:center; }
        .err-img { width:160px; height:auto; margin:0 auto 1.5rem; border-radius:8px; }
        .err-card h2 { font-size:1.2rem; font-weight:600; color:var(--ink); margin-bottom:.75rem; }
        .err-card p { color:#555; line-height:1.7; margin:0 0 1rem; }
        .err-card a { color:var(--gold); text-decoration:none; font-weight:600; }
        .err-card a:hover { text-decoration:underline; }
        .err-credit { font-size:.65rem; color:var(--muted); margin-top:1.5rem; }
        .err-footer { text-align:center; padding:1.5rem; font-size:.8rem; color:var(--muted); background:var(--cream); }
        .err-footer a { color:var(--gold); text-decoration:none; }
      
    .imp-wrap {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .imp-hero {
      background: var(--ink);
      color: var(--white);
      padding: 5rem 1.5rem 3rem;
      text-align: center;
    }
    .imp-hero h1 {
      font-size: 1.8rem;
      font-weight: 300;
      letter-spacing: .03em;
      margin-bottom: .25rem;
    }
    .imp-hero .imp-sub {
      color: var(--gold);
      font-size: .95rem;
      font-weight: 400;
    }
    .imp-body {
      flex: 1;
      background: var(--cream);
      padding: 3rem 1.5rem 4rem;
    }
    .imp-card {
      max-width: 640px;
      margin: 0 auto;
      background: var(--white);
      border-radius: 10px;
      box-shadow: var(--shadow-sm);
      padding: 2.5rem 2rem;
    }
    .imp-card h2 {
      font-size: 1.1rem;
      font-weight: 600;
      color: var(--ink);
      margin: 1.8rem 0 .6rem;
      padding-bottom: .35rem;
      border-bottom: 1px solid var(--border);
    }
    .imp-card h2:first-child {
      margin-top: 0;
    }
    .imp-card address,
    .imp-card p {
      font-style: normal;
      line-height: 1.7;
      color: #333;
      margin: 0;
    }
    .imp-card a {
      color: var(--gold);
      text-decoration: none;
    }
    .imp-card a:hover {
      text-decoration: underline;
    }
    .imp-name {
      font-size: 1.25rem;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: .5rem;
    }
    .imp-avatar {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 1rem;
      border: 2px solid var(--gold);
    }
    .imp-avatar-init {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: var(--gold-dim);
      color: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
      border: 2px solid var(--gold);
    }
    .imp-footer {
      text-align: center;
      padding: 1.5rem;
      font-size: .8rem;
      color: var(--muted);
      background: var(--cream);
    }
    .imp-footer a {
      color: var(--gold);
      text-decoration: none;
    }
    .imp-powered {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      margin-top: .5rem;
      font-size: .75rem;
      color: var(--muted);
    }
    .imp-powered img {
      height: 14px;
      opacity: .6;
    }
    @media (max-width: 480px) {
      .imp-card { padding: 1.5rem 1.25rem; }
      .imp-hero h1 { font-size: 1.4rem; }
    }
  

/* ── neobooks.php ──────────────────────────────────────────────────── */

.nb-green{color:#0E9A6B}.nb-gold{color:#c9a84c}
.page-wrap{overflow-x:clip}
.nb-section{position:relative;overflow:hidden;padding:4.5rem 0}
.nb-section-bg{position:absolute;inset:0;z-index:0}
.nb-section-bg svg{width:100%;height:100%;display:block}
.nb-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0E9A6B;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.nb-eyebrow::before{content:'';width:22px;height:2px;background:#0E9A6B;flex-shrink:0}
.nb-eyebrow--dark{color:#0a6b4a}.nb-eyebrow--dark::before{background:#0a6b4a}
.nb-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.nb-section-title--dark{color:#151515}
.nb-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:560px}
.nb-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#071410}
.nb-hero-bg{position:absolute;inset:0;pointer-events:none}
.nb-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.nb-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.nb-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(14,154,107,.12);border:1px solid rgba(14,154,107,.25);color:#0E9A6B;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.nb-dot{width:6px;height:6px;background:#0E9A6B;border-radius:50%;box-shadow:0 0 6px #0E9A6B;animation:nbdot 1.4s infinite;flex-shrink:0}
@keyframes nbdot{0%,100%{opacity:1}50%{opacity:.3}}
.nb-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.nb-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:580px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.nb-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:0 0 1.8rem;line-height:1.5}
.nb-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-nb-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#0E9A6B;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(14,154,107,.3);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-nb-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(14,154,107,.4)}
.btn-nb-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-nb-ghost:hover{border-color:#0E9A6B;color:#0E9A6B}
.btn-nb-full{display:block;text-align:center;width:100%;justify-content:center}
.nb-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.nb-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.nb-trust-green{color:#0E9A6B;border-color:rgba(14,154,107,.3);background:rgba(14,154,107,.06)}
.nb-trust-blue{color:#6fa8dc;border-color:rgba(111,168,220,.25);background:rgba(11,30,58,.35)}
.nb-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.nb-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.nb-book-stack{position:relative;width:240px;height:320px;margin:0 auto;flex-shrink:0}
.nb-book{position:absolute;inset:0}
.nb-book--3{transform:translate(18px,12px) rotate(2deg);opacity:.5}
.nb-book--2{transform:translate(9px,6px) rotate(1deg);opacity:.75}
.nb-book--1{transform:translate(0,0);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.nb-book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:#0B1E3A;border-radius:2px 0 0 2px}
.nb-book-cover{margin-left:12px;height:100%;background:#fff;border:1px solid #e0d9ce;padding:1rem;display:flex;flex-direction:column;min-width:0}
.nb-cover-badge{font-size:.6rem;font-weight:900;background:#0E9A6B;color:#fff;padding:.15rem .4rem;align-self:flex-start}
.nb-cover-title{font-size:1.1rem;font-weight:900;color:#131A22;margin:.6rem 0 .15rem;overflow-wrap:break-word}
.nb-cover-sub{font-size:.65rem;color:#888}
.nb-cover-author{font-size:.7rem;color:#777}
.nb-cover-bar{height:2px;background:#0E9A6B;margin:.5rem 0;opacity:.7}
.nb-impressum-chip{margin-top:auto;font-size:.55rem;color:#0B1E3A;background:rgba(14,154,107,.07);border-left:2px solid #0E9A6B;padding:.3rem .4rem;display:flex;gap:.3rem;align-items:center;overflow-wrap:anywhere}
.nb-float{position:absolute;background:rgba(7,20,16,.92);border:1px solid rgba(255,255,255,.1);padding:.4rem .7rem;text-align:center;backdrop-filter:blur(4px)}
.nb-float-1{top:12%;left:-50px}.nb-float-2{bottom:18%;right:-40px;border-color:rgba(14,154,107,.35)}
.nb-float-num{font-weight:900;color:#fff;font-size:.9rem;line-height:1}.nb-float-2 .nb-float-num{color:#0E9A6B}
.nb-float-lbl{font-size:.55rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}
.nb-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.nb-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.nb-trigger--warn{background:rgba(14,154,107,.07);border-left:2.5px solid #0E9A6B;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.nb-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;line-height:1.5}
.nb-risk-card{background:rgba(14,154,107,.06);border:1px solid rgba(14,154,107,.22);overflow:hidden}
.nb-risk-header{background:rgba(14,154,107,.12);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(14,154,107,.18);color:#fff;font-weight:700;line-height:1.3}
.nb-risk-icon{width:28px;height:28px;background:rgba(14,154,107,.2);color:#0E9A6B;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.nb-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.nb-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.nb-risk-list li::before{content:'×';position:absolute;left:0;color:#0E9A6B;font-weight:700}
.nb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.nb-step-card{background:#fff;border:1px solid #e0d9ce;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.nb-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.nb-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.nb-step-icon svg{width:42px;height:42px;display:block}.nb-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.nb-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
.nb-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.nb-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.nb-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.nb-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.nb-feature-num{font-size:.7rem;font-weight:700;color:var(--nb-accent);opacity:.9}
.nb-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.nb-quote-card{background:#fff;border:1px solid #e0d9ce;padding:1.25rem;overflow-wrap:break-word}
.nb-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.nb-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.nb-quote-author strong{display:block;font-size:.85rem;color:#151515}
.nb-quote-author small{display:block;font-size:.72rem;color:#777}
.nb-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
.nb-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:2.8rem}
.nb-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column}
.nb-plan-featured{border-color:#0E9A6B;box-shadow:0 0 24px rgba(14,154,107,.14)}
.nb-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#0E9A6B}
.nb-plan-name{font-weight:700;line-height:1.2}
.nb-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.nb-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.nb-plan-perks{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.nb-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.nb-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.nb-plan-card .btn-nb-primary{margin-top:auto;width:100%;justify-content:center}
.nb-cta-section{position:relative;overflow:hidden;background:#071410;padding:3.5rem 1rem;text-align:center;color:#fff}
.nb-cta-section .nb-section-bg{position:absolute;inset:0}
.nb-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.nb-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.nb-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.nb-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
.nb-faq-section .faq-item{background:#fff;border:1px solid #e8e0d4}
.nb-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.nb-faq-section .faq-item summary::-webkit-details-marker{display:none}
.nb-faq-section .faq-item summary::after{content:'＋';color:#0E9A6B;flex-shrink:0;font-weight:700}
.nb-faq-section .faq-item[open]{border-color:#0E9A6B;box-shadow:0 2px 12px rgba(14,154,107,.1)}
.nb-faq-section .faq-item[open] summary{color:#0E9A6B}
.nb-faq-section .faq-item[open] summary::after{content:'－'}
.nb-faq-section .faq-item p{color:#555;border-top:1px solid #f0ece4;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
@media(max-width:1024px){.nb-hero{padding:0 4vw;gap:2rem}.nb-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .nb-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .nb-hero-inner{padding:3.2rem 0 1.25rem}
  .nb-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .nb-hero-mockup{padding:1rem 0 2.2rem;min-height:320px}
  .nb-book-stack{height:260px;width:220px}
  .nb-float-1{left:-10px;top:8%}
  .nb-float-2{right:-10px;bottom:10%}
  .nb-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .nb-section{padding:2.8rem 0}
  .nb-section .container{padding:0 1.5rem}
  .nb-steps{grid-template-columns:1fr;gap:1rem}
  .nb-step-card{padding:1.5rem 1.25rem}
  .nb-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .nb-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .nb-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:2.4rem auto 0}
  .nb-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .nb-cta-actions{flex-direction:column;align-items:stretch}
  .nb-cta-actions .btn-nb-primary,.nb-cta-actions .btn-nb-ghost{width:100%}
}
@media(max-width:680px){
  .nb-features-grid{grid-template-columns:1fr}
  .nb-hero-actions{flex-direction:column;align-items:stretch}
  .nb-hero-actions .btn-nb-primary,.nb-hero-actions .btn-nb-ghost{width:100%;font-size:.85rem}
  .nb-trust-strip{gap:.4rem}
  .nb-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .nb-hero{padding:0 1rem}
  .nb-hero-inner{padding:2.2rem 0 1rem}
  .nb-hero-tag{font-size:.62rem;gap:.4rem}
  .nb-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .nb-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-nb-primary,.btn-nb-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .nb-book-stack{width:200px;height:240px}
  .nb-float{padding:.32rem .55rem}
  .nb-float-num{font-size:.8rem}
  .nb-float-lbl{font-size:.52rem}
  .nb-float-1{left:-6px;top:6%}
  .nb-float-2{right:-6px;bottom:8%}
  .nb-section{padding:2rem 0}
  .nb-section .container{padding:0 1rem}
  .nb-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .nb-section-lead{font-size:.88rem}
  .nb-trigger--warn,.nb-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .nb-step-icon svg{width:36px;height:36px}
  .nb-step-num{font-size:2rem}
  .nb-feature-card{padding:1.2rem}
  .nb-quote-card{padding:1rem}
  .nb-quote-text{font-size:.88rem}
  .nb-plan-card{padding:1.25rem}
  .nb-plan-price{font-size:1.6rem}
  .nb-cta-section{padding:2.5rem 1rem}
  .nb-cta-inner{padding:0}
  .nb-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .nb-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .nb-hero-title{font-size:1.5rem}
  .nb-book-stack{width:180px;height:220px;transform:scale(.95)}
  .nb-float-1{left:-4px}
  .nb-float-2{right:-4px}
  .nb-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-nb-primary:hover,.btn-nb-ghost:hover{transform:none}.btn-nb-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.nb-dot{animation:none}}

/* ── vinted.php ────────────────────────────────────────────────────── */

.vi-teal{color:#12A5B0}.vi-gold{color:#c9a84c}
.vi-section{position:relative;overflow:hidden;padding:4.5rem 0}
.vi-section-bg{position:absolute;inset:0;z-index:0}
.vi-section-bg svg{width:100%;height:100%;display:block}
.vi-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#12A5B0;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.vi-eyebrow::before{content:'';width:22px;height:2px;background:#12A5B0;flex-shrink:0}
.vi-eyebrow--dark{color:#01646E}.vi-eyebrow--dark::before{background:#01646E}
.vi-eyebrow--gold{color:#c9a84c}.vi-eyebrow--gold::before{background:#c9a84c}
.vi-section-head{margin-bottom:2.4rem;max-width:720px}
.vi-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.vi-section-head.centered .vi-eyebrow{justify-content:center}
.vi-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.vi-section-title--dark{color:#151515}
.vi-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
/* Hero */
.vi-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#04191C}
.vi-hero-bg{position:absolute;inset:0;pointer-events:none}
.vi-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.vi-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.vi-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(18,165,176,.14);border:1px solid rgba(18,165,176,.32);color:#2AC5D0;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.vi-dot{width:6px;height:6px;background:#2AC5D0;border-radius:50%;box-shadow:0 0 6px #2AC5D0;animation:vidot 1.4s infinite;flex-shrink:0}
@keyframes vidot{0%,100%{opacity:1}50%{opacity:.3}}
.vi-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.vi-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.vi-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.vi-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-vi-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#007782;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(0,119,130,.35);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-vi-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(18,165,176,.45);background:#01646E;color:#fff}
.btn-vi-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-vi-ghost:hover{border-color:#2AC5D0;color:#2AC5D0}
.btn-vi-full{display:block;text-align:center;width:100%;justify-content:center}
.vi-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.vi-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.vi-trust-teal{color:#2AC5D0;border-color:rgba(18,165,176,.35);background:rgba(18,165,176,.07)}
.vi-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.vi-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: Vinted-Profil */
.vi-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.vi-shop-card{width:330px;background:#fff;border:1px solid rgba(0,119,130,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.vi-shop-banner{height:70px;background:linear-gradient(135deg,#12A5B0 0%,#007782 55%,#04191C 100%)}
.vi-shop-header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #e2eeef}
.vi-shop-avatar{width:44px;height:44px;border-radius:50%;background:#007782;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vi-shop-meta{flex:1;min-width:0}
.vi-shop-name{font-weight:800;color:#2b2b2b;font-size:.92rem}
.vi-shop-sub{font-size:.7rem;color:#8a8a8a}
.vi-shop-follow{background:#007782;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .65rem;flex-shrink:0}
.vi-shop-section{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#01646E;padding:.7rem 1rem 0}
.vi-shop-address{padding:.5rem 1rem .9rem}
.vi-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.vi-addr-name{font-weight:700;color:#2b2b2b}
.vi-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.vi-shop-footer{display:flex;flex-direction:column;gap:.3rem;padding:.7rem 1rem;background:#f4f9f9;border-top:1px solid #e2eeef}
.vi-shop-tag-ok{font-size:.7rem;font-weight:700;color:#1e874b}
.vi-shop-tag-note{font-size:.68rem;color:#01646E}
/* Rechtslage */
.vi-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.vi-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.vi-trigger--warn{background:rgba(18,165,176,.08);border-left:2.5px solid #12A5B0;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.vi-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.vi-risk-card{background:rgba(18,165,176,.06);border:1px solid rgba(18,165,176,.22);overflow:hidden}
.vi-risk-header{background:rgba(18,165,176,.14);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(18,165,176,.18);color:#fff;font-weight:700;line-height:1.3}
.vi-risk-icon{width:28px;height:28px;background:rgba(18,165,176,.22);color:#2AC5D0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.vi-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.vi-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.vi-risk-list li::before{content:'×';position:absolute;left:0;color:#2AC5D0;font-weight:700}
.vi-risk-card .btn-vi-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Keine Pakete / keine Rücksendungen */
.vi-pkg-section{background:#04191C}
.vi-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.vi-pkg-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:3px solid #12A5B0;padding:1.6rem 1.4rem;overflow-wrap:break-word}
.vi-pkg-card--yes{border-top-color:#27ae60}
.vi-pkg-icon{width:38px;height:38px;color:#2AC5D0;margin-bottom:.8rem}
.vi-pkg-card--yes .vi-pkg-icon{color:#4ade80}
.vi-pkg-icon svg{width:100%;height:100%;display:block}
.vi-pkg-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.vi-pkg-card p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65;margin:0}
.vi-pkg-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.2rem 1.4rem}
.vi-pkg-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.7rem}
.vi-pkg-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.vi-pkg-tip li{font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.6;padding-left:1.1rem;position:relative}
.vi-pkg-tip li::before{content:'→';position:absolute;left:0;color:#c9a84c;font-weight:700}
.vi-pkg-tip strong{color:#fff}
/* How */
.vi-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.vi-step-card{background:#fff;border:1px solid #d7e6e8;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.vi-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.vi-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.vi-step-icon svg{width:42px;height:42px;display:block}
.vi-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.vi-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.vi-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.vi-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.vi-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.vi-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.vi-feature-num{font-size:.7rem;font-weight:700;color:var(--vi-accent);opacity:.9}
/* Voices */
.vi-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.vi-quote-card{background:#fff;border:1px solid #d7e6e8;padding:1.25rem;overflow-wrap:break-word}
.vi-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.vi-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.vi-quote-author strong{display:block;font-size:.85rem;color:#151515}
.vi-quote-author small{display:block;font-size:.72rem;color:#777}
.vi-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.vi-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.vi-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.vi-plan-featured{border-color:#12A5B0;box-shadow:0 0 24px rgba(18,165,176,.18)}
.vi-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#12A5B0}
.vi-plan-name{font-weight:700;line-height:1.2}
.vi-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.vi-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.vi-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.vi-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.vi-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.vi-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.vi-plan-card .btn-vi-primary{margin-top:auto;width:100%;justify-content:center}
.vi-pricing-note{text-align:center;font-size:.75rem;color:rgba(255,255,255,.4);margin:1.5rem 0 0}
/* FAQ */
.vi-faq-section .faq-item{background:#fff;border:1px solid #dbeaec}
.vi-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.vi-faq-section .faq-item summary::-webkit-details-marker{display:none}
.vi-faq-section .faq-item summary::after{content:'＋';color:#01646E;flex-shrink:0;font-weight:700}
.vi-faq-section .faq-item[open]{border-color:#12A5B0;box-shadow:0 2px 12px rgba(18,165,176,.12)}
.vi-faq-section .faq-item[open] summary{color:#01646E}
.vi-faq-section .faq-item[open] summary::after{content:'－'}
.vi-faq-section .faq-item p{color:#555;border-top:1px solid #e8f0f1;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.vi-cta-section{position:relative;overflow:hidden;background:#04191C;padding:3.5rem 1rem;text-align:center;color:#fff}
.vi-cta-section .vi-section-bg{position:absolute;inset:0}
.vi-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.vi-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.vi-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.vi-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.vi-hero{padding:0 4vw;gap:2rem}.vi-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .vi-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .vi-hero-inner{padding:3.2rem 0 1.25rem}
  .vi-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .vi-hero-mockup{padding:1rem 0 2.2rem}
  .vi-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .vi-section{padding:2.8rem 0}
  .vi-section .container{padding:0 1.5rem}
  .vi-pkg-grid{grid-template-columns:1fr;gap:1rem}
  .vi-pkg-card{padding:1.4rem 1.2rem}
  .vi-steps{grid-template-columns:1fr;gap:1rem}
  .vi-step-card{padding:1.5rem 1.25rem}
  .vi-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .vi-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .vi-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .vi-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .vi-cta-actions{flex-direction:column;align-items:stretch}
  .vi-cta-actions .btn-vi-primary,.vi-cta-actions .btn-vi-ghost{width:100%}
}
@media(max-width:680px){
  .vi-features-grid{grid-template-columns:1fr}
  .vi-hero-actions{flex-direction:column;align-items:stretch}
  .vi-hero-actions .btn-vi-primary,.vi-hero-actions .btn-vi-ghost{width:100%;font-size:.85rem}
  .vi-trust-strip{gap:.4rem}
  .vi-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .vi-hero{padding:0 1rem}
  .vi-hero-inner{padding:2.2rem 0 1rem}
  .vi-hero-tag{font-size:.62rem;gap:.4rem}
  .vi-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .vi-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-vi-primary,.btn-vi-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .vi-shop-card{width:100%;max-width:300px}
  .vi-section{padding:2rem 0}
  .vi-section .container{padding:0 1rem}
  .vi-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .vi-section-lead{font-size:.88rem}
  .vi-trigger--warn,.vi-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .vi-step-icon svg{width:36px;height:36px}
  .vi-step-num{font-size:2rem}
  .vi-feature-card{padding:1.2rem}
  .vi-quote-card{padding:1rem}
  .vi-quote-text{font-size:.88rem}
  .vi-plan-card{padding:1.25rem}
  .vi-plan-price{font-size:1.6rem}
  .vi-cta-section{padding:2.5rem 1rem}
  .vi-cta-inner{padding:0}
  .vi-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .vi-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .vi-hero-title{font-size:1.5rem}
  .vi-shop-card{width:100%;max-width:270px}
  .vi-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-vi-primary:hover,.btn-vi-ghost:hover{transform:none}.btn-vi-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.vi-dot{animation:none}}

/* ── markt-de.php ────────────────────────────────────────────────────── */

.mk-amber{color:#F39A00}.mk-gold{color:#c9a84c}
.mk-section{position:relative;overflow:hidden;padding:4.5rem 0}
.mk-section-bg{position:absolute;inset:0;z-index:0}
.mk-section-bg svg{width:100%;height:100%;display:block}
.mk-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#F39A00;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.mk-eyebrow::before{content:'';width:22px;height:2px;background:#F39A00;flex-shrink:0}
.mk-eyebrow--dark{color:#9A5F00}.mk-eyebrow--dark::before{background:#9A5F00}
.mk-eyebrow--gold{color:#c9a84c}.mk-eyebrow--gold::before{background:#c9a84c}
.mk-section-head{margin-bottom:2.4rem;max-width:720px}
.mk-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.mk-section-head.centered .mk-eyebrow{justify-content:center}
.mk-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.mk-section-title--dark{color:#151515}
.mk-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
/* Hero */
.mk-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#1A1206}
.mk-hero-bg{position:absolute;inset:0;pointer-events:none}
.mk-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.mk-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.mk-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(243,154,0,.14);border:1px solid rgba(243,154,0,.32);color:#FFB733;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.mk-dot{width:6px;height:6px;background:#FFB733;border-radius:50%;box-shadow:0 0 6px #FFB733;animation:mkdot 1.4s infinite;flex-shrink:0}
@keyframes mkdot{0%,100%{opacity:1}50%{opacity:.3}}
.mk-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.mk-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.mk-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.mk-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-mk-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#B87300;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(184,115,0,.35);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-mk-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(243,154,0,.45);background:#9A5F00;color:#fff}
.btn-mk-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-mk-ghost:hover{border-color:#FFB733;color:#FFB733}
.btn-mk-full{display:block;text-align:center;width:100%;justify-content:center}
.mk-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.mk-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.mk-trust-amber{color:#FFB733;border-color:rgba(243,154,0,.35);background:rgba(243,154,0,.07)}
.mk-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.mk-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: Vinted-Profil */
.mk-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.mk-shop-card{width:330px;background:#fff;border:1px solid rgba(184,115,0,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.mk-shop-banner{height:70px;background:linear-gradient(135deg,#F39A00 0%,#B87300 55%,#1A1206 100%)}
.mk-shop-header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #f0e6d5}
.mk-shop-avatar{width:44px;height:44px;border-radius:50%;background:#B87300;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mk-shop-meta{flex:1;min-width:0}
.mk-shop-name{font-weight:800;color:#2b2b2b;font-size:.92rem}
.mk-shop-sub{font-size:.7rem;color:#8a8a8a}
.mk-shop-follow{background:#B87300;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .65rem;flex-shrink:0}
.mk-shop-section{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9A5F00;padding:.7rem 1rem 0}
.mk-shop-address{padding:.5rem 1rem .9rem}
.mk-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.mk-addr-name{font-weight:700;color:#2b2b2b}
.mk-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.mk-shop-footer{display:flex;flex-direction:column;gap:.3rem;padding:.7rem 1rem;background:#fdf9f2;border-top:1px solid #f0e6d5}
.mk-shop-tag-ok{font-size:.7rem;font-weight:700;color:#1e874b}
.mk-shop-tag-note{font-size:.68rem;color:#9A5F00}
/* Rechtslage */
.mk-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.mk-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.mk-trigger--warn{background:rgba(243,154,0,.08);border-left:2.5px solid #F39A00;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.mk-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.mk-risk-card{background:rgba(243,154,0,.06);border:1px solid rgba(243,154,0,.22);overflow:hidden}
.mk-risk-header{background:rgba(243,154,0,.14);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(243,154,0,.18);color:#fff;font-weight:700;line-height:1.3}
.mk-risk-icon{width:28px;height:28px;background:rgba(243,154,0,.22);color:#FFB733;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.mk-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.mk-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.mk-risk-list li::before{content:'×';position:absolute;left:0;color:#FFB733;font-weight:700}
.mk-risk-card .btn-mk-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Keine Pakete / keine Rücksendungen */
.mk-pkg-section{background:#1A1206}
.mk-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.mk-pkg-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:3px solid #F39A00;padding:1.6rem 1.4rem;overflow-wrap:break-word}
.mk-pkg-card--yes{border-top-color:#27ae60}
.mk-pkg-icon{width:38px;height:38px;color:#FFB733;margin-bottom:.8rem}
.mk-pkg-card--yes .mk-pkg-icon{color:#4ade80}
.mk-pkg-icon svg{width:100%;height:100%;display:block}
.mk-pkg-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.mk-pkg-card p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65;margin:0}
.mk-pkg-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.2rem 1.4rem}
.mk-pkg-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.7rem}
.mk-pkg-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.mk-pkg-tip li{font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.6;padding-left:1.1rem;position:relative}
.mk-pkg-tip li::before{content:'→';position:absolute;left:0;color:#c9a84c;font-weight:700}
.mk-pkg-tip strong{color:#fff}
/* How */
.mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.mk-step-card{background:#fff;border:1px solid #e8dcc8;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.mk-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.mk-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.mk-step-icon svg{width:42px;height:42px;display:block}
.mk-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.mk-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.mk-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.mk-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.mk-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.mk-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.mk-feature-num{font-size:.7rem;font-weight:700;color:var(--mk-accent);opacity:.9}
/* Voices */
.mk-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.mk-quote-card{background:#fff;border:1px solid #e8dcc8;padding:1.25rem;overflow-wrap:break-word}
.mk-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.mk-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.mk-quote-author strong{display:block;font-size:.85rem;color:#151515}
.mk-quote-author small{display:block;font-size:.72rem;color:#777}
.mk-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.mk-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.mk-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.mk-plan-featured{border-color:#F39A00;box-shadow:0 0 24px rgba(243,154,0,.18)}
.mk-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#F39A00}
.mk-plan-name{font-weight:700;line-height:1.2}
.mk-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.mk-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.mk-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.mk-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.mk-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.mk-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.mk-plan-card .btn-mk-primary{margin-top:auto;width:100%;justify-content:center}
.mk-pricing-note{text-align:center;font-size:.75rem;color:rgba(255,255,255,.4);margin:1.5rem 0 0}
/* FAQ */
.mk-faq-section .faq-item{background:#fff;border:1px solid #e8dcc8}
.mk-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.mk-faq-section .faq-item summary::-webkit-details-marker{display:none}
.mk-faq-section .faq-item summary::after{content:'＋';color:#9A5F00;flex-shrink:0;font-weight:700}
.mk-faq-section .faq-item[open]{border-color:#F39A00;box-shadow:0 2px 12px rgba(243,154,0,.12)}
.mk-faq-section .faq-item[open] summary{color:#9A5F00}
.mk-faq-section .faq-item[open] summary::after{content:'－'}
.mk-faq-section .faq-item p{color:#555;border-top:1px solid #f1e8d8;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.mk-cta-section{position:relative;overflow:hidden;background:#1A1206;padding:3.5rem 1rem;text-align:center;color:#fff}
.mk-cta-section .mk-section-bg{position:absolute;inset:0}
.mk-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.mk-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.mk-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.mk-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.mk-hero{padding:0 4vw;gap:2rem}.mk-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .mk-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .mk-hero-inner{padding:3.2rem 0 1.25rem}
  .mk-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .mk-hero-mockup{padding:1rem 0 2.2rem}
  .mk-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .mk-section{padding:2.8rem 0}
  .mk-section .container{padding:0 1.5rem}
  .mk-pkg-grid{grid-template-columns:1fr;gap:1rem}
  .mk-pkg-card{padding:1.4rem 1.2rem}
  .mk-steps{grid-template-columns:1fr;gap:1rem}
  .mk-step-card{padding:1.5rem 1.25rem}
  .mk-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .mk-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .mk-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .mk-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .mk-cta-actions{flex-direction:column;align-items:stretch}
  .mk-cta-actions .btn-mk-primary,.mk-cta-actions .btn-mk-ghost{width:100%}
}
@media(max-width:680px){
  .mk-features-grid{grid-template-columns:1fr}
  .mk-hero-actions{flex-direction:column;align-items:stretch}
  .mk-hero-actions .btn-mk-primary,.mk-hero-actions .btn-mk-ghost{width:100%;font-size:.85rem}
  .mk-trust-strip{gap:.4rem}
  .mk-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .mk-hero{padding:0 1rem}
  .mk-hero-inner{padding:2.2rem 0 1rem}
  .mk-hero-tag{font-size:.62rem;gap:.4rem}
  .mk-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .mk-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-mk-primary,.btn-mk-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .mk-shop-card{width:100%;max-width:300px}
  .mk-section{padding:2rem 0}
  .mk-section .container{padding:0 1rem}
  .mk-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .mk-section-lead{font-size:.88rem}
  .mk-trigger--warn,.mk-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .mk-step-icon svg{width:36px;height:36px}
  .mk-step-num{font-size:2rem}
  .mk-feature-card{padding:1.2rem}
  .mk-quote-card{padding:1rem}
  .mk-quote-text{font-size:.88rem}
  .mk-plan-card{padding:1.25rem}
  .mk-plan-price{font-size:1.6rem}
  .mk-cta-section{padding:2.5rem 1rem}
  .mk-cta-inner{padding:0}
  .mk-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .mk-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .mk-hero-title{font-size:1.5rem}
  .mk-shop-card{width:100%;max-width:270px}
  .mk-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-mk-primary:hover,.btn-mk-ghost:hover{transform:none}.btn-mk-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.mk-dot{animation:none}}

/* ── quoka.php ────────────────────────────────────────────────────── */

.qk-blue{color:#1177BB}.qk-gold{color:#c9a84c}
.qk-section{position:relative;overflow:hidden;padding:4.5rem 0}
.qk-section-bg{position:absolute;inset:0;z-index:0}
.qk-section-bg svg{width:100%;height:100%;display:block}
.qk-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#1177BB;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.qk-eyebrow::before{content:'';width:22px;height:2px;background:#1177BB;flex-shrink:0}
.qk-eyebrow--dark{color:#0B4A74}.qk-eyebrow--dark::before{background:#0B4A74}
.qk-eyebrow--gold{color:#c9a84c}.qk-eyebrow--gold::before{background:#c9a84c}
.qk-section-head{margin-bottom:2.4rem;max-width:720px}
.qk-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.qk-section-head.centered .qk-eyebrow{justify-content:center}
.qk-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.qk-section-title--dark{color:#151515}
.qk-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
/* Hero */
.qk-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#06121F}
.qk-hero-bg{position:absolute;inset:0;pointer-events:none}
.qk-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.qk-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.qk-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(17,119,187,.14);border:1px solid rgba(17,119,187,.32);color:#3FA9F5;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.qk-dot{width:6px;height:6px;background:#3FA9F5;border-radius:50%;box-shadow:0 0 6px #3FA9F5;animation:qkdot 1.4s infinite;flex-shrink:0}
@keyframes qkdot{0%,100%{opacity:1}50%{opacity:.3}}
.qk-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.qk-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.qk-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.qk-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-qk-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#0E5F96;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(14,95,150,.35);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-qk-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(17,119,187,.45);background:#0B4A74;color:#fff}
.btn-qk-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-qk-ghost:hover{border-color:#3FA9F5;color:#3FA9F5}
.btn-qk-full{display:block;text-align:center;width:100%;justify-content:center}
.qk-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.qk-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.qk-trust-blue{color:#3FA9F5;border-color:rgba(17,119,187,.35);background:rgba(17,119,187,.07)}
.qk-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.qk-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: Vinted-Profil */
.qk-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.qk-shop-card{width:330px;background:#fff;border:1px solid rgba(14,95,150,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.qk-shop-banner{height:70px;background:linear-gradient(135deg,#1177BB 0%,#0E5F96 55%,#06121F 100%)}
.qk-shop-header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #dbe8f4}
.qk-shop-avatar{width:44px;height:44px;border-radius:50%;background:#0E5F96;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qk-shop-meta{flex:1;min-width:0}
.qk-shop-name{font-weight:800;color:#2b2b2b;font-size:.92rem}
.qk-shop-sub{font-size:.7rem;color:#8a8a8a}
.qk-shop-follow{background:#0E5F96;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .65rem;flex-shrink:0}
.qk-shop-section{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0B4A74;padding:.7rem 1rem 0}
.qk-shop-address{padding:.5rem 1rem .9rem}
.qk-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.qk-addr-name{font-weight:700;color:#2b2b2b}
.qk-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.qk-shop-footer{display:flex;flex-direction:column;gap:.3rem;padding:.7rem 1rem;background:#f4f8fc;border-top:1px solid #dbe8f4}
.qk-shop-tag-ok{font-size:.7rem;font-weight:700;color:#1e874b}
.qk-shop-tag-note{font-size:.68rem;color:#0B4A74}
/* Rechtslage */
.qk-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.qk-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.qk-trigger--warn{background:rgba(17,119,187,.08);border-left:2.5px solid #1177BB;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.qk-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.qk-risk-card{background:rgba(17,119,187,.06);border:1px solid rgba(17,119,187,.22);overflow:hidden}
.qk-risk-header{background:rgba(17,119,187,.14);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(17,119,187,.18);color:#fff;font-weight:700;line-height:1.3}
.qk-risk-icon{width:28px;height:28px;background:rgba(17,119,187,.22);color:#3FA9F5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.qk-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.qk-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.qk-risk-list li::before{content:'×';position:absolute;left:0;color:#3FA9F5;font-weight:700}
.qk-risk-card .btn-qk-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Keine Pakete / keine Rücksendungen */
.qk-pkg-section{background:#06121F}
.qk-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.qk-pkg-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:3px solid #1177BB;padding:1.6rem 1.4rem;overflow-wrap:break-word}
.qk-pkg-card--yes{border-top-color:#27ae60}
.qk-pkg-icon{width:38px;height:38px;color:#3FA9F5;margin-bottom:.8rem}
.qk-pkg-card--yes .qk-pkg-icon{color:#4ade80}
.qk-pkg-icon svg{width:100%;height:100%;display:block}
.qk-pkg-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.qk-pkg-card p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65;margin:0}
.qk-pkg-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.2rem 1.4rem}
.qk-pkg-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.7rem}
.qk-pkg-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.qk-pkg-tip li{font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.6;padding-left:1.1rem;position:relative}
.qk-pkg-tip li::before{content:'→';position:absolute;left:0;color:#c9a84c;font-weight:700}
.qk-pkg-tip strong{color:#fff}
/* How */
.qk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.qk-step-card{background:#fff;border:1px solid #d6e4f0;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.qk-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.qk-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.qk-step-icon svg{width:42px;height:42px;display:block}
.qk-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.qk-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.qk-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.qk-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.qk-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.qk-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.qk-feature-num{font-size:.7rem;font-weight:700;color:var(--qk-accent);opacity:.9}
/* Voices */
.qk-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.qk-quote-card{background:#fff;border:1px solid #d6e4f0;padding:1.25rem;overflow-wrap:break-word}
.qk-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.qk-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.qk-quote-author strong{display:block;font-size:.85rem;color:#151515}
.qk-quote-author small{display:block;font-size:.72rem;color:#777}
.qk-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.qk-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.qk-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.qk-plan-featured{border-color:#1177BB;box-shadow:0 0 24px rgba(17,119,187,.18)}
.qk-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#1177BB}
.qk-plan-name{font-weight:700;line-height:1.2}
.qk-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.qk-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.qk-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.qk-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.qk-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.qk-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.qk-plan-card .btn-qk-primary{margin-top:auto;width:100%;justify-content:center}
.qk-pricing-note{text-align:center;font-size:.75rem;color:rgba(255,255,255,.4);margin:1.5rem 0 0}
/* FAQ */
.qk-faq-section .faq-item{background:#fff;border:1px solid #d6e4f0}
.qk-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.qk-faq-section .faq-item summary::-webkit-details-marker{display:none}
.qk-faq-section .faq-item summary::after{content:'＋';color:#0B4A74;flex-shrink:0;font-weight:700}
.qk-faq-section .faq-item[open]{border-color:#1177BB;box-shadow:0 2px 12px rgba(17,119,187,.12)}
.qk-faq-section .faq-item[open] summary{color:#0B4A74}
.qk-faq-section .faq-item[open] summary::after{content:'－'}
.qk-faq-section .faq-item p{color:#555;border-top:1px solid #e2edf7;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.qk-cta-section{position:relative;overflow:hidden;background:#06121F;padding:3.5rem 1rem;text-align:center;color:#fff}
.qk-cta-section .qk-section-bg{position:absolute;inset:0}
.qk-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.qk-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.qk-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.qk-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.qk-hero{padding:0 4vw;gap:2rem}.qk-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .qk-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .qk-hero-inner{padding:3.2rem 0 1.25rem}
  .qk-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .qk-hero-mockup{padding:1rem 0 2.2rem}
  .qk-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .qk-section{padding:2.8rem 0}
  .qk-section .container{padding:0 1.5rem}
  .qk-pkg-grid{grid-template-columns:1fr;gap:1rem}
  .qk-pkg-card{padding:1.4rem 1.2rem}
  .qk-steps{grid-template-columns:1fr;gap:1rem}
  .qk-step-card{padding:1.5rem 1.25rem}
  .qk-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .qk-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .qk-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .qk-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .qk-cta-actions{flex-direction:column;align-items:stretch}
  .qk-cta-actions .btn-qk-primary,.qk-cta-actions .btn-qk-ghost{width:100%}
}
@media(max-width:680px){
  .qk-features-grid{grid-template-columns:1fr}
  .qk-hero-actions{flex-direction:column;align-items:stretch}
  .qk-hero-actions .btn-qk-primary,.qk-hero-actions .btn-qk-ghost{width:100%;font-size:.85rem}
  .qk-trust-strip{gap:.4rem}
  .qk-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .qk-hero{padding:0 1rem}
  .qk-hero-inner{padding:2.2rem 0 1rem}
  .qk-hero-tag{font-size:.62rem;gap:.4rem}
  .qk-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .qk-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-qk-primary,.btn-qk-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .qk-shop-card{width:100%;max-width:300px}
  .qk-section{padding:2rem 0}
  .qk-section .container{padding:0 1rem}
  .qk-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .qk-section-lead{font-size:.88rem}
  .qk-trigger--warn,.qk-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .qk-step-icon svg{width:36px;height:36px}
  .qk-step-num{font-size:2rem}
  .qk-feature-card{padding:1.2rem}
  .qk-quote-card{padding:1rem}
  .qk-quote-text{font-size:.88rem}
  .qk-plan-card{padding:1.25rem}
  .qk-plan-price{font-size:1.6rem}
  .qk-cta-section{padding:2.5rem 1rem}
  .qk-cta-inner{padding:0}
  .qk-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .qk-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .qk-hero-title{font-size:1.5rem}
  .qk-shop-card{width:100%;max-width:270px}
  .qk-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-qk-primary:hover,.btn-qk-ghost:hover{transform:none}.btn-qk-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.qk-dot{animation:none}}

/* ── kasuwa.php ────────────────────────────────────────────────────── */

.kw-cyan{color:#10A5BB}.kw-gold{color:#c9a84c}
.kw-section{position:relative;overflow:hidden;padding:4.5rem 0}
.kw-section-bg{position:absolute;inset:0;z-index:0}
.kw-section-bg svg{width:100%;height:100%;display:block}
.kw-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#10A5BB;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.kw-eyebrow::before{content:'';width:22px;height:2px;background:#10A5BB;flex-shrink:0}
.kw-eyebrow--dark{color:#0B5D6B}.kw-eyebrow--dark::before{background:#0B5D6B}
.kw-eyebrow--gold{color:#c9a84c}.kw-eyebrow--gold::before{background:#c9a84c}
.kw-section-head{margin-bottom:2.4rem;max-width:720px}
.kw-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.kw-section-head.centered .kw-eyebrow{justify-content:center}
.kw-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.kw-section-title--dark{color:#151515}
.kw-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
/* Hero */
.kw-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#051A20}
.kw-hero-bg{position:absolute;inset:0;pointer-events:none}
.kw-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.kw-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.kw-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,165,187,.14);border:1px solid rgba(16,165,187,.32);color:#35C7DC;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.kw-dot{width:6px;height:6px;background:#35C7DC;border-radius:50%;box-shadow:0 0 6px #35C7DC;animation:kwdot 1.4s infinite;flex-shrink:0}
@keyframes kwdot{0%,100%{opacity:1}50%{opacity:.3}}
.kw-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.kw-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.kw-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.kw-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-kw-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#117A8B;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(17,122,139,.35);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-kw-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(16,165,187,.45);background:#0B5D6B;color:#fff}
.btn-kw-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-kw-ghost:hover{border-color:#35C7DC;color:#35C7DC}
.btn-kw-full{display:block;text-align:center;width:100%;justify-content:center}
.kw-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.kw-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.kw-trust-cyan{color:#35C7DC;border-color:rgba(16,165,187,.35);background:rgba(16,165,187,.07)}
.kw-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.kw-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: Vinted-Profil */
.kw-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.kw-shop-card{width:330px;background:#fff;border:1px solid rgba(17,122,139,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.kw-shop-banner{height:70px;background:linear-gradient(135deg,#10A5BB 0%,#117A8B 55%,#051A20 100%)}
.kw-shop-header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #dfecee}
.kw-shop-avatar{width:44px;height:44px;border-radius:50%;background:#117A8B;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kw-shop-meta{flex:1;min-width:0}
.kw-shop-name{font-weight:800;color:#2b2b2b;font-size:.92rem}
.kw-shop-sub{font-size:.7rem;color:#8a8a8a}
.kw-shop-follow{background:#117A8B;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .65rem;flex-shrink:0}
.kw-shop-section{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0B5D6B;padding:.7rem 1rem 0}
.kw-shop-address{padding:.5rem 1rem .9rem}
.kw-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.kw-addr-name{font-weight:700;color:#2b2b2b}
.kw-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.kw-shop-footer{display:flex;flex-direction:column;gap:.3rem;padding:.7rem 1rem;background:#f4fafb;border-top:1px solid #dfecee}
.kw-shop-tag-ok{font-size:.7rem;font-weight:700;color:#1e874b}
.kw-shop-tag-note{font-size:.68rem;color:#0B5D6B}
/* Rechtslage */
.kw-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.kw-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.kw-trigger--warn{background:rgba(16,165,187,.08);border-left:2.5px solid #10A5BB;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.kw-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.kw-risk-card{background:rgba(16,165,187,.06);border:1px solid rgba(16,165,187,.22);overflow:hidden}
.kw-risk-header{background:rgba(16,165,187,.14);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(16,165,187,.18);color:#fff;font-weight:700;line-height:1.3}
.kw-risk-icon{width:28px;height:28px;background:rgba(16,165,187,.22);color:#35C7DC;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.kw-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.kw-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.kw-risk-list li::before{content:'×';position:absolute;left:0;color:#35C7DC;font-weight:700}
.kw-risk-card .btn-kw-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Keine Pakete / keine Rücksendungen */
.kw-pkg-section{background:#051A20}
.kw-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.kw-pkg-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:3px solid #10A5BB;padding:1.6rem 1.4rem;overflow-wrap:break-word}
.kw-pkg-card--yes{border-top-color:#27ae60}
.kw-pkg-icon{width:38px;height:38px;color:#35C7DC;margin-bottom:.8rem}
.kw-pkg-card--yes .kw-pkg-icon{color:#4ade80}
.kw-pkg-icon svg{width:100%;height:100%;display:block}
.kw-pkg-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.kw-pkg-card p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65;margin:0}
.kw-pkg-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.2rem 1.4rem}
.kw-pkg-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.7rem}
.kw-pkg-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.kw-pkg-tip li{font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.6;padding-left:1.1rem;position:relative}
.kw-pkg-tip li::before{content:'→';position:absolute;left:0;color:#c9a84c;font-weight:700}
.kw-pkg-tip strong{color:#fff}
/* How */
.kw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.kw-step-card{background:#fff;border:1px solid #d3e7ea;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.kw-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.kw-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.kw-step-icon svg{width:42px;height:42px;display:block}
.kw-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.kw-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.kw-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.kw-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.kw-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.kw-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.kw-feature-num{font-size:.7rem;font-weight:700;color:var(--kw-accent);opacity:.9}
/* Voices */
.kw-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.kw-quote-card{background:#fff;border:1px solid #d3e7ea;padding:1.25rem;overflow-wrap:break-word}
.kw-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.kw-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.kw-quote-author strong{display:block;font-size:.85rem;color:#151515}
.kw-quote-author small{display:block;font-size:.72rem;color:#777}
.kw-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.kw-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.kw-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.kw-plan-featured{border-color:#10A5BB;box-shadow:0 0 24px rgba(16,165,187,.18)}
.kw-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#10A5BB}
.kw-plan-name{font-weight:700;line-height:1.2}
.kw-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.kw-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.kw-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.kw-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.kw-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.kw-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.kw-plan-card .btn-kw-primary{margin-top:auto;width:100%;justify-content:center}
.kw-pricing-note{text-align:center;font-size:.75rem;color:rgba(255,255,255,.4);margin:1.5rem 0 0}
/* FAQ */
.kw-faq-section .faq-item{background:#fff;border:1px solid #d8e9ec}
.kw-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.kw-faq-section .faq-item summary::-webkit-details-marker{display:none}
.kw-faq-section .faq-item summary::after{content:'＋';color:#0B5D6B;flex-shrink:0;font-weight:700}
.kw-faq-section .faq-item[open]{border-color:#10A5BB;box-shadow:0 2px 12px rgba(16,165,187,.12)}
.kw-faq-section .faq-item[open] summary{color:#0B5D6B}
.kw-faq-section .faq-item[open] summary::after{content:'－'}
.kw-faq-section .faq-item p{color:#555;border-top:1px solid #e6f1f3;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.kw-cta-section{position:relative;overflow:hidden;background:#051A20;padding:3.5rem 1rem;text-align:center;color:#fff}
.kw-cta-section .kw-section-bg{position:absolute;inset:0}
.kw-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.kw-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.kw-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.kw-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.kw-hero{padding:0 4vw;gap:2rem}.kw-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .kw-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .kw-hero-inner{padding:3.2rem 0 1.25rem}
  .kw-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .kw-hero-mockup{padding:1rem 0 2.2rem}
  .kw-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .kw-section{padding:2.8rem 0}
  .kw-section .container{padding:0 1.5rem}
  .kw-pkg-grid{grid-template-columns:1fr;gap:1rem}
  .kw-pkg-card{padding:1.4rem 1.2rem}
  .kw-steps{grid-template-columns:1fr;gap:1rem}
  .kw-step-card{padding:1.5rem 1.25rem}
  .kw-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .kw-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .kw-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .kw-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .kw-cta-actions{flex-direction:column;align-items:stretch}
  .kw-cta-actions .btn-kw-primary,.kw-cta-actions .btn-kw-ghost{width:100%}
}
@media(max-width:680px){
  .kw-features-grid{grid-template-columns:1fr}
  .kw-hero-actions{flex-direction:column;align-items:stretch}
  .kw-hero-actions .btn-kw-primary,.kw-hero-actions .btn-kw-ghost{width:100%;font-size:.85rem}
  .kw-trust-strip{gap:.4rem}
  .kw-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .kw-hero{padding:0 1rem}
  .kw-hero-inner{padding:2.2rem 0 1rem}
  .kw-hero-tag{font-size:.62rem;gap:.4rem}
  .kw-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .kw-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-kw-primary,.btn-kw-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .kw-shop-card{width:100%;max-width:300px}
  .kw-section{padding:2rem 0}
  .kw-section .container{padding:0 1rem}
  .kw-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .kw-section-lead{font-size:.88rem}
  .kw-trigger--warn,.kw-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .kw-step-icon svg{width:36px;height:36px}
  .kw-step-num{font-size:2rem}
  .kw-feature-card{padding:1.2rem}
  .kw-quote-card{padding:1rem}
  .kw-quote-text{font-size:.88rem}
  .kw-plan-card{padding:1.25rem}
  .kw-plan-price{font-size:1.6rem}
  .kw-cta-section{padding:2.5rem 1rem}
  .kw-cta-inner{padding:0}
  .kw-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .kw-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .kw-hero-title{font-size:1.5rem}
  .kw-shop-card{width:100%;max-width:270px}
  .kw-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-kw-primary:hover,.btn-kw-ghost:hover{transform:none}.btn-kw-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.kw-dot{animation:none}}

/* FAQ-Fußnote */
.kw-faq-note{margin:1.2rem 0 0;font-size:.82rem;color:#5a5a5a;line-height:1.6;text-align:center}
.kw-faq-note a{color:#117A8B;font-weight:700;text-decoration:underline}

/* ── my-hammer.php ────────────────────────────────────────────────────── */

.mh-red{color:#E52329}.mh-gold{color:#c9a84c}
.mh-section{position:relative;overflow:hidden;padding:4.5rem 0}
.mh-section-bg{position:absolute;inset:0;z-index:0}
.mh-section-bg svg{width:100%;height:100%;display:block}
.mh-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E52329;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.mh-eyebrow::before{content:'';width:22px;height:2px;background:#E52329;flex-shrink:0}
.mh-eyebrow--dark{color:#B01B20}.mh-eyebrow--dark::before{background:#B01B20}
.mh-eyebrow--gold{color:#c9a84c}.mh-eyebrow--gold::before{background:#c9a84c}
.mh-section-head{margin-bottom:2.4rem;max-width:720px}
.mh-section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.mh-section-head.centered .mh-eyebrow{justify-content:center}
.mh-section-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.mh-section-title--dark{color:#151515}
.mh-section-lead{color:rgba(255,255,255,.68);line-height:1.7;max-width:640px}
/* Hero */
.mh-hero{position:relative;min-height:680px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:3rem;padding:0 6vw;overflow:hidden;background:#001A28}
.mh-hero-bg{position:absolute;inset:0;pointer-events:none}
.mh-hero-inner{position:relative;z-index:1;padding:6rem 0 3.5rem;min-width:0}
.mh-hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:1.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.mh-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(229,35,41,.14);border:1px solid rgba(229,35,41,.32);color:#FF6A3D;font-size:.62rem;font-weight:900;padding:.2rem .6rem;white-space:nowrap}
.mh-dot{width:6px;height:6px;background:#FF6A3D;border-radius:50%;box-shadow:0 0 6px #FF6A3D;animation:mhdot 1.4s infinite;flex-shrink:0}
@keyframes mhdot{0%,100%{opacity:1}50%{opacity:.3}}
.mh-hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0 0 1.2rem;overflow-wrap:break-word}
.mh-hero-sub{color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin:0 0 1.4rem;font-size:clamp(.9rem,2.5vw,1rem)}
.mh-hero-note{font-size:.75rem;color:rgba(255,255,255,.35);margin:.9rem 0 0;line-height:1.5}
.mh-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.btn-mh-primary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;background:#B01B20;color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;box-shadow:0 0 24px rgba(176,27,32,.35);min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3;transition:transform .15s;word-break:break-word}
.btn-mh-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px rgba(229,35,41,.45);background:#B01B20;color:#fff}
.btn-mh-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);text-decoration:none;min-height:46px;box-sizing:border-box;text-align:center;line-height:1.3}
.btn-mh-ghost:hover{border-color:#FF6A3D;color:#FF6A3D}
.btn-mh-full{display:block;text-align:center;width:100%;justify-content:center}
.mh-trust-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.mh-trust{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;line-height:1.4}
.mh-trust-red{color:#FF6A3D;border-color:rgba(229,35,41,.35);background:rgba(229,35,41,.07)}
.mh-trust-gold{color:#c9a84c;border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.mh-trust-green{color:#4ade80;border-color:rgba(39,174,96,.3);background:rgba(39,174,96,.07)}
/* Hero-Mockup: Vinted-Profil */
.mh-hero-mockup{position:relative;z-index:1;padding:5rem 0;display:flex;align-items:center;justify-content:center;min-width:0}
.mh-shop-card{width:330px;background:#fff;border:1px solid rgba(176,27,32,.25);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.mh-shop-banner{height:70px;background:linear-gradient(135deg,#E52329 0%,#B01B20 55%,#001A28 100%)}
.mh-shop-header{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid #e6ecf2}
.mh-shop-avatar{width:44px;height:44px;border-radius:50%;background:#B01B20;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mh-shop-meta{flex:1;min-width:0}
.mh-shop-name{font-weight:800;color:#2b2b2b;font-size:.92rem}
.mh-shop-sub{font-size:.7rem;color:#8a8a8a}
.mh-shop-follow{background:#B01B20;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .65rem;flex-shrink:0}
.mh-shop-section{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#B01B20;padding:.7rem 1rem 0}
.mh-shop-address{padding:.5rem 1rem .9rem}
.mh-addr-line{font-size:.8rem;color:#4a4a4a;line-height:1.5}
.mh-addr-name{font-weight:700;color:#2b2b2b}
.mh-addr-chip{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.7rem;color:#1e874b;background:rgba(39,174,96,.1);border-left:2px solid #27ae60;padding:.3rem .5rem}
.mh-shop-footer{display:flex;flex-direction:column;gap:.3rem;padding:.7rem 1rem;background:#f7f9fb;border-top:1px solid #e6ecf2}
.mh-shop-tag-ok{font-size:.7rem;font-weight:700;color:#1e874b}
.mh-shop-tag-note{font-size:.68rem;color:#B01B20}
/* Rechtslage */
.mh-law-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start;position:relative;z-index:1;padding:4rem 0}
.mh-trigger-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0 0}
.mh-trigger--warn{background:rgba(229,35,41,.08);border-left:2.5px solid #E52329;color:rgba(255,255,255,.7);padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.mh-trigger--ok{background:rgba(201,168,76,.07);border-left:2.5px solid #c9a84c;color:rgba(255,255,255,.82);font-weight:600;padding:.6rem .9rem;display:flex;gap:.6rem;font-size:.85rem;line-height:1.5}
.mh-risk-card{background:rgba(229,35,41,.06);border:1px solid rgba(229,35,41,.22);overflow:hidden}
.mh-risk-header{background:rgba(229,35,41,.14);padding:1rem 1.2rem;display:flex;gap:.6rem;align-items:center;border-bottom:1px solid rgba(229,35,41,.18);color:#fff;font-weight:700;line-height:1.3}
.mh-risk-icon{width:28px;height:28px;background:rgba(229,35,41,.22);color:#FF6A3D;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.mh-risk-list{list-style:none;margin:0;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.mh-risk-list li{font-size:.82rem;color:rgba(255,255,255,.55);padding-left:1rem;position:relative;line-height:1.5}
.mh-risk-list li::before{content:'×';position:absolute;left:0;color:#FF6A3D;font-weight:700}
.mh-risk-card .btn-mh-primary{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
/* Keine Pakete / keine Rücksendungen */
.mh-pkg-section{background:#001A28}
.mh-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.mh-pkg-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-top:3px solid #E52329;padding:1.6rem 1.4rem;overflow-wrap:break-word}
.mh-pkg-card--yes{border-top-color:#27ae60}
.mh-pkg-icon{width:38px;height:38px;color:#FF6A3D;margin-bottom:.8rem}
.mh-pkg-card--yes .mh-pkg-icon{color:#4ade80}
.mh-pkg-icon svg{width:100%;height:100%;display:block}
.mh-pkg-card h3{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.mh-pkg-card p{color:rgba(255,255,255,.6);font-size:.84rem;line-height:1.65;margin:0}
.mh-pkg-tip{margin-top:1.4rem;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);padding:1.2rem 1.4rem}
.mh-pkg-tip-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:.7rem}
.mh-pkg-tip ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.mh-pkg-tip li{font-size:.84rem;color:rgba(255,255,255,.65);line-height:1.6;padding-left:1.1rem;position:relative}
.mh-pkg-tip li::before{content:'→';position:absolute;left:0;color:#c9a84c;font-weight:700}
.mh-pkg-tip strong{color:#fff}
/* How */
.mh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.mh-step-card{background:#fff;border:1px solid #dfe5ec;padding:1.8rem 1.5rem;position:relative;overflow:hidden}
.mh-step-card h3{font-size:.95rem;font-weight:700;color:#151515;margin:0 0 .4rem}
.mh-step-card p{font-size:.82rem;color:#5a5a5a;line-height:1.6;margin:0;overflow-wrap:break-word}
.mh-step-icon svg{width:42px;height:42px;display:block}
.mh-step-num{font-size:2.5rem;font-weight:900;opacity:.15;margin:.5rem 0;line-height:1}
.mh-step-accent{position:absolute;left:0;right:0;bottom:0;height:3px}
/* Features */
.mh-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.mh-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-wrap:break-word}
.mh-feature-card h3{color:#fff;font-size:.95rem;font-weight:700;margin:.4rem 0 .3rem;line-height:1.3}
.mh-feature-card p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.6;margin:0}
.mh-feature-num{font-size:.7rem;font-weight:700;color:var(--mh-accent);opacity:.9}
/* Voices */
.mh-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.mh-quote-card{background:#fff;border:1px solid #dfe5ec;padding:1.25rem;overflow-wrap:break-word}
.mh-quote-text{font-style:italic;color:#333;line-height:1.6;font-size:.92rem}
.mh-quote-author{display:flex;gap:.6rem;align-items:center;margin-top:.8rem}
.mh-quote-author strong{display:block;font-size:.85rem;color:#151515}
.mh-quote-author small{display:block;font-size:.72rem;color:#777}
.mh-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;flex-shrink:0}
/* Pricing */
.mh-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.mh-plan-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:1.5rem;position:relative;display:flex;flex-direction:column;text-align:center}
.mh-plan-featured{border-color:#E52329;box-shadow:0 0 24px rgba(229,35,41,.18)}
.mh-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;padding:.25rem .6rem;color:#fff;white-space:nowrap;line-height:1;background:#E52329}
.mh-plan-name{font-weight:700;line-height:1.2}
.mh-plan-price{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.mh-plan-price span{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.5)}
.mh-plan-month{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:1rem}
.mh-plan-perks{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:left}
.mh-plan-perks li{display:flex;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.7);align-items:flex-start;line-height:1.5}
.mh-plan-perks li svg{width:10px;height:10px;flex-shrink:0;margin-top:.25rem}
.mh-plan-card .btn-mh-primary{margin-top:auto;width:100%;justify-content:center}
.mh-pricing-note{text-align:center;font-size:.75rem;color:rgba(255,255,255,.4);margin:1.5rem 0 0}
/* FAQ */
.mh-faq-section .faq-item{background:#fff;border:1px solid #e2e8ef}
.mh-faq-section .faq-item summary{color:#151515;font-size:.92rem;padding:1.1rem 1.25rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;line-height:1.4}
.mh-faq-section .faq-item summary::-webkit-details-marker{display:none}
.mh-faq-section .faq-item summary::after{content:'＋';color:#B01B20;flex-shrink:0;font-weight:700}
.mh-faq-section .faq-item[open]{border-color:#E52329;box-shadow:0 2px 12px rgba(229,35,41,.12)}
.mh-faq-section .faq-item[open] summary{color:#B01B20}
.mh-faq-section .faq-item[open] summary::after{content:'－'}
.mh-faq-section .faq-item p{color:#555;border-top:1px solid #e8edf3;padding:1rem 1.25rem 1.25rem;margin:0;line-height:1.7;font-size:.88rem}
/* CTA */
.mh-cta-section{position:relative;overflow:hidden;background:#001A28;padding:3.5rem 1rem;text-align:center;color:#fff}
.mh-cta-section .mh-section-bg{position:absolute;inset:0}
.mh-cta-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;padding:0 1rem}
.mh-cta-inner h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;line-height:1.15;margin:0 0 .75rem;overflow-wrap:break-word}
.mh-cta-inner p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 auto 1.5rem;max-width:580px}
.mh-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:1024px){.mh-hero{padding:0 4vw;gap:2rem}.mh-law-grid{gap:2.5rem}}
@media(max-width:900px){
  .mh-hero{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem;gap:0}
  .mh-hero-inner{padding:3.2rem 0 1.25rem}
  .mh-hero-title{font-size:clamp(1.9rem,7vw,2.7rem)}
  .mh-hero-mockup{padding:1rem 0 2.2rem}
  .mh-law-grid{grid-template-columns:1fr;gap:2rem;padding:2.2rem 0}
  .mh-section{padding:2.8rem 0}
  .mh-section .container{padding:0 1.5rem}
  .mh-pkg-grid{grid-template-columns:1fr;gap:1rem}
  .mh-pkg-card{padding:1.4rem 1.2rem}
  .mh-steps{grid-template-columns:1fr;gap:1rem}
  .mh-step-card{padding:1.5rem 1.25rem}
  .mh-features-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .mh-quotes-grid{grid-template-columns:1fr;gap:1rem}
  .mh-pricing-grid{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto}
  .mh-cta-inner h2{font-size:clamp(1.5rem,5vw,1.9rem)}
  .mh-cta-actions{flex-direction:column;align-items:stretch}
  .mh-cta-actions .btn-mh-primary,.mh-cta-actions .btn-mh-ghost{width:100%}
}
@media(max-width:680px){
  .mh-features-grid{grid-template-columns:1fr}
  .mh-hero-actions{flex-direction:column;align-items:stretch}
  .mh-hero-actions .btn-mh-primary,.mh-hero-actions .btn-mh-ghost{width:100%;font-size:.85rem}
  .mh-trust-strip{gap:.4rem}
  .mh-trust{font-size:.58rem;padding:.18rem .5rem}
}
@media(max-width:480px){
  .mh-hero{padding:0 1rem}
  .mh-hero-inner{padding:2.2rem 0 1rem}
  .mh-hero-tag{font-size:.62rem;gap:.4rem}
  .mh-hero-title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.08}
  .mh-hero-sub{font-size:.88rem;line-height:1.65;margin-bottom:1rem}
  .btn-mh-primary,.btn-mh-ghost{padding:.85rem 1.2rem;font-size:.82rem;min-height:46px}
  .mh-shop-card{width:100%;max-width:300px}
  .mh-section{padding:2rem 0}
  .mh-section .container{padding:0 1rem}
  .mh-section-title{font-size:clamp(1.45rem,6vw,1.9rem)}
  .mh-section-lead{font-size:.88rem}
  .mh-trigger--warn,.mh-trigger--ok{font-size:.82rem;padding:.55rem .75rem}
  .mh-step-icon svg{width:36px;height:36px}
  .mh-step-num{font-size:2rem}
  .mh-feature-card{padding:1.2rem}
  .mh-quote-card{padding:1rem}
  .mh-quote-text{font-size:.88rem}
  .mh-plan-card{padding:1.25rem}
  .mh-plan-price{font-size:1.6rem}
  .mh-cta-section{padding:2.5rem 1rem}
  .mh-cta-inner{padding:0}
  .mh-faq-section .faq-item summary{font-size:.88rem;padding:1rem}
  .mh-faq-section .faq-item p{font-size:.84rem}
}
@media(max-width:360px){
  .mh-hero-title{font-size:1.5rem}
  .mh-shop-card{width:100%;max-width:270px}
  .mh-plan-price{font-size:1.45rem}
}
@media(hover:none) and (pointer:coarse){.btn-mh-primary:hover,.btn-mh-ghost:hover{transform:none}.btn-mh-primary:active{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.mh-dot{animation:none}}

/* MyHammer: Akzent-Varianten */
.mh-orange{color:#FF6A3D}
.mh-trust-orange{color:#FF8A63;border-color:rgba(231,64,17,.4);background:rgba(231,64,17,.08)}
.mh-eyebrow--orange{color:#FF6A3D}
.mh-eyebrow--orange::before{background:#FF6A3D}
.hero .mh-orange, .mh-hero .mh-orange{color:#FF6A3D}


/* ─────────────────────────────────────────────────────────────────────────
   Kostenfreie Registrierung – gekapselte Styles (Präfix .kfr-)
   ───────────────────────────────────────────────────────────────────────── */
.kfr-page { background: var(--white); }

/* ── Hero ─────────────────────────────────────────────────────────────── */
.kfr-hero {
  position: relative;
  background: #0f141c;
  overflow: hidden;
  padding: 4.5rem 1.25rem 4rem;
}
.kfr-hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 18% 62%, rgba(30,58,95,.55) 0%, rgba(15,20,28,0) 55%),
    radial-gradient(circle at 88% 18%, rgba(201,168,76,.14) 0%, rgba(15,20,28,0) 45%);
  pointer-events: none;
}
.kfr-hero::after {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(201,168,76,.10) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: .55;
  pointer-events: none;
}
.kfr-hero-inner {
  position: relative; z-index: 1;
  max-width: 1180px; margin: 0 auto;
  display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
  gap: 3rem; align-items: center;
}
.kfr-tag {
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .70rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--gold); border: 1px solid rgba(201,168,76,.32);
  padding: .42rem .85rem; margin-bottom: 1.4rem;
}
.kfr-tag-dot {
  width: 6px; height: 6px; border-radius: 50%; background: var(--gold);
  box-shadow: 0 0 0 4px rgba(201,168,76,.14);
}
.kfr-hero h1 {
  font-size: clamp(1.95rem, 4.2vw, 3.15rem);
  font-weight: 900; line-height: 1.12; letter-spacing: -.02em;
  color: var(--white); margin: 0 0 1.1rem; hyphens: auto;
}
.kfr-hero h1 em { color: var(--gold); font-style: normal; }
.kfr-hero-sub {
  color: rgba(255,255,255,.78); font-size: 1.02rem; font-weight: 300;
  line-height: 1.72; max-width: 560px; margin: 0 0 1.8rem;
}
.kfr-hero-sub strong { color: #fff; font-weight: 700; }
.kfr-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-bottom: 2rem; }
.kfr-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  font-size: .84rem; font-weight: 700; letter-spacing: .05em;
  padding: .95rem 1.7rem; text-decoration: none; border: 1.5px solid transparent;
  transition: background .2s, color .2s, transform .2s, border-color .2s;
}
.kfr-btn--gold { background: var(--gold); color: #0f141c; border-color: #9a7a2a; }
.kfr-btn--gold:hover { background: var(--gold-light); transform: translateY(-1px); }
.kfr-btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.28); }
.kfr-btn--ghost:hover { border-color: var(--gold); color: var(--gold); }
.kfr-trust { display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; }
.kfr-trust span {
  display: inline-flex; align-items: center; gap: .45rem;
  font-size: .78rem; font-weight: 600; color: rgba(255,255,255,.66);
}
.kfr-trust svg { width: 14px; height: 14px; color: var(--gold); flex-shrink: 0; }

/* Hero-Karte „0,00 €“ */
.kfr-zero {
  position: relative;
  background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border: 1px solid rgba(201,168,76,.28);
  padding: 2.1rem 1.8rem 1.7rem;
  text-align: center;
  box-shadow: 0 24px 60px rgba(0,0,0,.42);
}
.kfr-zero::before {
  content: ''; position: absolute; top: 0; left: 0; width: 56px; height: 3px; background: var(--gold);
}
.kfr-zero-label {
  font-size: .63rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(255,255,255,.45); margin-bottom: .5rem;
}
.kfr-zero-value {
  font-size: 3.4rem; font-weight: 900; line-height: 1; color: #fff; letter-spacing: -.03em;
}
.kfr-zero-value small { font-size: 1.4rem; font-weight: 700; color: var(--gold); vertical-align: super; margin-right: .1rem; }
.kfr-zero-note { font-size: .78rem; color: rgba(255,255,255,.55); margin: .55rem 0 1.4rem; }
.kfr-zero-list { list-style: none; margin: 0; padding: 1.2rem 0 0; border-top: 1px solid rgba(255,255,255,.10); text-align: left; }
.kfr-zero-list li {
  display: flex; gap: .55rem; align-items: flex-start;
  font-size: .80rem; color: rgba(255,255,255,.78); padding: .32rem 0;
}
.kfr-zero-list svg { width: 13px; height: 13px; color: var(--gold); margin-top: 3px; flex-shrink: 0; }

/* ── Abschnitte ───────────────────────────────────────────────────────── */
.kfr-section { padding: 4.5rem 1.25rem; }
.kfr-section--cream { background: var(--cream); }
.kfr-section--white { background: var(--white); }
.kfr-inner { max-width: 1120px; margin: 0 auto; }
.kfr-head { max-width: 720px; margin: 0 auto 2.8rem; text-align: center; }
.kfr-eyebrow {
  display: inline-block; font-size: .68rem; font-weight: 800; letter-spacing: .2em;
  text-transform: uppercase; color: #b8922e; margin-bottom: .8rem;
}
.kfr-h2 {
  font-size: clamp(1.5rem, 3.2vw, 2.15rem); font-weight: 900; line-height: 1.2;
  letter-spacing: -.02em; color: var(--ink); margin: 0 0 .85rem;
}
.kfr-h2 em { color: #b8922e; font-style: normal; }
.kfr-lead { font-size: .97rem; line-height: 1.75; color: #5c5c5c; margin: 0; }

/* Karten */
.kfr-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.2rem; }
.kfr-card {
  background: #fff; border: 1px solid var(--border); border-top: 3px solid var(--gold);
  padding: 1.9rem 1.6rem; transition: box-shadow .25s, transform .25s;
}
.kfr-card:hover { box-shadow: 0 14px 40px rgba(0,0,0,.08); transform: translateY(-2px); }
.kfr-card-ico {
  width: 42px; height: 42px; display: grid; place-items: center;
  background: rgba(201,168,76,.12); color: #9a7a2a; margin-bottom: 1.1rem;
}
.kfr-card-ico svg { width: 21px; height: 21px; }
.kfr-card h3 { font-size: 1.02rem; font-weight: 800; color: var(--ink); margin: 0 0 .55rem; line-height: 1.35; }
.kfr-card p { font-size: .87rem; line-height: 1.7; color: #5c5c5c; margin: 0; }
.kfr-card-tag {
  display: inline-block; margin-top: 1rem; font-size: .68rem; font-weight: 800;
  letter-spacing: .09em; text-transform: uppercase; color: #9a7a2a;
  background: rgba(201,168,76,.12); padding: .22rem .55rem;
}

/* Ablauf */
.kfr-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.1rem; }
.kfr-step { position: relative; padding: 1.6rem 1.3rem 1.4rem; background: #fff; border: 1px solid var(--border); }
.kfr-step-num {
  font-size: 1.55rem; font-weight: 900; color: rgba(201,168,76,.45);
  line-height: 1; margin-bottom: .7rem; letter-spacing: -.03em;
}
.kfr-step h3 { font-size: .93rem; font-weight: 800; color: var(--ink); margin: 0 0 .45rem; }
.kfr-step p { font-size: .82rem; line-height: 1.65; color: #5c5c5c; margin: 0; }
.kfr-step--free { border-color: rgba(201,168,76,.55); box-shadow: 0 10px 30px rgba(201,168,76,.12); }

/* ── Personen-Sektion mit Fading ──────────────────────────────────────── */
.kfr-person {
  position: relative;
  /* an den Studiobackground des Fotos angepasst (neutrales Hellgrau) */
  background: linear-gradient(90deg, #f3f2f2 0%, #e8e7e8 48%, #dcdbdc 100%);
}
.kfr-person-inner {
  position: relative; z-index: 1;
  max-width: 1180px; margin: 0 auto;
  min-height: 600px;
  display: flex; align-items: center;
  padding: 3.5rem 1.25rem;
}
.kfr-person-text { position: relative; z-index: 2; max-width: min(540px, calc(50vw - 3.5rem)); }
.kfr-person-text .kfr-h2 { text-align: left; }
.kfr-person-text p { font-size: .95rem; line-height: 1.8; color: #4f4f4f; margin: 0 0 1rem; }
.kfr-person-text p strong { color: var(--ink); }
.kfr-quote {
  margin: 1.4rem 0 0; padding: .35rem 0 .35rem 1.1rem;
  border-left: 3px solid var(--gold);
  font-size: .9rem; line-height: 1.7; color: #3f3f3f; font-style: italic;
}
.kfr-quote cite { display: block; margin-top: .6rem; font-size: .78rem; font-style: normal; font-weight: 700; color: #8d7127; }

/* Foto sitzt randlos am rechten Rand – dadurch ist nur die linke Kante
   sichtbar und das Fading fällt entsprechend dezent aus. */
.kfr-visual {
  position: absolute; top: 0; right: 0; bottom: 0;
  width: min(57%, 720px);
}
.kfr-visual img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: 55% 18%;
  /* minimal aufgehellt, damit der Studiobackground des Fotos mit dem
     Sektionshintergrund verschmilzt */
  filter: brightness(1.045) saturate(.97);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 11%, #000 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 11%, #000 100%);
}
.kfr-visual-badge {
  position: absolute; left: 15%; bottom: 2rem; z-index: 2;
  display: flex; align-items: center; gap: .65rem;
  background: rgba(255,255,255,.94); border: 1px solid rgba(0,0,0,.06);
  padding: .65rem .95rem; box-shadow: 0 10px 30px rgba(0,0,0,.12);
  font-size: .78rem; font-weight: 700; color: var(--ink);
  backdrop-filter: blur(4px);
}
.kfr-visual-badge svg { width: 17px; height: 17px; color: #27ae60; flex-shrink: 0; }

/* ── Kosten-Klarheit ──────────────────────────────────────────────────── */
.kfr-cost {
  display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);
  gap: 2rem; align-items: start;
}
.kfr-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--border); }
.kfr-table th, .kfr-table td { padding: .95rem 1.1rem; text-align: left; font-size: .87rem; border-bottom: 1px solid #eee; }
.kfr-table th { font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #999; background: #fcfbf8; }
.kfr-table tr:last-child td { border-bottom: 0; }
.kfr-table td:last-child { text-align: right; font-weight: 800; color: var(--ink); white-space: nowrap; }
.kfr-table td.kfr-free { color: #1e8e4e; }
.kfr-table small { display: block; font-weight: 400; color: #8a8a8a; font-size: .76rem; margin-top: .15rem; }
.kfr-note-box {
  background: #0f141c; color: rgba(255,255,255,.8);
  padding: 1.9rem 1.7rem; border-top: 3px solid var(--gold);
}
.kfr-note-box h3 { color: #fff; font-size: 1.02rem; font-weight: 800; margin: 0 0 .7rem; }
.kfr-note-box p { font-size: .87rem; line-height: 1.75; margin: 0 0 .9rem; }
.kfr-note-box p:last-child { margin-bottom: 0; }
.kfr-note-box a { color: var(--gold); font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(201,168,76,.4); }
.kfr-note-box a:hover { border-bottom-color: var(--gold); }

/* ── FAQ ──────────────────────────────────────────────────────────────── */
.kfr-faq { max-width: 800px; margin: 0 auto; }
.kfr-faq details {
  background: #fff; border: 1px solid var(--border); margin-bottom: .6rem;
}
.kfr-faq summary {
  cursor: pointer; list-style: none; padding: 1.05rem 2.8rem 1.05rem 1.2rem;
  font-size: .90rem; font-weight: 700; color: var(--ink); position: relative;
}
.kfr-faq summary::-webkit-details-marker { display: none; }
.kfr-faq summary::after {
  content: '+'; position: absolute; right: 1.15rem; top: 50%; transform: translateY(-50%);
  font-size: 1.15rem; font-weight: 400; color: var(--gold); transition: transform .2s;
}
.kfr-faq details[open] summary::after { content: '–'; }
.kfr-faq details[open] summary { border-bottom: 1px solid #eee; }
.kfr-faq p { margin: 0; padding: .95rem 1.2rem 1.15rem; font-size: .86rem; line-height: 1.75; color: #5c5c5c; }

/* ── Finaler CTA ──────────────────────────────────────────────────────── */
.kfr-cta { background: #0f141c; padding: 4rem 1.25rem; text-align: center; position: relative; overflow: hidden; }
.kfr-cta::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 120%, rgba(201,168,76,.16), rgba(15,20,28,0) 62%);
}
.kfr-cta-inner { position: relative; max-width: 720px; margin: 0 auto; }
.kfr-cta h2 {
  font-size: clamp(1.5rem, 3.4vw, 2.2rem); font-weight: 900; color: #fff;
  letter-spacing: -.02em; margin: 0 0 .8rem; line-height: 1.2;
}
.kfr-cta h2 span { color: var(--gold); }
.kfr-cta p { font-size: .92rem; line-height: 1.75; color: rgba(255,255,255,.66); margin: 0 0 1.7rem; }
.kfr-cta .kfr-actions { justify-content: center; margin-bottom: 1rem; }
.kfr-cta-foot { font-size: .74rem; color: rgba(255,255,255,.4); margin: 0; }
.kfr-cta-foot a { color: rgba(255,255,255,.65); }

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 980px) {
  .kfr-hero-inner { grid-template-columns: 1fr; gap: 2.2rem; }
  .kfr-zero { max-width: 420px; }
  .kfr-grid-3 { grid-template-columns: 1fr; }
  .kfr-steps { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .kfr-cost { grid-template-columns: 1fr; }
  .kfr-person-inner { display: block; min-height: 0; padding: 3rem 1.25rem 0; }
  .kfr-person-text { max-width: none; padding-bottom: 2.5rem; }
  .kfr-visual { position: relative; width: calc(100% + 9rem); margin: 0 -1.25rem; }
  .kfr-visual img {
    position: relative; inset: auto; width: 100%; height: auto; max-height: 460px;
    object-position: 50% 15%;
    /* mobil: nur ein schmaler weicher Auslauf oben und unten */
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 1%, #000 99%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 1%, #000 99%, transparent 100%);
  }
  .kfr-visual-badge { left: 1.25rem; bottom: 2rem; }
}
@media (max-width: 600px) {
  .kfr-hero { padding: 3rem 1.1rem 3rem; }
  .kfr-section { padding: 3rem 1.1rem; }
  .kfr-steps { grid-template-columns: 1fr; }
  .kfr-btn { width: 100%; }
  .kfr-actions { flex-direction: column; align-items: stretch; }
  .kfr-zero-value { font-size: 2.8rem; }
  .kfr-table th, .kfr-table td { padding: .8rem .85rem; font-size: .82rem; }
}

/* ════════════════════════════════════════════════════════════════════
   TEAM-SEITE (team.php)
   ════════════════════════════════════════════════════════════════════ */

/* Team-Grid */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  margin-bottom: 1rem;
}

/* Team-Karte */
.team-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow .28s, transform .28s;
}
.team-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

/* Bild-Bereich */
.team-card-img-wrap {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
  background: var(--cream);
}
.team-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}
.team-card:hover .team-card-img {
  transform: scale(1.04);
}

/* Text-Bereich */
.team-card-body {
  padding: 1.6rem 1.4rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  flex: 1;
}
.team-card-name {
  font-weight: 900;
  font-size: 1.25rem;
  color: var(--ink);
  margin: 0;
  line-height: 1.2;
}
.team-card-rolle {
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0;
}
.team-card-bio {
  font-size: .88rem;
  color: var(--muted);
  font-weight: 300;
  line-height: 1.75;
  margin: 0;
  flex: 1;
}

/* Button in der Karte */
.team-card-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-top: 1rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold);
  text-decoration: none;
  border: 1.5px solid rgba(201, 168, 76, .35);
  padding: .5rem 1rem;
  transition: all .22s;
  width: fit-content;
}
.team-card-btn:hover {
  background: var(--gold);
  color: var(--ink);
  border-color: var(--gold);
}
.team-card-btn svg {
  display: block;
}

/* ── Telefon & Direkter Kontakt (team.php) ─────────────────────── */
.contact-direct-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin: 1.5rem 0 0;
}
.contact-direct-card {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(201,168,76,.18);
  padding: 1.5rem 1.25rem;
  transition: border-color .25s, background .25s;
}
.contact-direct-card:hover {
  border-color: var(--gold);
  background: rgba(255,255,255,.08);
}
.contact-direct-icon {
  flex-shrink: 0;
  color: var(--gold);
  margin-top: .1rem;
}
.contact-direct-card > div:last-child {
  flex: 1;
}
.contact-direct-label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin: 0 0 .25rem;
}
.contact-direct-value {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
  display: block;
  margin-bottom: .25rem;
  transition: color .2s;
}
.contact-direct-value:hover {
  color: var(--gold);
}
.contact-direct-sub {
  font-size: .8rem;
  color: rgba(255,255,255,.55);
  font-weight: 300;
  margin: 0;
}

/* Responsive */
@media (max-width: 600px) {
  .team-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .team-card-img-wrap {
    height: 260px;
  }
  .contact-direct-grid {
    grid-template-columns: 1fr;
  }
}