/* ===== Solema: helles Design wie auf der Startseite (für Video-App und E-Book-Studio) ===== */
html{color-scheme:light}
:root{
  --bg:#fbf8f4; --surface:#ffffff; --fg:#1d1a33; --ink:#1d1a33; --muted:#5f5b73; --line:#ebe4da; --soft:#f6f0e8;
  --mag:#1f7fd1; --sky:#0ea5e9; --sea:#0284c7; --sand:#f6f0e8; --onpage:#1d1a33;
  --grad:linear-gradient(100deg,#1f7fd1,#4aa8f0); --grad2:linear-gradient(95deg,#1f7fd1 0%,#38a1ec 45%,#0ea5e9 100%);
  --btn:linear-gradient(100deg,#1f7fd1,#4aa8f0); --sh:0 24px 60px -32px rgba(40,20,70,.35);
  --display:"Fraunces",Georgia,serif; --body:"Manrope",system-ui,sans-serif;
}
body{background:radial-gradient(900px 420px at 10% 0%,rgba(125,211,252,.45),transparent 70%),radial-gradient(800px 420px at 95% 4%,rgba(125,211,252,.22),transparent 70%),#fbf8f4!important;color:var(--fg);font-family:var(--body)}
body::before,body::after{display:none!important;animation:none!important}
h1,h2,h3{color:var(--ink)}
h2{font-weight:700}
.wrap{padding-top:34px}
section,.wd{background:#fff!important;border:1px solid var(--line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--sh)!important;border-radius:22px!important;padding:24px!important}
input[type=password],input[type=text],input[type=email],input[type=date],input[type=number],select,textarea{background:#fff!important;color:var(--fg)!important;border:1.5px solid var(--line)!important;border-radius:12px!important}
input:focus,select:focus,textarea:focus{outline:2px solid #c9e3f8!important;border-color:var(--mag)!important}
select option{background:#fff;color:#1d1a33}
button{background:var(--btn);color:#fff;border-radius:999px;box-shadow:0 10px 22px -12px rgba(31,127,209,.6)}
button:hover:not(:disabled){filter:brightness(1.05)}
button.ghost{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;box-shadow:none!important}
.linkbtn,.replink{background:none!important;box-shadow:none!important;color:var(--muted)}
a{color:var(--mag)}
.chip{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;box-shadow:none!important}
.chip[aria-pressed="true"]{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.plan{background:#fff!important;border:1px solid var(--line)!important}
.plan.hl{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box!important}
.badge{background:var(--grad)}
.price,.credit{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ink)!important}
.price small{-webkit-text-fill-color:var(--muted)!important;color:var(--muted)!important}
.ben,.klbox,.assist,.kltext,.slot,.st,.kinote,.bk-list li,.tlist label,.chap{background:var(--soft)!important;border-color:var(--line)!important}
.tlist label:has(input:checked),.bk-list li.on{border-color:var(--mag)!important;background:#eaf4fd!important}
.ben strong::before,.st .num,.chap .hd .n{background:var(--grad)!important;color:#fff}
.step,.per,.estimate,.subh,.assist summary{color:var(--mag)!important}
.note{background:#ecfdf5!important;color:#065f46!important}
.note.err,.msg.err{background:#fff1f2!important;color:#9f1239!important}
.msg{background:var(--soft)!important;color:var(--fg)!important}
.kinote{border-left:4px solid var(--mag)!important}
.klstat b{color:var(--ink)} .klstat b.done,.chap .st.ok{color:#047857!important} .klstat b.busy,.chap .st.busy{color:#b45309!important}
.prog{background:#ece5dc!important}
.styles button[aria-pressed="true"]{border-color:var(--ink)!important}
#cv{box-shadow:14px 20px 40px -18px rgba(30,20,60,.55)!important}
.start,.klonplan{background:linear-gradient(#fff,#fff) padding-box,var(--grad2) border-box!important;border:2px solid transparent!important}
.prices .plan{--pt:#0369a1}
.prices .plan:nth-child(2){--pt:#1867ad}
.prices .plan:nth-child(3){--pt:#c2410c}
.prices .plan.hl{background:linear-gradient(#fff,#fff) padding-box,var(--pc) border-box!important}
.prices .plan::after{opacity:.12!important}
.wdbtn{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;box-shadow:none!important}
.wddone pre{background:var(--soft)!important}
/* Seitenkopf der App unter dem Solema-Menü */
.wrap>header{color:var(--ink)!important}
.wrap>header .logo,.bk-top .logo{display:none!important}
.wrap>header p{color:var(--muted)!important;text-shadow:none!important;font-weight:500!important}
.wrap>header .eyebrow,.bk-top .eyebrow{color:var(--mag)!important;opacity:1}
.hdrbtn{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;border-radius:999px!important;box-shadow:none!important}
.hdrbtn.solid{background:var(--btn)!important;color:#fff!important;border-color:transparent!important}
.lang select{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important}
.bk-top a{color:var(--mag)!important}
.foot{display:none!important}

/* ===== Solema-Menü oben (gleich wie Startseite) ===== */
.sb-bar{background:var(--ink);color:#fff;text-align:center;font-size:14px;padding:8px 16px}
.sb-bar b{color:#7dd3fc}
header.top{position:sticky;top:0;z-index:50;display:block!important;gap:0;color:var(--ink)!important;background:rgba(251,248,244,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .w{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;height:70px}
header.top a{color:var(--ink);text-decoration:none}
header.top .brand{display:flex;align-items:center;font:800 26px var(--body);letter-spacing:-.02em}
header.top .brand svg{width:26px;height:26px;margin:0 1px}
header.top .mn{display:flex;gap:4px;margin-left:12px;flex:1}
header.top .mn>a,header.top .mn>.dd>button{font:700 15px var(--body);color:var(--ink);background:none;border:0;padding:10px 14px;border-radius:12px;cursor:pointer;box-shadow:none;filter:none}
header.top .mn>a:hover,header.top .mn>.dd>button:hover,header.top .dd.open>button{background:var(--soft)}
header.top .dd{position:relative}
header.top .dd>button:after{content:"▾";font-size:12px;margin-left:6px}
header.top .mega{display:none;position:absolute;left:0;top:calc(100% + 8px);width:620px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:14px;grid-template-columns:1fr 1fr;gap:4px}
header.top .dd.open .mega{display:grid}
header.top .mega a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;font-weight:400}
header.top .mega a:hover{background:var(--soft)}
header.top .mega i{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;background:var(--soft)!important;color:var(--mag)}
header.top .mega i svg{width:20px;height:20px}
header.top .mega b{display:block;font-size:15px} header.top .mega small{color:var(--muted);font-size:13px;line-height:1.35;display:block}
header.top .pill{font:800 11px var(--body);background:#dceefc;color:#1867ad;border-radius:99px;padding:3px 9px}
header.top .hd-r{display:flex;gap:10px;align-items:center;margin-left:auto}
header.top .login{font-weight:700;padding:10px 12px}
header.top .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:800 14px var(--body);color:#fff;background:var(--btn);padding:10px 18px;border-radius:999px;box-shadow:0 12px 26px -12px rgba(31,127,209,.65)}
header.top .burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;padding:6px 8px;color:var(--ink);box-shadow:none}
@media (max-width:960px){
  header.top .mn{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:10px 16px 16px;margin:0;box-shadow:var(--sh)}
  header.top .mn.open{display:flex}
  header.top .mega{position:static;width:auto;grid-template-columns:1fr;box-shadow:none;border:0;padding:0 0 0 6px}
  header.top .burger{display:block}
}
@media (max-width:520px){header.top .lg,header.top .login{display:none}}

/* ===== Fußzeile (gleich wie Startseite) ===== */
footer.ft{margin-top:60px;background:#f4eee6;border-top:1px solid var(--line);padding:34px 0 40px;color:var(--ink)}
footer.ft .w{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between}
footer.ft nav{display:flex;flex-wrap:wrap;gap:10px 20px}
footer.ft a{text-decoration:none;font-weight:600;font-size:14px;color:var(--ink)}
footer.ft .brand{display:flex;align-items:center;font:800 22px var(--body)}
footer.ft .brand svg{width:22px;height:22px;margin:0 1px}
footer.ft .ki{flex-basis:100%;font-size:13px;color:var(--muted)}
.filebtn span{background:var(--btn);color:#fff;border-radius:999px}
.filebtn span[style]{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important}

.wbar{text-align:center;padding:0 16px 26px}.wbtn{display:inline-flex;align-items:center;gap:8px;font:800 15px Manrope,sans-serif;color:#fff;background:#1f7fd1;border:2px solid #1f7fd1;box-shadow:0 10px 24px -12px rgba(31,127,209,.75);border-radius:999px;padding:12px 24px;text-decoration:none}.wbtn:hover{background:#1867ad;border-color:#1867ad;color:#fff}