/* Lilit Kursseite v4 – loaded only on courses switched to v4 (preview or live). */
.lv4{
  --lv4-red:#C1002B; --lv4-red-d:#A00025; --lv4-wine:#7C1730; --lv4-ink:#29272A; --lv4-ink2:#514A4C; --lv4-mute:#5E585B;
  --lv4-paper:#FFFDF9; --lv4-white:#FFFFFF; --lv4-beige:#F4EDE4; --lv4-sand:#F7F3ED; --lv4-grey:#F2F2F2; --lv4-line:#E4D9CC; --lv4-line2:#EFE6DB;
  --lv4-sans:Arial,"Helvetica Neue",sans-serif; --lv4-serif:Georgia,"Times New Roman",serif; --lv4-lh:1.65;
  display:block; background:var(--lv4-paper);
}
.lv4[dir="rtl"]{ --lv4-serif:Tahoma,Arial,sans-serif; --lv4-sans:Tahoma,Arial,sans-serif; --lv4-lh:1.8; }
/* typography only for the template's own parts – header, footer and form keep theirs */
.lv4 :is(.lv4-hero,.lv4-anchor,.lv4-sec,.lv4-steps){ font-family:var(--lv4-serif); font-size:17px; line-height:var(--lv4-lh); color:var(--lv4-ink); }
.lv4 :is(.lv4-crumbs,.lv4-hero,.lv4-tabs,.lv4-anchor,.lv4-sec,.lv4-steps,.lv4-bar),.lv4 :is(.lv4-crumbs,.lv4-hero,.lv4-tabs,.lv4-anchor,.lv4-sec,.lv4-steps,.lv4-bar) *{ box-sizing:border-box; }
.lv4 .lv4-wrap{ max-width:1240px; margin-inline:auto; padding-inline:clamp(20px,4vw,40px); }
.lv4 :is(.lv4-hero,.lv4-anchor,.lv4-sec,.lv4-steps) :is(h1,h2,h3){ font-family:var(--lv4-sans); color:inherit; text-wrap:balance; overflow-wrap:break-word; hyphens:auto; }
.lv4[lang="ar"] :is(h1,h2,h3){ hyphens:manual; }
.lv4 :focus-visible{ outline:3px solid var(--lv4-red); outline-offset:2px; }

.lv4 .lv4-preview{ position:relative; background:#29272A; color:#fff; font:700 13px/1.4 var(--lv4-sans); padding:8px 16px; text-align:center; }
.lv4-preview a{ color:#F4C7D1; }

/* breadcrumb */
.lv4-crumbs{ padding-top:20px; font:400 14px/1.4 var(--lv4-sans); color:var(--lv4-mute); }
.lv4-crumbs ol{ display:flex; flex-wrap:wrap; gap:6px 8px; margin:0; padding:0; list-style:none; }
.lv4-crumbs li+li::before{ content:"›"; margin-inline-end:8px; color:#9C9193; }
.lv4[dir="rtl"] .lv4-crumbs li+li::before{ content:"‹"; }
.lv4-crumbs a{ color:var(--lv4-mute); text-decoration:underline; text-underline-offset:3px; }
.lv4-crumbs [aria-current]{ color:var(--lv4-ink); font-weight:700; }

/* hero */
.lv4-hero{ display:flex; flex-wrap:wrap; gap:48px; align-items:flex-start; padding-top:24px; padding-bottom:56px; }
.lv4-media{ flex:1 1 560px; min-width:0; display:flex; flex-direction:column; gap:12px; }
.lv4-media--none{ flex:0 0 0; display:none; }
.lv4-media--none + .lv4-buy{ flex-basis:100%; max-width:760px; }
.lv4-stage{ position:relative; aspect-ratio:16/9; border-radius:14px; overflow:hidden; background:linear-gradient(135deg,#3A3436,#29272A); }
.lv4-slide{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.lv4-slide[hidden]{ display:none; }
.lv4-stage__img,.lv4-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
.lv4-video{ width:100%; height:100%; background:#000; display:block; }
.lv4-slide iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.lv4-stage__tag{ position:absolute; top:16px; inset-inline-start:16px; background:rgba(255,253,249,.94); color:var(--lv4-ink); border-radius:999px; padding:6px 12px; font:700 13px/1.2 var(--lv4-sans); pointer-events:none; }
.lv4-slide--video .lv4-stage__tag{ display:none; }
.lv4-play{ position:absolute; z-index:1; width:88px; height:88px; border-radius:50%; border:0; background:var(--lv4-red); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 10px 30px rgba(0,0,0,.25); transition:transform .15s; }
.lv4-play:hover{ transform:scale(1.05); background:var(--lv4-red-d); }
.lv4[dir="rtl"] .lv4-play svg{ transform:none; }
.lv4-consent{ position:absolute; inset-inline:0; bottom:0; margin:0; padding:10px 14px; background:rgba(41,39,42,.82); color:#F4EDE4; font:400 12.5px/1.45 var(--lv4-sans); }
.lv4-consent a{ color:#fff; text-decoration:underline; }
.lv4-thumbs{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.lv4-thumb{ position:relative; aspect-ratio:4/3; padding:0; border-radius:8px; border:1px solid var(--lv4-line); background:#E9DFD3; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#fff; }
.lv4-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.lv4-thumb--video{ background:#3A3436; }
.lv4-thumb--video svg{ position:absolute; filter:drop-shadow(0 1px 3px rgba(0,0,0,.6)); }
.lv4-thumb[aria-pressed="true"]{ border:2px solid var(--lv4-red); }

/* buy box */
.lv4-buy{ flex:1 1 420px; min-width:0; background:var(--lv4-white); border:1px solid var(--lv4-line); border-top:4px solid var(--lv4-red); border-radius:14px; padding:32px; display:flex; flex-direction:column; gap:18px; box-shadow:0 18px 40px rgba(73,52,43,.07); }
.lv4-badges{ display:flex; gap:8px; flex-wrap:wrap; }
.lv4-badges:empty{ display:none; }
.lv4-badge{ background:var(--lv4-beige); color:var(--lv4-wine); padding:6px 10px; border-radius:999px; font:700 12px/1.2 var(--lv4-sans); letter-spacing:.08em; text-transform:uppercase; }
.lv4-badge--soft{ background:var(--lv4-grey); color:#473E3F; }
.lv4[dir="rtl"] .lv4-badge{ letter-spacing:0; }
.lv4 .lv4-title{ margin:0; font:700 clamp(32px,3.4vw,44px)/1.1 var(--lv4-sans); letter-spacing:-.02em; }
.lv4[dir="rtl"] .lv4-title{ letter-spacing:0; line-height:1.3; }
.lv4-lead{ margin:0; color:var(--lv4-ink2); }
.lv4-facts{ margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--lv4-line2); }
.lv4-facts div{ padding:12px 0; border-bottom:1px solid var(--lv4-line2); min-width:0; }
.lv4-facts div:nth-child(2n){ padding-inline-start:16px; }
.lv4-facts dt{ font:700 11px/1.3 var(--lv4-sans); letter-spacing:.1em; text-transform:uppercase; color:#6B6467; }
.lv4[dir="rtl"] .lv4-facts dt{ letter-spacing:0; font-size:12px; }
.lv4-facts dd{ margin:4px 0 0; font:700 15px/1.35 var(--lv4-sans); }
.lv4-ctas{ display:flex; flex-direction:column; gap:10px; }
.lv4 .lv4-btn{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 18px; border-radius:8px; font:700 16px/1.2 var(--lv4-sans); text-decoration:none; text-align:center; }
.lv4 .lv4-btn--primary{ background:var(--lv4-red); color:#fff; min-height:54px; font-size:17px; }
.lv4 .lv4-btn--primary:hover{ background:var(--lv4-red-d); color:#fff; }
.lv4 .lv4-btn--ghost{ border:1px solid var(--lv4-ink); color:var(--lv4-ink); background:var(--lv4-white); }
.lv4 .lv4-btn--ghost:hover{ background:var(--lv4-sand); color:var(--lv4-ink); }
.lv4-hint{ margin:0; font:400 14px/1.5 var(--lv4-sans); color:var(--lv4-mute); }
.lv4-refs{ margin:0; border-top:1px solid var(--lv4-line2); padding-top:14px; font:400 14px/1.5 var(--lv4-sans); color:var(--lv4-ink2); }
.lv4-refs b{ color:var(--lv4-ink); }

/* section nav */
.lv4-tabs{ position:sticky; top:0; z-index:20; background:rgba(255,253,249,.97); border-block:1px solid var(--lv4-line); }
.lv4-tabs__in{ display:flex; gap:28px; align-items:center; overflow-x:auto; scrollbar-width:none; font:700 15px/1 var(--lv4-sans); }
.lv4-tabs__in::-webkit-scrollbar{ display:none; }
.lv4-tabs a{ flex:none; color:var(--lv4-ink2); text-decoration:none; padding:18px 0; border-bottom:3px solid transparent; }
.lv4-tabs a[aria-current="true"]{ color:var(--lv4-ink); border-bottom-color:var(--lv4-red); }
.lv4 .lv4-tabs .lv4-tabs__cta{ margin-inline-start:auto; color:#fff; background:var(--lv4-red); padding:12px 18px; border-radius:8px; border:0; }
.lv4-anchor,.lv4 [id^="lv4-"],.lv4 #angebot-anfragen{ scroll-margin-top:84px; }

/* generic sections */
.lv4-sec{ padding-block:48px; }
.lv4 .lv4-kicker{ margin:0 0 8px; font:700 12px/1.3 var(--lv4-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--lv4-red-d); }
.lv4[dir="rtl"] .lv4-kicker{ letter-spacing:0; font-size:13px; }
.lv4 .lv4-kicker--light{ color:#F4C7D1; }
.lv4 .lv4-h2{ margin:0 0 28px; font:700 clamp(28px,3vw,38px)/1.15 var(--lv4-sans); letter-spacing:-.02em; }
.lv4[dir="rtl"] .lv4-h2{ letter-spacing:0; line-height:1.35; }
.lv4 .lv4-h2--sm{ font-size:28px; margin-bottom:22px; }

/* short answer */
.lv4-answer{ background:var(--lv4-sand); border-radius:14px; padding:32px 36px; display:flex; flex-wrap:wrap; gap:28px; align-items:flex-start; }
.lv4-answer__q{ flex:0 1 360px; min-width:0; }
.lv4 .lv4-answer__q h2{ margin:0; font:700 26px/1.25 var(--lv4-sans); hyphens:manual; }
.lv4-answer__a{ flex:1 1 480px; min-width:0; margin:0; font-size:19px; line-height:1.7; }

/* goals */
.lv4-goals{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.lv4-goal{ background:var(--lv4-white); border:1px solid var(--lv4-line); border-radius:12px; padding:26px; }
.lv4-goal__ico{ width:44px; height:44px; border-radius:10px; background:var(--lv4-beige); color:var(--lv4-red); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.lv4-goal h3{ margin:0 0 8px; font:700 20px/1.3 var(--lv4-sans); }
.lv4-goal p{ margin:0; font-size:16px; color:var(--lv4-ink2); }

/* contents + who */
.lv4-split{ display:flex; flex-wrap:wrap; gap:48px; align-items:flex-start; }
.lv4-split__main{ flex:1 1 520px; min-width:0; }
.lv4-split__side{ flex:1 1 360px; min-width:0; display:flex; flex-direction:column; gap:18px; }
.lv4-mods{ margin:0; padding:0; list-style:none; border-top:1px solid var(--lv4-line); }
.lv4-mods li{ display:flex; gap:18px; padding:16px 0; border-bottom:1px solid var(--lv4-line); }
.lv4-mods span{ font:700 14px/1.6 var(--lv4-sans); color:var(--lv4-red); min-width:28px; }
.lv4-long{ margin-top:20px; border:1px solid var(--lv4-line); border-radius:10px; background:var(--lv4-white); }
.lv4-long > summary{ cursor:pointer; padding:16px 20px; font:700 15px/1.3 var(--lv4-sans); list-style-position:inside; }
.lv4-long__body{ padding:0 20px 20px; font-size:16px; color:var(--lv4-ink2); }
.lv4-long__body h2{ font-size:22px; line-height:1.3; margin:24px 0 10px; color:var(--lv4-ink); }
.lv4-long__body h3{ font-size:18px; margin:18px 0 8px; color:var(--lv4-ink); }
.lv4-long__body img{ max-width:100%; height:auto; border-radius:8px; }
.lv4 .lv4-who{ background:var(--lv4-ink); color:var(--lv4-paper); border-radius:14px; padding:30px; }
.lv4-who .lv4-kicker{ color:#F4C7D1; }
.lv4-who h2{ margin:0 0 14px; font:700 24px/1.3 var(--lv4-sans); }
.lv4-who ul{ margin:0; padding-inline-start:20px; display:flex; flex-direction:column; gap:8px; font-size:16px; }
.lv4-occ{ background:var(--lv4-white); border:1px solid var(--lv4-line); border-radius:14px; padding:26px; }
.lv4-occ h3{ margin:0 0 10px; font:700 18px/1.3 var(--lv4-sans); }
.lv4-occ ul{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.lv4-occ li{ border:1px solid var(--lv4-line); border-radius:999px; padding:8px 12px; font:700 13px/1.2 var(--lv4-sans); }

/* process */
.lv4 .lv4-steps{ background:var(--lv4-ink); color:var(--lv4-paper); margin-top:32px; padding-block:72px; }
.lv4-steps__list{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin:0; padding:0; list-style:none; }
.lv4-steps__list li{ border-top:3px solid var(--lv4-red); padding-top:18px; }
.lv4-steps__list b{ display:block; font:700 20px/1.3 var(--lv4-sans); margin-bottom:8px; }
.lv4-steps__list span{ color:#D9D2CC; font-size:16px; }

/* testimonials: reuse rotator, calmer frame */
.lv4-voices .lilit-rv-single-wrap,.lv4-voices .lilit-rv-pair{ width:auto; max-width:none; margin:0; }

/* faq */
.lv4-faq{ display:flex; flex-wrap:wrap; gap:48px; }
.lv4-faq__head{ flex:0 1 340px; min-width:0; }
.lv4-faq__list{ flex:1 1 560px; min-width:0; border-top:1px solid var(--lv4-line); }
.lv4-faq details{ border-bottom:1px solid var(--lv4-line); }
.lv4-faq summary{ cursor:pointer; padding:18px 0; font:700 17px/1.4 var(--lv4-sans); }
.lv4-faq details p{ margin:0 0 18px; color:var(--lv4-ink2); }

/* related */
.lv4-related{ padding-bottom:64px; }
.lv4-related__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.lv4 .lv4-related__card{ display:flex; flex-direction:column; text-decoration:none; color:var(--lv4-ink); background:var(--lv4-white); border:1px solid var(--lv4-line); border-radius:12px; overflow:hidden; transition:box-shadow .2s, transform .2s; }
.lv4 .lv4-related__card:hover{ box-shadow:0 10px 26px rgba(73,52,43,.1); transform:translateY(-2px); color:var(--lv4-ink); }
.lv4-related__img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; background:#E9DFD3; height:auto; }
.lv4-related__img--empty{ aspect-ratio:auto; height:4px; background:var(--lv4-red); }
.lv4-related__txt{ padding:18px; display:flex; flex-direction:column; gap:6px; }
.lv4-related__txt small{ font:700 11px/1.3 var(--lv4-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--lv4-wine); }
.lv4-related__txt b{ font:700 18px/1.3 var(--lv4-sans); }

/* wide screens: media and buy box side by side */
@media (min-width: 900px){
  .lv4-hero{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr); gap:clamp(28px,4vw,48px); }
  .lv4-media--none + .lv4-buy{ grid-column:1 / -1; }
  .lv4-hero > .lv4-media{ position:sticky; top:20px; }
}

/* phone bar */
.lv4-bar{ display:none; }

@media (prefers-reduced-motion: reduce){
  .lv4 *{ transition:none !important; animation:none !important; }
}

/* ---------- phones and small tablets ---------- */
@media (max-width: 899px){
  .lv4 :is(.lv4-hero,.lv4-anchor,.lv4-sec,.lv4-steps){ font-size:16px; }
  .lv4-hero{ gap:20px; padding-top:12px; padding-bottom:28px; }
  .lv4-hero > .lv4-media{ margin-inline:calc(-1 * clamp(20px,4vw,40px)); flex-basis:100%; }
  .lv4-stage{ border-radius:0; }
  .lv4-thumbs{ display:flex; overflow-x:auto; padding-inline:16px; scrollbar-width:none; }
  .lv4-thumbs::-webkit-scrollbar{ display:none; }
  .lv4-thumb{ flex:0 0 76px; }
  .lv4-play{ width:68px; height:68px; }
  .lv4-buy{ border:0; box-shadow:none; padding:0; border-radius:0; gap:14px; flex-basis:100%; background:transparent; }
  .lv4-consent{ font-size:11.5px; padding:8px 12px; }
  .lv4 .lv4-title{ font-size:32px; }
  .lv4-facts{ gap:8px; border:0; }
  .lv4-facts div,.lv4-facts div:nth-child(2n){ background:var(--lv4-sand); border:0; border-radius:10px; padding:10px 12px; }
  .lv4-facts dd{ font-size:14px; }
  .lv4-ctas .lv4-btn--ghost{ display:none; }
  .lv4-tabs{ top:var(--lm2-header-h,0px); }
  .lv4-tabs__in{ gap:8px; padding-block:10px; }
  .lv4-tabs a{ display:flex; align-items:center; min-height:40px; padding:0 14px; border:1px solid var(--lv4-line); border-radius:999px; color:var(--lv4-ink); }
  .lv4-tabs a[aria-current="true"]{ background:var(--lv4-ink); border-color:var(--lv4-ink); color:#fff; }
  .lv4 .lv4-tabs .lv4-tabs__cta{ display:none; }
  .lv4-anchor,.lv4 [id^="lv4-"],.lv4 #angebot-anfragen{ scroll-margin-top:calc(var(--lm2-header-h,0px) + 70px); }
  .lv4-sec{ padding-block:28px; }
  .lv4-answer{ padding:20px; gap:10px; }
  .lv4-answer__q h2{ font-size:20px; }
  .lv4-answer__a{ font-size:16px; }
  .lv4-goals{ grid-template-columns:1fr; gap:10px; }
  .lv4-goal{ display:grid; grid-template-columns:36px minmax(0,1fr); column-gap:14px; align-items:center; padding:14px; }
  .lv4-goal__ico{ width:36px; height:36px; margin:0; grid-row:span 2; }
  .lv4-goal h3{ margin:0; font-size:16px; }
  .lv4-goal p{ grid-column:2; margin-top:4px; font-size:14.5px; }
  .lv4-split,.lv4-faq{ gap:24px; }
  .lv4-who{ padding:22px; }
  .lv4-steps{ padding-block:40px; margin-top:16px; }
  .lv4-steps__list{ grid-template-columns:1fr; border-inline-start:2px solid var(--lv4-red); padding-inline-start:16px; }
  .lv4-steps__list li{ border:0; padding:0; }
  .lv4-steps__list b{ font-size:17px; margin-bottom:2px; }
  .lv4-related__grid{ grid-template-columns:1fr; }
  .lv4-bar{ position:fixed; inset-inline:0; bottom:0; z-index:30; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:8px; padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)); background:var(--lv4-white); border-top:1px solid var(--lv4-line); box-shadow:0 -6px 18px rgba(41,39,42,.08); transition:transform .2s; }
  .lv4-bar[hidden]{ display:none; }
  .lv4-bar.is-away{ transform:translateY(115%); }
  .lv4 .lv4-bar .lv4-btn{ min-height:46px; font-size:15px; }
  body.lilit-course-v4{ padding-bottom:calc(68px + env(safe-area-inset-bottom,0px)); }
  html.lm2-menu-open .lv4-bar{ display:none; }
}