/* ============================================================
   SYNOVA Lösung · Backup
   ============================================================ */
.lbk-wrap, .lbk-wrap * { box-sizing: border-box; }
.lbk-wrap {
  --bg:#0a0805; --bg-2:#14100a; --fg:#f3e6d2; --fg-mute:rgba(243,230,210,0.62); --fg-soft:rgba(243,230,210,0.82);
  --gold:#d4af7f; --gold-2:#b8966e; --green:#4ade80; --red:#f87171; --amber:#fbbf24;
  --line:rgba(212,175,127,0.2); --line-2:rgba(243,230,210,0.08);
  --serif:'Playfair Display',Georgia,serif; --sans:'DM Sans',sans-serif; --mono:'JetBrains Mono',monospace;
  --page-pad: clamp(1.5rem, 5vw, 5rem);
  --content-w: 1380px;
  position:relative; width:100%; background:var(--bg); color:var(--fg);
  font-family:var(--sans); overflow-x:clip; isolation:isolate; padding-bottom:6rem;
}
.lbk-spacing-compact{--sec-py:3.5rem;--sec-gap:1rem}
.lbk-spacing-comfortable{--sec-py:6rem;--sec-gap:1.25rem}
.lbk-spacing-spacious{--sec-py:9rem;--sec-gap:1.75rem}

.lbk-grain { position:absolute; inset:0; pointer-events:none; z-index:0; opacity:0.04; mix-blend-mode:overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
.lbk-no-grain .lbk-grain{display:none}
.lbk-wrap > section { position:relative; z-index:1; }
.lbk-italic { font-style:italic; color:var(--gold); }
.lbk-eyebrow { display:inline-flex; align-items:center; gap:.7rem; font-family:var(--mono); font-size:.7rem; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold); margin-bottom:1.75rem; }
.lbk-eyebrow::before { content:''; width:26px; height:1px; background:var(--gold); }

[data-reveal] { opacity:1; transform:none; transition:opacity .95s cubic-bezier(.2,.85,.25,1), transform .95s cubic-bezier(.2,.85,.25,1); }
.lbk-wrap.is-reveal-ready [data-reveal]:not(.is-in) { opacity:0; transform:translateY(28px); }

/* Reading-Progress */
.lbk-progress { position:sticky; top:0; height:2px; width:100%; background:var(--line-2); z-index:100; }
.lbk-progress-fill { display:block; height:100%; width:0%; background:linear-gradient(90deg, var(--gold), var(--gold-2)); box-shadow:0 0 10px rgba(212,175,127,.55); transition:width .12s linear; }

/* Buttons */
.lbk-btn { display:inline-flex; align-items:center; gap:.7rem; padding:.95rem 1.7rem; border-radius:999px; border:1px solid transparent; font-family:var(--sans); font-size:.92rem; font-weight:500; letter-spacing:.02em; text-decoration:none; cursor:pointer; transition:background .3s, color .3s, transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s; }
.lbk-btn svg { width:16px; height:16px; transition:transform .3s; }
.lbk-btn--primary { background:var(--gold); color:var(--bg); }
.lbk-btn--primary:hover { background:var(--fg); transform:translateY(-2px); box-shadow:0 14px 32px rgba(212,175,127,.4); }
.lbk-btn--primary:hover svg { transform:translateX(3px); }
.lbk-btn--lg { padding:1.15rem 2.25rem; font-size:1rem; }

/* HERO */
.lbk-hero { padding:7rem var(--page-pad) 5rem; max-width:1100px; margin:0 auto; border-bottom:1px solid var(--line); }
.lbk-hero--img { max-width:var(--content-w); }
.lbk-hero-grid { display:grid; grid-template-columns:1fr; gap:0; }
.lbk-hero--img .lbk-hero-grid { grid-template-columns:1.2fr 1fr; gap:4.5rem; align-items:end; margin-bottom:3rem; }
.lbk-doc { display:inline-flex; align-items:center; gap:.6rem; font-family:var(--mono); font-size:.72rem; letter-spacing:.28em; text-transform:uppercase; color:var(--fg-mute); margin-bottom:2.5rem; }
.lbk-doc-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(74,222,128,.5); animation:lbk-pulse 2.4s ease-in-out infinite; }
@keyframes lbk-pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(1.3); } }
.lbk-hero-title { font-family:var(--serif); font-size:clamp(3rem, 8vw, 7rem); font-weight:400; line-height:.95; letter-spacing:-.04em; margin:0 0 2rem; color:var(--fg); }
.lbk-hero-line { display:block; overflow:hidden; }
.lbk-hero-line > span { display:block; transform:translateY(0); transition:transform 1.1s cubic-bezier(.2,.85,.25,1); }
.lbk-wrap.is-reveal-ready .lbk-hero:not(.is-in) .lbk-hero-line > span { transform:translateY(110%); }
.lbk-wrap.is-reveal-ready .lbk-hero.is-in .lbk-hero-line:nth-child(1) > span { transition-delay:.15s; transform:translateY(0); }
.lbk-wrap.is-reveal-ready .lbk-hero.is-in .lbk-hero-line:nth-child(2) > span { transition-delay:.30s; transform:translateY(0); }
.lbk-hero-sub { font-size:1.1rem; line-height:1.7; color:var(--fg-mute); max-width:680px; margin:0 0 3rem; }

.lbk-hero-visual { position:relative; margin:0; aspect-ratio:4/5; border-radius:4px; overflow:hidden; }
.lbk-hero-img { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.95) contrast(1.05); transition:transform 1.2s cubic-bezier(.2,.8,.2,1); }
.lbk-hero-visual:hover .lbk-hero-img { transform:scale(1.03); }
.lbk-hero-corner { position:absolute; width:28px; height:28px; pointer-events:none; z-index:2; }
.lbk-hero-corner--tl { top:14px; left:14px; border-top:1.5px solid var(--gold); border-left:1.5px solid var(--gold); }
.lbk-hero-corner--tr { top:14px; right:14px; border-top:1.5px solid var(--gold); border-right:1.5px solid var(--gold); }
.lbk-hero-corner--bl { bottom:14px; left:14px; border-bottom:1.5px solid var(--gold); border-left:1.5px solid var(--gold); }
.lbk-hero-corner--br { bottom:14px; right:14px; border-bottom:1.5px solid var(--gold); border-right:1.5px solid var(--gold); }
.lbk-hero-visual figcaption { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); z-index:3; font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--fg); background:rgba(10,8,5,.75); backdrop-filter:blur(8px); padding:.45rem .85rem; border:1px solid var(--line); border-radius:4px; }

.lbk-hero-stats { display:flex; flex-wrap:wrap; padding:1.75rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:2.5rem; }
.lbk-hero-stat { position:relative; padding:0 2rem; flex:1 1 auto; min-width:140px; }
.lbk-hero-stat:first-child { padding-left:0; }
.lbk-hero-stat:not(:first-child)::before { content:''; position:absolute; left:0; top:15%; bottom:15%; width:1px; background:var(--line-2); }
.lbk-hero-stat-val { display:block; font-family:var(--serif); font-size:clamp(2.2rem, 4vw, 3.4rem); font-weight:400; line-height:.95; color:var(--gold); letter-spacing:-.03em; margin-bottom:.5rem; }
.lbk-hero-stat-label { font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--fg-mute); }
.lbk-hero-scroll { display:inline-flex; align-items:center; gap:.85rem; font-family:var(--mono); font-size:.74rem; letter-spacing:.28em; text-transform:uppercase; color:var(--fg-mute); text-decoration:none; padding:.6rem 0; border-bottom:1px solid var(--line-2); transition:color .3s, border-color .3s; }
.lbk-hero-scroll svg { width:14px; height:14px; color:var(--gold); animation:lbk-bounce 2.4s ease-in-out infinite; }
.lbk-hero-scroll:hover { color:var(--gold); border-color:var(--gold); }
@keyframes lbk-bounce { 0%,100% { transform:translateY(0); opacity:.6; } 50% { transform:translateY(4px); opacity:1; } }

/* Section-Head */
.lbk-section-head { max-width:960px; margin-bottom:3rem; }
.lbk-section-title { font-family:var(--serif); font-size:clamp(2rem, 5vw, 3.8rem); font-weight:400; line-height:1.02; letter-spacing:-.03em; margin:0 0 1rem; color:var(--fg); }
.lbk-section-sub { font-size:1.05rem; line-height:1.65; color:var(--fg-mute); margin:1rem 0 0; max-width:680px; }

/* ============ 02 · 3-2-1-REGEL ============ */
.lbk-rule { padding:var(--sec-py) var(--page-pad); max-width:var(--content-w); margin:0 auto; scroll-margin-top:3rem; }
.lbk-rule-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--sec-gap); }
.lbk-rule-card { position:relative; padding:3rem 2rem 2rem; background:linear-gradient(165deg, rgba(212,175,127,.04), transparent); border:1px solid var(--line); border-radius:14px; transition:border-color .4s, transform .4s cubic-bezier(.2,.8,.2,1), background .4s; text-align:center; overflow:hidden; }
.lbk-rule-card::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, var(--gold), transparent); opacity:0; transition:opacity .4s; }
.lbk-rule-card:hover { border-color:rgba(212,175,127,.4); transform:translateY(-5px); background:linear-gradient(165deg, rgba(212,175,127,.08), transparent); }
.lbk-rule-card:hover::before { opacity:1; }
.lbk-rule-num { display:block; font-family:var(--serif); font-style:italic; font-size:clamp(6rem, 12vw, 9rem); font-weight:400; line-height:.9; color:var(--gold); letter-spacing:-.04em; margin-bottom:1.5rem; background:linear-gradient(180deg, var(--gold), var(--gold-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.lbk-rule-title { font-family:var(--serif); font-size:1.45rem; font-weight:500; line-height:1.2; margin:0 0 .85rem; color:var(--fg); letter-spacing:-.01em; }
.lbk-rule-desc { font-size:.95rem; line-height:1.65; color:var(--fg-mute); margin:0; }

/* ============ 03 · SLIDER ============ */
.lbk-slider { padding:var(--sec-py) var(--page-pad); max-width:var(--content-w); margin:0 auto; border-top:1px solid var(--line); }
.lbk-slider-stage { position:relative; aspect-ratio:16/9; max-height:680px; border-radius:14px; overflow:hidden; background:var(--bg-2); border:1px solid var(--line); }
.lbk-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 1s ease, visibility 1s; }
.lbk-slide.is-active { opacity:1; visibility:visible; z-index:2; }
.lbk-slide-img { position:absolute; inset:-8%; background-size:cover; background-position:center; transform:scale(1.1); transition:transform 7s ease-out; filter:brightness(.92); }
.lbk-slide.is-active .lbk-slide-img { transform:scale(1); }
.lbk-slide-overlay { position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(10,8,5,.4) 70%, rgba(10,8,5,.85) 100%); }
.lbk-slide-meta { position:absolute; left:0; right:0; bottom:0; padding:2rem 2.5rem 2.5rem; z-index:3; }
.lbk-slide-caption { display:inline-block; font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); padding:.4rem .75rem; background:rgba(10,8,5,.55); border:1px solid var(--line); border-radius:999px; margin-bottom:1rem; backdrop-filter:blur(8px); opacity:0; transform:translateY(12px); transition:opacity 1s ease .35s, transform 1s cubic-bezier(.2,.85,.25,1) .35s; }
.lbk-slide.is-active .lbk-slide-caption { opacity:1; transform:translateY(0); }
.lbk-slide-title { font-family:var(--serif); font-size:clamp(1.5rem, 3.5vw, 2.6rem); font-weight:500; line-height:1.15; color:var(--fg); margin:0; max-width:680px; letter-spacing:-.015em; opacity:0; transform:translateY(20px); transition:opacity 1s ease .5s, transform 1s cubic-bezier(.2,.85,.25,1) .5s; }
.lbk-slide.is-active .lbk-slide-title { opacity:1; transform:translateY(0); }

.lbk-slider-nav { position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; background:rgba(10,8,5,.55); backdrop-filter:blur(10px); border:1px solid var(--line); border-radius:50%; color:var(--fg); cursor:pointer; z-index:10; display:flex; align-items:center; justify-content:center; transition:background .3s, border-color .3s, transform .3s; }
.lbk-slider-nav svg { width:18px; height:18px; }
.lbk-slider-nav:hover { background:var(--gold); color:var(--bg); border-color:var(--gold); transform:translateY(-50%) scale(1.05); }
.lbk-slider-nav--prev { left:1.5rem; }
.lbk-slider-nav--next { right:1.5rem; }

.lbk-slider-dots { position:absolute; bottom:1.25rem; left:50%; transform:translateX(-50%); display:flex; gap:.6rem; z-index:10; }
.lbk-slider-dot { width:28px; height:3px; background:rgba(243,230,210,.25); border:0; border-radius:2px; cursor:pointer; padding:0; transition:background .3s, width .3s; }
.lbk-slider-dot:hover { background:rgba(243,230,210,.45); }
.lbk-slider-dot.is-active { background:var(--gold); width:42px; }

.lbk-slider-counter { position:absolute; top:1.25rem; right:1.5rem; z-index:10; font-family:var(--mono); font-size:.85rem; letter-spacing:.08em; color:var(--fg); background:rgba(10,8,5,.55); backdrop-filter:blur(8px); padding:.35rem .8rem; border:1px solid var(--line); border-radius:4px; }
.lbk-slider-counter-cur { color:var(--gold); }
.lbk-slider-counter-sep { margin:0 .35rem; opacity:.5; }
.lbk-slider-counter-tot { opacity:.7; }

/* ============ 04 · KATEGORIEN ============ */
.lbk-cats { padding:var(--sec-py) var(--page-pad); max-width:var(--content-w); margin:0 auto; border-top:1px solid var(--line); }
.lbk-cats-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line-2); }
.lbk-cat { display:grid; grid-template-columns:80px 1fr auto; gap:2rem; align-items:center; padding:1.75rem 0; border-bottom:1px solid var(--line-2); transition:padding-left .4s cubic-bezier(.2,.8,.2,1); }
.lbk-cat:hover { padding-left:1rem; }
.lbk-cat-num { font-family:var(--serif); font-style:italic; font-size:1.5rem; color:var(--gold); }
.lbk-cat-name { font-family:var(--serif); font-size:1.3rem; font-weight:500; margin:0 0 .35rem; color:var(--fg); letter-spacing:-.01em; }
.lbk-cat-desc { font-size:.95rem; line-height:1.55; color:var(--fg-mute); margin:0; }
.lbk-cat-prio { display:inline-block; font-family:var(--mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; padding:.4rem .85rem; border-radius:999px; }
.lbk-cat-prio--kritisch { background:rgba(248,113,113,.1); color:var(--red); border:1px solid rgba(248,113,113,.3); }
.lbk-cat-prio--hoch { background:rgba(251,191,36,.1); color:var(--amber); border:1px solid rgba(251,191,36,.3); }
.lbk-cat-prio--mittel { background:rgba(212,175,127,.08); color:var(--gold); border:1px solid var(--line); }

/* ============ 05 · TIERS ============ */
.lbk-tiers { padding:var(--sec-py) var(--page-pad); max-width:var(--content-w); margin:0 auto; border-top:1px solid var(--line); }
.lbk-tiers-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--sec-gap); }
.lbk-tier { padding:2rem 2rem 1.75rem; background:linear-gradient(165deg, rgba(212,175,127,.05), transparent); border:1px solid var(--line); border-radius:14px; transition:border-color .3s, transform .4s cubic-bezier(.2,.8,.2,1); }
.lbk-tier:hover { border-color:rgba(212,175,127,.45); transform:translateY(-4px); }
.lbk-tier-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed var(--line-2); }
.lbk-tier-num { font-family:var(--serif); font-style:italic; font-size:2.4rem; color:var(--gold); line-height:1; }
.lbk-tier-tag { font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); padding:.35rem .75rem; border:1px solid var(--line); border-radius:999px; background:rgba(212,175,127,.04); }
.lbk-tier-name { font-family:var(--serif); font-size:1.6rem; font-weight:500; margin:0 0 1rem; color:var(--fg); letter-spacing:-.015em; }
.lbk-tier-purpose { font-size:.95rem; line-height:1.65; color:var(--fg-mute); margin:0 0 1.5rem; }
.lbk-tier-meta { margin:0; padding-top:1.25rem; border-top:1px dashed var(--line-2); display:grid; gap:.65rem; }
.lbk-tier-meta > div { display:grid; grid-template-columns:90px 1fr; gap:1rem; font-size:.85rem; }
.lbk-tier-meta dt { font-family:var(--mono); font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin:0; }
.lbk-tier-meta dd { margin:0; color:var(--fg-soft); }

/* ============ 06 · STEPS ============ */
.lbk-restore { padding:var(--sec-py) var(--page-pad); max-width:var(--content-w); margin:0 auto; border-top:1px solid var(--line); }
.lbk-steps { list-style:none; margin:0; padding:0; max-width:920px; }
.lbk-step { position:relative; display:grid; grid-template-columns:80px 1fr; gap:2rem; padding:1.5rem 0 2.5rem; }
.lbk-step:last-child .lbk-step-rail { display:none; }
.lbk-step-rail { position:absolute; left:39px; top:3.5rem; bottom:0; width:1px; background:linear-gradient(180deg, var(--line), transparent); }
.lbk-step-dot { position:absolute; left:32px; top:1.7rem; width:15px; height:15px; border-radius:50%; background:var(--bg); border:2px solid var(--gold); box-shadow:0 0 0 4px var(--bg), 0 0 14px rgba(212,175,127,.4); z-index:2; }
.lbk-step-num { font-family:var(--serif); font-style:italic; font-size:1.7rem; color:var(--gold); letter-spacing:-.02em; padding-top:1rem; text-align:right; padding-right:1.5rem; }
.lbk-step-body { padding-top:1rem; }
.lbk-step-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:1rem; margin-bottom:.85rem; }
.lbk-step-title { font-family:var(--serif); font-size:1.45rem; font-weight:500; line-height:1.15; margin:0; color:var(--fg); letter-spacing:-.01em; }
.lbk-step-dur { font-family:var(--mono); font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); padding:.25rem .65rem; border:1px solid var(--line); border-radius:4px; background:rgba(212,175,127,.04); }
.lbk-step-desc { font-size:.95rem; line-height:1.65; color:var(--fg-mute); margin:0; max-width:620px; }

/* ============ 07 · RETENTION-TIMELINE ============ */
.lbk-ret { padding:var(--sec-py) var(--page-pad); max-width:var(--content-w); margin:0 auto; border-top:1px solid var(--line); }
.lbk-ret-list { display:grid; gap:1.5rem; max-width:920px; }
.lbk-ret-item { display:grid; gap:.85rem; }
.lbk-ret-bar { position:relative; height:8px; background:rgba(212,175,127,.08); border-radius:4px; overflow:hidden; }
.lbk-ret-fill { position:absolute; inset:0; width:var(--pct, 25%); background:linear-gradient(90deg, var(--gold), var(--gold-2)); border-radius:4px; transform-origin:left; transform:scaleX(0); transition:transform 1.4s cubic-bezier(.2,.85,.25,1) calc(.15s * var(--i, 0)); box-shadow:0 0 14px rgba(212,175,127,.35); }
.lbk-wrap.is-reveal-ready .lbk-ret.is-in .lbk-ret-fill { transform:scaleX(1); }
.lbk-ret-meta { display:grid; grid-template-columns:160px auto 1fr; gap:1.5rem; align-items:baseline; }
.lbk-ret-name { font-family:var(--serif); font-size:1.15rem; font-weight:500; color:var(--fg); }
.lbk-ret-dur { font-family:var(--mono); font-size:.85rem; letter-spacing:.06em; color:var(--gold); }
.lbk-ret-loc { font-family:var(--mono); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--fg-mute); }

/* ============ 08 · SECURITY ============ */
.lbk-sec { padding:var(--sec-py) var(--page-pad); max-width:var(--content-w); margin:0 auto; border-top:1px solid var(--line); }
.lbk-sec-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--sec-gap); }
.lbk-sec-card { padding:1.75rem 1.85rem; background:linear-gradient(165deg, rgba(212,175,127,.04), transparent); border:1px solid var(--line-2); border-radius:12px; transition:border-color .35s, transform .4s cubic-bezier(.2,.8,.2,1); }
.lbk-sec-card:hover { border-color:rgba(212,175,127,.4); transform:translateY(-3px); }
.lbk-sec-icon { width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:rgba(212,175,127,.08); border:1px solid var(--line); border-radius:10px; color:var(--gold); margin-bottom:1.25rem; }
.lbk-sec-icon svg { width:20px; height:20px; }
.lbk-sec-title { font-family:var(--serif); font-size:1.2rem; font-weight:500; margin:0 0 .65rem; color:var(--fg); letter-spacing:-.01em; }
.lbk-sec-desc { font-size:.9rem; line-height:1.6; color:var(--fg-mute); margin:0; }

/* ============ 09 · FAQ ============ */
.lbk-faq { padding:var(--sec-py) var(--page-pad); max-width:920px; margin:0 auto; border-top:1px solid var(--line); }
.lbk-faq-item { border-bottom:1px solid var(--line-2); }
.lbk-faq-item:first-child { border-top:1px solid var(--line-2); }
.lbk-faq-item summary { display:grid; grid-template-columns:50px 1fr 44px; gap:1rem; align-items:center; padding:1.5rem 0; cursor:pointer; list-style:none; transition:padding-left .35s cubic-bezier(.2,.8,.2,1); }
.lbk-faq-item summary::-webkit-details-marker { display:none; }
.lbk-faq-item summary:hover { padding-left:.4rem; }
.lbk-faq-num { font-family:var(--mono); font-size:.72rem; letter-spacing:.18em; color:var(--gold); }
.lbk-faq-q { font-family:var(--serif); font-size:clamp(1.05rem, 2vw, 1.35rem); font-weight:500; line-height:1.3; color:var(--fg); letter-spacing:-.005em; }
.lbk-faq-toggle { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--line); border-radius:50%; color:var(--gold); transition:background .3s, transform .4s cubic-bezier(.2,.8,.2,1); }
.lbk-faq-toggle svg { width:14px; height:14px; transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.lbk-faq-item[open] .lbk-faq-toggle { background:var(--gold); color:var(--bg); border-color:var(--gold); }
.lbk-faq-item[open] .lbk-faq-toggle svg { transform:rotate(45deg); }
.lbk-faq-a { padding:0 0 1.75rem 64px; }
.lbk-faq-a p { font-size:.98rem; line-height:1.75; color:var(--fg-mute); margin:0; max-width:680px; }

/* ============ 10 · CTA ============ */
.lbk-cta { position:relative; padding:calc(var(--sec-py) + 2rem) var(--page-pad) calc(var(--sec-py)); max-width:var(--content-w); margin:4rem auto 0; text-align:center; border-top:1px solid var(--line); }
.lbk-cta-mark { width:80px; height:1px; background:var(--gold); margin:0 auto 2.5rem; box-shadow:0 0 14px rgba(212,175,127,.6); }
.lbk-cta .lbk-eyebrow { justify-content:center; }
.lbk-cta-title { font-family:var(--serif); font-size:clamp(2.2rem, 5.5vw, 4.5rem); font-weight:400; line-height:1.05; letter-spacing:-.03em; margin:0 0 1.75rem; color:var(--fg); }
.lbk-cta-sub { font-size:1.05rem; line-height:1.65; color:var(--fg-mute); max-width:600px; margin:0 auto 2.75rem; }
.lbk-cta-email { display:inline-flex; align-items:center; gap:.85rem; font-family:var(--serif); font-style:italic; font-size:clamp(1.5rem, 3.2vw, 2.4rem); color:var(--gold); text-decoration:none; padding:.5rem 0; border-bottom:1px solid rgba(212,175,127,.4); margin-bottom:3rem; transition:color .3s, border-color .3s; }
.lbk-cta-email svg { width:20px; height:20px; transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.lbk-cta-email:hover { color:var(--fg); border-color:var(--fg); }
.lbk-cta-email:hover svg { transform:translate(4px,-4px); }
.lbk-cta-actions { display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1.5rem 2.5rem; margin-bottom:2rem; width:100%; }
.lbk-cta-phone { display:inline-flex; align-items:center; gap:.6rem; font-family:var(--mono); font-size:.82rem; letter-spacing:.12em; color:var(--fg-mute); text-decoration:none; transition:color .3s; }
.lbk-cta-phone svg { width:14px; height:14px; color:var(--gold); }
.lbk-cta-phone:hover { color:var(--gold); }
.lbk-cta-note { font-family:var(--serif); font-style:italic; font-size:.95rem; color:rgba(243,230,210,.55); margin:0; }

/* ============ RESPONSIVE ============ */
@media (max-width:1100px) {
  .lbk-rule-grid, .lbk-tiers-grid, .lbk-sec-grid { grid-template-columns:1fr; }
  .lbk-hero--img .lbk-hero-grid { grid-template-columns:1fr; gap:2.5rem; }
  .lbk-cat { grid-template-columns:50px 1fr; }
  .lbk-cat-prio { grid-column:1/-1; justify-self:start; }
}
@media (max-width:720px) {
  .lbk-hero { padding:5rem 1.25rem 3rem; }
  .lbk-hero-stats { flex-direction:column; gap:1rem; padding:1rem 0; }
  .lbk-hero-stat { padding:1rem 0; flex:1 1 100%; }
  .lbk-hero-stat::before { display:none !important; }
  .lbk-hero-stat + .lbk-hero-stat { border-top:1px solid var(--line-2); }
  .lbk-rule, .lbk-slider, .lbk-cats, .lbk-tiers, .lbk-restore, .lbk-ret, .lbk-sec, .lbk-faq, .lbk-cta { padding:3.5rem 1.25rem; }
  .lbk-rule-card { padding:2rem 1.5rem; }
  .lbk-rule-num { font-size:5rem; }
  .lbk-slider-stage { aspect-ratio:4/3; }
  .lbk-slide-meta { padding:1.25rem 1.5rem 2rem; }
  .lbk-slider-nav { width:38px; height:38px; }
  .lbk-slider-nav--prev { left:.75rem; }
  .lbk-slider-nav--next { right:.75rem; }
  .lbk-step { grid-template-columns:50px 1fr; gap:.85rem; padding:1.25rem 0 2.5rem; }
  .lbk-step-rail { left:23px; }
  .lbk-step-dot { left:16px; }
  .lbk-step-num { font-size:1.2rem; padding-right:.75rem; padding-top:.85rem; }
  .lbk-ret-meta { grid-template-columns:1fr; gap:.3rem; }
  .lbk-tier { padding:1.75rem 1.5rem; }
  .lbk-tier-meta > div { grid-template-columns:80px 1fr; }
  .lbk-faq-item summary { grid-template-columns:36px 1fr 36px; gap:.75rem; padding:1.25rem 0; }
  .lbk-faq-a { padding-left:48px; padding-bottom:1.5rem; }
  .lbk-cta { margin-top:2rem; padding:4rem 1.25rem; }
}

@media (prefers-reduced-motion:reduce) {
  .lbk-wrap.is-reveal-ready [data-reveal] { opacity:1 !important; transform:none !important; }
  .lbk-hero-line > span { transform:translateY(0) !important; }
  .lbk-hero-scroll svg { animation:none; }
  .lbk-slide-img { transform:scale(1) !important; }
}

/* Editor-Performance: stoppt teure GPU-Loops in der Preview-Iframe.
   Frontend bleibt 1:1 wie deployt. */
.elementor-editor-active .lbk-wrap { width:100% !important; margin-left:0 !important; }
.elementor-editor-active .lbk-grain { display:none !important; }
.elementor-editor-active .lbk-doc-dot,
.elementor-editor-active .lbk-hero-scroll svg,
.elementor-editor-active .lbk-slide-img,
.elementor-editor-active .lbk-ret-fill { animation:none !important; }
.elementor-editor-active .lbk-slider-nav,
.elementor-editor-active .lbk-slider-counter,
.elementor-editor-active .lbk-slide-caption { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
