/* Relaunch-Design der Meister Fernschule – erzeugt von relaunch/theme/css_bauen.py, nicht von Hand ändern. */
/* Farben und Schriften des Relaunch-Designs (Blau, Türkis statt IFF-Gelb, Orange sparsam) */
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat.woff2) format('woff2')}
:root{--b:#1d3a8f;--b2:#16296b;--rl-nacht:#0d1b4d;--t:#00bda6;--t-hell:#8ae1d6;--o:#ff6d34;--hell:#f4f7fb;--rl-rand:#e3e8f0;--dunkeltext:#1b2233;--titel:'Mulish',system-ui,-apple-system,sans-serif;--lauf:'Open Sans',system-ui,-apple-system,sans-serif}
/* Hülle der neu gestalteten Bereiche (Startseite, Kursseite, Fuß) */
.mf{color:#44506a;font:16px/1.65 var(--lauf)}
.mf h2,.mf h3,.mf h4{color:var(--dunkeltext);font-family:var(--titel)}
.mf img{max-width:100%}

/* === Startseite (aus vorlage.html) === */
.w{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.tit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:900 clamp(24px,3.2vw,34px)/1.15 var(--titel);color:var(--b)!important;margin:0 0 30px}
.tit::after{content:"";width:90px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--t),var(--t-hell))}
.mk{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:999px;font:800 15px/1 var(--titel);text-decoration:none;border:0;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}
.mk:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(13,27,77,.25)}
.mk--t{background:var(--t);color:#062e29}
.mk--o{background:var(--o);color:#fff}
.mk--b{background:var(--b);color:#fff}
.mk--glas{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.mk svg{width:18px;height:18px}
.mk:focus-visible{outline:3px solid var(--o);outline-offset:3px}
.oben{background:var(--rl-nacht);color:rgba(255,255,255,.75);font-size:13px}
.oben .w{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:8px}
.oben b{color:#fff;font-weight:600}
.oben__marke{display:inline-flex;align-items:center;gap:10px;font:700 11px/1 var(--titel);letter-spacing:.06em;text-transform:uppercase}
.oben__marke img{height:22px;width:auto}
.start{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,#2c55c4 0,transparent 45%),linear-gradient(160deg,#16296b 0%,var(--b) 55%,#23479f 100%);color:#fff;padding-bottom:150px;isolation:isolate}
.start::before,.start::after{content:"";position:absolute;z-index:-1;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-18deg)}
.start::before{width:520px;height:400px;right:-120px;bottom:-170px;background:rgba(0,189,166,.18);animation:wabern 12s ease-in-out infinite alternate}
.start::after{width:260px;height:200px;left:-90px;top:120px;background:rgba(255,255,255,.06);animation:wabern 15s ease-in-out infinite alternate-reverse}
@keyframes wabern{0%{border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-18deg)}100%{border-radius:40% 60% 55% 45% / 50% 45% 55% 50%;transform:rotate(-8deg) translateY(-14px)}}
.navi{display:flex;align-items:center;gap:26px;padding-block:18px}
.navi img{height:44px;width:auto}
.navi ul{display:flex;gap:6px;list-style:none;margin:0 0 0 auto;padding:4px;border-radius:999px;background:rgba(255,255,255,.08)}
.navi li a{display:block;padding:9px 16px;border-radius:999px;color:#fff;text-decoration:none;font:700 14px/1 var(--titel)}
.navi li a.an,.navi li a:hover{background:#fff;color:var(--b)}
.navi .mk{padding:12px 18px;font-size:14px}
.start__raster{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;padding-top:34px}
.start__dach{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);font:700 13px/1 var(--titel);color:var(--t-hell)}
.start__dach i{width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 0 rgba(255,109,52,.7);animation:puls 1.8s infinite}
@keyframes puls{70%{box-shadow:0 0 0 10px rgba(255,109,52,0)}100%{box-shadow:0 0 0 0 rgba(255,109,52,0)}}
.start h3{margin:18px 0 16px;color:#fff!important;font:900 clamp(34px,5vw,60px)/1.04 var(--titel);letter-spacing:-.01em}
.start h3 em{font-style:italic;color:var(--t)}
.start p{margin:0 0 26px;max-width:520px;color:rgba(255,255,255,.85);font-size:18px}
.start__knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.start__siegel{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.start__siegel span{padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.08);font:700 12px/1.2 var(--titel);color:rgba(255,255,255,.9)}
.start__bild{position:relative;justify-self:end;width:min(640px,100%);padding:4% 0;margin-right:-3%}
.start__bild::before{content:"";position:absolute;inset:4% 6% 0;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;background:radial-gradient(circle at 40% 40%,rgba(0,189,166,.55),rgba(0,189,166,.08) 70%);transform:rotate(-14deg);filter:blur(2px);animation:wabern 10s ease-in-out infinite alternate}
.laptop{position:relative;transform:perspective(1600px) rotateY(-9deg) rotateX(4deg);transition:transform .8s}
.start__bild:hover .laptop{transform:perspective(1600px) rotateY(0) rotateX(0)}
.laptop__deckel{position:relative;padding:2.6% 2.6% 3%;border-radius:18px 18px 8px 8px;background:#0b0f1a;box-shadow:0 34px 70px rgba(0,0,0,.45),inset 0 0 0 2px #2a3142}
.laptop__deckel::before{content:"";position:absolute;left:50%;top:1%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2c3446;box-shadow:0 0 0 2px #151a26}
.laptop__basis{position:relative;height:16px;margin:0 -6%;border-radius:2px 2px 16px 16px;background:linear-gradient(#e2e6ee,#a4acbc)}
.laptop__basis::before{content:"";position:absolute;left:50%;top:0;width:18%;height:6px;margin-left:-9%;border-radius:0 0 8px 8px;background:#c3c9d4}
.screen{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) 31%;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#eef2f8;color:#1b2233;font:1.75cqw/1.35 var(--lauf);container-type:inline-size}
.screen *{box-sizing:border-box}
.sl{display:flex;align-items:center;gap:1.6cqw;padding:1.2cqw 2cqw;background:var(--b);color:#fff;font:800 1.75cqw/1 var(--titel)}
.sl__live{display:inline-flex;align-items:center;gap:.8cqw;padding:.6cqw 1.2cqw;border-radius:99px;background:var(--o)}
.sl__live::before{content:"";width:1cqw;height:1cqw;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}
.sl__modul{font-weight:600;opacity:.8}
.sl__uhr{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.85}
.sh{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;padding:1.2cqw;min-height:0}
.app{display:flex;flex-direction:column;min-height:0;border-radius:1.2cqw;overflow:hidden;background:#fff;box-shadow:0 .6cqw 2cqw rgba(13,27,77,.14)}
.app__leiste{display:flex;align-items:center;gap:.5cqw;padding:.7cqw 1cqw;background:#e9edf4;color:#44506a;font:800 1.15cqw/1 var(--titel)}
.app__leiste i{width:.9cqw;height:.9cqw;border-radius:50%;background:#c9d0dc}
.app__leiste i:first-child{background:#ff6d5a}
.app__leiste i:nth-child(2){background:#ffbd2e}
.app__leiste i:nth-child(3){background:#28c840}
.app__leiste span{margin-left:.6cqw}
.app__rec{margin-left:auto!important;color:#e5484d;animation:blink 1.4s infinite}
.folien{position:relative;overflow:hidden}
.folie{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateX(4%);transition:opacity .6s,transform .6s}
.folie.an{opacity:1;transform:none}
.folie.weg{opacity:0;transform:translateX(-4%)}
.folie__dach{color:#7b8598;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.folie h5{margin:0}
.formel{align-self:flex-start;border-radius:.6cqw}
.balken,.schritte,.quiz{display:grid}
.balken div{display:grid;align-items:center}
.balken i{display:block;width:var(--w);background:linear-gradient(90deg,var(--b),var(--t))}
.schritte{margin:0;padding:0;list-style:none}
.schritte li{display:flex;align-items:center}
.schritte li b{display:grid;place-items:center;border-radius:.4cqw;background:var(--b);color:#fff}
.quadrant{display:grid;grid-template-columns:1fr 1fr}
.quadrant span{display:grid;place-items:center;padding:1cqw;border-radius:.6cqw;color:var(--b)}
.quiz span{border:.15cqw solid #d5dcea;border-radius:.6cqw}
.quiz .richtig{border-color:var(--t);background:#e6f8f5;color:#00705f}
.folien__punkte{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:.6cqw}
.folien__punkte i{width:.8cqw;height:.8cqw;border-radius:50%;background:#c9d3ea;transition:background .3s,width .3s}
.folien__punkte i.an{width:2cqw;border-radius:99px;background:var(--t)}
.app .folien{flex:1;border-radius:0;box-shadow:none;background:#fdfdfb;background-image:linear-gradient(rgba(29,58,143,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(29,58,143,.05) 1px,transparent 1px);background-size:2.4cqw 2.4cqw}
.app .folie{gap:.9cqw;padding:1.6cqw 2cqw 2.6cqw}
.app .folie__dach{font-size:1cqw}
.app .folie h5{font:700 2.9cqw/1.05 'Caveat',cursive;color:var(--b)}
.app .formel{padding:.5cqw 1cqw;background:transparent;border:.2cqw dashed var(--t);font:700 2.2cqw/1.1 'Caveat',cursive;color:#00705f}
.app .balken{gap:.6cqw}
.app .balken div{grid-template-columns:34% 1fr;font:700 1.5cqw/1 'Caveat',cursive;color:#33405c}
.app .balken i{height:1.3cqw;border-radius:.3cqw}
.app .schritte{gap:.45cqw;font:700 1.6cqw/1.1 'Caveat',cursive;color:#33405c}
.app .schritte li{gap:.8cqw}
.app .schritte li b{width:2cqw;height:1.7cqw;font-size:1cqw}
.app .quadrant{gap:.6cqw}
.app .quadrant span{background:transparent;border:.2cqw solid #c9d3ea;font:700 1.9cqw/1 'Caveat',cursive}
.app .quiz{gap:.5cqw;font:700 1.6cqw/1.1 'Caveat',cursive}
.app .quiz span{padding:.5cqw .9cqw}
.app .folien__punkte{bottom:.8cqw}
.video{position:relative;flex:1;overflow:hidden;background:#0b0f1a}
.video__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b0f1a}
.video .dozent__name,.video .pegel,.video .runde{z-index:3}
.video .dozent__name{bottom:auto;top:.8cqw}
.video .runde{position:absolute;left:.8cqw;right:.8cqw;bottom:.8cqw;gap:.5cqw}
.video .runde span{aspect-ratio:1.5;font-size:1cqw;box-shadow:0 0 0 .15cqw rgba(255,255,255,.5)}
.dozent{position:relative;border-radius:1.4cqw;overflow:hidden;box-shadow:0 0 0 .4cqw var(--t);background:#111}
.dozent img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.dozent__name{position:absolute;left:.8cqw;bottom:.8cqw;padding:.5cqw 1cqw;border-radius:99px;background:rgba(13,27,77,.8);color:#fff;font:800 1.3cqw/1 var(--titel)}
.pegel{position:absolute;right:1cqw;top:1cqw;display:flex;align-items:flex-end;gap:.4cqw;height:2.4cqw;padding:.5cqw .7cqw;border-radius:99px;background:rgba(0,0,0,.45)}
.pegel i{width:.5cqw;border-radius:99px;background:var(--t);animation:pegel .9s ease-in-out infinite}
.pegel i:nth-child(2){animation-delay:-.3s}
.pegel i:nth-child(3){animation-delay:-.6s}
@keyframes pegel{0%,100%{height:.6cqw}50%{height:1.6cqw}}
.runde{display:grid;grid-template-columns:repeat(4,1fr);gap:.7cqw}
.runde span{position:relative;display:grid;place-items:center;aspect-ratio:1.2;border-radius:1cqw;background:#2a3551;color:#fff;font:800 1.3cqw/1 var(--titel)}
.runde span:nth-child(2){background:#1f6e67}
.runde span:nth-child(3){background:#43507a}
.runde span:nth-child(4){background:#5a3f6e}
.runde span.meldet{box-shadow:0 0 0 .25cqw var(--t)!important}
.runde span.meldet::after{content:"✋";position:absolute;right:.3cqw;top:.3cqw;z-index:3;display:grid;place-items:center;width:2.1cqw;height:2.1cqw;border-radius:50%;background:#fff;font-size:1.2cqw;animation:winken 1.6s ease-in-out infinite}
.runde .kam{overflow:hidden;background:#0b0f1a!important}
.kam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kam em{position:absolute;left:.4cqw;bottom:.3cqw;z-index:2;color:#fff;font:700 .85cqw/1 var(--lauf);font-style:normal;text-shadow:0 0 .4cqw #000}
@keyframes winken{50%{transform:rotate(18deg) translateY(-.3cqw)}}
.su{display:grid;grid-template-columns:1.25fr 1fr;gap:1.4cqw;padding:0 1.4cqw 1.4cqw;min-height:0}
.chat,.notiz{position:relative;display:flex;flex-direction:column;gap:.7cqw;padding:1.1cqw 1.3cqw;border-radius:1.2cqw;background:#fff;overflow:hidden}
.chat__kopf,.notiz__kopf{color:#7b8598;font:800 1.25cqw/1 var(--titel);letter-spacing:.05em;text-transform:uppercase}
.chat__liste{display:flex;flex-direction:column;justify-content:flex-end;gap:.6cqw;flex:1;min-height:0}
.nachricht{align-self:flex-start;max-width:92%;padding:.6cqw 1cqw;border-radius:1cqw 1cqw 1cqw .2cqw;background:#eef2f8;font-size:1.35cqw;animation:rein-chat .45s ease-out}
.nachricht b{color:var(--b)}
.nachricht.doz{align-self:flex-end;border-radius:1cqw 1cqw .2cqw 1cqw;background:#e6f8f5}
.nachricht.doz b{color:#00705f}
@keyframes rein-chat{from{opacity:0;transform:translateY(1.2cqw) scale(.96)}to{opacity:1;transform:none}}
.notiz{background:#fff8e0}
.notiz__text{font:600 1.5cqw/1.45 var(--lauf);color:#4a3b00}
.notiz__text::after{content:"";display:inline-block;width:.25cqw;height:1.6cqw;margin-left:.2cqw;background:#4a3b00;vertical-align:middle;animation:blink .9s steps(1) infinite}
.zeiger{position:absolute;left:0;top:0;z-index:5;width:3.2cqw;filter:drop-shadow(0 .3cqw .5cqw rgba(0,0,0,.35));animation:zeiger 13.5s ease-in-out infinite}
@keyframes zeiger{0%{transform:translate(40cqw,34cqw)}14%{transform:translate(60cqw,22cqw)}24%{transform:translate(60cqw,22cqw) scale(.85)}26%{transform:translate(60cqw,22cqw)}44%{transform:translate(22cqw,50cqw)}58%{transform:translate(80cqw,52cqw)}64%{transform:translate(80cqw,52cqw) scale(.85)}66%{transform:translate(80cqw,52cqw)}84%{transform:translate(30cqw,28cqw)}100%{transform:translate(40cqw,34cqw)}}
.marke-duo{display:flex;align-items:center;gap:14px;padding-left:18px;margin-left:4px;border-left:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);font:700 11px/1.2 var(--titel);text-transform:uppercase;letter-spacing:.06em}
.marke-duo img{height:30px;width:auto}
.start__marke{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:10px 16px 10px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);font:700 12px/1.2 var(--titel)}
.start__marke img{height:26px;width:auto}
.chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#fff;color:var(--dunkeltext);font:800 13px/1.2 var(--titel);box-shadow:0 14px 30px rgba(13,27,77,.3);animation:schweben 5s ease-in-out infinite}
.chip small{display:block;color:#7b8598;font:600 11px/1.2 var(--lauf)}
.chip b{font-size:20px;color:var(--b)}
.chip--1{left:-4%;top:-3%;z-index:5}
.chip--2{left:38%;bottom:1%;z-index:5;animation-delay:-2.5s}
.start__bild{padding-bottom:20%}
.geraet{position:absolute;padding:1.4%;background:#0b0f1a;box-shadow:0 24px 50px rgba(0,0,0,.45),inset 0 0 0 2px #2a3142;animation:geraet 7s ease-in-out infinite}
@keyframes geraet{50%{translate:0 -8px}}
.tablet{left:-16%;bottom:-3%;z-index:3;width:38%;border-radius:6%/8%;rotate:-5deg}
.tablet__screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:3%/4%;background:#eef2f8}
.tablet__pip{position:absolute;right:3%;bottom:7%;z-index:2;width:34%;aspect-ratio:4/3;overflow:hidden;border-radius:8%/10.6%;background:#0b0f1a;box-shadow:0 0 0 2px var(--t),0 6px 16px rgba(0,0,0,.3)}
.tablet__pip::after{content:"";position:absolute;left:7%;top:9%;width:7%;aspect-ratio:1;border-radius:50%;background:var(--o);animation:blink 1.2s infinite}
.tafel-buehne{position:absolute;top:0;bottom:0;left:0;width:210%;container-type:inline-size}
.tafel-buehne .app{width:47.6%;height:100%;border-radius:0;box-shadow:none}
.tafel-buehne .app__leiste .pegel{position:static;height:1.8cqw;margin-left:auto;padding:.35cqw .6cqw;background:var(--b)}
.handy{right:-4%;bottom:-2%;z-index:4;width:17%;padding:1.2%;border-radius:17%/8%;rotate:5deg;animation-delay:-3s}
.handy__screen{display:flex;flex-direction:column;aspect-ratio:9/19;overflow:hidden;border-radius:14%/6.6%;background:#eef2f8;container-type:inline-size}
.handy__kopf{display:flex;align-items:center;gap:3cqw;padding:10cqw 5cqw 4cqw;background:var(--b);color:#fff;font:800 6.5cqw/1.1 var(--titel)}
.handy__live{padding:1.5cqw 3cqw;border-radius:99px;background:var(--o);font-size:5.5cqw}
.handy .video{flex:none;aspect-ratio:16/10}
.handy__tafel{position:relative;flex:1;min-height:0;overflow:hidden;border-top:1.5cqw solid #dfe5f0}
.handy .tafel-buehne{width:300%}
.handy .tafel-buehne .app{width:33.3%}
.handy .dozent__name{top:3cqw;left:3cqw;padding:1.5cqw 3cqw;font-size:5cqw}
.handy__leiste{display:flex;justify-content:space-around;padding:3cqw 3cqw 6cqw;background:#fff;font-size:8cqw}
.chip__live{width:30px;height:30px;border-radius:50%;background:var(--o);display:grid;place-items:center;color:#fff}
@keyframes schweben{50%{transform:translateY(-10px)}}
.finder{position:relative;margin:-110px auto 0;max-width:1040px;border-radius:24px;padding:24px;background:linear-gradient(135deg,#2b4aa8,#23479f);box-shadow:0 26px 60px rgba(13,27,77,.35);color:#fff;z-index:2}
.finder h4{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#fff!important;font:900 20px/1 var(--titel)}
.finder h4::after{content:"";width:60px;height:4px;border-radius:4px;background:var(--t)}
.finder__felder{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px}
.feld{display:grid;gap:2px;padding:10px 16px;border-radius:16px;background:#fff;color:#1b2233;font:700 15px/1.3 var(--titel)}
.feld small{color:var(--b);font:600 12px/1.2 var(--lauf)}
.finder__los{width:64px;border-radius:18px;background:var(--t);border:0;display:grid;place-items:center;color:#062e29;cursor:pointer;transition:transform .25s}
.finder__los:hover{transform:translateX(4px)}
.sektion{padding-block:70px}
.medien{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.medium{display:grid;gap:12px}
.medium__bild{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/10}
.medium__bild img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.medium:hover .medium__bild img{transform:scale(1.05)}
.play{position:absolute;left:50%;top:50%;width:84px;height:66px;margin:-33px 0 0 -42px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;background:var(--o);transform:rotate(-14deg);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(255,109,52,.6);animation:puls 2s infinite}
.play::after{content:"";margin-left:5px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;transform:rotate(14deg)}
.medium h4{margin:0;font:900 22px/1.2 var(--titel);color:var(--b)!important}
.medium p{margin:0}
.gruende{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grund{position:relative;padding:28px 26px;border-radius:24px;background:#fff;border:1.5px solid var(--rl-rand);transition:transform .35s,box-shadow .35s,border-color .35s}
.grund:hover{transform:translateY(-8px);border-color:var(--t);box-shadow:0 24px 44px rgba(13,27,77,.12)}
.grund__ei{position:absolute;right:20px;top:-18px;width:62px;height:50px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-16deg);background:linear-gradient(135deg,var(--t),#0a9fc0);display:grid;place-items:center;color:#fff;box-shadow:0 10px 20px rgba(0,189,166,.35)}
.grund__ei svg{width:24px;height:24px;transform:rotate(16deg)}
.grund h4{margin:0 0 6px;font:900 20px/1.2 var(--titel);color:var(--b)!important}
.grund .unter{margin:0 0 10px;color:var(--t);font:800 14px/1.3 var(--titel)}
.grund p{margin:0 0 16px;font-size:15px}
.grund a{color:var(--b);font:800 14px/1 var(--titel)}
.slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px}
.kk{scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr;border-radius:24px;background:#fff;border:1.5px solid var(--rl-rand);overflow:hidden;transition:transform .35s,box-shadow .35s}
.kk:hover{transform:translateY(-8px);box-shadow:0 24px 44px rgba(13,27,77,.14)}
.kk__bild{position:relative;aspect-ratio:4/3;overflow:hidden}
.kk__bild img{width:100%;height:100%;object-fit:cover}
.kk__bild::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-38px;height:70px;background:#fff;border-radius:50%}
.kk__art{position:absolute;left:14px;top:14px;z-index:1;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--b);font:800 11px/1 var(--titel)}
.kk__inhalt{display:flex;flex-direction:column;gap:10px;padding:4px 20px 22px}
.kk h4{margin:0;font:900 19px/1.25 var(--titel);color:var(--b)!important}
.kk p{margin:0;font-size:14px}
.kk__fuss{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.kk__preis{font:900 16px/1.1 var(--titel);color:var(--o)}
.kk__preis small{display:block;color:#8a93a5;font:600 11px/1.2 var(--lauf)}
.kk .mk{padding:11px 16px;font-size:13px}
.welle{position:relative;background:linear-gradient(160deg,var(--b),#16296b);color:#fff;padding:120px 0 80px;margin-top:40px}
.welle svg.bogen{position:absolute;left:0;top:-1px;width:100%;height:90px}
.welle .tit{color:#fff!important}
.stimmen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stimme{padding:24px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:grid;gap:14px}
.stimme p{margin:0;color:rgba(255,255,255,.88);font-style:italic}
.stimme footer{display:flex;align-items:center;gap:12px;font:800 14px/1.2 var(--titel)}
.stimme footer i{width:42px;height:34px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;background:rgba(255,255,255,.2);transform:rotate(-14deg)}
.stimme footer small{display:block;color:var(--t-hell);font:600 12px/1.3 var(--lauf)}
.platzhalter{justify-self:start;padding:3px 8px;border-radius:6px;background:rgba(255,109,52,.2);color:#ffc2a8;font:700 11px/1.3 var(--lauf)}
.vorteilsliste{display:grid;gap:12px}
.vorteilsliste details{border-radius:18px;border:1.5px solid var(--rl-rand);background:#fff;transition:border-color .25s,box-shadow .25s}
.vorteilsliste details[open]{border-color:var(--t);box-shadow:0 14px 30px rgba(13,27,77,.08)}
.vorteilsliste summary{display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;list-style:none;font:800 16px/1.3 var(--titel);color:var(--dunkeltext)}
.vorteilsliste summary::-webkit-details-marker{display:none}
.vorteilsliste summary b{flex:none;width:40px;height:32px;display:grid;place-items:center;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-12deg);background:var(--hell);color:var(--b);font-size:14px}
.vorteilsliste summary b span{transform:rotate(12deg)}
.vorteilsliste details[open] summary b{background:var(--t);color:#fff}
.vorteilsliste summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--b);transition:transform .3s}
.vorteilsliste details[open] summary::after{transform:rotate(45deg)}
.vorteilsliste details p{margin:0;padding:0 18px 18px 74px}
.rfuss{position:relative;background:linear-gradient(170deg,#16296b 0%,var(--rl-nacht) 100%);color:rgba(255,255,255,.78);padding:150px 0 30px;margin-top:150px;font-size:15px}
.rfuss svg.bogen{position:absolute;left:0;top:-80px;width:100%;height:120px}
.berater{position:absolute;left:50%;top:-150px;transform:translateX(-50%);display:flex;align-items:flex-end;gap:14px;z-index:2}
.berater__foto{width:150px;height:170px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;overflow:hidden;transform:rotate(-8deg);border:6px solid #fff;box-shadow:0 20px 40px rgba(13,27,77,.3)}
.berater__foto{position:relative}
.berater__foto img{position:absolute;left:-14%;top:-10%;width:128%;height:128%;max-width:none;object-fit:cover;transform:rotate(8deg)}
.berater__blase{margin-bottom:56px;padding:12px 16px;border-radius:18px 18px 18px 4px;background:#fff;color:var(--dunkeltext);font:800 14px/1.3 var(--titel);box-shadow:0 14px 30px rgba(13,27,77,.2)}
.berater__blase small{display:block;color:var(--b);font:700 13px/1.3 var(--lauf)}
.rfuss__raster{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:40px}
.rfuss h4{margin:0 0 18px;color:#fff!important;font:900 20px/1.2 var(--titel)}
.rfuss ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rfuss li{display:flex;gap:12px;align-items:flex-start}
.rfuss li svg{flex:none;width:20px;height:20px;color:var(--t);margin-top:2px}
.rfuss a{color:#fff}
.karte-de{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.karte-de svg{width:190px;height:auto;overflow:visible}
.karte-de .land{fill:rgba(255,255,255,.07);stroke:rgba(138,225,214,.55);stroke-width:1.5}
.karte-de .punkt{fill:var(--t)}
.karte-de .welle-p{fill:none;stroke:var(--t);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:ring 3s ease-out infinite}
@keyframes ring{from{transform:scale(1);opacity:.9}to{transform:scale(4);opacity:0}}
.karte-de .zentrale{fill:var(--o)}
.karte-de p{margin:0 0 10px}
.rfuss__legende{display:grid;gap:8px;font-size:14px}
.rfuss__legende span{display:flex;align-items:center;gap:8px}
.rfuss__legende i{width:10px;height:10px;border-radius:50%;background:var(--t)}
.rfuss__legende i.o{background:var(--o)}
.rfuss__marke img{height:44px;width:auto;margin-bottom:14px}
.rfuss__iff{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);font:700 12px/1.2 var(--titel);text-transform:uppercase;letter-spacing:.06em}
.rfuss__marke .rfuss__iff img{height:34px;margin:0}
.sozial{display:flex;gap:10px;margin-top:16px}
.sozial a{width:40px;height:34px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-12deg);display:grid;place-items:center;background:rgba(255,255,255,.1);transition:background .25s}
.sozial a:hover{background:var(--t)}
.sozial svg{width:18px;height:18px;transform:rotate(12deg);color:#fff}
.rfuss__unten{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.siegel{display:flex;flex-wrap:wrap;gap:10px}
.siegel span{padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font:800 12px/1.2 var(--titel)}
.rfuss__unten nav{display:flex;flex-wrap:wrap;gap:16px}
.rfuss__unten nav a{color:rgba(255,255,255,.7);text-decoration:none}
.js .rein{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}
.js .rein.da{opacity:1;transform:none}
@media (max-width:900px){
  .start__raster,.medien,.rfuss__raster{grid-template-columns:1fr}
  .gruende,.stimmen{grid-template-columns:1fr}
  .navi ul{display:none}
  .finder__felder{grid-template-columns:1fr}
  .finder__los{width:100%;height:52px}
  .start__bild{max-width:560px}
  .marke-duo{display:none}
  .laptop{transform:none}
  .karte-de{grid-template-columns:1fr}
}
@media (max-width:600px){
  .chip--1{display:none}
  .chip--2{left:34%;bottom:-2%;padding:6px 10px;font-size:11px}
  .chip--2 b{font-size:15px}
  .tablet{left:-4%}
  .handy{right:-2%}
}
@media (prefers-reduced-motion:reduce){
  .js .rein{opacity:1;transform:none}
  .zeiger{display:none}
  .laptop{transform:none}
}
/* === Kursseite (aus kurs-vorlage.html) === */
.mk--rl-rand{background:#fff;color:var(--b);box-shadow:inset 0 0 0 2px var(--b)}
.ks{padding-block:72px;scroll-margin-top:64px}
.ks--hell{background:var(--hell)}
.ks__unter{margin:-18px 0 30px;max-width:720px;font-size:17px}
.khero{position:relative;overflow:hidden;isolation:isolate;padding-bottom:120px;background:radial-gradient(circle at 85% 20%,#2c55c4 0,transparent 45%),linear-gradient(160deg,#16296b 0%,var(--b) 55%,#23479f 100%);color:#fff}
.khero::before{content:"";position:absolute;z-index:-1;width:460px;height:360px;right:-140px;bottom:-150px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;background:rgba(0,189,166,.16);animation:wabern 12s ease-in-out infinite alternate}
.khero .bogen{position:absolute;left:0;bottom:-1px;width:100%;height:70px}
.pfad{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;color:rgba(255,255,255,.7);font:700 13px/1.3 var(--titel)}
.pfad li+li::before{content:"›";margin-right:8px}
.pfad a{color:rgba(255,255,255,.7);text-decoration:none}
.khero__raster{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:26px}
.khero__dach{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);font:700 13px/1 var(--titel);color:var(--t-hell)}
.khero__dach i{width:8px;height:8px;border-radius:50%;background:var(--o);animation:puls 1.8s infinite}
.khero h1{margin:18px 0 14px;color:#fff;font:900 clamp(32px,4.6vw,54px)/1.05 var(--titel);letter-spacing:-.01em}
.khero h1 em{color:var(--t)}
.khero p{margin:0 0 24px;max-width:540px;color:rgba(255,255,255,.86);font-size:18px}
.fakten{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.fakten li{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:14px;background:rgba(255,255,255,.09);font:800 13px/1.2 var(--titel)}
.fakten svg{width:18px;height:18px;color:var(--t)}
.khero__knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.kbild{position:relative;justify-self:center;width:min(460px,100%);aspect-ratio:1.12}
.kbild__oval{position:absolute;inset:4% 6% 8% 4%;overflow:hidden;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-12deg);box-shadow:0 30px 60px rgba(0,0,0,.35);border:6px solid rgba(255,255,255,.14)}
.kbild__oval img{position:absolute;left:-12%;top:-4%;width:124%;height:124%;max-width:none;object-fit:cover;object-position:50% 0%;transform:rotate(12deg)}
.preiskarte{position:absolute;left:-6%;bottom:2%;display:grid;gap:2px;padding:16px 20px;border-radius:22px;background:#fff;color:var(--dunkeltext);box-shadow:0 20px 40px rgba(13,27,77,.35);animation:schweben 6s ease-in-out infinite}
.preiskarte small{color:#7b8598;font:700 12px/1.2 var(--titel)}
.preiskarte b{color:var(--o);font:900 34px/1 var(--titel)}
.preiskarte s{color:#8a93a5;font:600 13px/1.2 var(--lauf)}
.preiskarte small:last-child{margin-top:4px;color:#0b8a7a}
.startchip{position:absolute;right:-2%;top:6%;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#fff;color:var(--dunkeltext);font:800 13px/1.2 var(--titel);box-shadow:0 14px 30px rgba(13,27,77,.3);animation:schweben 5s ease-in-out infinite;animation-delay:-2.5s}
.startchip small{display:block;color:#7b8598;font:600 11px/1.2 var(--lauf)}
.startchip i{width:10px;height:10px;border-radius:50%;background:#1faa59;box-shadow:0 0 0 0 rgba(31,170,89,.6);animation:puls-gruen 1.8s infinite}
@keyframes puls-gruen{70%{box-shadow:0 0 0 9px rgba(31,170,89,0)}100%{box-shadow:0 0 0 0 rgba(31,170,89,0)}}
.sprung{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--rl-rand),0 10px 24px rgba(13,27,77,.06)}
.sprung .w{display:flex;align-items:center;gap:16px}
.sprung ul{display:flex;flex:1;min-width:0;gap:4px;margin:0;padding:10px 0;list-style:none;overflow-x:auto;scrollbar-width:none}
.sprung a{display:block;padding:9px 14px;border-radius:999px;color:#44506a;font:800 14px/1 var(--titel);text-decoration:none;white-space:nowrap;transition:background .25s,color .25s}
.sprung a:hover{color:var(--b)}
.sprung a.an{background:var(--b);color:#fff}
.sprung .mk{margin-left:auto;padding:11px 18px;font-size:14px;white-space:nowrap}
.ueber-raster{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:44px;align-items:start}
.ueber-raster h3{margin:26px 0 8px;font:900 20px/1.25 var(--titel);color:var(--b)}
.ueber-raster p{margin:0 0 14px}
.blick{position:sticky;top:84px;padding:26px;border-radius:26px;background:var(--hell);border:1.5px solid var(--rl-rand)}
.blick h3{margin:0 0 14px!important}
.blick dl{display:grid;gap:12px;margin:0}
.blick div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding-bottom:12px;border-bottom:1px dashed var(--rl-rand)}
.blick div:last-child{border:0;padding:0}
.blick dt{color:#7b8598;font:700 13px/1.4 var(--titel)}
.blick dd{margin:0;color:var(--dunkeltext);font:700 14px/1.4 var(--lauf);hyphens:auto;overflow-wrap:break-word}
.vorteilsraster{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.vt{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:#fff;border:1.5px solid var(--rl-rand);font:800 15px/1.3 var(--titel);color:var(--dunkeltext);transition:transform .3s,border-color .3s}
.vt:hover{transform:translateY(-4px);border-color:var(--t)}
.vt__ei{flex:none;display:grid;place-items:center;width:48px;height:40px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-14deg);background:linear-gradient(135deg,var(--t),#0a9fc0);color:#fff}
.vt__ei svg{width:21px;height:21px;transform:rotate(14deg)}
.inklusive{display:grid;gap:18px;margin-top:34px;padding:26px 28px;border-radius:26px;background:linear-gradient(135deg,var(--b),#2c55c4);color:rgba(255,255,255,.85)}
.inklusive h3{margin:0 0 6px;color:#fff;font:900 22px/1.2 var(--titel)}
.inklusive p{margin:0;font-size:14px}
.inklusive ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.inklusive li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:18px;background:rgba(255,255,255,.1);font-size:13px;line-height:1.35}
.inklusive li b{color:#fff;font:900 15px/1.25 var(--titel)}
.inklusive li i{padding:3px 8px;border-radius:999px;background:var(--t);color:#062e29;font:800 10px/1.3 var(--titel);font-style:normal;letter-spacing:.04em;text-transform:uppercase}
.ausserdem{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font:700 13px/1.2 var(--titel);color:#7b8598}
.ausserdem span{padding:7px 11px;border-radius:999px;background:var(--hell);color:var(--b)}
.arten{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:26px}
.art{display:grid;justify-items:center;align-content:start;gap:6px;padding:16px 10px 14px;border-radius:22px;border:1.5px solid var(--rl-rand);background:#fff;color:var(--dunkeltext);font:800 14px/1.25 var(--titel);text-align:center;cursor:pointer;transition:transform .25s,border-color .25s,background .25s,color .25s}
.art:hover{transform:translateY(-3px);border-color:var(--t)}
.art small{color:#7b8598;font:600 12px/1.2 var(--lauf)}
.art__zeit{display:block;margin-top:2px;padding:5px 8px;border-radius:10px;background:var(--hell);color:var(--b)!important;font:700 11px/1.3 var(--titel)!important}
.art[aria-pressed="true"] .art__zeit{background:rgba(255,255,255,.14);color:#fff!important}
.art[aria-pressed="true"]{background:var(--b);border-color:var(--b);color:#fff}
.art[aria-pressed="true"] small{color:var(--t-hell)}
.art--alle{align-content:center;background:var(--hell)}
.art--alle b{font:900 28px/1 var(--titel);color:var(--b)}
.art--alle[aria-pressed="true"] b{color:#fff}
.kursart-icon{width:46px;height:46px;color:var(--b)}
.kursart-icon__anteil{fill:var(--t);opacity:.35}
.art[aria-pressed="true"] .kursart-icon{color:#fff}
.art[aria-pressed="true"] .kursart-icon__anteil{opacity:.6}
.terminliste{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.tm{border-radius:22px;background:#fff;border:1.5px solid var(--rl-rand);transition:border-color .25s,box-shadow .25s}
.tm[open]{border-color:var(--t);box-shadow:0 18px 40px rgba(13,27,77,.1)}
.tm[hidden]{display:none}
.tm summary{display:grid;grid-template-columns:92px 1.5fr 1fr auto 36px;align-items:center;gap:18px;padding:14px 18px;cursor:pointer;list-style:none}
.tm summary::-webkit-details-marker{display:none}
.tm__datum{display:grid;justify-items:center;padding:10px 6px;border-radius:18px;background:var(--hell);color:var(--b);font:800 12px/1.2 var(--titel);text-align:center}
.tm__datum b{font:900 30px/1 var(--titel)}
.tm__datum small{color:#7b8598;font:600 11px/1.2 var(--lauf)}
.tm__art{display:flex;align-items:center;gap:12px}
.tm__art .kursart-icon{flex:none;width:40px;height:40px}
.tm__art b{display:block;color:var(--dunkeltext);font:900 17px/1.25 var(--titel)}
.tm__art small{color:#7b8598;font:600 13px/1.3 var(--lauf)}
.tm__frei{display:inline-flex;align-items:center;gap:8px;color:#1a7f47;font:800 13px/1.2 var(--titel)}
.tm__frei::before{content:"";width:9px;height:9px;border-radius:50%;background:#1faa59}
.tm__preis{text-align:right}
.tm__preis b{display:block;color:var(--o);font:900 22px/1 var(--titel)}
.tm__preis.plus b{color:#1a7f47}
.tm__preis small{color:#7b8598;font:600 12px/1.2 var(--lauf)}
.tm__plus{position:relative;width:36px;height:36px;border-radius:50%;background:var(--hell)}
.tm__plus::before,.tm__plus::after{content:"";position:absolute;left:11px;top:17px;width:14px;height:2.5px;border-radius:2px;background:var(--b);transition:transform .3s}
.tm__plus::after{transform:rotate(90deg)}
.tm[open] .tm__plus{background:var(--t)}
.tm[open] .tm__plus::after{transform:rotate(0)}
.tm__mehr{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;padding:6px 18px 22px 128px}
.tm__fakten{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0;align-content:start}
.tm__fakten dt{color:#7b8598;font:700 12px/1.3 var(--titel)}
.tm__fakten dd{margin:2px 0 0;color:var(--dunkeltext);font:700 15px/1.35 var(--lauf)}
.tm__fakten div:last-child{grid-column:1/-1}
.rechnung{display:grid;gap:8px;margin:0 0 16px;padding:16px 18px;border-radius:18px;background:var(--hell);list-style:none;font-size:14px}
.rechnung li{display:flex;justify-content:space-between;gap:14px}
.rechnung li b{color:var(--dunkeltext);font-variant-numeric:tabular-nums;white-space:nowrap}
.rechnung .minus b{color:#1a7f47}
.rechnung .summe{padding-top:9px;border-top:2px solid var(--rl-rand);color:var(--dunkeltext);font:900 16px/1.3 var(--titel)}
.rechnung .summe b{color:var(--o);font-size:18px}
.rechnung .bonus b{color:#a87a00}
.rechnung .summe.plus b{color:#1a7f47}
.rechnung li[hidden]{display:none}
.tm__knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.tm__knoepfe .mk{padding:13px 20px;font-size:14px}
.foerder{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.wf{position:relative;display:grid;grid-template-columns:repeat(var(--spalten,4),minmax(0,1fr));gap:14px;height:300px;margin-top:44px;padding:0 6px;border-bottom:2px solid var(--rl-rand)}
.wf__spalte{position:relative}
.wf__balken{position:absolute;left:8%;right:8%;bottom:var(--unten);height:var(--hoehe);border-radius:12px;background:var(--b);transform-origin:bottom;animation:wachsen .8s cubic-bezier(.2,.7,.2,1) both}
.wf__spalte--minus .wf__balken{background:repeating-linear-gradient(135deg,var(--t) 0 10px,#2fd0bc 10px 20px)}
.wf__spalte--bonus .wf__balken{background:repeating-linear-gradient(135deg,#f5b400 0 10px,#ffc933 10px 20px)}
.wf__spalte--eigen .wf__balken{background:var(--o)}
.wf__spalte--plus .wf__balken{background:#1faa59}
.wf__wert{position:absolute;left:-6px;right:-6px;bottom:calc(var(--oben) + 8px);text-align:center;white-space:nowrap;color:var(--dunkeltext);font:900 17px/1.1 var(--titel);font-variant-numeric:tabular-nums}
.wf__spalte--minus .wf__wert{color:#0b8a7a}
.wf__spalte--bonus .wf__wert{color:#a87a00}
.wf__spalte--eigen .wf__wert{color:var(--o);font-size:20px}
.wf__spalte--plus .wf__wert{color:#1a7f47;font-size:20px}
.wf__spalte:not(:last-child)::after{content:"";position:absolute;right:calc(-14px - 8%);bottom:var(--linie);width:calc(16% + 14px);border-top:2px dashed #b8c3d6}
.wf__null{position:absolute;left:0;right:0;bottom:var(--null);border-top:2px solid #b8c3d6}
@keyframes wachsen{from{transform:scaleY(0)}}
.wf__achse{display:grid;grid-template-columns:repeat(var(--spalten,4),minmax(0,1fr));gap:14px;margin-top:10px;padding:0 6px;text-align:center;color:#44506a;font:700 13px/1.3 var(--titel)}
.rechner{display:grid;gap:14px;padding:22px;border-radius:24px;background:#fff;border:1.5px solid var(--rl-rand);box-shadow:0 18px 40px rgba(13,27,77,.08)}
.rechner__land,.tm__land{display:grid;gap:6px;font:800 13px/1.2 var(--titel);color:#7b8598}
.rechner__land select,.tm__land select{width:100%;padding:12px 14px;border:1.5px solid var(--rl-rand);border-radius:14px;background:var(--hell);color:var(--dunkeltext);font:800 15px/1.2 var(--titel);cursor:pointer}
.rechner__land select:focus-visible,.tm__land select:focus-visible{outline:3px solid var(--t);outline-offset:2px}
.rechner .rechnung{margin:0}
.tm__land{margin-bottom:12px}
.tm__mehr .bonus-text{margin:0 0 14px}
.bonus-text{margin:0;padding:12px 14px;border-radius:16px;background:#fff6d9;color:#6b4e00;font-size:14px}
.bonus-text b{color:#4a3600}
.fussnote{margin:14px 0 0;color:#7b8598;font-size:13px}
.sparen{display:grid;gap:16px;align-content:start}
.sparen__zahl{padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,var(--b),#2c55c4);color:#fff}
.sparen__zahl small{display:block;color:var(--t-hell);font:800 13px/1.2 var(--titel);letter-spacing:.04em;text-transform:uppercase}
.sparen__zahl b{display:block;margin:6px 0 4px;font:900 44px/1 var(--titel)}
.sparen__zahl span{color:rgba(255,255,255,.8);font-size:14px}
.wege{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px;font:700 13px/1.2 var(--titel);color:#7b8598}
.wege span{padding:8px 12px;border-radius:999px;background:#fff;border:1.5px solid var(--rl-rand);color:var(--b)}
.weg{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;align-items:stretch}
.stufe--hq{grid-column:1/-1}
.weg::before{content:"";position:absolute;left:30px;right:calc(50% - 40px);top:31px;z-index:0;border-top:3px dashed #b8c3d6}
.stufe{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:0 0 22px}
.stufe__nr{display:grid;place-items:center;width:64px;height:54px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-14deg);background:var(--b);color:#fff;font:900 22px/1 var(--titel);box-shadow:0 10px 20px rgba(29,58,143,.3)}
.stufe__nr span{transform:rotate(14deg)}
.stufe--aevo .stufe__nr{background:linear-gradient(135deg,var(--t),#0a9fc0)}
.stufe__karte{flex:1;padding:20px;border-radius:22px;background:#fff;border:1.5px solid var(--rl-rand)}
.stufe__etikett{display:inline-block;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:var(--hell);color:var(--b);font:800 11px/1.2 var(--titel);letter-spacing:.04em;text-transform:uppercase}
.stufe--aevo .stufe__etikett{background:#e0f7f3;color:#0b8a7a}
.stufe h3{margin:0 0 4px;font:900 18px/1.25 var(--titel);color:var(--b)}
.stufe__anzahl{margin:0 0 12px;color:#7b8598;font:700 13px/1.2 var(--titel)}
.stufe ol{display:grid;gap:7px;margin:0;padding:0;list-style:none;counter-reset:lk;font-size:14px;line-height:1.35}
.stufe li{display:flex;gap:9px;counter-increment:lk}
.stufe li::before{content:counter(lk);flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--hell);color:var(--b);font:900 11px/1 var(--titel)}
.hq-bereiche{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hq-bereiche h4{margin:0 0 8px;color:var(--dunkeltext);font:900 14px/1.25 var(--titel)}
.begleit{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.begleit__karte{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px;border-radius:22px;background:#fff;border:2px dashed var(--t)}
.begleit__karte--pv{border-color:var(--o)}
.begleit__karte h3{margin:2px 0 6px;font:900 18px/1.25 var(--titel);color:var(--b)}
.begleit__karte p{margin:0;font-size:14px;line-height:1.5}
.begleit__karte small{display:inline-block;margin-bottom:4px;color:#7b8598;font:800 11px/1.2 var(--titel);letter-spacing:.06em;text-transform:uppercase}
.begleit__karte--pv .vt__ei{background:linear-gradient(135deg,var(--o),#ff9a4a)}
.gratis{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#e0f7f3;color:#0b8a7a;font:800 11px/1.3 var(--titel);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.begleit__karte--pv .gratis{background:#ffe8dd;color:#c2410c}
.ziel{position:relative;z-index:1;grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:14px;font:900 18px/1.2 var(--titel);color:var(--b)}
.ziel__ei{display:grid;place-items:center;width:64px;height:54px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-14deg);background:var(--o);color:#fff;box-shadow:0 0 0 0 rgba(255,109,52,.6);animation:puls 2s infinite}
.ziel__ei svg{width:26px;height:26px;transform:rotate(14deg)}
.ziel small{display:block;color:#7b8598;font:600 12px/1.3 var(--lauf)}
.zul-raster{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.zul{padding:26px;border-radius:24px;background:#fff;border:1.5px solid var(--rl-rand)}
.zul h3{margin:0 0 4px;font:900 19px/1.25 var(--titel);color:var(--b)}
.zul p{margin:0 0 14px;color:#7b8598;font-size:14px}
.zul ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.zul li{display:flex;gap:10px;font-size:15px;line-height:1.45}
.zul li::before{content:"";flex:none;width:20px;height:16px;margin-top:3px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-14deg);background:var(--t)}
.zul__oder{display:block;margin:8px 0 8px 30px;color:#7b8598;font:800 11px/1 var(--titel);letter-spacing:.08em;text-transform:uppercase}
.zul-hinweis{margin:16px 0 0;color:#7b8598;font-size:14px}
.service{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:22px;padding:24px 26px;border-radius:24px;background:var(--hell);border:1.5px solid var(--rl-rand)}
.service h3{margin:0 0 6px;font:900 19px/1.25 var(--titel);color:var(--b)}
.service p{margin:0;font-size:15px}
.service ul{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.service li{padding:6px 11px;border-radius:999px;background:#fff;color:var(--b);font:800 12px/1.2 var(--titel)}
.unterricht{position:relative;padding:110px 0 80px;background:linear-gradient(160deg,var(--b),#16296b);color:rgba(255,255,255,.86)}
.unterricht svg.bogen{position:absolute;left:0;top:-1px;width:100%;height:80px}
.unterricht .tit{color:#fff!important}
.unterricht__raster{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.klasse{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:30px;background:#0b0f1a;box-shadow:0 30px 60px rgba(0,0,0,.35);border:6px solid rgba(255,255,255,.12)}
.klasse video{display:block;width:100%;height:100%;object-fit:cover}
.klasse__live{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--o);color:#fff;font:800 12px/1 var(--titel)}
.klasse__live::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
.klasse__name{position:absolute;left:16px;bottom:16px;padding:7px 12px;border-radius:999px;background:rgba(13,27,77,.8);color:#fff;font:800 12px/1 var(--titel)}
.punkte{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.punkte li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}
.punkte b{display:block;color:#fff;font:900 17px/1.3 var(--titel)}
.punkte span{font-size:15px}
.hefte-raster{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
.buch{position:relative;padding:14px;border-radius:12px;background:#dfe5f0;box-shadow:0 30px 50px rgba(13,27,77,.22)}
.buch__seiten{position:relative;aspect-ratio:958/700;perspective:2400px;cursor:pointer}
.seite{position:absolute;top:0;width:50%;height:100%;margin:0;overflow:hidden;background:#fff}
.seite > img{display:block;width:100%;height:auto}
.seite--links,.blatt__hinten{border-radius:4px 0 0 4px}
.seite--rechts,.blatt__vorne{border-radius:0 4px 4px 0}
.seite--links{left:0}
.seite--rechts{left:50%}
.seite::after{content:"";position:absolute;inset:0;pointer-events:none}
.seite--links::after,.blatt__hinten::after{background:linear-gradient(to left,rgba(0,0,0,.16),transparent 14%)}
.seite--rechts::after,.blatt__vorne::after{background:linear-gradient(to right,rgba(0,0,0,.16),transparent 14%)}
.blatt__vorne{left:50%;z-index:calc(20 - var(--i));transform-origin:left center;transform:rotateY(0deg);transition:transform .55s cubic-bezier(.2,.6,.4,1) .55s}
.blatt__vorne.um{transform:rotateY(-90deg);transition:transform .55s cubic-bezier(.6,0,.8,.4) 0s}
.blatt__hinten{left:0;z-index:calc(1 + var(--i));transform-origin:right center;transform:rotateY(90deg);transition:transform .55s cubic-bezier(.6,0,.8,.4) 0s}
.blatt__hinten.um{transform:rotateY(0deg);transition:transform .55s cubic-bezier(.2,.6,.4,1) .55s}
.blatt__vorne.dreht,.blatt__hinten.dreht{z-index:40}
.buch.schnell .blatt__vorne,.buch.schnell .blatt__hinten{transition-duration:.22s}
.buch.schnell .blatt__vorne:not(.um),.buch.schnell .blatt__hinten.um{transition-delay:.22s}
.blatt__vorne.dreht::after{background:linear-gradient(to right,rgba(0,0,0,.28),rgba(0,0,0,.06) 60%);transition:background .5s}
.seite__kopf{display:flex;align-items:center;gap:6%;padding:4.5% 7% 2.5%;color:#7b8598;font:600 clamp(5px,.7vw,8px)/1.2 var(--lauf)}
.seite__kopf img{width:28%;height:auto}
.buch__steuerung{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:#7b8598;font:800 13px/1 var(--titel)}
.rund{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--b);color:#fff;cursor:pointer;transition:background .25s,opacity .25s}
.rund:hover{background:var(--t)}
.rund:disabled{opacity:.3;cursor:default;background:var(--b)}
.rund svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){
  .blatt__vorne,.blatt__hinten{transition:none}
}
.hefte-punkte{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.hefte-punkte li{display:flex;gap:10px;font-size:15px}
.hefte-punkte li::before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--t);color:#fff;font:900 12px/1 var(--titel)}
.heftband{position:relative;margin-top:44px}
.heftreihe{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 22px) / 4);gap:22px;padding:10px 2px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.heftreihe::-webkit-scrollbar{display:none}
.heftreihe .heft{scroll-snap-align:start}
.heftband__pfeil{position:absolute;top:34%;z-index:2;box-shadow:0 10px 24px rgba(13,27,77,.3)}
.heftband__pfeil--links{left:-20px}
.heftband__pfeil--rechts{right:-20px}
.heft{display:grid;gap:10px;align-content:start}
.heft span.heft__teil{color:#7b8598;font:800 11px/1.2 var(--titel);letter-spacing:.05em;text-transform:uppercase}
.heft h3{margin:0;color:var(--dunkeltext);font:800 14px/1.3 var(--titel)}
.deckel{position:relative;display:flex;flex-direction:column;gap:8px;aspect-ratio:1/1.3;padding:18px 16px 16px 24px;overflow:hidden;border-radius:4px 14px 14px 4px;background:radial-gradient(circle at 90% 8%,#2c55c4 0,transparent 55%),linear-gradient(160deg,#16296b,#1d3a8f);color:#fff;box-shadow:inset 8px 0 0 rgba(0,0,0,.2),0 16px 28px rgba(13,27,77,.22);transition:transform .35s}
.heft:hover .deckel{transform:translateY(-6px) rotate(-1deg)}
.deckel__logo{width:64%;height:auto;margin-bottom:6px}
.deckel__reihe{color:rgba(255,255,255,.7);font:600 9.5px/1.35 var(--lauf)}
.deckel__bereich{color:var(--t-hell);font:800 10px/1.3 var(--titel);letter-spacing:.05em;text-transform:uppercase}
.deckel__tag{margin-top:4px;font:900 21px/1.1 var(--titel)}
.deckel__tag::after{content:"";display:block;width:42px;height:4px;margin-top:8px;border-radius:4px;background:var(--t)}
.deckel__thema{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;color:rgba(255,255,255,.88);font:600 11px/1.45 var(--lauf)}
.deckel > :not(.deckel__ei){position:relative;z-index:1}
.deckel__ei{position:absolute;right:-16%;bottom:-12%;width:60%;aspect-ratio:1.25;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;background:rgba(0,189,166,.3);transform:rotate(-14deg)}
.deckel__fuss{position:relative;margin-top:auto;color:rgba(255,255,255,.75);font:800 10px/1 var(--titel);letter-spacing:.04em}
.fragen{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;align-items:start}
.fragen details{border-radius:18px;border:1.5px solid var(--rl-rand);background:#fff;transition:border-color .25s,box-shadow .25s}
.fragen details[open]{border-color:var(--t);box-shadow:0 14px 30px rgba(13,27,77,.08)}
.fragen summary{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;color:var(--dunkeltext);font:800 16px/1.35 var(--titel)}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"+";flex:none;margin-left:auto;color:var(--b);font-size:22px;transition:transform .3s}
.fragen details[open] summary::after{transform:rotate(45deg)}
.fragen details p{margin:0;padding:0 18px 18px;font-size:15px}
.bleiste{display:none}
@media (max-width:980px){
  .arten{grid-template-columns:repeat(3,1fr)}
  .vorteilsraster{grid-template-columns:repeat(2,1fr)}
  .weg::before{display:none}
  .ziel{justify-content:flex-start}
  .heftreihe{grid-auto-columns:calc((100% - 2 * 22px) / 3)}
  .inklusive ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .ueber-raster{grid-template-columns:minmax(0,1fr)}
  .khero__raster,.foerder,.unterricht__raster,.zul-raster,.hefte-raster,.fragen,.begleit{grid-template-columns:1fr}
  .service{grid-template-columns:1fr}
  .blick{position:static}
  .kbild{width:min(380px,90%)}
  .tm summary{grid-template-columns:78px minmax(0,1fr) 36px;gap:12px;padding:12px 14px}
  .tm__frei{display:none}
  .tm__preis{grid-column:2;grid-row:2;text-align:left}
  .tm__plus{grid-column:3;grid-row:1}
  .tm__mehr{grid-template-columns:1fr;padding:4px 18px 20px}
  .sprung .mk{display:none}
  .bleiste{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -10px 24px rgba(13,27,77,.12)}
  .bleiste .mk{padding:13px 10px;font-size:14px}
}
@media (max-width:600px){
  .arten{grid-template-columns:repeat(2,1fr)}
  .vorteilsraster,.hq-bereiche{grid-template-columns:1fr}
  .weg{grid-template-columns:1fr}
  .preiskarte{left:0}
  .startchip{right:0}
  .wf{height:240px;gap:6px;padding:0}
  .wf__wert{font-size:11px}
  .wf__spalte--eigen .wf__wert,.wf__spalte--plus .wf__wert{font-size:13px}
  .wf__spalte:not(:last-child)::after{right:calc(-6px - 8%);width:calc(16% + 6px)}
  .wf__achse{gap:6px;padding:0;font-size:10px;hyphens:auto}
  .inklusive{padding:20px 16px}
  .heftreihe{grid-auto-columns:62%;gap:16px}
  .heftband__pfeil--links{left:-8px}
  .heftband__pfeil--rechts{right:-8px}
  .heft h3{font-size:13px;hyphens:auto}
  .deckel{padding:12px 10px 10px 16px;gap:6px}
  .deckel__reihe{display:none}
  .deckel__bereich{font-size:8.5px;hyphens:auto;overflow-wrap:anywhere}
  .deckel__tag{font-size:16px}
  .deckel__fuss{font-size:8px}
  .inklusive ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .inklusive li{padding:12px 10px}
  .blick{padding:20px 16px}
  .blick div{grid-template-columns:86px minmax(0,1fr)}
  .begleit__karte{grid-template-columns:1fr}
}
/* === Theme-Ergänzungen (zusatz.css) === */
/* ---- Kopf: bestehende Kopfzeile (Mega-Menü, Handy-Menü) im neuen Stil ---- */
.kopfleiste{background:var(--rl-nacht);color:rgba(255,255,255,.75);font-size:13px}
.kopfleiste a{color:#fff}
.kopfleiste a:hover{color:var(--t-hell)}
.kopfleiste__marke{display:inline-flex;align-items:center;gap:10px;font:700 11px/1 var(--titel);letter-spacing:.06em;text-transform:uppercase}
.kopfleiste__marke img{height:22px;width:auto}
.hauptkopf__innen{min-height:90px}
.logo img{width:220px}
.hauptnav .nav{gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.08)}
.hauptnav .nav>li>a{padding:10px 16px;border-radius:999px;font:700 14px/1.2 var(--titel);transition:background .25s,color .25s}
.hauptnav .nav>li>a::before{display:none}
.hauptnav .nav>li.menu-item-has-children>a::after,.hauptnav .nav>li.hat-mega>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.hauptnav .nav>li:hover>a,.hauptnav .nav>li.current-menu-item>a,.hauptnav .nav>li.current-menu-ancestor>a{background:#fff;color:var(--b)}
.hauptkopf__info.knopf{border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);color:#fff}
.hauptkopf__info.knopf:hover{background:var(--t);box-shadow:none;color:#062e29}
.kopf.ist-fixiert .hauptkopf{background:#fff}
.kopf.ist-fixiert .hauptnav .nav{background:var(--hell)}
.kopf.ist-fixiert .hauptnav .nav>li>a{color:var(--b)}
.kopf.ist-fixiert .hauptnav .nav>li:hover>a,.kopf.ist-fixiert .hauptnav .nav>li.current-menu-item>a,.kopf.ist-fixiert .hauptnav .nav>li.current-menu-ancestor>a{background:var(--b);color:#fff}
.kopf.ist-fixiert .hauptkopf__info.knopf{background:var(--b);box-shadow:none;color:#fff}
.mega__kopf,.mega__titel a,.mega__mehr{color:var(--b)}
.mega__liste a:hover,.mega__liste a.ist-aktiv{color:var(--t)}
.mega__preis{color:var(--o)}
@media (max-width:1100px){.hauptnav .nav{background:none;padding:0;border-radius:0}.hauptnav .nav>li>a{border-radius:10px}}

/* ---- Unterseiten: Seitenkopf in Blau mit Logo-Oval ---- */
.seitenkopf{background:radial-gradient(circle at 85% 20%,#2c55c4 0,transparent 45%),linear-gradient(160deg,var(--b2) 0%,var(--b) 55%,#23479f 100%);overflow:hidden;isolation:isolate}
.seitenkopf::before{background:none}
.seitenkopf::after{content:"";position:absolute;z-index:-1;width:420px;height:320px;right:-120px;bottom:-160px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;background:rgba(0,189,166,.18);transform:rotate(-18deg)}

/* ---- Kursfinder im Relaunch-Stil (bestehendes Formular) ---- */
.finderzone{margin-top:-120px}
.kursfinder{border-radius:28px;padding:26px 30px;box-shadow:0 30px 60px rgba(13,27,77,.25)}
.kursfinder__titel{color:var(--b);font-family:var(--titel)}
.kursfinder__titel::after{width:90px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--t),var(--t-hell))}
.kursfinder__feld select{border-radius:14px;border:1.5px solid var(--rl-rand);background:var(--hell);font-weight:700;font-family:var(--titel)}
.kursfinder__los{border-radius:999px;background:var(--t);color:#062e29}
.kursfinder__los:hover{background:#00a894}
.vertrauen{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:6px 4px;list-style:none;color:#44506a;font:700 14px/1.3 var(--titel)}
.vertrauen li{display:inline-flex;align-items:center;gap:8px}
.vertrauen .icon{width:18px;height:18px;color:var(--t)}

/* ---- Startseite: Anpassungen gegenüber dem Entwurf ---- */
.start{padding-bottom:170px}
.start .w{position:relative}
.start h1{margin:18px 0 16px;color:#fff;font:900 clamp(34px,5vw,60px)/1.04 var(--titel);letter-spacing:-.01em}
.start h1 em{font-style:italic;color:var(--t)}
.zahlenband{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zahlenband__wert{display:block;color:#fff;font:900 clamp(38px,5vw,56px)/1 var(--titel)}
.zahlenband__wert em{font-style:normal;color:var(--t)}
.zahlenband__titel{display:block;margin-top:8px;color:var(--t-hell);font:800 14px/1.3 var(--titel);letter-spacing:.04em;text-transform:uppercase}
.infoabend-rl{padding-block:10px 60px}
@media (max-width:900px){.zahlenband{grid-template-columns:repeat(2,1fr)}.start{padding-bottom:150px}}

/* ---- Kursseite: Inhalte aus WordPress (Kurstext, Zulassung) ---- */
.kurstext > *:first-child{margin-top:0}
.kurstext h2,.kurstext h3,.kurstext h4{margin:1.4em 0 .5em;color:var(--b);font:900 20px/1.25 var(--titel)}
.kurstext p{margin:0 0 1em}
.kurstext ul{margin:0 0 1em;padding-left:1.2em}
.kurstext .knopf,.kurstext .wgl_button,.kurstext .vc_btn3-container{display:none}
.zul-text{padding:26px;border-radius:24px;background:#fff;border:1.5px solid var(--rl-rand)}
.zul-text h2,.zul-text h3,.zul-text h4{margin:1.2em 0 .4em;color:var(--b);font:900 18px/1.3 var(--titel)}
.zul-text > *:first-child{margin-top:0}
.zul-text ul{display:grid;gap:8px;padding:0;list-style:none}
.zul-text li{display:flex;gap:10px}
.zul-text li::before{content:"";flex:none;width:18px;height:14px;margin-top:5px;border-radius:52% 48% 50% 50% / 60% 55% 45% 40%;transform:rotate(-14deg);background:var(--t)}
.vt__ei .icon{width:21px;height:21px;transform:rotate(14deg)}
.stufe--weitere .stufe__nr{background:var(--b2)}
body.hat-buchungsleiste .rfuss{padding-bottom:90px}
.bleiste{margin:0}
.rfuss__titel{margin:0 0 18px;color:#fff;font:900 20px/1.2 var(--titel)}
.rfuss__copy{margin:18px 0 0;color:rgba(255,255,255,.5);font-size:12px}
.rfuss__copy a{color:rgba(255,255,255,.7)}
.start,.khero{padding-top:150px}
/* Entwurf nutzte h4 – im Theme sind es h3 (Gliederung) */
.medium{display:grid;gap:12px;color:inherit;text-decoration:none}
.medium__bild{display:block}
.medium h3{margin:0;font:900 22px/1.2 var(--titel);color:var(--b)}
.grund h3{margin:0 0 6px;font:900 20px/1.2 var(--titel);color:var(--b)}
.kk__bild{display:block}
.kk h3{margin:0;font:900 19px/1.25 var(--titel)}
.kk h3 a{color:var(--b);text-decoration:none}
.grund__ei .icon{width:24px;height:24px;transform:rotate(16deg)}
.mk .icon{width:18px;height:18px}
.zentriert{text-align:center;margin-top:30px}
.blog__kopf{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.blog__kopf .tit{margin:0}
.rund .icon{width:18px;height:18px}
.rund__links{transform:rotate(180deg)}
.stufe--breit{grid-column:1/-1}
.tm__breit{grid-column:1/-1}
.tm__frei--knapp{color:#b45309}
.tm__frei--knapp::before{background:#f59e0b}
.tm__mehr .tm__fakten div:last-child{grid-column:1/-1}
.khero h1{margin:18px 0 14px;color:#fff;font:900 clamp(32px,4.6vw,54px)/1.05 var(--titel);letter-spacing:-.01em}
.khero h1 em{color:var(--t);font-style:italic}
.fakten .icon{width:18px;height:18px;color:var(--t)}
.pfad a:hover{color:#fff}
/* Fixierter Kopf beim Scrollen: kompakter, die Sprungleiste der Kursseite liegt darunter */
.kopf.ist-fixiert .hauptkopf__innen{min-height:72px}
.kopf.ist-fixiert .logo img{width:190px}
.sprung{top:calc(var(--admin) + 72px)}
.ks{scroll-margin-top:150px}
.khero .startchip,.khero .preiskarte{z-index:2}
/* IFF-Logo auf dunklem Grund immer hell (Mediathek-Logo ist weiß, das Ersatzlogo dunkel) */
.kopfleiste__marke img,.start__marke img,.rfuss__iff img{filter:brightness(0) invert(1)}
/* Page-Builder-Reste im Kurstext: Abstandshalter und alter Buchungsblock */
.kurstext .vc_empty_space,.zul-text .vc_empty_space{height:12px!important}
.kurstext #anfragebuchung,.kurstext hr.trenner{display:none}
/* Fuß liegt innerhalb von .mf – Überschriften dort weiß halten */
.rfuss .rfuss__titel{color:#fff}
/* Infoabend: im neuen Layout nicht mehr über den Abschnitt davor schieben */
.infoabend.infoabend-rl{margin-top:24px}
/* „Nach oben“ nicht über die Buchungsleiste legen */
@media (max-width:767px){body.hat-buchungsleiste .nach-oben{bottom:86px}}

/* ==== Barrierefreiheit (BFSG / WCAG 2.2 AA) ==== */
/* Textfarben mit mind. 4,5:1 – Flächen, Knöpfe und Deko behalten die hellen Markenfarben */
:root{--o-text:#b24c24;--t-text:#007a6b;--grau-text:#626a79;--gruen-text:#097567;--gold-text:#7a5c00;--auf-orange:#13204d;--auf-tuerkis:#062e29;--fokus:#1d3a8f}
.grund .unter{color:var(--t-text)}
.kk__preis,.preiskarte b,.tm__preis b,.rechnung .summe b,.wf__spalte--eigen .wf__wert,.mega__preis{color:var(--o-text)}
.kk__preis small,.preiskarte small,.preiskarte s,.startchip small,.chip small,.blick dt,.ausserdem,.art small,.tm__datum small,.tm__art small,.tm__preis small,.tm__fakten dt,.rechner__land,.tm__land,.fussnote,.wege,.stufe__anzahl,.begleit__karte small,.ziel small,.zul p,.zul__oder,.zul-hinweis,.buch__steuerung,.heft span.heft__teil,.seite__kopf{color:var(--grau-text)}
.preiskarte small:last-child,.wf__spalte--minus .wf__wert,.stufe--aevo .stufe__etikett,.gratis{color:var(--gruen-text)}
.rechnung .bonus b,.wf__spalte--bonus .wf__wert{color:var(--gold-text)}
.begleit__karte--pv .gratis{color:#9a3412}
.mega__liste a:hover,.mega__liste a.ist-aktiv,.mega__liste a:focus-visible{color:var(--t-text)}
/* Orange Knöpfe und Plaketten: dunkle Schrift statt Weiß */
.mk--o,.sprung a.mk--o,.sprung a.mk--o:hover,.klasse__live{color:var(--auf-orange)}
.klasse__live::before{background:var(--auf-orange)}
.vorteilsliste details[open] summary b,.hefte-punkte li::before{color:var(--auf-tuerkis)}
/* Formularfelder: Rand mit mind. 3:1 */
.rechner__land select,.tm__land select,.kursfinder__feld select{border-color:#7b8598}
/* Sichtbarer Tastaturfokus (3:1 auf hellem und dunklem Grund) */
:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.start :focus-visible,.khero :focus-visible,.rfuss :focus-visible,.unterricht :focus-visible,.welle :focus-visible,.kopfleiste :focus-visible,.inklusive :focus-visible,.sparen :focus-visible,.art[aria-pressed="true"]:focus-visible,.mk--b:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px var(--fokus)}
.heftreihe:focus-visible{outline-offset:6px}
/* Fokus nicht unter dem fixierten Kopf bzw. der Sprungleiste verstecken */
html{scroll-padding-top:calc(var(--admin) + 96px)}
html:has(.sprung){scroll-padding-top:calc(var(--admin) + 150px)}
/* Überschriften aus dem WordPress-Inhalt nach dem Umordnen */
.kurstext h4,.zul-text h4{margin-top:-.2em;color:var(--dunkeltext);font:800 17px/1.35 var(--titel)}
.kurstext h5,.zul-text h5{color:var(--dunkeltext);font:800 16px/1.35 var(--titel)}
/* Schalter „Animationen anhalten“ (WCAG 2.2.2) */
.ruhe-knopf{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:700 13px/1.2 var(--titel);cursor:pointer}
.ruhe-knopf:hover{background:rgba(255,255,255,.22)}
.ruhe-knopf svg{width:16px;height:16px}
.ruhe-knopf .ruhe-knopf__an{display:none}
.ruhe-knopf[aria-pressed="true"] .ruhe-knopf__an{display:block}
.ruhe-knopf[aria-pressed="true"] .ruhe-knopf__aus{display:none}
.start__ruhe{position:absolute;left:0;bottom:-8px;z-index:3}
.khero__ruhe{margin-top:18px}
.ruhe *,.ruhe *::before,.ruhe *::after{animation:none!important}
/* Alte Theme-Regeln (main.css), die auf den neuen Seiten sichtbar sind: Textfarben mit mind. 4,5:1 */
a{color:var(--t-text)}
a:hover{color:var(--o-text)}
.knopf{color:var(--auf-tuerkis)}
.knopf:hover{color:var(--auf-orange)}
.knopf--rahmen{color:var(--t-text)}
.knopf--rahmen:hover{color:var(--auf-tuerkis)}
.dachzeile{color:var(--o-text)}
.hauptnav .sub-menu a:hover{color:var(--t-text)}
.aktion:hover{color:var(--t-text)}
.aktion__zahl{color:var(--auf-orange)}
.search-form .search-submit{color:var(--auf-tuerkis)}
.kopf.ist-fixiert .hauptnav .nav>li:hover>a{color:var(--t-text)}
.brotkrumen a:hover{color:var(--t-text)}
.videolink:hover{color:var(--t-text)}
.ueber__anruf a{color:var(--t-text)}
.ueber__anruf a:hover{color:var(--o-text)}
.person__rolle{color:var(--o-text)}
.infoabend__titel span{color:var(--o-text)}
.infoabend-countdown .countdown-period{color:var(--t-text)}
.klappliste__eintrag[open] summary{color:var(--auf-tuerkis)}
.nach-oben{color:var(--auf-tuerkis)}
.nach-oben:hover{color:var(--auf-orange)}
.kurskopf__unter{color:var(--t-text)}
.reiter__knopf:hover{color:var(--o-text)}
.reiter__knopf[aria-selected=true]{color:var(--auf-orange)}
.lehrplan__lektion{color:var(--t-text)}
.kursbox__preis{color:var(--auf-tuerkis)}
.schlagworte a:hover{color:var(--auf-tuerkis)}
.inhaltstext h6.vc_custom_heading{color:var(--t-text)}
.preisbox__unter{color:var(--o-text)}
.bknopf--rahmen{color:var(--auf-tuerkis)}
.bf .wpcf7-submit{color:var(--auf-tuerkis)}
.kurskarte__titel a:hover{color:var(--t-text)}
.kurskarte__preis{color:var(--o-text)}
.kurskarte__preis small{color:var(--grau-text)}
.kurskarte__mehr{color:var(--t-text)}
.buchkarte__preis small{color:var(--grau-text)}
.buchseite__preis small{color:var(--grau-text)}
.kursmaterial__liste span{color:var(--grau-text)}
.kursmaterial__liste a:hover{color:var(--t-text)}
.kursmaterial__alle{color:var(--t-text)}
.mega__kopf a{color:var(--t-text)}
.mega__liste a:hover,.mega__liste a.ist-aktiv,.mega__liste a:focus-visible{color:var(--t-text)}
.mega__preis{color:var(--o-text)}
.mega__mehr:hover{color:var(--t-text)}
.vorteil__live{color:var(--auf-orange)}
.vorteil:hover .vorteil__mehr{color:var(--t-text)}
.beitragskarte__meta{color:var(--grau-text)}
a.beitragskarte__kat:hover{color:var(--auf-tuerkis)}
.beitragskarte__titel a:hover{color:var(--t-text)}
.beitragskarte__mehr{color:var(--t-text)}
.beitrag-top__neu{color:var(--auf-orange)}
.beitrag-top__titel a:hover{color:var(--t-text)}
.artikel__text a{color:var(--t-text)}
/* ==== Lesbarkeit: Größenskala (Fließtext 17 px, Zusatzinfos 14–15 px, nichts Lesbares unter 13 px) ==== */
.mf{font-size:17px;line-height:1.75}
.kurstext p,.zul-text p,.fragen details p{max-width:66ch}
.fragen details p{font-size:16px}
/* Zusatzinfos */
.art small,.tm__preis small,.preiskarte small,.preiskarte s,.kk__preis small,.blick dt,.ausserdem,.fussnote,.fakten li,.pfad,.buch__steuerung,.rfuss__unten,.berater__blase small,.khero__dach,.kopfleiste,.service li,.ziel small,.tm__fakten dt{font-size:14px}
.tm__art small,.inklusive li,.stufe ol,.hefte-punkte li,.zul li{font-size:15px}
.blick dd{font-size:15px}
.tm__datum{font-size:14px}
.tm__datum small,.startchip small,.chip small{font-size:13px}
.rechner__land,.tm__land{font-size:15px}
/* Etiketten (Großbuchstaben nur kurz) */
.art__zeit,.kk__art,.heft span.heft__teil,.zul__oder,.stufe__etikett,.begleit__karte small,.gratis,.inklusive li i,.siegel span,.start__siegel span,.start__marke,.rfuss__iff,.rfuss__copy,.kopfleiste__marke,.klasse__live,.klasse__name{font-size:13px!important}
.inklusive li i,.gratis{letter-spacing:.02em}
.stufe li::before{width:24px;height:24px;font-size:13px}
/* Knöpfe: 16 px, mind. 44 px hoch */
.mk{font-size:16px;min-height:48px}
.kk .mk,.tm__knoepfe .mk,.sprung .mk{font-size:15px;min-height:44px}
.rund{width:44px;height:44px}
/* Modulhefte: Deckel nur mit Titel, Themen als Text darunter */
.deckel__bereich{font-size:12px}
.deckel__fuss{font-size:11px}
.heft h3{font-size:16px}
.heft__thema{margin:0;color:var(--grau-text);font-size:14px;line-height:1.5}
/* Handy */
@media (max-width:600px){
  .wf__wert{font-size:13px}
  .wf__spalte--eigen .wf__wert,.wf__spalte--plus .wf__wert{font-size:14px}
  .wf__achse{font-size:13px}
  .heft h3{font-size:15px}
  .deckel__bereich{font-size:11px}
  .deckel__tag{font-size:17px}
  .deckel__fuss{font-size:10px}
  .bleiste .mk{font-size:15px}
}
/* Unsichtbare Zusatztexte für Screenreader: nie aus Slidern herausragen (sonst seitliches Scrollen am Handy) */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mk,.grund a,.beitragskarte__mehr{position:relative}
/* Textseiten (z. B. Erklärung zur Barrierefreiheit): lesbare Überschriften, lange Wörter trennen */
.inhaltstext{overflow-wrap:break-word;hyphens:auto}
.inhaltstext h2{margin:1.6em 0 .5em;color:var(--b);font-size:clamp(24px,4vw,32px);line-height:1.2}
.inhaltstext h3{margin:1.4em 0 .4em;color:var(--b);font-size:clamp(20px,3vw,24px);line-height:1.25}
.inhaltstext p,.inhaltstext li{max-width:72ch}
.seitenkopf__titel{overflow-wrap:break-word;hyphens:auto}
.vorteilsliste{grid-template-columns:minmax(0,1fr)}
.vorteilsliste summary{hyphens:auto;overflow-wrap:break-word}
/* Sehr schmale Bildschirme bzw. 400 % Zoom (320 px): Kopf ohne Querscrollen */
@media (max-width:380px){
  .logo img,.kopf.ist-fixiert .logo img{width:156px}
  .hauptkopf__aktionen{gap:2px}
}
@media (max-width:380px){
  .kursfinder{padding:16px 12px}
  .kursfinder__feld,.kursfinder__feld select,.kursfinder__felder>*{min-width:0;max-width:100%}
  .vertrauen li{display:flex;max-width:100%}
  .tm summary{grid-template-columns:62px minmax(0,1fr) 32px;gap:10px;padding:10px 12px}
  .tm__art,.tm__art>*{min-width:0}
  .tm__art b{hyphens:auto;overflow-wrap:anywhere}
  .wf,.wf__achse{gap:4px}
}
/* Lange Wörter im Lehrplan und schmale Raster */
.stufe h3,.stufe li,.hq-bereiche h4,.begleit__karte h3{hyphens:auto;overflow-wrap:break-word}
@media (max-width:600px){.weg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:380px){
  .zahlenband{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .zahlenband__wert{font-size:34px}
  .zahlenband__titel{font-size:12px;hyphens:auto;overflow-wrap:break-word}
}
@media (max-width:900px){.foerder{grid-template-columns:minmax(0,1fr)}}
.wf__spalte:last-child .wf__wert{right:0}
.sparen,.sparen>*,.rechner select{min-width:0;max-width:100%}
@media (max-width:380px){.rechner{padding:16px 14px}.sparen__zahl{padding:18px 16px}.sparen__zahl b{font-size:36px}}
/* Schalter „Animationen anhalten“ auf der Startseite: in der Textspalte unter den Siegeln */
.start__ruhe{position:static;margin-top:18px}
/* Blätterbuch vergrößern (Dialog) */
.buch__gross{background:var(--hell);color:var(--b);box-shadow:inset 0 0 0 2px var(--b)}
.buch__gross:hover{color:#fff}
.buchgross{width:min(1100px,100vw);max-width:100vw;max-height:100dvh;margin:auto;padding:0;border:0;border-radius:18px;background:#fff;overflow:auto}
.buchgross::backdrop{background:rgba(13,27,77,.75)}
.buchgross__seiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;padding:64px 16px 16px}
.buchgross__seiten img{display:block;width:100%;height:auto;border:1px solid var(--rl-rand);border-radius:6px}
.buchgross__zu{position:fixed;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:var(--b);color:#fff;cursor:pointer}
.buchgross__zu .icon{width:22px;height:22px}
@media (max-width:600px){.buchgross{border-radius:0;height:100dvh}.buchgross__seiten{padding:68px 8px 8px}}
/* === Übernommene Inhaltsseiten (Kontakt, Fernschule, Infoabend, Rechtstexte) === */
/* Fehlende WPBakery-Spaltenbreiten */
@media (min-width:768px){.inhaltstext .vc_col-sm-offset-3{margin-left:25%}}
@media (min-width:992px){.inhaltstext .vc_col-md-4{width:33.333%}.inhaltstext .vc_col-md-5{width:41.666%}.inhaltstext .vc_col-md-6{width:50%}.inhaltstext .vc_col-md-offset-0{margin-left:0}}
@media (min-width:1200px){.inhaltstext .vc_col-lg-4{width:33.333%}.inhaltstext .vc_col-lg-6{width:50%}}
.inhaltstext .vc_row-o-equal-height .vc_column-inner,.inhaltstext .vc_row-o-equal-height .wpb_wrapper{height:100%}
/* Links im Fließtext nicht nur über die Farbe erkennbar (WCAG 1.4.1) */
.inhaltstext :is(p,li,td,dd) a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
/* Kontaktkarten */
.infokasten{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;margin-bottom:24px;padding:28px 20px 32px;border:1px solid var(--rl-rand);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(19,32,77,.07);text-align:center}
.infokasten__icon{width:40px;height:40px;color:var(--o-text)}
.inhaltstext .infokasten__titel{margin:8px 0 0;font-size:20px;line-height:1.3}
.inhaltstext .infokasten__text{margin:0;font-size:17px}
.infokasten__text a{color:var(--b);font-weight:700;text-decoration:underline;text-underline-offset:.18em;overflow-wrap:anywhere}
/* Bilder neben Formularen */
.bildebene{display:grid;justify-items:center}
.bildebene__bild{width:100%;max-width:560px;height:auto}
/* Film-Vorschau mit sichtbarem Knopf */
.videolink{position:relative;display:block;overflow:hidden;border-radius:14px;color:#fff}
.videolink__bild{display:block;width:100%;height:auto}
.videolink__knopf{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:var(--o-text);color:#fff;font-family:var(--schrift-titel);font-size:18px;font-weight:700;white-space:nowrap;box-shadow:0 10px 30px rgba(13,27,77,.35);transform:translate(-50%,-50%)}
.videolink__knopf .icon{fill:currentColor}
.videolink:hover .videolink__knopf,.videolink:focus-visible .videolink__knopf{background:var(--b);color:#fff}
/* Logoreihe (ohne Karussell) */
.logoleiste{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 40px;margin:0;padding:0;list-style:none}
.logoleiste li{margin:0;padding:0}
.logoleiste__bild{display:block;width:auto;height:64px}
/* Einfache Formulare mit sichtbaren Beschriftungen */
.formular-einfach .row{display:grid;gap:18px;margin:0 0 22px}
.formular-einfach p{margin:0}
.formular-einfach__hinweis{margin:0 0 16px!important;color:var(--grau-text);font-size:15px}
.formfeld{display:flex;flex-direction:column;gap:6px;color:var(--b);font-size:16px;font-weight:700}
.formfeld .wpcf7-form-control-wrap{display:block}
.formfeld :is(input,select,textarea){display:block;width:100%;max-width:100%;margin:0;padding:12px 14px;border:1px solid var(--grau-text);border-radius:8px;background:#fff;color:#1b1f2a;font:inherit;font-size:17px;font-weight:400;line-height:1.4}
.formfeld textarea{min-height:140px;resize:vertical}
.formfeld :is(input,select,textarea):focus-visible{outline:3px solid var(--fokus);outline-offset:2px}
.formfeld .wpcf7-not-valid{border-color:#b3261e}
.formular-einfach .wpcf7-not-valid-tip{margin-top:4px;color:#b3261e;font-size:15px;font-weight:400}
.formular-einfach .wpcf7-submit{padding:16px 32px;border:0;border-radius:8px;background:var(--tuerkis);color:var(--auf-tuerkis);font-family:var(--schrift-titel);font-size:18px;font-weight:700;cursor:pointer}
.formular-einfach .wpcf7-submit:hover{background:var(--b);color:#fff}
.wpcf7-form .wpcf7-response-output{margin:16px 0 0;padding:12px 16px;border-radius:8px}
/* Überschriften und Dachzeilen nicht automatisch trennen (nur Fließtext) */
.inhaltstext :is(h1,h2,h3,h4,h5,h6),.inhaltstext .dachzeile{hyphens:manual;overflow-wrap:break-word}
/* Leere Farbflächen aus dem alten Layout ausblenden; die Film-Vorschau nicht mehr darunter schieben */
.inhaltstext .vc_row-has-fill:not(:has(.wpb_wrapper>:not(.abstand))){display:none}
.inhaltstext .vc_column-inner[class*=vc_custom_]:has(.videolink){margin-bottom:0!important}
.formfeld select{appearance:none;padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%231d3a8f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 16px center/14px 9px no-repeat;cursor:pointer}
/* === Digitaler Infoabend (Muster IFF-Meisterschule) === */
.ia-seite{background:var(--hell)}
.ia-raster{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.ia-einleitung p{max-width:60ch}
.ia-einleitung__titel{margin:28px 0 16px;font:900 20px/1.3 var(--titel);color:var(--b)}
.ia-punkte b{color:var(--b)}
.ia-punkte span{color:var(--dunkeltext)}
.ia-telefon{display:flex;align-items:center;gap:10px;margin-top:26px;font-weight:600}
.ia-telefon .icon{color:var(--o-text)}
.ia-telefon a{color:var(--b);font-weight:800;text-decoration:underline;text-underline-offset:.18em}
.ia-karte{padding:clamp(20px,4vw,40px);border-radius:18px;background:#fff;box-shadow:0 12px 50px rgba(13,27,77,.1)}
.ia-karte__titel{margin:0 0 22px;font:900 24px/1.2 var(--titel);color:var(--b)}
.ia-schritt{min-width:0;margin:0 0 26px;padding:0 0 26px;border:0;border-bottom:1px solid var(--rl-rand)}
.ia-schritt__titel{display:flex;align-items:center;gap:12px;margin:0 0 4px;padding:0;font:900 20px/1.2 var(--titel);color:var(--b)}
.ia-schritt__nr{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--b);color:#fff;font-size:15px}
.ia-schritt__text{margin:0 0 16px!important;color:var(--grau-text);font-size:15px}
.ia-termine{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:4px}
.ia-termin{position:relative;display:flex;justify-content:center;padding:12px 8px;border:1.5px solid var(--grau-text);border-radius:12px;background:#fff;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}
.ia-termin:hover{border-color:var(--b)}
.ia-termin input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.ia-termin--mehr{display:none}
.ia-termin__bild{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.ia-termin__wt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grau-text)}
.ia-termin__tag{margin:2px 0;font:900 28px/1.1 var(--titel);color:var(--b)}
.ia-termin__mon{font-size:13px;color:var(--grau-text)}
.ia-termin:has(input:checked){border-color:var(--b);background:var(--b);box-shadow:0 8px 20px rgba(29,58,143,.25)}
.ia-termin:has(input:checked) .ia-termin__bild>*{color:#fff}
.ia-termin:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
.ia-mehr{margin-top:12px;padding:12px 16px;border:1.5px dashed var(--grau-text);border-radius:12px;background:#fff;color:var(--b);font:800 15px/1.2 var(--titel);cursor:pointer}
.ia-mehr:hover,.ia-mehr:focus-visible{border-color:var(--b)}
.ia-auswahl{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin-top:18px;padding:14px 18px;border-left:4px solid var(--o);border-radius:10px;background:#fff4ec;color:var(--dunkeltext)}
.ia-auswahl[hidden]{display:none}
.ia-auswahl__label{flex-basis:100%;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--o-text)}
.ia-auswahl strong+strong::before{content:"·";margin:0 10px;font-weight:400;color:var(--o-text)}
.ia-karte .formular-einfach .row{margin-bottom:0}
.ia-datenschutz{margin:0 0 16px!important;color:var(--grau-text);font-size:14px}
.ia-datenschutz a{color:var(--b);text-decoration:underline}
.ia-karte .wpcf7-submit{width:100%;min-height:52px}
.ia-telefon a{white-space:nowrap}
/* Vertrauenskarte unter der Anmeldung (ersetzt die orange Logoleiste) */
.ia-vertrauen{padding-bottom:70px;background:var(--hell)}
.ia-vertrauen__karte{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:center;padding:28px 34px;border-radius:22px;background:#fff;box-shadow:0 12px 40px rgba(13,27,77,.08)}
.ia-vertrauen__zahlen{display:flex;gap:34px;margin:0;padding:0 34px 0 0;border-right:1px solid var(--rl-rand);list-style:none}
.ia-vertrauen__zahlen li{margin:0;padding:0}
.ia-vertrauen__zahlen b{display:block;font:900 32px/1.1 var(--titel);color:var(--b);white-space:nowrap}
.ia-vertrauen__zahlen span{font-size:14px;color:var(--grau-text)}
.ia-vertrauen__logos{display:flex;justify-content:space-between;align-items:center;gap:18px 30px;margin:0;padding:0;list-style:none}
.ia-vertrauen__logos li{margin:0;padding:0}
.ia-vertrauen__logo{display:block;width:auto;height:42px;filter:brightness(0);opacity:.72}
@media (max-width:900px){
  .ia-vertrauen__karte{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 20px}
  .ia-vertrauen__zahlen{justify-content:space-between;gap:16px;padding:0 0 22px;border-right:0;border-bottom:1px solid var(--rl-rand)}
  .ia-vertrauen__zahlen b{font-size:26px}
  .ia-vertrauen__logos{flex-wrap:wrap;justify-content:space-around}
  .ia-vertrauen__logo{height:36px}
}
@media (max-width:900px){.ia-raster{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:600px){
  .ia-termine{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ia-auswahl strong{flex-basis:100%}
  .ia-auswahl strong+strong::before{content:none}
}
@supports not selector(:has(*)){.ia-termin input{position:static;width:auto;height:auto;opacity:1}}
@media (forced-colors:active){.ia-termin:has(input:checked){outline:3px solid Highlight;outline-offset:-4px}}
/* === Online Campus === */
.oc-einstieg__text,.mat-einstieg__text{max-width:70ch;margin:0 0 28px;font-size:18px}
.oc-kacheln,.mat-ueberblick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:0;padding:0;list-style:none}
.oc-kacheln li,.mat-ueberblick li{margin:0;padding:0}
.oc-kachel{display:flex;align-items:center;gap:14px;height:100%;padding:16px 18px;border:1.5px solid var(--rl-rand);border-radius:16px;background:#fff;color:var(--dunkeltext);text-decoration:none;transition:border-color .25s,box-shadow .25s}
.oc-kachel:hover{border-color:var(--t);box-shadow:0 14px 30px rgba(13,27,77,.1);color:var(--dunkeltext)}
.oc-kachel b{display:block;color:var(--b);font:900 17px/1.3 var(--titel)}
.oc-kachel>span:last-child{font-size:15px;line-height:1.45}
.unterricht .punkte b{color:#fff}
.oc-bereich{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;padding-block:34px;scroll-margin-top:140px}
.oc-bereich+.oc-bereich{border-top:1px solid var(--rl-rand)}
.oc-bereich--rechts .oc-bereich__bild{order:2}
.oc-bereich__bild{width:100%;max-width:420px;height:auto;justify-self:center}
.oc-bereich__text h3{margin:0 0 12px;font:900 clamp(22px,2.6vw,28px)/1.2 var(--titel);color:var(--b)}
.oc-bereich__text p:not(.dachzeile){max-width:62ch;margin:0}
.oc-zusatz{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
.oc-zusatz .grund p{margin-bottom:0}
.oc-weiter__karte{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:clamp(22px,4vw,40px);border-radius:24px;background:var(--hell)}
.oc-weiter__titel{margin:0 0 6px;font:900 clamp(22px,2.6vw,28px)/1.2 var(--titel);color:var(--b)}
.oc-weiter__karte p{margin:0}
.oc-weiter__knoepfe{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:800px){
  .oc-bereich{grid-template-columns:minmax(0,1fr);gap:20px}
  .oc-bereich--rechts .oc-bereich__bild{order:0}
  .oc-bereich__bild{max-width:300px}
  .oc-zusatz{grid-template-columns:minmax(0,1fr)}
}
/* === Unterrichtsmaterialien (rein informativ) === */
.mat-ueberblick{margin-top:6px}
.materialien__kurs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.mat-buecher{background:var(--hell)}
.mat-buecher .fachfilter{margin-bottom:30px}
.mat-buecher .materialien__gruppe{margin-bottom:34px}
.mat-buecher .materialien__titel{color:var(--b)}
.buchkarte__link{border-color:var(--rl-rand)}
.buchkarte__titel{color:var(--b)}
.buchkarte__text{color:var(--dunkeltext)}
.buchkarte__faecher{margin-top:auto;padding-top:6px;color:var(--t-text);font-size:13px;font-weight:700}
.fachfilter__eintrag{border-color:var(--grau-text)}
.mat-technik__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:22px;margin:0 0 44px;padding:0;list-style:none}
.mat-technik__liste li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;margin:0}
.mat-technik__liste h3{margin:0 0 4px;font:900 17px/1.3 var(--titel);color:var(--b)}
.mat-technik__liste p{margin:0;font-size:15px}
#enthalten{scroll-margin-top:140px}
.mat-buecher,.mat-technik{scroll-margin-top:140px}
/* Buchkarten: lange Titel dürfen die Karte nicht verbreitern (Reflow bei 320 px) */
.buchraster{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.buchkarte__link{grid-template-columns:84px minmax(0,1fr)}
.buchkarte__titel,.buchkarte__text{overflow-wrap:break-word;hyphens:auto}
@media (max-width:380px){.buchkarte__link{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px}}
/* Zusatzkarten Online Campus: Titel nicht unter dem Symbol */
.oc-zusatz .grund h3{padding-right:64px}
.ia-vertrauen__zahlen span{line-height:1.35}
@media (max-width:420px){
  .ia-vertrauen__zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .ia-vertrauen__zahlen b{font-size:22px}
  .ia-vertrauen__zahlen span{font-size:13px;hyphens:auto;overflow-wrap:break-word}
}
.ia-vertrauen__zahlen span{display:block}
@media (max-width:420px){.ia-karte .wpcf7-submit{padding:14px 10px;font-size:16px;white-space:normal}}
/* === Startseite: „Warum die Meister Fernschule“ als Bento-Raster (ersetzt Gründe + Vorteile) === */
.vorteile-bento__lead{max-width:62ch;margin:-14px 0 34px;font-size:18px}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:18px}
.bento__k{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:24px;border:1.5px solid var(--rl-rand);border-radius:22px;background:#fff}
.bento__k h3{margin:0;font:900 19px/1.25 var(--titel);color:var(--b);hyphens:manual;overflow-wrap:break-word}
.bento__k p{margin:0;font-size:15px;line-height:1.55;color:var(--dunkeltext)}
.bento__ic{display:grid;place-items:center;flex:none;width:46px;height:46px;margin-bottom:4px;border-radius:14px;background:#e6f8f5;color:var(--t-text)}
.bento__ic .icon{width:22px;height:22px}
.bento__k--live{grid-column:span 2;grid-row:span 2;justify-content:flex-end;min-height:340px;padding:30px;border:0;background:linear-gradient(180deg,rgba(13,27,77,.15) 25%,rgba(13,27,77,.94) 78%),var(--bento-bild) center/cover}
.bento__k--live h3{color:#fff;font-size:28px}
.bento__k--live p{color:#fff;font-size:16px}
.bento__k--live a{align-self:flex-start;margin-top:4px;color:#fff;font:800 15px/1.3 var(--titel);text-decoration:underline;text-underline-offset:.2em}
.bento__k--live a:hover{color:var(--t-hell)}
.bento__k--live :focus-visible{outline-color:#fff}
.bento__badge{position:absolute;top:22px;left:22px;padding:6px 12px;border-radius:999px;background:var(--o);color:var(--auf-orange);font:900 12px/1 var(--titel);letter-spacing:.08em}
.bento__k--foerderung{grid-column:span 2;border-color:#ffd9c7;background:#fff4ec}
.bento__kicker{font:800 12px/1.2 var(--titel);letter-spacing:.08em;text-transform:uppercase;color:var(--o-text)}
.bento__zahl{font:900 44px/1 var(--titel);color:var(--o-text)}
.bento__k--modelle{grid-column:span 2}
.bento__chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.bento__chips li{margin:0;padding:8px 12px;border-radius:999px;background:var(--hell);color:var(--b);font:800 13px/1 var(--titel)}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .bento{gap:12px;grid-auto-rows:auto}
  .bento__k{padding:16px;border-radius:18px;gap:8px}
  .bento__k h3{font-size:16px;hyphens:auto}
  .bento__k p{font-size:14px}
  .bento__ic{width:40px;height:40px;border-radius:12px}
  .bento__k--live,.bento__k--foerderung,.bento__k--modelle{grid-column:1/-1}
  .bento__k--live{grid-row:auto;min-height:320px;padding:22px}
  .bento__k--live h3{font-size:24px}
  .bento__zahl{font-size:38px}
}
/* === Kursseite: aufgeräumter Überblick (Einleitung offen, weitere Abschnitte aufklappbar) === */
.kt-intro h3{margin:0 0 12px;font:900 22px/1.25 var(--titel);color:var(--b)}
.kt-intro__unter{margin:-4px 0 12px!important;color:var(--grau-text);font-weight:600}
.kt-intro p{max-width:68ch}
.kt-mehr{display:grid;gap:12px;margin-top:26px}
.kt-karte{border:1.5px solid var(--rl-rand);border-radius:18px;background:#fff}
.kt-karte[open]{border-color:var(--t);box-shadow:0 12px 30px rgba(13,27,77,.08)}
.kt-karte summary{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:14px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}
.kt-karte summary::-webkit-details-marker{display:none}
.kt-karte summary::after{content:"+";display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hell);color:var(--b);font:900 18px/1 var(--titel)}
.kt-karte[open] summary::after{content:"–"}
.kt-karte summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:18px}
.kt-karte .vt__ei{width:48px;height:40px}
.kt-karte__kopf h3{margin:0;font:900 18px/1.3 var(--titel);color:var(--b)}
.kt-karte__kopf small{display:block;margin-top:2px;font-size:14px;color:var(--grau-text)}
.kt-karte__inhalt{padding:0 22px 20px 82px}
.kt-karte__inhalt p{max-width:68ch}
.kt-pillen-titel{margin:30px 0 12px!important;font:800 13px/1.2 var(--titel);letter-spacing:.08em;text-transform:uppercase;color:var(--grau-text)}
.kt-pillen{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.kt-pillen li{display:flex;align-items:center;gap:8px;margin:0;padding:6px 14px 6px 6px;border:1.5px solid var(--rl-rand);border-radius:999px;background:#fff;font:800 14px/1.2 var(--titel);color:var(--b)}
.kt-pillen .vt__ei{width:30px;height:26px}
.kt-pillen .vt__ei .icon,.kt-pillen .vt__ei svg{width:15px;height:15px}
@media (max-width:600px){.kt-karte summary{grid-template-columns:40px minmax(0,1fr) 28px;gap:10px;padding:14px}.kt-karte .vt__ei{width:40px;height:34px}.kt-karte__inhalt{padding:0 16px 16px}}
/* Fuß: freigestelltes Foto der Beraterin im Oval */
.berater__foto--frei{background:#e6f8f5}
.berater__foto--frei img{top:-4%;object-position:50% 12%}
/* Blog: lange Wörter im Titel und die Metazeile dürfen bei 320 px nicht überstehen */
.artikel__titel{hyphens:auto;overflow-wrap:break-word}
.beitragskarte__meta{flex-wrap:wrap;row-gap:4px}
/* Fuß: Foto der Beraterin rund statt eiförmig (Nutzer 27.09.2026) */
.berater__foto--frei{width:150px;height:150px;border-radius:50%;transform:none}
.berater__foto--frei img{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:none}
@media (max-width:600px){.berater__foto--frei{width:120px;height:120px}}
/* Cookie-Reiter von Complianz: am Desktop links unten (rechts sitzen „Nach oben“ und der Rückruf-Knopf);
   am Handy ausgeblendet – dort öffnet „Cookie-Einstellungen“ im Fuß das Banner */
.cmplz-manage-consent{left:16px!important;right:auto!important}
@media (max-width:1359px){.cmplz-manage-consent{display:none!important}}
.rfuss__cookie{padding:0;border:0;background:none;color:rgba(255,255,255,.7);font:inherit;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}
.rfuss__cookie:hover{color:#fff}
/* Zulassung: BQ-/HQ-/Info-Grafiken aus dem Page-Builder nicht bildschirmbreit */
.zul-text .wpb_single_image{margin:0 0 8px}
.zul-text .wpb_single_image img{width:auto;max-width:120px;height:auto}
@media (max-width:767px){.zul-text .wpb_single_image img{max-width:72px}.zul-text .wpb_single_image{margin:8px 0 0}}
/* Handy-Menü: die Farben des fixierten Desktop-Kopfs dürfen im aufgeklappten Menü nicht greifen (weiß auf hell) */
@media (max-width:1100px){
  .kopf.ist-fixiert .hauptnav .nav{background:none}
  .kopf.ist-fixiert .hauptnav .nav>li>a{color:#fff}
  .kopf.ist-fixiert .hauptnav .nav>li:hover>a,.kopf.ist-fixiert .hauptnav .nav>li.current-menu-item>a,.kopf.ist-fixiert .hauptnav .nav>li.current-menu-ancestor>a{background:#fff;color:var(--b)}
}
.blog__text{max-width:78ch;margin:-12px 0 26px}
/* Startseite: Textblock „Meisterschule für Ihre berufliche Weiterbildung“ */
.seotext{background:var(--hell)}
.seotext__einleitung{display:grid;gap:14px;max-width:78ch;margin-bottom:34px}
.seotext__einleitung p{margin:0}
.seotext__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.seotext__block{padding:26px 26px 24px;border-radius:22px;background:#fff;border:1.5px solid var(--rl-rand)}
.seotext__block h3{margin:0 0 10px;font:800 19px/1.3 var(--titel);color:var(--dunkeltext)}
.seotext__block p{margin:0}
@media (max-width:760px){.seotext__raster{grid-template-columns:1fr}.seotext__block{padding:22px 20px}}
/* Fuß: Foto nicht von der Sprechblase zusammendrücken lassen (am Handy entstand sonst ein schmales Oval) */
.berater{width:max-content;max-width:calc(100vw - 32px)}
.berater__foto{flex:none}