:root{
  --crimson:#8c0d45;
  --crimson-light:#b8175f;
  --crimson-pale:#fdeef3;
  --plum:#2e0a30;
  --plum2:#3d1140;
  --plum-soft:#4a1a4d;
  --ink:#1c1420;
  --ink-soft:#5c5266;
  --cream:#faf8f5;
  --cream2:#f3ece6;
  --white:#ffffff;
  --gold:#c9a227;
  --good:#1f9d63;
  --border:#e7dfe8;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 10px 40px rgba(46,10,48,.10);
  --shadow-lg:0 24px 60px rgba(46,10,48,.18);
  --serif:'Fraunces',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0;color:var(--plum);}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--crimson);margin-bottom:14px;}
.eyebrow::before{content:'';width:22px;height:2px;background:var(--crimson);display:inline-block;}
.section{padding:72px 0;}
.section-head{max-width:640px;margin:0 auto 40px;text-align:center;}
.section-head p{color:var(--ink-soft);font-size:16.5px;margin-top:14px;}
.section-head.left{margin-left:0;text-align:left;}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;white-space:nowrap;font-family:var(--sans);}
.btn:active{transform:translateY(1px);}
.btn-primary{background:linear-gradient(135deg,var(--crimson-light),var(--crimson) 55%,var(--plum));color:#fff;box-shadow:0 12px 28px rgba(140,13,69,.35);}
.btn-primary:hover{filter:brightness(1.07);box-shadow:0 16px 34px rgba(140,13,69,.42);}
.btn-ghost{background:rgba(255,255,255,.08);color:var(--white);border:1.5px solid rgba(255,255,255,.35);}
.btn-ghost:hover{background:rgba(255,255,255,.18);}
.btn-outline{background:transparent;color:var(--plum);border:1.5px solid var(--border);}
.btn-outline:hover{border-color:var(--crimson);color:var(--crimson);}
.btn-block{width:100%;}
.btn-sm{padding:9px 16px;font-size:13px;}

/* Header */
header.site{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:.25s ease;}
header.site.scrolled{padding:10px 0;background:rgba(250,248,245,.86);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(46,10,48,.08);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:13px;}
.brand img{width:56px;height:56px;object-fit:contain;flex-shrink:0;}
.brand-word{font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:.2px;color:#fff;line-height:1.1;transition:color .2s;}
.brand-word small{display:block;font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:1.6px;color:#f0c9db;text-transform:uppercase;margin-top:1px;transition:color .2s;}
header.site.scrolled .brand-word,header.site.scrolled .navlink{color:var(--plum);}
header.site.scrolled .brand-word small{color:var(--crimson);}
@media(max-width:640px){.brand img{width:44px;height:44px;}.brand-word{font-size:16px;}}
nav.navlinks{display:flex;align-items:center;gap:30px;}
.navlink{font-size:14px;font-weight:600;color:rgba(255,255,255,.92);transition:color .15s;}
header.site.scrolled .navlink{color:var(--ink);}
.navlink:hover{color:var(--gold);}
header.site.scrolled .navlink:hover{color:var(--crimson);}
.header-cta{display:flex;align-items:center;gap:12px;}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.lang-select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);}
header.site.scrolled .lang-select{background:var(--cream2);border-color:var(--border);color:var(--plum);}
html[dir="rtl"] body{direction:rtl;}
html[dir="rtl"] .eyebrow::before{margin-left:8px;margin-right:0;}
html[dir="rtl"] .field label{text-align:right;}

html[dir="rtl"] .product-ribbon{right:auto;left:-32px;transform:rotate(-38deg);}
.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0;color:#fff;}
header.site.scrolled .menu-toggle span{color:var(--plum);}

/* Hero */
.hero{position:relative;padding:72px 0 120px;background:radial-gradient(120% 100% at 15% 0%,#4a1450 0%,var(--plum) 45%,var(--ink) 100%);overflow:hidden;color:#fff;}
.hero-text{max-width:780px;}
.hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(60% 55% at 85% 15%,rgba(184,23,95,.55),transparent 60%),
  radial-gradient(45% 45% at 100% 90%,rgba(201,162,39,.18),transparent 60%);
  pointer-events:none;}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.hero h1{color:#fff;font-size:47px;letter-spacing:-.5px;}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,#f6c6da,#e9b8ff 45%,#c9a227);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero .lead{margin-top:20px;font-size:18px;color:rgba(255,255,255,.82);max-width:520px;}
.hero-ctas{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
.hero-ctas-note{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:rgba(255,255,255,.6);}
.hero-ctas-note .hero-free-link{color:#f0c9db;text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.hero-stats{display:flex;gap:0;margin-top:52px;border-top:1px solid rgba(255,255,255,.16);padding-top:26px;flex-wrap:wrap;}
.teacher-teaser{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:10px 18px 10px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:100px;text-decoration:none;transition:background .2s;}
.teacher-teaser:hover{background:rgba(255,255,255,.14);}
.teacher-teaser img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5);}
.teacher-teaser-text{display:flex;flex-direction:column;line-height:1.25;}
.teacher-teaser-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#f0c9db;font-weight:700;}
.teacher-teaser-name{font-size:14.5px;color:#fff;font-weight:600;font-family:var(--serif);}
.teacher-teaser-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--crimson-light),var(--plum));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:14px;font-weight:700;border:2px solid rgba(255,255,255,.5);}
.audio-teaser{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:rgba(201,162,39,.14);border:1px solid rgba(201,162,39,.4);border-radius:100px;font-size:12.5px;color:#f0c9db;}
.audio-teaser-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;box-shadow:0 0 0 3px rgba(201,162,39,.25);}
.hero-welcome-note{margin:22px 0 0;padding:16px 0 16px 20px;border-left:2px solid rgba(240,201,219,.5);}
.hero-welcome-note p{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.55;color:#f3e6ee;margin:0;}
.hero-welcome-signature{display:block;margin-top:10px;font-size:12.5px;color:#f0c9db;font-weight:600;letter-spacing:.3px;}

.hero-stat{flex:1;min-width:110px;padding-right:18px;}
.hero-stat b{display:block;font-family:var(--serif);font-size:26px;color:#fff;}
.hero-stat span{font-size:12px;color:rgba(255,255,255,.65);letter-spacing:.3px;}

/* Hero visual mock */
.hero-visual{position:relative;z-index:2;}
.mock-shell{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:16px;backdrop-filter:blur(6px);box-shadow:var(--shadow-lg);transform:rotate(1.2deg);}
.mock-card{background:linear-gradient(160deg,#fffdf9,#f7eef1);border-radius:16px;padding:26px 24px;box-shadow:0 20px 40px rgba(0,0,0,.25);}
.mock-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.mock-pill{background:var(--crimson-pale);color:var(--crimson);font-size:10.5px;font-weight:800;letter-spacing:.5px;padding:4px 10px;border-radius:999px;text-transform:uppercase;}
.mock-dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e2d6df;margin-left:4px;}
.mock-q{font-family:var(--serif);font-size:19px;color:var(--plum);line-height:1.4;min-height:78px;}
.mock-progress{height:5px;border-radius:999px;background:var(--cream2);margin-top:20px;overflow:hidden;}
.mock-progress i{display:block;height:100%;width:64%;background:linear-gradient(90deg,var(--crimson),var(--gold));border-radius:999px;}
.mock-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:11.5px;color:var(--ink-soft);}
.float-chip{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:var(--plum);}
.float-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--good);}
.float-chip.c1{top:-18px;right:8%;}
.float-chip.c2{bottom:14%;left:-30px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.hero-video-banner{position:relative;width:100%;background:#0a060c;}
.hero-video-banner .hero-video-shell{max-width:none;margin:0;border-radius:0;overflow:hidden;border:none;box-shadow:none;transform:none;}
.hero-video-banner .hero-video{aspect-ratio:16/9;max-height:92vh;}
.hero-video-banner .hero-video-play svg{width:92px;height:92px;}
.hero-video-banner .float-chip.c1{top:24px;right:5%;}
.hero-video-banner .float-chip.c2{bottom:24px;left:5%;top:auto;}
.hero-video-scrolldown{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:rgba(20,10,20,.38);display:flex;align-items:center;justify-content:center;pointer-events:none;animation:heroScrollBounce 2s ease-in-out infinite;}
@keyframes heroScrollBounce{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,8px);}}
.hero-video-shell.is-playing .hero-video-scrolldown,.hero-video-shell.is-playing .float-chip{display:none;}
@media(max-width:640px){.hero-video-banner .hero-video{aspect-ratio:16/9;max-height:56vh;}.hero-video-banner .float-chip{display:none;}}
.hero-video-shell{position:relative;max-width:320px;margin:0 auto;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow-lg);transform:rotate(1.2deg);background:#000;}
.hero-video{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#000;}
.hero-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,10,20,.32);cursor:pointer;transition:background .2s;border:none;padding:0;}
.hero-video-play:hover{background:rgba(20,10,20,.46);}
.hero-video-play svg{width:60px;height:60px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45));}
.hero-video-shell.is-playing .hero-video-play{display:none;}

/* Trust bar */
.trustbar{background:var(--white);border-bottom:1px solid var(--border);}
.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:34px 0;}
.trust-item{display:flex;align-items:center;gap:12px;padding:0 20px;border-left:1px solid var(--border);}
.trust-item:first-child{border-left:none;}
.trust-item svg{flex-shrink:0;color:var(--crimson);}
.trust-item span{font-size:13px;font-weight:700;color:var(--plum);line-height:1.3;}

/* Pillars */
.section.alt{background:var(--white);}
.pillars-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.pillar-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);padding:34px 28px;position:relative;}
.pillar-card .num{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--crimson-light),var(--plum));color:#fff;font-family:var(--serif);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.pillar-card h3{font-size:19px;margin-bottom:8px;}
.pillar-card p{color:var(--ink-soft);font-size:14.5px;margin:0;}

.steps-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:42px;}
.step-item{text-align:center;padding:0 8px;}
.step-item .stepnum{width:34px;height:34px;border-radius:50%;border:2px solid var(--crimson);color:var(--crimson);font-weight:800;font-size:13.5px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.step-item p{font-size:13.5px;color:var(--ink-soft);margin:0;}
.step-item b{display:block;font-size:14.5px;color:var(--plum);margin-bottom:4px;}

/* Products */
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;}
.product-card{border-radius:24px;padding:38px 34px;position:relative;overflow:hidden;}
.product-card.app{background:var(--white);border:1px solid var(--border);}
.product-card.book{background:linear-gradient(160deg,#fff,var(--cream2));border:1px solid var(--border);}
.product-card.karteikarten{background:linear-gradient(160deg,#fff,var(--cream2));border:1px solid var(--border);}
.product-card.hoerbuch{background:linear-gradient(160deg,#fff,var(--cream2));border:1px solid var(--border);}

.product-card.book .product-badge{background:rgba(201,162,39,.16);color:#9c7e1e;}
.product-card.karteikarten .product-badge{background:rgba(46,10,48,.08);color:var(--plum);}
.product-card.hoerbuch .product-badge{background:rgba(140,13,69,.1);color:var(--crimson);}
.product-card.featured{border:1.5px solid var(--crimson-light);box-shadow:var(--shadow);}
.product-ribbon{position:absolute;top:18px;right:-32px;background:var(--crimson);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:5px 38px;transform:rotate(38deg);}
.product-badge{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:18px;}
.product-card.app .product-badge{background:var(--crimson-pale);color:var(--crimson);}
.book-cover-img{cursor:zoom-in;}
.product-card .cover-hint{display:block;text-align:center;font-size:11.5px;color:var(--muted);margin-top:6px;letter-spacing:.2px;}
.product-group-title{font-size:19px;font-weight:800;color:var(--plum);margin:0 0 20px;text-align:center;}
.book-cover-placeholder{border:1.5px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:640/905;color:var(--muted);background:var(--cream2);cursor:default;}
.book-cover-placeholder svg{opacity:.55;}
.book-cover-placeholder .placeholder-label{font-size:12px;text-align:center;padding:0 14px;font-weight:600;line-height:1.4;}
.btn-disabled{opacity:.55;cursor:not-allowed;pointer-events:none;}
.img-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(10,6,12,.92);display:none;align-items:center;justify-content:center;padding:32px;}
.img-lightbox.open{display:flex;}
.lightbox-inner{position:relative;max-width:min(92vw,720px);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:16px;}
.lightbox-inner img{max-width:100%;max-height:78vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);object-fit:contain;background:#0a060c;}
.lightbox-close{position:absolute;top:-44px;right:-4px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:.18s;}
.lightbox-close:hover{background:rgba(255,255,255,.22);}
.module-card{cursor:pointer;}
.module-card .mprev-hint{display:block;font-size:11px;font-weight:700;color:var(--crimson);text-transform:uppercase;letter-spacing:.4px;margin-top:10px;}
.preview-modal{position:fixed;inset:0;z-index:9999;background:rgba(10,6,12,.92);display:none;align-items:center;justify-content:center;padding:24px;}
.preview-modal.open{display:flex;}
.preview-modal-inner{position:relative;background:#fff;border-radius:20px;max-width:560px;width:100%;padding:34px 30px 30px;max-height:88vh;overflow-y:auto;}
.preview-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:none;background:var(--cream);font-size:20px;line-height:1;cursor:pointer;color:var(--ink-soft);}
.preview-modal-num{font-family:var(--serif);font-size:13px;color:var(--crimson);font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;}
.preview-modal-inner h3{font-size:21px;color:var(--plum);margin-bottom:14px;line-height:1.3;}
.preview-modal-text{font-size:14.5px;line-height:1.7;color:var(--ink-soft);margin-bottom:22px;}
.preview-modal-audio{margin-bottom:24px;background:var(--cream);border-radius:14px;padding:16px 18px;}
.preview-audio-label{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--crimson);margin-bottom:10px;}
.preview-modal-audio audio{width:100%;}
.preview-audio-note{font-size:11.5px;color:var(--muted);margin-top:8px;}
.lightbox-toggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 22px;border-radius:100px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.18s;}
.lightbox-toggle:hover{background:var(--crimson);border-color:var(--crimson);}
@media(max-width:640px){.lightbox-close{top:-52px;right:0;}}


.product-card h3{font-size:24px;margin-bottom:10px;}

.product-card p.desc{color:var(--ink-soft);font-size:14.5px;margin-bottom:22px;}

.product-feats{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:10px;}
.product-feats li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;}
.product-feats li svg{flex-shrink:0;margin-top:2px;color:var(--crimson);}



/* Learning area preview */
.lernbereich-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;}
.flip-demo{perspective:1400px;width:100%;max-width:380px;margin:0 auto;}
.flip-card{position:relative;width:100%;height:230px;cursor:pointer;}
.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;}
.flip-card.flipped .flip-inner{transform:rotateY(180deg);}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-lg);}
.flip-front{background:linear-gradient(160deg,#fff,var(--cream2));border:1px solid var(--border);}
.flip-back{background:linear-gradient(160deg,var(--plum2),var(--plum));color:#fff;transform:rotateY(180deg);}
.flip-label{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--crimson);margin-bottom:10px;}
.flip-back .flip-label{color:#f0c9db;}
.flip-face p{font-family:var(--serif);font-size:17px;margin:0;line-height:1.4;color:var(--plum);}
.flip-back p{color:#fff;}
.flip-hint{margin-top:16px;font-size:11.5px;color:var(--ink-soft);}
.flip-back .flip-hint{color:rgba(255,255,255,.6);}
.member-lock{margin-top:24px;background:var(--white);border:1px dashed var(--border);border-radius:14px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--ink-soft);}
.member-lock svg{flex-shrink:0;color:var(--gold);margin-top:1px;}

.module-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;}
.module-mini{background:var(--cream);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:12.5px;font-weight:600;color:var(--plum);display:flex;gap:10px;align-items:center;}
.module-mini span.n{width:22px;height:22px;border-radius:7px;background:var(--plum);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}






@keyframes pulse{0%{transform:scale(.6);opacity:.6;}100%{transform:scale(1.8);opacity:0;}}















/* Modules */
.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.module-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:26px 24px;transition:.22s;position:relative;overflow:hidden;}
.module-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--crimson-light),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.module-card:hover{border-color:var(--crimson);box-shadow:var(--shadow);transform:translateY(-4px);}
.module-card:hover::before{transform:scaleX(1);}
.module-card .mnum{display:inline-block;font-family:var(--serif);font-size:22px;color:var(--crimson);margin-bottom:10px;}
.module-card .micon{display:block;color:var(--crimson-light);margin-bottom:10px;}
.module-card h4{font-size:15px;color:var(--plum);font-weight:700;font-family:var(--sans);margin-bottom:8px;}
.module-card .mdesc{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0;}

.doz-card{background:var(--white);border:1px solid var(--border);border-radius:22px;padding:30px;display:flex;gap:22px;align-items:flex-start;}
.doz-photo{width:96px;height:96px;border-radius:18px;object-fit:cover;flex-shrink:0;box-shadow:var(--shadow);}
.doz-avatar{width:96px;height:96px;border-radius:18px;flex-shrink:0;background:linear-gradient(135deg,var(--crimson-light),var(--plum));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:30px;font-weight:700;}
.doz-card h4{font-size:18px;margin-bottom:2px;}
.doz-role{font-size:12.5px;font-weight:700;color:var(--crimson);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;}
.doz-card p.quote{font-family:var(--serif);font-style:italic;color:var(--ink-soft);font-size:14.5px;margin:0;}
.book-cover-img{width:100%;max-width:220px;border-radius:12px;box-shadow:var(--shadow-lg);margin:0 auto 18px;display:block;}
.price-tag{display:flex;align-items:baseline;gap:8px;margin:10px 0 4px;}
.price-tag b{font-family:var(--serif);font-size:26px;color:var(--plum);}
.price-tag span{font-size:12.5px;color:var(--ink-soft);}
.price-tag.light b{color:#fff;}
.price-tag.light span{color:rgba(255,255,255,.75);}

/* Membership / login */
.member-section{background:var(--white);}
.member-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;}
.member-list{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:14px;}
.member-list li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--ink-soft);}
.member-list li svg{color:var(--good);flex-shrink:0;margin-top:2px;}
.auth-card{background:var(--cream);border:1px solid var(--border);border-radius:24px;padding:8px;box-shadow:var(--shadow-lg);}
.auth-tabs{display:flex;background:var(--white);border-radius:16px;padding:6px;margin-bottom:0;}
.auth-tab{flex:1;text-align:center;padding:11px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:.15s;}
.auth-tab.active{background:var(--plum);color:#fff;}
.auth-body{padding:26px 22px 22px;}
.field{margin-bottom:14px;}
.field label{display:block;font-size:12px;font-weight:700;color:var(--plum);margin-bottom:6px;}
.field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);font-size:14px;font-family:var(--sans);background:#fff;}
.field input:focus{outline:2px solid var(--crimson-light);outline-offset:1px;}
.auth-note{font-size:11.5px;color:var(--ink-soft);margin-top:14px;line-height:1.5;}
.auth-success{display:none;text-align:center;padding:14px 4px 6px;}
.auth-success .checkmark{width:52px;height:52px;border-radius:50%;background:var(--crimson-pale);color:var(--crimson);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.auth-success h4{font-size:17px;margin-bottom:6px;}
.auth-success p{font-size:13.5px;color:var(--ink-soft);margin-bottom:20px;}

/* FAQ */
.faq-list{max-width:760px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--border);padding:22px 0;}
.faq-q{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size:15.5px;color:var(--plum);gap:16px;}
.faq-q .plus{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--crimson);color:var(--crimson);display:flex;align-items:center;justify-content:center;font-size:15px;transition:.2s;}
.faq-item.open .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-a{max-height:220px;}
.faq-a p{color:var(--ink-soft);font-size:14.5px;padding-top:12px;margin:0;}

/* CTA band */
.cta-band{background:linear-gradient(120deg,var(--crimson),var(--plum) 80%);color:#fff;border-radius:28px;padding:56px 50px;text-align:center;margin:0 24px;position:relative;overflow:hidden;}
.cta-band h2{color:#fff;font-size:30px;}
.cta-band p{color:rgba(255,255,255,.82);margin-top:10px;font-size:15.5px;}
.cta-band .hero-ctas{justify-content:center;margin-top:26px;}

/* Footer */
footer.site{background:var(--ink);color:rgba(255,255,255,.65);padding:56px 0 28px;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);}
.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px;}
.social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8);font-size:11px;font-weight:800;letter-spacing:.2px;transition:.18s;margin-bottom:0;}
.social-link:hover{background:var(--crimson);border-color:var(--crimson);color:#fff;transform:translateY(-2px);}
.social-link-logo{overflow:hidden;background:#fff;}
.social-link-logo img{width:26px;height:26px;object-fit:contain;}
.social-link.sl-instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b 45%,#6228d7 85%);border-color:transparent;}
.social-link.sl-tiktok{background:#010101;border-color:transparent;}
.social-link.sl-youtube{background:#ff0000;border-color:transparent;}
.social-link.sl-linkedin{background:#0a66c2;border-color:transparent;}
.social-link.sl-instagram:hover,.social-link.sl-tiktok:hover,.social-link.sl-youtube:hover,.social-link.sl-linkedin:hover{filter:brightness(1.12);background:inherit;}
.promo-banner{max-width:900px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 14px 44px rgba(0,0,0,.16);}
.promo-banner img{display:block;width:100%;height:auto;}
@media(max-width:640px){.promo-banner{border-radius:14px;}}
.footer-qr-row{display:flex;flex-wrap:wrap;gap:22px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-qr-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:84px;color:rgba(255,255,255,.75);}
.footer-qr-item img{width:72px;height:72px;border-radius:10px;background:#fff;padding:5px;box-shadow:0 6px 16px rgba(0,0,0,.25);}
.footer-qr-item span{font-size:11.5px;font-weight:600;}
.footer-qr-item:hover{color:#fff;}
.footer-qr-label{width:100%;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:rgba(255,255,255,.4);margin-bottom:4px;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.footer-brand img{width:30px;height:30px;}
.footer-brand span{font-family:var(--serif);font-weight:700;color:#fff;font-size:15.5px;}
.footer-tagline{font-size:13px;max-width:240px;}
.footer-col h5{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:rgba(255,255,255,.4);margin-bottom:14px;}
.footer-col a{display:block;font-size:13.5px;margin-bottom:10px;color:rgba(255,255,255,.72);}
.footer-col a:hover{color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:12px;flex-wrap:wrap;gap:10px;}
.footer-legal-note{font-size:11.5px;color:rgba(255,255,255,.35);}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(28,20,32,.55);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal-box{background:var(--white);border-radius:20px;max-width:380px;width:100%;overflow:hidden;box-shadow:var(--shadow-lg);}

@media(max-width:920px){
  .hero-grid,.lernbereich-wrap,.member-grid{grid-template-columns:1fr;}
  .hero-visual{order:-1;}
  .pillars-3,.products-grid,.trust-inner{grid-template-columns:1fr;}
  .steps-4{grid-template-columns:1fr 1fr;}
  .modules-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .trust-item{border-left:none;border-top:1px solid var(--border);padding:16px 0 0;}
  .trust-item:first-child{border-top:none;}
  nav.navlinks{position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;background:var(--plum);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:100px 30px;gap:26px;transform:translateX(100%);transition:transform .3s ease;}
  nav.navlinks.open{transform:translateX(0);}
  .menu-toggle{display:block;}
  .hero h1{font-size:34px;}
  .cta-band{margin:0 16px;padding:40px 24px;}
}
@media(max-width:600px){
  .modules-grid{grid-template-columns:1fr;}
  .steps-4{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .section{padding:64px 0;}
}
.book-cover-img.app-visual{max-width:290px;}
.ls-visual{margin-top:40px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);}
.ls-visual img{width:100%;display:block;}
.motivate-banner{position:relative;width:100%;min-height:420px;display:flex;align-items:center;overflow:hidden;background:#0a060c;}
.motivate-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.motivate-banner-overlay{position:relative;z-index:2;width:100%;padding:60px 0;background:linear-gradient(90deg,rgba(10,6,12,.86) 0%,rgba(10,6,12,.62) 55%,rgba(10,6,12,.2) 100%);}
.motivate-banner-overlay h2{color:#fff;font-size:clamp(26px,4vw,40px);max-width:640px;margin-bottom:14px;}
.motivate-banner-overlay p{color:rgba(255,255,255,.86);max-width:520px;font-size:16px;line-height:1.6;margin-bottom:26px;}
.btn-light{background:#fff;color:var(--plum);box-shadow:0 12px 28px rgba(0,0,0,.25);}
.btn-light:hover{filter:brightness(.96);}
@media(max-width:760px){
  .motivate-banner{min-height:340px;}
  .motivate-banner-overlay{background:linear-gradient(180deg,rgba(10,6,12,.35) 0%,rgba(10,6,12,.88) 55%);}
  .motivate-banner-overlay p{max-width:100%;}
}

/* Premium-Bundle-Karte */
.premium-offer{max-width:760px;margin:0 auto 40px;background:linear-gradient(150deg,var(--plum2),var(--plum) 70%);border-radius:var(--radius);padding:42px 40px;text-align:center;box-shadow:var(--shadow-lg);border:1px solid rgba(201,162,39,.35);position:relative;}
.premium-offer-badge{display:inline-block;background:var(--gold);color:var(--plum);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:6px 16px;border-radius:999px;margin-bottom:16px;}
.premium-offer h3{color:#fff;font-size:28px;margin-bottom:10px;}
.premium-offer-desc{color:rgba(255,255,255,.82);font-size:15px;line-height:1.6;max-width:460px;margin:0 auto 24px;}
.premium-offer-list{list-style:none;margin:0 0 26px;padding:0;text-align:left;display:inline-block;}
.premium-offer-list li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.92);font-size:14.5px;margin-bottom:10px;}
.premium-offer-list li svg{color:var(--gold);flex-shrink:0;margin-top:2px;}
.premium-offer-price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:22px;}
.premium-offer-price b{font-family:var(--serif);font-size:34px;color:var(--gold);}
.premium-offer-price span{font-size:13px;color:rgba(255,255,255,.7);}
.produkt-video-caption{text-align:center;font-family:var(--serif);font-size:16.5px;color:var(--plum);margin:0 0 14px;font-weight:600;}
.produkt-video-wrap{max-width:760px;margin:0 auto 34px;}
.hero-video-shell.wide-lg{max-width:none;width:100%;transform:none;}
.hero-video-shell.wide-lg .hero-video{aspect-ratio:16/9;width:100%;max-height:none;}
.hero-video-shell.wide{max-width:640px;border-radius:var(--radius);transform:none;}
.single-transition{text-align:center;font-family:var(--serif);font-size:19px;color:var(--plum);margin:0 0 28px;}

/* Hero: zweispaltig mit App-Loop rechts */
.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:start;}
.hero-visual{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.14);margin-top:30px;}
.hero-visual video{width:100%;display:block;}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{order:-1;max-width:420px;margin:0 auto 8px;}
}
/* Video-Erklärung (ehem. hero-video-banner, jetzt eigener Abschnitt unter dem Hero) */
.video-explain{padding:56px 0 0;background:#0a060c;text-align:center;}
.video-explain h2{color:#fff;font-size:26px;margin-bottom:30px;}
.hero-video-shell.big{max-width:none;margin:0;border-radius:0;overflow:hidden;border:none;box-shadow:none;transform:none;}
.hero-video-shell.big .hero-video{aspect-ratio:16/9;max-height:92vh;width:100%;display:block;}
.hero-video-shell.big .hero-video-play svg{width:92px;height:92px;}
@media(max-width:640px){.hero-video-shell.big .hero-video{max-height:56vh;}}

/* Problem/Ausgangssituation */
.problem-section{background:var(--cream);}
.problem-wrap{max-width:720px;text-align:center;}
.problem-wrap h2{margin-bottom:22px;}
.problem-wrap p{color:var(--ink-soft);font-size:16px;line-height:1.7;}
.problem-transition{margin-top:22px;font-family:var(--serif);font-size:19px;color:var(--crimson);font-weight:600;}

/* App als Lernzentrale (dunkler Abschnitt) */
.section.dark{background:linear-gradient(150deg,var(--plum2),var(--plum) 75%);}
.section-head.light .eyebrow{color:#f0c9db;}
.section-head.light h2{color:#fff;}
.section-head.light p{color:rgba(255,255,255,.78);}
.applz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
.applz-group{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);padding:26px 22px;}
.applz-group h4{color:var(--gold);font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;}
.applz-group p{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.6;margin:0;}

/* 90-Tage-Weg */
.weg90-track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin-top:44px;}
.weg90-step{background:var(--cream);border:1px solid var(--border);border-radius:999px;padding:12px 22px;font-size:13.5px;font-weight:700;color:var(--plum);position:relative;margin:6px 14px;}
.weg90-step:not(:last-child)::after{content:'→';position:absolute;right:-26px;top:50%;transform:translateY(-50%);color:var(--crimson-light);font-weight:400;}
.weg90-step.gold{background:var(--gold);color:var(--plum);border-color:var(--gold);}
.weg90-disclaimer{max-width:640px;margin:34px auto 0;text-align:center;font-size:13px;color:var(--ink-soft);line-height:1.6;}

/* Fuer wen */
.fuerwen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:32px;}
.fuerwen-card{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:22px 18px;text-align:center;transition:.2s;}
.fuerwen-card:hover{border-color:var(--crimson-light);transform:translateY(-2px);}
.fuerwen-card .fwicon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--crimson);border:1px solid var(--border);margin-bottom:12px;}
.fuerwen-card h4{font-size:15.5px;color:var(--plum);margin:0 0 6px;}
.fuerwen-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0;}
@media(max-width:600px){.fuerwen-grid{grid-template-columns:1fr 1fr;}}

/* Social proof placeholder */
.social-placeholder{max-width:520px;margin:28px auto 0;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:32px 28px;background:var(--white);}
.social-placeholder p{color:var(--ink-soft);font-size:14.5px;margin:0;}

@media(max-width:920px){
  .applz-grid{grid-template-columns:1fr 1fr;}
  .weg90-step:not(:last-child)::after{display:none;}
}
@media(max-width:600px){
  .applz-grid{grid-template-columns:1fr;}
}

/* Mitgliederbereich: kompakt ans Seitenende verschoben (dominiert Verkaufsfluss nicht) */
.mitglieder-compact{padding:44px 0;}
.mitglieder-compact .member-grid{grid-template-columns:.8fr 1fr;gap:36px;max-width:820px;margin:0 auto;align-items:center;}
.mitglieder-compact h2{font-size:22px;}
.mitglieder-compact .auth-card{max-width:340px;}
@media(max-width:700px){
  .mitglieder-compact .member-grid{grid-template-columns:1fr;}
}



/* ---- Produkt-Uebersicht kompakt + Produkt-Vorschau-Modal (2026) ---- */
.products-grid{grid-template-columns:repeat(auto-fit,minmax(208px,1fr));gap:16px;}
.product-card{padding:22px 20px;cursor:pointer;transition:.2s ease;}
.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.product-card .book-cover-img{max-width:118px;margin:0 auto 10px;}
.product-card p.desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin-bottom:12px;}
.product-card .product-feats{display:none;}
.product-preview-trigger{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:var(--crimson);text-transform:uppercase;letter-spacing:.3px;background:none;border:none;padding:0;margin-bottom:14px;cursor:pointer;font-family:inherit;}
.product-preview-trigger:hover{text-decoration:underline;}
.preview-modal-inner.product{max-width:600px;}
.preview-modal-feats{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--ink-soft);}
.preview-modal-feats li{display:flex;gap:9px;align-items:flex-start;}
.preview-modal-feats li svg{flex-shrink:0;margin-top:2px;color:var(--crimson);}
.preview-modal-cover{width:100%;max-width:150px;border-radius:10px;box-shadow:var(--shadow-lg);margin:0 auto 16px;display:block;cursor:zoom-in;}
.preview-sample-label{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--crimson);margin-bottom:10px;}
.preview-flip-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:6px;}
.preview-flip-card{perspective:1200px;height:150px;}
.preview-flip-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;cursor:pointer;}
.preview-flip-card.flipped .preview-flip-inner{transform:rotateY(180deg);}
.preview-flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11.5px;line-height:1.4;box-shadow:var(--shadow);}
.preview-flip-front{background:linear-gradient(160deg,#fff,var(--cream2));border:1px solid var(--border);color:var(--plum);font-weight:600;}
.preview-flip-back{background:linear-gradient(160deg,var(--plum2),var(--plum));color:#fff;transform:rotateY(180deg);}
.preview-flip-hint{text-align:center;font-size:11px;color:var(--muted);margin:0 0 20px;}
.preview-visual-row{display:flex;gap:10px;margin-bottom:6px;flex-wrap:wrap;justify-content:center;}
.preview-visual-row img{max-width:150px;border-radius:10px;box-shadow:var(--shadow-lg);cursor:zoom-in;}
@media(max-width:480px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}.product-card{padding:16px 14px;}}


/* ===== MOSA Website 2026 – Ergänzungen (Akademie-Startseite, neue Bereichsseiten) ===== */
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px;}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:var(--plum);padding:10px 16px;border-radius:10px;font-weight:700;}
.skip-link:focus{left:12px;}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important;}.reveal{opacity:1;transform:none;}}

/* Navigation: aktiver Bereich */
.navlink[aria-current="page"]{color:var(--gold)!important;}
header.site.scrolled .navlink[aria-current="page"]{color:var(--crimson)!important;}

/* ---------- Akademie-Startseite ---------- */
.acad-hero{position:relative;background:radial-gradient(110% 90% at 85% 0%,#5a1856 0%,var(--plum) 42%,#170a19 100%);color:#fff;padding:150px 0 70px;overflow:hidden;}
.acad-hero::after{content:'';position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;max-width:780px;max-height:780px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.16),transparent 62%);pointer-events:none;}
.acad-intro{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;}
.acad-intro h1{color:#fff;font-size:clamp(36px,5.2vw,64px);line-height:1.04;letter-spacing:-1px;max-width:15ch;}
.acad-intro .lead{color:rgba(255,255,255,.8);font-size:18px;max-width:46ch;margin:0;}
.acad-intro .sig{display:block;margin-top:14px;font-family:var(--serif);font-size:17px;color:#f0c9db;}

.portal-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;}
.portal{position:relative;display:block;border-radius:26px;overflow:hidden;min-height:520px;background:#1d0d20;color:#fff;isolation:isolate;box-shadow:0 30px 70px rgba(0,0,0,.35);}
.portal img,.portal video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .5s ease;}
.portal video{opacity:0;}
.portal.is-playing video{opacity:1;}
.portal::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,10,25,.05) 25%,rgba(23,10,25,.55) 55%,rgba(23,10,25,.95) 100%);}
.portal:hover img,.portal:hover video,.portal:focus-visible img{transform:scale(1.04);}
.portal-body{position:absolute;left:0;right:0;bottom:0;padding:30px 28px 28px;}
.portal-kicker{display:inline-block;font-size:13px;font-weight:600;color:#f0c9db;margin-bottom:10px;}
.portal h2{color:#fff;font-size:30px;line-height:1.08;margin:0 0 10px;}
.portal p{margin:0;color:rgba(255,255,255,.84);font-size:15px;max-width:34ch;}
.portal-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.portal-facts span{font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);}
.portal-go{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-weight:700;font-size:14.5px;color:#fff;}
.portal-go i{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:var(--crimson);transition:transform .25s ease;}
.portal:hover .portal-go i{transform:translateX(4px);}

.portal-wide{position:relative;z-index:2;display:grid;grid-template-columns:320px 1fr auto;align-items:center;gap:30px;margin-top:20px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;}
.portal-wide img{width:100%;height:100%;min-height:170px;object-fit:cover;}
.portal-wide h2{color:#fff;font-size:24px;margin:0 0 6px;}
.portal-wide p{margin:0;color:rgba(255,255,255,.8);font-size:15px;max-width:60ch;}
.portal-wide .btn{margin-right:28px;}

.formats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.format{padding:34px 28px;border-right:1px solid var(--border);}
.format:last-child{border-right:none;}
.format svg{color:var(--crimson);}
.format h3{font-size:21px;margin:14px 0 8px;}
.format p{margin:0;color:var(--ink-soft);font-size:15px;}

.dozent{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.dozent blockquote{margin:0;font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.25;color:var(--plum);}
.dozent blockquote footer{margin-top:18px;font-family:var(--sans);font-size:14px;color:var(--ink-soft);}
.dozent p{color:var(--ink-soft);font-size:16px;}
.principles{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;}
.principles li{display:flex;gap:12px;align-items:flex-start;font-size:15px;}
.principles li b{color:var(--plum);}
.principles svg{flex-shrink:0;margin-top:3px;color:var(--good);}

@media(max-width:980px){
  .portal-grid{grid-template-columns:1fr;}
  .portal{min-height:420px;}
  .acad-intro,.dozent{grid-template-columns:1fr;}
  .portal-wide{grid-template-columns:1fr;}
  .portal-wide>div{padding:0 24px;}
  .portal-wide .btn{margin:0 24px 24px;}
  .formats{grid-template-columns:1fr 1fr;}
  .format:nth-child(2){border-right:none;}
  .format:nth-child(-n+2){border-bottom:1px solid var(--border);}
}
@media(max-width:560px){.formats{grid-template-columns:1fr;}.format{border-right:none;border-bottom:1px solid var(--border);}.acad-hero{padding-top:120px;}}

/* ---------- Bereichsseiten ---------- */
.media-slot{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:rgba(255,255,255,.7);background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 14px,rgba(255,255,255,.07) 14px 28px);font-size:14px;}
.media-slot b{font-family:var(--serif);font-size:20px;color:#fff;font-weight:600;}
.video-explain .media-slot{max-width:1000px;margin:0 auto;border-radius:22px;aspect-ratio:16/9;}
.cover-slot{aspect-ratio:3/4;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(160deg,var(--plum-soft),var(--plum) 60%,#170a19);color:#fff;margin-bottom:18px;box-shadow:var(--shadow);}
.cover-slot small{font-size:12px;color:#f0c9db;font-weight:600;}
.cover-slot strong{font-family:var(--serif);font-size:22px;line-height:1.15;margin-top:4px;}
.phone-frame{width:min(250px,80%);margin:0 auto 18px;border-radius:34px;padding:9px;background:#1c1420;box-shadow:0 22px 50px rgba(46,10,48,.28);}
.phone-frame img{border-radius:26px;width:100%;}
.price-tag.tbd b{font-size:20px;color:var(--ink-soft);}
.btn-soon{background:var(--cream2);color:var(--ink-soft);cursor:not-allowed;border:1.5px dashed var(--border);}
.hoerprobe{margin:4px 0 16px;}
.hoerprobe audio{width:100%;height:38px;}
.hoerprobe span{display:block;font-size:12.5px;color:var(--ink-soft);margin-bottom:6px;}
.denkweg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:10px;}
.denkweg-card{background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:26px 24px;}
.denkweg-card h3{font-size:19px;margin-bottom:12px;}
.denkweg-chain{display:flex;flex-wrap:wrap;gap:6px;}
.denkweg-chain span{font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid var(--border);color:var(--plum);}
.module-card .mmeta{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--crimson);}
.module-card{cursor:default;}
.area-switch{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;}
.area-switch a{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px;font-weight:600;}
.area-switch a:hover{background:rgba(255,255,255,.12);}
.footer-areas a{display:block;}
.hero-area{margin:0 0 16px;font-size:14px;font-weight:600;color:#f0c9db;}
button.faq-q{width:100%;background:none;border:0;padding:0;text-align:left;font-family:var(--sans);}
.hero .hero-visual .media-slot{aspect-ratio:16/10;}
.hero{padding-top:140px;}
.products-grid.full{grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;}
.products-grid.full .product-card{display:flex;flex-direction:column;padding:28px 22px;}
.products-grid.full .product-card p.desc{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:14px;margin-bottom:16px;}
.products-grid.full .product-feats{display:flex;margin-bottom:20px;}
.products-grid.full .book-cover-img{max-width:160px;margin:0 auto 18px;cursor:default;}
.products-grid.full .cover-slot{width:160px;margin:0 auto 18px;}
.products-grid.full .phone-frame{width:150px;padding:6px;border-radius:24px;}
.products-grid.full .phone-frame img{border-radius:19px;}
.products-grid.full .product-card>.btn{margin-top:auto;}
.products-grid.full h3{font-size:22px;}
@media(max-width:1060px){.products-grid.full{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.products-grid.full{grid-template-columns:1fr;}}
.cover-slot strong{font-size:18px;overflow-wrap:anywhere;hyphens:auto;}
.portal::before{background:linear-gradient(180deg,rgba(23,10,25,.1) 15%,rgba(23,10,25,.7) 48%,rgba(23,10,25,.97) 100%);}
.portal h2,.portal p{text-shadow:0 1px 12px rgba(0,0,0,.35);}
.hero h1,.acad-intro h1,.section-head h2{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}
@media(max-width:600px){.hero h1{font-size:30px;}.hero{padding-top:110px;}}
html,body{overflow-x:hidden;}
.paket-band{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;margin:0 0 22px;padding:28px 32px;border-radius:22px;background:linear-gradient(120deg,var(--plum),#4a1450);color:#fff;box-shadow:var(--shadow-lg);}
.paket-band h3{color:#fff;font-size:26px;margin:0 0 6px;}
.paket-band p{margin:0;color:rgba(255,255,255,.8);max-width:52ch;font-size:15px;}
.paket-price b{display:block;font-family:var(--serif);font-size:38px;line-height:1;color:#fff;}
.paket-price span{font-size:13px;color:rgba(255,255,255,.7);}
.paket-band .btn-soon{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.3);}
@media(max-width:760px){.paket-band{grid-template-columns:1fr;gap:16px;padding:24px;}}
.mockup-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:inherit;background:#1d0d20;}

/* ===== v26: KI-Seite ===== */
.mockup-video.portrait{aspect-ratio:4/5;max-width:460px;margin:0 auto;border-radius:22px;box-shadow:var(--shadow-lg);}
.products-grid.full.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin:0 auto;}
.products-grid.full .book-cover-img.square{max-width:190px;aspect-ratio:1/1;object-fit:cover;}
.portal-wide.ki{background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(196,16,58,.18));}
@media (max-width:760px){.products-grid.full.two{grid-template-columns:1fr;}.mockup-video.portrait{max-width:100%;}}

/* v32: Bereichs-Kacheln als horizontale Leiste (scrollen, wischen, ziehen) */
.rail-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;}
.rail-hint{font-size:14px;color:rgba(255,255,255,.7);}
.rail-nav{display:flex;gap:10px;}
.rail-btn{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);cursor:pointer;transition:background .2s ease,opacity .2s ease;}
.rail-btn:hover{background:var(--crimson);border-color:var(--crimson);}
.rail-btn[disabled]{opacity:.35;cursor:default;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);}
.portal-grid.portal-rail{display:flex;grid-template-columns:none;gap:20px;margin-top:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent;cursor:grab;-webkit-overflow-scrolling:touch;}
.portal-rail.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;}
.portal-rail.dragging .portal{pointer-events:none;}
.portal-rail::-webkit-scrollbar{height:6px;}
.portal-rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:6px;}
.portal-rail>.portal{flex:0 0 clamp(280px,31%,400px);min-height:520px;scroll-snap-align:start;}
.portal-rail img{user-select:none;-webkit-user-drag:none;}
@media(max-width:980px){.portal-rail>.portal{flex-basis:78%;min-height:440px;}.rail-hint{font-size:13px;}}
@media(max-width:560px){.portal-rail>.portal{flex-basis:86%;}.rail-nav{display:none;}}
.btn-back{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;line-height:1;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);text-decoration:none;white-space:nowrap;transition:background .2s ease;}
.btn-back:hover{background:rgba(255,255,255,.22);}
header.site.scrolled .btn-back{color:var(--plum);background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.15);}
@media(max-width:900px){.btn-back span{display:none}.btn-back{padding:9px;}}
.paket-price s{display:block;font-size:15px;color:rgba(255,255,255,.6);margin-bottom:4px;}
.paket-price span{display:block;max-width:22ch;}

/* v33: Komplettpaket als Produktkarte mit Mockup + Modul-Vorschau */
.product-ribbon{position:absolute;top:18px;right:-34px;background:var(--crimson);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:5px 40px;transform:rotate(38deg);z-index:2;}
.product-card.gesamtpaket{background:linear-gradient(160deg,#fff,var(--crimson-pale,#fbeef3));}
.product-card.gesamtpaket .product-badge{background:var(--crimson);color:#fff;}
.paket-media{margin:0 0 16px;}
.paket-img{display:block;width:100%;border-radius:14px;box-shadow:var(--shadow-lg);aspect-ratio:16/10;object-fit:cover;}
.paket-card .cover-hint{display:block;text-align:center;font-size:11.5px;color:var(--muted);margin-top:8px;}
.paket-card .price-tag span{display:block;}
.paket-incl{display:block;font-size:12.5px;font-weight:700;color:var(--crimson);margin:-4px 0 12px;}
.paket-body{display:flex;flex-direction:column;flex:1;}
.paket-body>.btn{margin-top:auto;}
.products-grid.full .product-card.paket-card.wide{grid-column:1/-1;flex-direction:row;gap:34px;align-items:center;padding:30px 34px;}
.paket-card.wide .paket-media{flex:0 0 52%;margin:0;}
.paket-card.wide .paket-body{flex:1;}
.paket-card.wide h3{font-size:28px;}
.paket-card.wide .price-tag b{font-size:34px;}
.products-grid.full.three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:0 auto;}
.products-grid.full.three .paket-img{aspect-ratio:4/5;max-width:240px;margin:0 auto;}
@media(max-width:900px){.products-grid.full .product-card.paket-card.wide{flex-direction:column;align-items:stretch;padding:26px 22px;}.paket-card.wide .paket-media{flex:none;}.products-grid.full.three{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.products-grid.full.three{grid-template-columns:1fr;}}
.module-preview-grid .module-card{cursor:pointer;}
.module-preview-grid .module-card:focus-visible{outline:2px solid var(--crimson);outline-offset:2px;}
.module-card .mmeta{display:block;font-size:12px;color:var(--muted);margin-top:8px;font-weight:600;}

/* v35: Shop-Buttons + QR-Codes */
.shop-buy{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:10px}
.shop-label{font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--ink-soft)}
.shop-btns{display:flex;gap:8px;flex-wrap:wrap}
.shop-btn{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:999px;font-size:14px;font-weight:600;border:1.5px solid var(--border);background:#fff;color:var(--plum);transition:all .18s ease}
.shop-btn b{font-weight:800}
.shop-btn:hover{border-color:var(--crimson);color:var(--crimson);transform:translateY(-1px)}
.shop-amazon{background:linear-gradient(135deg,var(--crimson-light),var(--crimson) 55%,var(--plum));color:#fff;border:0;box-shadow:0 10px 22px rgba(140,13,69,.28)}
.shop-amazon:hover{color:#fff;filter:brightness(1.07)}
.shop-qr{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.shop-qr figure{margin:0;text-align:center}
.shop-qr img{width:84px;height:84px;border-radius:10px;border:1px solid var(--border);background:#fff;padding:4px}
.shop-qr figcaption{font-size:11px;color:var(--ink-soft);margin-top:3px;font-weight:600}
.shop-qr p{margin:0 0 6px;font-size:11.5px;color:var(--ink-soft)}
.shop-ebook{font-size:12.5px;color:var(--ink-soft);border-top:1px dashed var(--border);padding-top:9px}
.shop-ebook span{opacity:.85}
@media (max-width:820px){.shop-qr{display:none}}
/* v35: Finanzielle Bildung */
.fin-hero .fin-cover{width:min(360px,80%);margin:0 auto;border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(-2deg)}
.fin-warn-sec{padding-top:40px;padding-bottom:20px}
.fin-warn{display:flex;gap:18px;align-items:flex-start;background:#fff7e8;border:2px solid #e8c56a;border-radius:var(--radius);padding:24px 26px;box-shadow:var(--shadow)}
.fin-warn h2{font-size:28px;margin-bottom:10px}
.fin-warn p{margin:0 0 10px;color:var(--ink);font-size:16px}
.fin-warn-ic{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#c98a00;color:#fff;font:800 26px/1 var(--sans)}
.fin-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fin-step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.fin-step h3{font-size:21px;margin:10px 0 8px}
.fin-step p{margin:0;color:var(--ink-soft)}
.fin-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--crimson-light),var(--plum));color:#fff;font:800 18px var(--sans)}
.fin-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.fin-two h2{font-size:30px;margin-bottom:14px}
.fin-list{margin-top:6px}
.fin-no li svg{color:#b4123e}
.fin-author{margin-top:18px;padding:14px 16px;border-left:3px solid var(--crimson);background:var(--cream2);border-radius:0 12px 12px 0;color:var(--ink-soft);font-size:15px}
.fin-products{grid-template-columns:minmax(0,420px);justify-content:center}
.fin-disclaimer{max-width:820px;margin:26px auto 0;font-size:12.5px;color:var(--ink-soft);text-align:center;line-height:1.6}
@media (max-width:900px){.fin-steps,.fin-two{grid-template-columns:1fr}.fin-warn{flex-direction:column}}

/* v35: Sam-Avatar-Videos */
.sam-avatar-sec{padding-top:56px;padding-bottom:56px}
.sam-avatar-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.sam-avatar-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8c0d45;margin-bottom:10px}
.sam-avatar-text h2{margin:0 0 12px}
.sam-avatar-text p{margin:0;opacity:.85}
.sam-avatar-fig{margin:0}
.sam-avatar-video{display:block;width:auto;max-width:100%;max-height:min(78vh,720px);margin:0 auto;border-radius:18px;background:#1a0b1c;box-shadow:0 18px 50px rgba(46,10,48,.25)}
.sam-avatar-fig figcaption{font-size:.8rem;opacity:.7;margin-top:8px;text-align:center}
@media (max-width:820px){.sam-avatar-wrap{grid-template-columns:1fr;gap:20px}.sam-avatar-sec{padding-top:36px;padding-bottom:36px}}

/* v35b: Sam-Avatar im Kopfbereich der Startseite */
.acad-intro--sam{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px}
.acad-intro--sam .lead{margin-top:22px}
.hero-sam{margin:0;display:flex;flex-direction:column;align-items:center}
.hero-sam-kicker{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f0c9db;margin-bottom:10px}
.hero-sam-video{display:block;height:min(64vh,580px);width:auto;max-width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:20px;background:#1a0b1c;border:1px solid rgba(201,162,39,.45);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 6px rgba(255,255,255,.04)}
.hero-sam figcaption{font-size:.78rem;color:rgba(255,255,255,.7);margin-top:10px;text-align:center}
.acad-hero .rail-head{margin-top:44px}
@media (max-width:900px){.acad-intro--sam{grid-template-columns:1fr;gap:28px}.hero-sam-video{height:auto;width:min(78vw,340px);max-height:none}}
.acad-intro--sam h1{max-width:none;font-size:clamp(34px,4.3vw,58px);hyphens:manual;-webkit-hyphens:manual}