{"campaignId":"69e376d9d81cdfa8cbaf5a7e","campaignVersionId":"6a0c237f7d9cfada366fdeb9","companyId":"67cc0dccd4e288003b9730ff","pageId":"69e376e8fa0ee22c315cfb80","pageName":"Daily","pageSlug":"daily","tag":"interaction","components":[{"_id":"69e37701d81cdfa8cbaf639c","type":"component","isTemplate":false,"name":"embed","content":{"body":"<!DOCTYPE html>\n<html lang="de">\n<head>\n<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width, initial-scale=1.0">\n<title>Superkraft KI Daily – Dein persönlicher KI-Coach</title>\n<link rel="preconnect" href="https://fonts.googleapis.com">\n<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap" rel="stylesheet">\n<style>\n:root {\n --indigo: #1E1B4B;\n --indigo-deep: #15133A;\n --violet: #4338CA;\n --violet-mid: #6D5BDE;\n --violet-soft: rgba(109,91,222,0.12);\n --gold: #F39C12;\n --gold-light: #F7C048;\n --gold-soft: rgba(243,156,18,0.12);\n --white: #FFFFFF;\n --muted: rgba(255,255,255,0.55);\n --faint: rgba(255,255,255,0.25);\n --border: rgba(109,91,222,0.22);\n --border-gold: rgba(243,156,18,0.3);\n}\n\n*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior:smooth; font-size:17px; }\nbody {\n font-family:'DM Sans',sans-serif;\n background:var(--indigo-deep);\n color:var(--white);\n overflow-x:hidden;\n line-height:1.65;\n}\n\n/* noise disabled in embed */\nbody::after { display:none; }\n\n/* ─── UTILS ─── */\n.mono { font-family:'Space Mono',monospace; }\n.gold { color:var(--gold); }\n.muted { color:var(--muted); }\n.center { text-align:center; }\n.container { max-width:1120px; margin:0 auto; padding:0 1.5rem; }\n.section-label {\n font-family:'Space Mono',monospace;\n font-size:.75rem; letter-spacing:.2em;\n text-transform:uppercase; color:var(--gold);\n margin-bottom:1rem; display:block;\n}\n.section-title {\n font-family:'Space Mono',monospace;\n font-size:clamp(1.9rem,4vw,3.1rem);\n font-weight:700; line-height:1.15;\n margin-bottom:1.1rem;\n}\n.section-sub {\n font-size:1.15rem; color:var(--muted);\n max-width:580px; line-height:1.8;\n font-weight:300;\n}\n\n/* In embed context alle reveals sofort sichtbar */\n.reveal { opacity:1; transform:none; transition:none; }\n\n/* ─── NAV ─── */\nnav {\n position:relative; top:auto; left:auto; right:auto; z-index:200;\n display:flex; align-items:center; justify-content:space-between;\n padding:.9rem 2rem;\n background:rgba(21,19,58,1);\n border-bottom:1px solid var(--border);\n}\n.nav-logo { font-family:'Space Mono',monospace; font-size:.8rem; color:var(--gold); letter-spacing:.06em; }\n.nav-logo span { color:var(--white); opacity:.5; }\n.nav-links { display:flex; gap:1.5rem; align-items:center; }\n.nav-links a { font-size:.8rem; color:var(--muted); text-decoration:none; transition:color .2s; }\n.nav-links a:hover { color:var(--white); }\n.nav-cta {\n background:var(--gold); color:var(--indigo);\n font-family:'Space Mono',monospace; font-size:.72rem; font-weight:700;\n padding:.5rem 1.3rem; border-radius:2px; text-decoration:none;\n letter-spacing:.05em; transition:all .2s; white-space:nowrap;\n}\n.nav-cta:hover { background:var(--gold-light); transform:translateY(-1px); }\n@media(max-width:640px){ .nav-links { display:none; } }\n\n/* ─── BTN ─── */\n.btn-gold {\n display:inline-block; background:var(--gold); color:var(--indigo);\n font-family:'Space Mono',monospace; font-weight:700;\n font-size:.88rem; padding:1rem 2.4rem; border-radius:2px;\n text-decoration:none; letter-spacing:.04em; border:none; cursor:pointer;\n transition:all .2s;\n}\n.btn-gold:hover { background:var(--gold-light); transform:translateY(-2px); box-shadow:0 8px 28px rgba(243,156,18,.28); }\n.btn-outline {\n display:inline-block; background:transparent; color:var(--white);\n font-family:'Space Mono',monospace; font-size:.82rem;\n padding:.95rem 2rem; border-radius:2px; text-decoration:none;\n border:1px solid rgba(255,255,255,.22); letter-spacing:.04em;\n transition:all .2s; cursor:pointer;\n}\n.btn-outline:hover { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.05); }\n\n/* ─── HERO ─── */\n.hero {\n display:flex; flex-direction:column;\n align-items:center; justify-content:center;\n padding:5rem 1.5rem 6rem; text-align:center;\n position:relative; overflow:hidden;\n}\n.hero-orb {\n position:absolute; border-radius:50%; pointer-events:none;\n background:radial-gradient(circle,rgba(109,91,222,.18) 0%,transparent 68%);\n}\n.hero-orb-1 { width:800px; height:800px; top:50%; left:50%; transform:translate(-50%,-50%); }\n.hero-orb-2 { width:400px; height:400px; top:20%; right:-100px; background:radial-gradient(circle,rgba(243,156,18,.08) 0%,transparent 70%); }\n\n.hero-eyebrow {\n animation:none; opacity:1;\n display:inline-flex; align-items:center; gap:.5rem;\n background:rgba(109,91,222,.14); border:1px solid rgba(109,91,222,.35);\n border-radius:100px; padding:.38rem 1rem;\n font-family:'Space Mono',monospace; font-size:.66rem;\n color:var(--violet-mid); letter-spacing:.12em; text-transform:uppercase;\n margin-bottom:2rem;\n}\n.blink { width:6px; height:6px; border-radius:50%; background:var(--gold); animation:blink 2s infinite; }\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }\n\n.hero h1 {\n font-family:'Space Mono',monospace;\n font-size:clamp(2.3rem,6vw,5rem);\n font-weight:700; line-height:1.06;\n max-width:940px; margin-bottom:1.6rem;\n \n}\n.hero h1 em { color:var(--gold); font-style:normal; display:block; }\n\n.hero-lead {\n font-size:clamp(1rem,2.2vw,1.28rem);\n color:var(--muted); max-width:660px; line-height:1.75;\n font-weight:300; margin-bottom:2.8rem;\n \n}\n\n.hero-ctas { display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }\n\n.hero-proof {\n margin-top:4.5rem; padding-top:3rem;\n border-top:1px solid var(--border);\n display:flex; gap:3rem; flex-wrap:wrap; justify-content:center;\n \n}\n.proof-item { text-align:center; }\n.proof-num { font-family:'Space Mono',monospace; font-size:2rem; font-weight:700; color:var(--gold); display:block; }\n.proof-lbl { font-size:.75rem; color:var(--faint); letter-spacing:.06em; }\n\n@keyframes fadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }\n@keyframes fadeDown { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:none} }\n\n/* ─── URGENCY STRIP ─── */\n.urgency-strip {\n background:linear-gradient(90deg,var(--violet) 0%,var(--violet-mid) 100%);\n padding:.85rem 1.5rem; text-align:center;\n font-family:'Space Mono',monospace; font-size:.75rem; letter-spacing:.06em;\n color:rgba(255,255,255,.9);\n}\n.urgency-strip span { color:var(--gold); }\n\n/* ─── PROBLEM ─── */\n.problem-section { padding:7rem 0; }\n.problem-grid {\n display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n gap:1px; background:var(--border); border:1px solid var(--border);\n margin-top:3rem;\n}\n.problem-card {\n background:var(--indigo-deep); padding:2rem 1.75rem;\n position:relative; overflow:hidden; transition:background .25s;\n}\n.problem-card:hover { background:rgba(109,91,222,.07); }\n.problem-card::before {\n content:''; position:absolute; top:0; left:0;\n width:3px; height:100%; background:var(--violet-mid);\n transform:scaleY(0); transform-origin:bottom;\n transition:transform .3s ease;\n}\n.problem-card:hover::before { transform:scaleY(1); }\n.problem-icon { font-size:1.8rem; margin-bottom:1rem; }\n.problem-card h3 { font-family:'Space Mono',monospace; font-size:1rem; margin-bottom:.6rem; }\n.problem-card p { font-size:.97rem; color:var(--muted); line-height:1.75; }\n\n/* ─── KI DYNAMIK CALLOUT ─── */\n.dynamik-callout {\n margin:0 auto; max-width:860px;\n background:linear-gradient(135deg,rgba(109,91,222,.12) 0%,rgba(243,156,18,.06) 100%);\n border:1px solid var(--border-gold); border-radius:4px;\n padding:3rem; text-align:center;\n}\n.dynamik-callout h2 {\n font-family:'Space Mono',monospace;\n font-size:clamp(1.4rem,3vw,2rem);\n margin-bottom:1rem; line-height:1.25;\n}\n.dynamik-callout p { font-size:1rem; color:var(--muted); max-width:620px; margin:0 auto; line-height:1.8; }\n\n/* ─── WHAT YOU GET ─── */\n.whatyouget-section { padding:7rem 0; }\n.wyg-grid {\n display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\n gap:1.5rem; margin-top:3rem;\n}\n.wyg-card {\n border:1px solid var(--border); border-radius:4px;\n padding:2rem; background:var(--violet-soft);\n transition:all .25s; position:relative; overflow:hidden;\n}\n.wyg-card:hover { border-color:rgba(109,91,222,.5); background:rgba(109,91,222,.16); transform:translateY(-3px); }\n.wyg-num {\n font-family:'Space Mono',monospace; font-size:.65rem;\n color:var(--gold); letter-spacing:.18em; text-transform:uppercase;\n margin-bottom:.75rem; display:block;\n}\n.wyg-icon { font-size:2rem; margin-bottom:.75rem; }\n.wyg-card h3 { font-family:'Space Mono',monospace; font-size:1.05rem; margin-bottom:.6rem; }\n.wyg-card p { font-size:.97rem; color:var(--muted); line-height:1.75; }\n.wyg-tag {\n display:inline-block; margin-top:1rem;\n background:var(--gold-soft); border:1px solid var(--border-gold);\n color:var(--gold); font-size:.65rem; font-family:'Space Mono',monospace;\n padding:.2rem .6rem; border-radius:2px; letter-spacing:.08em;\n}\n\n/* ─── JOURNEY ─── */\n.journey-section { padding:7rem 0; background:rgba(109,91,222,.04); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }\n.journey-inner { max-width:1120px; margin:0 auto; padding:0 1.5rem; }\n.journey-grid {\n display:grid; grid-template-columns:1fr 1fr;\n gap:5rem; align-items:start; margin-top:3.5rem;\n}\n@media(max-width:800px){ .journey-grid { grid-template-columns:1fr; gap:3rem; } }\n\n/* Dashboard Mockup */\n.dashboard-mockup {\n background:rgba(21,19,58,.95); border:1px solid var(--border);\n border-radius:8px; overflow:hidden;\n box-shadow:0 20px 60px rgba(0,0,0,.4);\n}\n.db-topbar {\n background:rgba(109,91,222,.15); padding:.6rem 1rem;\n display:flex; align-items:center; gap:.5rem;\n border-bottom:1px solid var(--border);\n}\n.db-dot { width:8px; height:8px; border-radius:50%; }\n.db-title { font-family:'Space Mono',monospace; font-size:.62rem; color:var(--faint); margin-left:.4rem; }\n.db-body { padding:1.25rem; }\n.db-user { display:flex; align-items:center; gap:.75rem; margin-bottom:1.25rem; }\n.db-avatar {\n width:38px; height:38px; border-radius:50%;\n background:linear-gradient(135deg,var(--violet),var(--violet-mid));\n display:flex; align-items:center; justify-content:center;\n font-family:'Space Mono',monospace; font-size:.8rem; font-weight:700;\n}\n.db-username { font-size:.85rem; font-weight:500; }\n.db-streak { font-size:.72rem; color:var(--gold); font-family:'Space Mono',monospace; }\n.db-progress-label {\n font-family:'Space Mono',monospace; font-size:.6rem;\n color:var(--faint); letter-spacing:.12em; text-transform:uppercase;\n margin-bottom:.5rem; display:flex; justify-content:space-between;\n}\n.db-progress-bar { height:4px; background:rgba(255,255,255,.08); border-radius:4px; margin-bottom:1.25rem; }\n.db-progress-fill { height:100%; border-radius:4px; background:linear-gradient(90deg,var(--violet-mid),var(--gold)); }\n.db-episodes { display:flex; flex-direction:column; gap:.5rem; }\n.db-ep {\n display:flex; align-items:center; gap:.75rem;\n padding:.6rem .75rem; border-radius:3px;\n border:1px solid rgba(255,255,255,.05);\n background:rgba(255,255,255,.02);\n}\n.db-ep.done { opacity:.6; }\n.db-ep.active { border-color:rgba(243,156,18,.3); background:rgba(243,156,18,.04); }\n.db-ep.upcoming { opacity:.35; }\n.db-ep-icon { font-size:.9rem; flex-shrink:0; width:20px; text-align:center; }\n.db-ep-info { flex:1; min-width:0; }\n.db-ep-title { font-size:.75rem; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n.db-ep-meta { font-size:.65rem; color:var(--faint); font-family:'Space Mono',monospace; margin-top:1px; }\n.db-ep-badge {\n font-size:.55rem; font-family:'Space Mono',monospace;\n padding:.15rem .4rem; border-radius:2px; flex-shrink:0;\n}\n.db-ep-badge.done-badge { background:rgba(40,200,100,.1); color:#28C864; border:1px solid rgba(40,200,100,.2); }\n.db-ep-badge.active-badge { background:var(--gold-soft); color:var(--gold); border:1px solid var(--border-gold); }\n.db-ep-badge.upcoming-badge { background:rgba(255,255,255,.05); color:var(--faint); border:1px solid rgba(255,255,255,.08); }\n\n/* Journey points */\n.journey-points { display:flex; flex-direction:column; gap:1.5rem; }\n.jp {\n display:flex; gap:1rem; align-items:flex-start;\n padding:1.25rem; border:1px solid var(--border); border-radius:4px;\n background:var(--violet-soft); transition:all .2s;\n}\n.jp:hover { border-color:rgba(109,91,222,.45); background:rgba(109,91,222,.15); }\n.jp-icon {\n width:42px; height:42px; flex-shrink:0; border-radius:4px;\n background:rgba(109,91,222,.2); border:1px solid var(--border);\n display:flex; align-items:center; justify-content:center; font-size:1.1rem;\n}\n.jp-text h4 { font-family:'Space Mono',monospace; font-size:.83rem; margin-bottom:.35rem; }\n.jp-text p { font-size:.83rem; color:var(--muted); line-height:1.7; }\n\n/* ─── HOW IT WORKS ─── */\n.how-section { padding:7rem 0; }\n.steps { display:flex; flex-direction:column; gap:0; margin-top:3.5rem; }\n.step {\n display:grid; grid-template-columns:72px 1fr;\n gap:2rem; position:relative;\n}\n.step:not(:last-child)::after {\n content:''; position:absolute; left:35px; top:72px;\n width:1px; height:calc(100% - 24px);\n background:linear-gradient(to bottom,rgba(109,91,222,.4),rgba(109,91,222,.08));\n}\n.step-circle {\n width:72px; height:72px; border-radius:50%;\n border:1px solid var(--border); background:rgba(109,91,222,.08);\n display:flex; align-items:center; justify-content:center;\n font-family:'Space Mono',monospace; font-size:1.3rem; font-weight:700;\n color:var(--gold); flex-shrink:0; z-index:1;\n}\n.step-body { padding:1rem 0 3.5rem; }\n.step-body h3 { font-family:'Space Mono',monospace; font-size:1.1rem; margin-bottom:.6rem; }\n.step-body p { font-size:.97rem; color:var(--muted); line-height:1.8; max-width:540px; }\n\n/* ─── WEEK ─── */\n.week-section { padding:7rem 0; }\n.week-grid {\n display:grid; grid-template-columns:repeat(7,1fr);\n gap:8px; margin-top:2.5rem;\n}\n.day {\n border:1px solid var(--border); border-radius:4px;\n padding:1.1rem .6rem; text-align:center;\n background:rgba(109,91,222,.04); transition:all .2s;\n}\n.day:hover { transform:translateY(-3px); border-color:rgba(109,91,222,.45); }\n.day.weekend { border-color:var(--border-gold); background:var(--gold-soft); }\n.day-name { font-family:'Space Mono',monospace; font-size:.6rem; color:var(--faint); letter-spacing:.1em; text-transform:uppercase; margin-bottom:.6rem; }\n.day.weekend .day-name { color:var(--gold); }\n.day-emoji { font-size:1.3rem; margin-bottom:.4rem; }\n.day-desc { font-size:.67rem; color:var(--muted); line-height:1.5; }\n.day.weekend .day-desc { color:rgba(243,156,18,.8); }\n.week-note { margin-top:1.25rem; font-size:.82rem; color:var(--muted); display:flex; gap:2rem; flex-wrap:wrap; }\n.week-note span { display:flex; align-items:center; gap:.4rem; }\n.dot { width:8px; height:8px; border-radius:50%; display:inline-block; }\n@media(max-width:640px){\n .week-grid { grid-template-columns:repeat(4,1fr); }\n .week-grid .day:nth-child(n+5):not(.weekend) { display:none; }\n}\n\n/* ─── EPISODE PREVIEW ─── */\n.preview-section { padding:7rem 0; background:rgba(109,91,222,.04); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }\n.preview-inner { max-width:1120px; margin:0 auto; padding:0 1.5rem; }\n.preview-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; margin-top:3rem; }\n@media(max-width:800px){ .preview-grid { grid-template-columns:1fr; gap:2.5rem; } }\n\n.ep-mockup {\n background:rgba(21,19,58,.95); border:1px solid var(--border);\n border-radius:8px; overflow:hidden;\n box-shadow:0 16px 50px rgba(0,0,0,.35);\n}\n.ep-topbar {\n background:rgba(109,91,222,.15); padding:.6rem 1rem;\n display:flex; align-items:center; gap:.4rem;\n border-bottom:1px solid var(--border);\n}\n.ep-body { padding:1.5rem; }\n.ep-tag {\n display:inline-block; background:var(--gold-soft);\n border:1px solid var(--border-gold);\n color:var(--gold); font-family:'Space Mono',monospace;\n font-size:.58rem; padding:.2rem .6rem; border-radius:2px;\n letter-spacing:.1em; text-transform:uppercase; margin-bottom:1rem;\n}\n.ep-title { font-family:'Space Mono',monospace; font-size:.9rem; line-height:1.4; margin-bottom:1rem; }\n.ep-excerpt { font-size:.8rem; color:var(--muted); line-height:1.75; margin-bottom:1.25rem; border-left:2px solid var(--violet-mid); padding-left:.75rem; }\n.ep-player {\n background:rgba(109,91,222,.1); border-radius:4px;\n padding:.75rem 1rem; display:flex; align-items:center; gap:.75rem;\n margin-bottom:1rem;\n}\n.play-btn-sm {\n width:30px; height:30px; border-radius:50%;\n background:var(--gold); display:flex; align-items:center; justify-content:center;\n flex-shrink:0; cursor:pointer; transition:all .2s;\n}\n.play-btn-sm:hover { background:var(--gold-light); transform:scale(1.08); }\n.ep-bar { flex:1; height:3px; background:rgba(255,255,255,.12); border-radius:3px; position:relative; }\n.ep-fill { position:absolute; left:0; top:0; bottom:0; width:38%; background:var(--gold); border-radius:3px; }\n.ep-time { font-family:'Space Mono',monospace; font-size:.6rem; color:var(--faint); }\n.ep-task {\n background:rgba(40,200,100,.06); border:1px solid rgba(40,200,100,.2);\n border-radius:4px; padding:.85rem 1rem;\n}\n.ep-task-label { font-family:'Space Mono',monospace; font-size:.6rem; color:#28C864; letter-spacing:.12em; text-transform:uppercase; margin-bottom:.4rem; }\n.ep-task-text { font-size:.8rem; color:var(--muted); line-height:1.6; }\n\n.preview-feats { display:flex; flex-direction:column; gap:1.1rem; }\n.pf {\n display:flex; gap:.9rem; align-items:flex-start;\n padding:1rem; border:1px solid var(--border); border-radius:4px;\n transition:all .2s;\n}\n.pf:hover { border-color:rgba(109,91,222,.4); background:var(--violet-soft); }\n.pf-icon {\n width:40px; height:40px; flex-shrink:0; border-radius:3px;\n background:rgba(109,91,222,.15); border:1px solid var(--border);\n display:flex; align-items:center; justify-content:center; font-size:1rem;\n}\n.pf-text h4 { font-family:'Space Mono',monospace; font-size:.82rem; margin-bottom:.3rem; }\n.pf-text p { font-size:.8rem; color:var(--muted); line-height:1.65; }\n\n/* ─── JÖRG SECTION ─── */\n.joerg-section { padding:7rem 0; }\n.joerg-inner { max-width:1120px; margin:0 auto; padding:0 1.5rem; }\n.joerg-grid { display:grid; grid-template-columns:300px 1fr; gap:5rem; align-items:start; }\n@media(max-width:800px){ .joerg-grid { grid-template-columns:1fr; gap:2.5rem; } }\n\n.joerg-img-wrap { position:relative; }\n.joerg-img {\n width:100%; aspect-ratio:3/4; border-radius:4px;\n background:rgba(109,91,222,.1); border:1px solid var(--border);\n display:flex; flex-direction:column; align-items:center;\n justify-content:center; gap:.75rem; color:var(--faint);\n font-size:.72rem; text-align:center; padding:1.5rem;\n}\n.joerg-img-icon { font-size:3rem; }\n.joerg-frame {\n position:absolute; bottom:-10px; right:-10px;\n width:100%; aspect-ratio:3/4; border-radius:4px;\n border:1px solid var(--border-gold); z-index:-1;\n}\n.joerg-label { font-family:'Space Mono',monospace; font-size:.65rem; color:var(--gold); letter-spacing:.2em; text-transform:uppercase; margin-bottom:.75rem; }\n.joerg-name { font-family:'Space Mono',monospace; font-size:2rem; font-weight:700; margin-bottom:.4rem; }\n.joerg-role { font-size:.88rem; color:var(--muted); margin-bottom:2rem; line-height:1.6; }\n.joerg-quote {\n font-size:1.05rem; color:rgba(255,255,255,.8); line-height:1.8;\n border-left:2px solid var(--gold); padding-left:1.25rem;\n margin-bottom:2rem; font-style:italic; font-weight:300;\n}\n.joerg-bio { font-size:.9rem; color:var(--muted); line-height:1.8; margin-bottom:2rem; }\n.joerg-tags { display:flex; flex-wrap:wrap; gap:.5rem; }\n.joerg-tag {\n background:var(--violet-soft); border:1px solid var(--border);\n border-radius:2px; padding:.3rem .75rem;\n font-size:.72rem; color:rgba(255,255,255,.6);\n font-family:'Space Mono',monospace;\n}\n.joerg-medien {\n margin-top:1.5rem; padding:1.25rem;\n border:1px solid var(--border); border-radius:4px;\n background:var(--violet-soft);\n}\n.joerg-medien-label { font-family:'Space Mono',monospace; font-size:.6rem; color:var(--gold); letter-spacing:.15em; text-transform:uppercase; margin-bottom:.75rem; }\n.medien-logos { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.medien-logo {\n font-family:'Space Mono',monospace; font-size:.7rem;\n color:rgba(255,255,255,.4); padding:.3rem .7rem;\n border:1px solid rgba(255,255,255,.1); border-radius:2px;\n}\n\n/* ─── DEMO SECTION ─── */\n.demo-section { padding:7rem 0; }\n.demo-inner { max-width:860px; margin:0 auto; padding:0 1.5rem; }\n.demo-box {\n border:1px solid var(--border-gold); border-radius:6px;\n overflow:hidden; background:rgba(243,156,18,.03);\n}\n.demo-box-header {\n background:rgba(243,156,18,.08); padding:1.5rem 2rem;\n border-bottom:1px solid var(--border-gold);\n display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;\n flex-wrap:wrap;\n}\n.demo-box-header h3 { font-family:'Space Mono',monospace; font-size:1.1rem; margin-bottom:.3rem; }\n.demo-box-header p { font-size:.85rem; color:var(--muted); max-width:500px; }\n.demo-badge {\n background:var(--gold); color:var(--indigo);\n font-family:'Space Mono',monospace; font-size:.65rem; font-weight:700;\n padding:.3rem .75rem; border-radius:2px; white-space:nowrap; align-self:flex-start;\n}\n\n/* Form */\n.demo-form { padding:2rem; }\n.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }\n@media(max-width:560px){ .form-row { grid-template-columns:1fr; } }\n.form-group { display:flex; flex-direction:column; gap:.4rem; }\n.form-group label {\n font-family:'Space Mono',monospace; font-size:.65rem;\n color:var(--muted); letter-spacing:.1em; text-transform:uppercase;\n}\n.form-group input, .form-group select {\n background:rgba(255,255,255,.04); border:1px solid var(--border);\n border-radius:2px; color:var(--white); font-family:'DM Sans',sans-serif;\n font-size:.9rem; padding:.7rem .9rem; outline:none;\n transition:border-color .2s; width:100%;\n}\n.form-group input:focus, .form-group select:focus { border-color:rgba(109,91,222,.6); background:rgba(109,91,222,.06); }\n.form-group input::placeholder { color:var(--faint); }\n.form-group select option { background:var(--indigo); }\n.form-submit {\n width:100%; margin-top:1rem; padding:1rem;\n background:var(--gold); color:var(--indigo);\n font-family:'Space Mono',monospace; font-weight:700; font-size:.88rem;\n border:none; border-radius:2px; cursor:pointer; letter-spacing:.04em;\n transition:all .2s;\n}\n.form-submit:hover { background:var(--gold-light); }\n.form-submit:disabled { opacity:.5; cursor:not-allowed; }\n.demo-note { font-size:.72rem; color:var(--faint); text-align:center; margin-top:.75rem; font-family:'Space Mono',monospace; }\n\n/* Iframe area */\n.demo-iframe-area { display:none; padding:0 1.5rem 1.5rem; }\n.demo-status {\n padding:1rem 1.5rem; background:var(--violet-soft);\n border:1px solid var(--border); border-radius:4px; margin-bottom:1rem;\n font-size:.82rem; color:var(--muted); display:flex; align-items:center; gap:.75rem;\n}\n.status-dot { width:8px; height:8px; border-radius:50%; background:var(--gold); animation:blink 1.5s infinite; flex-shrink:0; }\n#skd-demo { width:100%; border:0; min-height:500px; border-radius:4px; }\n\n/* Conversion CTA (shown after demo complete) */\n.demo-conversion {\n display:none; padding:2rem;\n background:linear-gradient(135deg,rgba(243,156,18,.08) 0%,rgba(109,91,222,.08) 100%);\n border-top:1px solid var(--border-gold);\n}\n.demo-conversion h3 { font-family:'Space Mono',monospace; font-size:1.1rem; margin-bottom:.5rem; }\n.demo-conversion p { font-size:.88rem; color:var(--muted); margin-bottom:1.5rem; }\n.conversion-btns { display:flex; gap:1rem; flex-wrap:wrap; }\n\n/* ─── PRICING ─── */\n.pricing-section { padding:7rem 0; }\n.pricing-toggle {\n display:flex; align-items:center; justify-content:center;\n gap:1rem; margin:1.5rem 0 3rem; flex-wrap:wrap;\n}\n.toggle-label { font-size:.85rem; color:var(--muted); }\n.toggle-label.active { color:var(--white); font-weight:500; }\n.toggle-switch {\n width:48px; height:26px; background:rgba(255,255,255,.1);\n border-radius:13px; position:relative; cursor:pointer;\n border:1px solid var(--border); transition:background .25s;\n}\n.toggle-switch.on { background:var(--violet); }\n.toggle-knob {\n position:absolute; width:20px; height:20px;\n background:var(--white); border-radius:50%;\n top:2px; left:2px; transition:transform .25s;\n}\n.toggle-switch.on .toggle-knob { transform:translateX(22px); }\n.toggle-save {\n background:var(--gold-soft); border:1px solid var(--border-gold);\n color:var(--gold); font-family:'Space Mono',monospace;\n font-size:.62rem; padding:.2rem .6rem; border-radius:2px;\n}\n\n.plans { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }\n.plan {\n border:1px solid var(--border); border-radius:4px;\n padding:2.5rem; background:var(--violet-soft);\n display:flex; flex-direction:column; position:relative;\n transition:all .3s;\n}\n.plan:hover { transform:translateY(-4px); border-color:rgba(109,91,222,.5); }\n.plan.featured { border-color:var(--gold); background:var(--gold-soft); }\n.plan.featured:hover { border-color:var(--gold-light); }\n.plan-badge {\n position:absolute; top:-13px; left:50%; transform:translateX(-50%);\n background:var(--gold); color:var(--indigo);\n font-family:'Space Mono',monospace; font-size:.62rem; font-weight:700;\n padding:.25rem 1rem; border-radius:100px; white-space:nowrap;\n letter-spacing:.08em; text-transform:uppercase;\n}\n.plan-name { font-family:'Space Mono',monospace; font-size:.7rem; color:var(--muted); letter-spacing:.15em; text-transform:uppercase; margin-bottom:.4rem; }\n.plan-price { display:flex; align-items:baseline; gap:.2rem; margin-bottom:.2rem; }\n.plan-price-num { font-family:'Space Mono',monospace; font-size:2.8rem; font-weight:700; line-height:1; }\n.plan-price-suf { font-size:.85rem; color:var(--muted); }\n.plan-annual { font-size:.72rem; color:var(--faint); margin-bottom:1.5rem; font-family:'Space Mono',monospace; }\n.plan-desc { font-size:.85rem; color:var(--muted); margin-bottom:1.75rem; line-height:1.65; padding-bottom:1.75rem; border-bottom:1px solid var(--border); }\n.plan-features { list-style:none; flex:1; margin-bottom:2rem; }\n.plan-features li {\n display:flex; gap:.7rem; align-items:flex-start;\n padding:.5rem 0; border-bottom:1px solid rgba(255,255,255,.04);\n font-size:.93rem; color:rgba(255,255,255,.78); line-height:1.5;\n}\n.plan-features li:last-child { border-bottom:none; }\n.chk { color:var(--gold); font-size:.75rem; margin-top:2px; flex-shrink:0; }\n.chk-off { color:rgba(255,255,255,.18); }\n.plan-btn {\n display:block; text-align:center; padding:.9rem;\n border-radius:2px; font-family:'Space Mono',monospace;\n font-size:.78rem; font-weight:700; letter-spacing:.05em;\n text-decoration:none; transition:all .2s; cursor:pointer; border:none;\n}\n.plan-btn-outline { border:1px solid rgba(255,255,255,.22); color:var(--white); background:transparent; }\n.plan-btn-outline:hover { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.04); }\n.plan-btn-gold { background:var(--gold); color:var(--indigo); }\n.plan-btn-gold:hover { background:var(--gold-light); box-shadow:0 6px 20px rgba(243,156,18,.25); }\n.plan-note { text-align:center; font-size:.68rem; color:var(--faint); margin-top:.65rem; font-family:'Space Mono',monospace; }\n\n/* Interactive features list */\n.feat-compare {\n margin-top:3rem; border:1px solid var(--border); border-radius:4px; overflow:hidden;\n}\n.feat-compare-header {\n display:grid; grid-template-columns:1fr repeat(3,100px);\n background:rgba(109,91,222,.12); padding:.75rem 1.5rem;\n font-family:'Space Mono',monospace; font-size:.65rem;\n color:var(--muted); letter-spacing:.1em; text-transform:uppercase; gap:1rem;\n}\n@media(max-width:640px){ .feat-compare { display:none; } }\n.feat-row {\n display:grid; grid-template-columns:1fr repeat(3,100px);\n padding:.65rem 1.5rem; gap:1rem;\n border-top:1px solid rgba(255,255,255,.04);\n font-size:.83rem; align-items:center;\n}\n.feat-row:hover { background:rgba(109,91,222,.06); }\n.feat-name { color:rgba(255,255,255,.75); }\n.feat-val { text-align:center; font-family:'Space Mono',monospace; font-size:.75rem; }\n.feat-yes { color:var(--gold); }\n.feat-no { color:rgba(255,255,255,.2); }\n\n/* ─── FAQ ─── */\n.faq-section { padding:7rem 0; }\n.faq-wrap { max-width:760px; margin:3rem auto 0; border:1px solid var(--border); border-radius:4px; overflow:hidden; }\n.faq-item { border-bottom:1px solid var(--border); }\n.faq-item:last-child { border-bottom:none; }\n.faq-q {\n display:flex; justify-content:space-between; align-items:center;\n padding:1.2rem 1.5rem; cursor:pointer; font-size:1rem; font-weight:500;\n transition:background .2s; gap:1rem;\n}\n.faq-q:hover { background:rgba(109,91,222,.07); }\n.faq-plus { font-family:'Space Mono',monospace; font-size:1.2rem; color:var(--gold); transition:transform .3s; flex-shrink:0; }\n.faq-a { display:none; padding:0 1.5rem 1.2rem; font-size:.95rem; color:var(--muted); line-height:1.8; }\n.faq-item.open .faq-a { display:block; }\n.faq-item.open .faq-q { background:rgba(109,91,222,.07); }\n.faq-item.open .faq-plus { transform:rotate(45deg); }\n\n/* ─── FINAL CTA ─── */\n.final-section { padding:9rem 0; text-align:center; position:relative; overflow:hidden; }\n.final-orb {\n position:absolute; width:600px; height:600px; border-radius:50%;\n background:radial-gradient(circle,rgba(243,156,18,.09) 0%,transparent 68%);\n top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;\n}\n.final-section h2 { font-family:'Space Mono',monospace; font-size:clamp(1.8rem,4.5vw,3.5rem); font-weight:700; max-width:760px; margin:1rem auto 1.5rem; line-height:1.15; }\n.final-section p { font-size:1.1rem; color:var(--muted); margin-bottom:3rem; font-weight:300; }\n.final-ctas { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }\n.final-note { margin-top:1.5rem; font-size:.72rem; color:var(--faint); font-family:'Space Mono',monospace; }\n\n/* ─── FOOTER ─── */\nfooter {\n padding:2rem 1.5rem; border-top:1px solid var(--border); text-align:center;\n}\nfooter p { font-size:.72rem; color:var(--faint); font-family:'Space Mono',monospace; }\nfooter a { color:var(--faint); text-decoration:none; }\nfooter a:hover { color:rgba(255,255,255,.5); }\n\n/* ─── SCROLLBAR ─── */\n::-webkit-scrollbar { width:4px; }\n::-webkit-scrollbar-track { background:var(--indigo-deep); }\n::-webkit-scrollbar-thumb { background:rgba(109,91,222,.4); border-radius:2px; }\n</style>\n</head>\n<body>\n\n<!-- NAV -->\n<nav>\n <div class="nav-logo mono">SUPERKRAFT KI <span>DAILY</span></div>\n <div class="nav-links">\n <a href="#wie">Wie es funktioniert</a>\n <a href="#demo">Demo erleben</a>\n <a href="#preise">Preise</a>\n <a href="#joerg">Über Jörg</a>\n </div>\n <a href="#demo" class="nav-cta">Kostenlose Demo →</a>\n</nav>\n\n<!-- HERO -->\n<section class="hero">\n <div class="hero-orb hero-orb-1"></div>\n <div class="hero-orb hero-orb-2"></div>\n\n <div class="hero-eyebrow">\n <span class="blink"></span>\n Täglich. Persönlich. Als Audio und Text.\n </div>\n\n <h1>\n Tägliche Mini-Lektionen KI –<br>\n <em>genau für dich gemacht.</em>\n </h1>\n\n <p class="hero-lead">\n Jeden Tag eine kurze Lektion: als Audio zum Hören und als Text zum Nachlesen. \n Individuell auf dich zugeschnitten – dein Beruf, dein Level, deine Ziele. \n Mit Jörg Schieb als persönlichem Kurator. Immer auf dem Stand von heute.\n </p>\n\n <!-- Was du bekommst – sofort klar -->\n <div style="\n display:flex; gap:1rem; flex-wrap:wrap; justify-content:center;\n margin-bottom:2.5rem; \n ">\n <div style="\n display:flex; align-items:center; gap:.6rem;\n background:rgba(109,91,222,.15); border:1px solid rgba(109,91,222,.35);\n border-radius:100px; padding:.45rem 1.1rem;\n font-size:.88rem; font-weight:500;\n ">🎧 <span>Audio-Lektion täglich</span></div>\n <div style="\n display:flex; align-items:center; gap:.6rem;\n background:rgba(109,91,222,.15); border:1px solid rgba(109,91,222,.35);\n border-radius:100px; padding:.45rem 1.1rem;\n font-size:.88rem; font-weight:500;\n ">📄 <span>Text zum Nachlesen</span></div>\n <div style="\n display:flex; align-items:center; gap:.6rem;\n background:rgba(243,156,18,.1); border:1px solid rgba(243,156,18,.35);\n border-radius:100px; padding:.45rem 1.1rem;\n font-size:.88rem; font-weight:500; color:var(--gold);\n ">🎯 <span>100% individuell für dich</span></div>\n </div>\n\n <div class="hero-ctas">\n <a href="#demo" class="btn-gold">Kostenlose Demo-Episode erleben →</a>\n <a href="#preise" class="btn-outline">Direkt einsteigen</a>\n </div>\n\n <!-- Master-Grafik: was du bekommst -->\n <div style="\n width:min(680px,90%); margin:2.5rem auto 0;\n \n ">\n <img\n src="https://schieb-cdn.b-cdn.net/daily/daily_master.jpg"\n alt="Audio-Lektion, Text & Links, Nur für dich, Jeden Tag"\n style="width:100%; border-radius:8px; display:block;\n box-shadow:0 16px 48px rgba(0,0,0,.45);\n border:1px solid rgba(109,91,222,.25);"\n >\n </div>\n\n <div class="hero-proof">\n <div class="proof-item">\n <span class="proof-num">5</span>\n <span class="proof-lbl">Minuten täglich</span>\n </div>\n <div class="proof-item">\n <span class="proof-num">26</span>\n <span class="proof-lbl">Episoden/Monat</span>\n </div>\n <div class="proof-item">\n <span class="proof-num">100%</span>\n <span class="proof-lbl">Individuell</span>\n </div>\n <div class="proof-item">\n <span class="proof-num">∞</span>\n <span class="proof-lbl">Immer aktuell</span>\n </div>\n </div>\n</section>\n\n<!-- URGENCY STRIP -->\n<div class="urgency-strip">\n <span style="opacity:.7">Superkraft KI Daily =</span> Täglich eine Mini-Lektion als <span>Audio + Text</span>, individuell für dich generiert. KI entwickelt sich täglich weiter – <span>bleib dabei.</span>\n</div>\n\n<!-- VIDEO SECTION -->\n<section style="padding:5rem 0;" class="reveal">\n <div class="container" style="max-width:900px;">\n <span class="section-label center" style="display:block;text-align:center;">Jörg erklärt</span>\n <h2 class="section-title center" style="margin-bottom:.5rem;">Was Superkraft KI Daily ist –<br><span class="gold">in 90 Sekunden.</span></h2>\n <div id="video-wrap" style="\n margin-top:2rem; position:relative; border-radius:6px; overflow:hidden;\n border:1px solid rgba(109,91,222,.3); cursor:pointer;\n box-shadow:0 20px 60px rgba(0,0,0,.5); aspect-ratio:16/9;\n " onclick="playVideo()">\n <!-- Startbild: hier BunnyCDN-URL einsetzen -->\n <img id="video-poster"\n src="https://schieb-cdn.b-cdn.net/daily/Daily_video.jpg"\n alt="Superkraft KI Daily – Video"\n style="width:100%; height:100%; object-fit:cover; display:block;"\n onerror="this.style.display='none'; document.getElementById('video-fallback').style.display='flex';"\n >\n <!-- Fallback wenn kein Bild -->\n <div id="video-fallback" style="\n display:none; position:absolute; inset:0;\n background:linear-gradient(135deg,rgba(30,27,75,.95) 0%,rgba(67,56,202,.2) 100%);\n align-items:center; justify-content:center; flex-direction:column; gap:1.5rem;\n ">\n <div style="font-size:3rem;">🎬</div>\n <div style="font-family:'Space Mono',monospace; font-size:.8rem; color:rgba(255,255,255,.4); letter-spacing:.1em;">SUPERKRAFT KI DAILY</div>\n </div>\n <!-- Play Overlay -->\n <div style="\n position:absolute; inset:0; display:flex; flex-direction:column;\n align-items:center; justify-content:center; gap:1.25rem;\n background:rgba(21,19,58,.45); transition:background .2s;\n " id="play-overlay">\n <div style="\n width:80px; height:80px; border-radius:50%; background:var(--gold);\n display:flex; align-items:center; justify-content:center;\n box-shadow:0 0 0 12px rgba(243,156,18,.15);\n transition:all .2s;\n " id="play-circle">\n <svg width="28" height="28" viewBox="0 0 24 24" fill="#1E1B4B"><polygon points="6,3 20,12 6,21"/></svg>\n </div>\n <span style="font-family:'Space Mono',monospace; font-size:.72rem; color:rgba(255,255,255,.6); letter-spacing:.12em; text-transform:uppercase;">Video abspielen</span>\n </div>\n <!-- Iframe (wird erst beim Klick geladen) -->\n <div id="video-iframe-wrap" style="display:none; position:absolute; inset:0;"></div>\n </div>\n </div>\n</section>\n\n\n<!-- PROBLEM -->\n<section class="problem-section reveal">\n <div class="container">\n <span class="section-label">Das Problem</span>\n <h2 class="section-title">KI wartet nicht.<br><span class="gold">Die meisten schon.</span></h2>\n <div class="problem-grid">\n <div class="problem-card">\n <div class="problem-icon">📚</div>\n <h3>Kurse veralten in Wochen</h3>\n <p>Du kaufst einen KI-Kurs – und drei Monate später hat sich alles geändert. Das nächste Update kostet wieder. Und wieder.</p>\n </div>\n <div class="problem-card">\n <div class="problem-icon">🎯</div>\n <h3>Allgemeines hilft dir nicht</h3>\n <p>Was ein Marketingmanager braucht, ist fundamental anders als was ein Arzt, ein Handwerker oder ein Steuerberater braucht. Einheitslösungen sind keine Lösungen.</p>\n </div>\n <div class="problem-card">\n <div class="problem-icon">⏰</div>\n <h3>Keine Zeit für Theorie</h3>\n <p>Dein Alltag ist voll. Du willst KI praktisch einsetzen – nicht noch eine Vorlesung hören. Was du brauchst, ist tägliche Praxis in 5 Minuten.</p>\n </div>\n <div class="problem-card">\n <div class="problem-icon">🌊</div>\n <h3>Die Dynamik überwältigt</h3>\n <p>Täglich neue Tools, neue Modelle, neue Fähigkeiten. Wer nicht systematisch lernt, verliert den Überblick – und den Anschluss.</p>\n </div>\n </div>\n </div>\n</section>\n\n<!-- KI DYNAMIK CALLOUT -->\n<section style="padding:4rem 0;" class="reveal">\n <div class="container">\n <div class="dynamik-callout">\n <span class="section-label center">Nirgendwo wichtiger als hier</span>\n <h2>Bei keinem Thema veraltet Wissen<br><span class="gold">schneller als bei KI.</span></h2>\n <p style="margin-top:1rem;">\n Ein Sprachkurs aus 2022 ist immer noch brauchbar. Ein KI-Kurs aus 2022 ist Museum. \n GPT-4, Claude 3, Gemini, Sora, lokale Modelle – was heute State of the Art ist, \n war vor sechs Monaten noch Sciencefiction. Superkraft KI Daily ist kein Kurs. \n Es ist ein Abo auf das Wissen von heute.\n </p>\n </div>\n </div>\n</section>\n\n<!-- WHAT YOU GET -->\n<section class="whatyouget-section reveal" id="wie">\n <div class="container">\n <span class="section-label">Was du täglich bekommst</span>\n <h2 class="section-title">Mehr als Audio.<br><span class="gold">Ein komplettes Lernpaket.</span></h2>\n <p class="section-sub">Jede Episode ist drei Dinge gleichzeitig: Hören, Lesen, Anwenden.</p>\n <div class="wyg-grid">\n <div class="wyg-card">\n <span class="wyg-num">01 / täglich</span>\n <div class="wyg-icon">🎧</div>\n <h3>Deine persönliche Audio-Episode</h3>\n <p>5 Minuten, von Jörgs Stimme gesprochen, nur für dich generiert. Dein Name, deine Branche, dein Niveau. Kein anderer Abonnent bekommt dieselbe Folge.</p>\n <span class="wyg-tag">5 Min. Audio</span>\n </div>\n <div class="wyg-card">\n <span class="wyg-num">02 / täglich</span>\n <div class="wyg-icon">📄</div>\n <h3>Kompakte Zusammenfassung</h3>\n <p>Das Wichtigste schriftlich, zum Nachlesen und Nachschlagen. Mit Links zu vertiefenden Inhalten im Memberbereich – direkt passend zur heutigen Episode.</p>\n <span class="wyg-tag">Text + Links</span>\n </div>\n <div class="wyg-card">\n <span class="wyg-num">03 / täglich</span>\n <div class="wyg-icon">✅</div>\n <h3>Eine Mini-Aufgabe</h3>\n <p>Optional, aber wirkungsvoll: Eine kleine Aufgabe die du in 5 Minuten erledigen kannst. Probiere das Gelernte direkt aus. Wissen wird zu Können.</p>\n <span class="wyg-tag">Praxis-Task</span>\n </div>\n <div class="wyg-card">\n <span class="wyg-num">04 / wöchentlich</span>\n <div class="wyg-icon">📰</div>\n <h3>KI-News-Briefing am Wochenende</h3>\n <p>Was war diese Woche wichtig in der KI-Welt? Jörg kuratiert, ordnet ein, erklärt warum es für dich relevant ist. Plus deine persönliche Intro.</p>\n <span class="wyg-tag">News-Mantel</span>\n </div>\n <div class="wyg-card">\n <span class="wyg-num">05 / immer</span>\n <div class="wyg-icon">📊</div>\n <h3>Dein persönliches Dashboard</h3>\n <p>Sieh woher du kommst und wohin du gehst. Alle bisherigen Episoden, dein Lernfortschritt, was als Nächstes kommt. KI-Lernen als echte Journey.</p>\n <span class="wyg-tag">Dashboard</span>\n </div>\n <div class="wyg-card">\n <span class="wyg-num">06 / adaptiv</span>\n <div class="wyg-icon">🧠</div>\n <h3>Das System lernt mit dir</h3>\n <p>"Mehr davon", "zu einfach", "nicht verstanden" – ein Klick reicht. Der Coach merkt sich alles und passt die nächste Episode sofort an.</p>\n <span class="wyg-tag">Feedback-Loop</span>\n </div>\n </div>\n </div>\n</section>\n\n<!-- JOURNEY / DASHBOARD -->\n<section class="journey-section reveal">\n <div class="journey-inner">\n <span class="section-label">Deine KI-Journey</span>\n <h2 class="section-title">Du siehst immer,<br><span class="gold">wo du stehst und wohin es geht.</span></h2>\n\n <div class="journey-grid">\n <!-- Dashboard Mockup -->\n <div class="dashboard-mockup">\n <div class="db-topbar">\n <div class="db-dot" style="background:#FF5F57"></div>\n <div class="db-dot" style="background:#FFBD2E"></div>\n <div class="db-dot" style="background:#28CA41"></div>\n <span class="db-title mono">MEIN DASHBOARD – SUPERKRAFT KI DAILY</span>\n </div>\n <div class="db-body">\n <div class="db-user">\n <div class="db-avatar">MS</div>\n <div>\n <div class="db-username">Hallo, Maria!</div>\n <div class="db-streak">🔥 12 Tage in Folge</div>\n </div>\n </div>\n <div class="db-progress-label">\n <span>Lernfortschritt Woche 2</span>\n <span style="color:var(--gold)">65%</span>\n </div>\n <div class="db-progress-bar">\n <div class="db-progress-fill" style="width:65%"></div>\n </div>\n <div class="db-episodes">\n <div class="db-ep done">\n <div class="db-ep-icon">✓</div>\n <div class="db-ep-info">\n <div class="db-ep-title">Prompts schreiben: Grundlagen</div>\n <div class="db-ep-meta mono">Mo · 5 Min · Aufgabe erledigt</div>\n </div>\n <div class="db-ep-badge done-badge">Erledigt</div>\n </div>\n <div class="db-ep done">\n <div class="db-ep-icon">✓</div>\n <div class="db-ep-info">\n <div class="db-ep-title">ChatGPT in der Arztpraxis</div>\n <div class="db-ep-meta mono">Di · 5 Min</div>\n </div>\n <div class="db-ep-badge done-badge">Erledigt</div>\n </div>\n <div class="db-ep active">\n <div class="db-ep-icon">▶</div>\n <div class="db-ep-info">\n <div class="db-ep-title">Diagnose-Dokumentation mit KI</div>\n <div class="db-ep-meta mono">Heute · 5 Min · Neu</div>\n </div>\n <div class="db-ep-badge active-badge">Jetzt</div>\n </div>\n <div class="db-ep upcoming">\n <div class="db-ep-icon">○</div>\n <div class="db-ep-info">\n <div class="db-ep-title">Patientenkommunikation automatisieren</div>\n <div class="db-ep-meta mono">Do · kommt noch</div>\n </div>\n <div class="db-ep-badge upcoming-badge">Bald</div>\n </div>\n <div class="db-ep upcoming">\n <div class="db-ep-icon">○</div>\n <div class="db-ep-info">\n <div class="db-ep-title">KI-News der Woche + deine Intro</div>\n <div class="db-ep-meta mono">Sa · Wochenend-Special</div>\n </div>\n <div class="db-ep-badge upcoming-badge">Sa</div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Journey Points -->\n <div class="journey-points">\n <div class="jp">\n <div class="jp-icon">🗺️</div>\n <div class="jp-text">\n <h4>Dein Lernplan auf einen Blick</h4>\n <p>Das Dashboard zeigt deinen gesamten Lernpfad – vergangene Episoden, heutige Folge, was als Nächstes kommt. Du weißt immer wo du stehst.</p>\n </div>\n </div>\n <div class="jp">\n <div class="jp-icon">📈</div>\n <div class="jp-text">\n <h4>Fortschritt der sich anfühlt</h4>\n <p>Streak-Counter, Fortschrittsbalken, erledigte Aufgaben. Kleines Detail – großer Effekt. Lernen das motiviert statt frustriert.</p>\n </div>\n </div>\n <div class="jp">\n <div class="jp-icon">🔍</div>\n <div class="jp-text">\n <h4>Alle Episoden durchsuchbar</h4>\n <p>Hast du etwas vergessen? Jede Episode bleibt gespeichert – mit Text, Audio und Aufgabe. Deine persönliche KI-Wissensdatenbank.</p>\n </div>\n </div>\n <div class="jp">\n <div class="jp-icon">🎯</div>\n <div class="jp-text">\n <h4>Nächste Schritte immer klar</h4>\n <p>Kein Raten was als Nächstes kommt. Das System plant deinen Lernpfad basierend auf deinem Fortschritt und Feedback.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- WEEK VISUAL -->\n<section class="week-section reveal">\n <div class="container">\n <span class="section-label">Deine Woche</span>\n <h2 class="section-title">Wochentags individuell.<br><span class="gold">Wochenends auf dem neuesten Stand.</span></h2>\n <div class="week-grid">\n <div class="day"><div class="day-name">Mo</div><div class="day-emoji">🎯</div><div class="day-desc">Deine Episode + Text + Aufgabe</div></div>\n <div class="day"><div class="day-name">Di</div><div class="day-emoji">🧠</div><div class="day-desc">Deine Episode + Text + Aufgabe</div></div>\n <div class="day"><div class="day-name">Mi</div><div class="day-emoji">⚡</div><div class="day-desc">Deine Episode + Text + Aufgabe</div></div>\n <div class="day"><div class="day-name">Do</div><div class="day-emoji">🔧</div><div class="day-desc">Deine Episode + Text + Aufgabe</div></div>\n <div class="day"><div class="day-name">Fr</div><div class="day-emoji">🚀</div><div class="day-desc">Deine Episode + Text + Aufgabe</div></div>\n <div class="day weekend"><div class="day-name">Sa/So</div><div class="day-emoji">📰</div><div class="day-desc">KI-News + persönliche Intro von Jörg</div></div>\n <div class="day weekend" style="display:none"></div>\n </div>\n <div class="week-note">\n <span><span class="dot" style="background:rgba(109,91,222,.6)"></span>Mo–Fr: 100% individuell, nur für dich</span>\n <span><span class="dot" style="background:var(--gold)"></span>Wochenende: Jörg kuratiert die KI-Woche für alle</span>\n </div>\n </div>\n</section>\n\n<!-- EPISODE PREVIEW -->\n<section class="preview-section reveal">\n <div class="preview-inner">\n <span class="section-label">So sieht es aus</span>\n <h2 class="section-title">Eine Episode,<br><span class="gold">die deinen Namen trägt.</span></h2>\n <div class="preview-grid">\n <!-- Episode Mockup -->\n <div class="ep-mockup">\n <div class="ep-topbar">\n <div class="db-dot" style="background:#FF5F57"></div>\n <div class="db-dot" style="background:#FFBD2E"></div>\n <div class="db-dot" style="background:#28CA41"></div>\n </div>\n <div class="ep-body">\n <div class="ep-tag">Heute · Nur für dich generiert</div>\n <div class="ep-title">Hallo Maria – ChatGPT in deiner Arztpraxis: Was wirklich funktioniert</div>\n <div class="ep-excerpt">\n "Guten Morgen, Maria. Letzte Woche haben wir Prompting-Grundlagen besprochen. Heute gehen wir direkt in deinen Alltag als Ärztin. Denn was Prompts für eine Marketingagentur sind, ist für dich völlig anders..."\n </div>\n <div class="ep-player">\n <div class="play-btn-sm">\n <svg width="13" height="13" viewBox="0 0 24 24" fill="#1E1B4B"><polygon points="5,3 19,12 5,21"/></svg>\n </div>\n <div class="ep-bar"><div class="ep-fill"></div></div>\n <div class="ep-time mono">1:47 / 5:00</div>\n </div>\n <div class="ep-task">\n <div class="ep-task-label">✦ Deine heutige Aufgabe</div>\n <div class="ep-task-text">Schreibe einen Prompt für dein nächstes Patientengespräch-Protokoll. Nutze die KLAR-Methode – Kontext, Leitfrage, Anweisungen, Rolle. 5 Minuten, heute noch.</div>\n </div>\n </div>\n </div>\n\n <!-- Feature Points -->\n <div class="preview-feats">\n <div class="pf">\n <div class="pf-icon">🎯</div>\n <div class="pf-text">\n <h4>Dein Name, dein Beruf, dein Level</h4>\n <p>Jede Episode spricht dich direkt an. Beispiele aus deiner Branche, Bezug auf das was du zuletzt gehört hast.</p>\n </div>\n </div>\n <div class="pf">\n <div class="pf-icon">🔄</div>\n <div class="pf-text">\n <h4>Kein Thema zweimal</h4>\n <p>Das System merkt sich was du gehört hast. Jede Folge baut auf der letzten auf.</p>\n </div>\n </div>\n <div class="pf">\n <div class="pf-icon">📚</div>\n <div class="pf-text">\n <h4>Direkt zum Memberbereich</h4>\n <p>Jede Episode verweist auf passende Vertiefungsinhalte – Templates, Checklisten, Kurs-Module. Genau passend zum heutigen Thema.</p>\n </div>\n </div>\n <div class="pf">\n <div class="pf-icon">📡</div>\n <div class="pf-text">\n <h4>Immer der Stand von heute</h4>\n <p>Neue KI-Tools, aktuelle Entwicklungen – dein Coach kennt den Stand von heute, nicht von letztem Jahr.</p>\n </div>\n </div>\n <div class="pf">\n <div class="pf-icon">📲</div>\n <div class="pf-text">\n <h4>Überall hören</h4>\n <p>Eigener Podcast-Feed für Apple Podcasts, Spotify & Co. Plus Mail täglich. Optional: WhatsApp (Plus/Premium).</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- PRODUKTSHOT -->\n<section style="padding:4rem 0 5rem;" class="reveal">\n <div class="container">\n <span class="section-label">Das Produkt</span>\n <h2 class="section-title" style="margin-bottom:2rem;">So sieht es in der Praxis aus.<br><span class="gold">Auf jedem Gerät.</span></h2>\n <div style="\n display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;\n align-items:start;\n ">\n <!-- Hauptshot: Dashboard/App auf MacBook -->\n <div style="\n border-radius:6px; overflow:hidden; border:1px solid rgba(109,91,222,.25);\n aspect-ratio:4/3; background:rgba(109,91,222,.08);\n display:flex; flex-direction:column; align-items:center; justify-content:center;\n padding:0; gap:0; text-align:center;\n ">\n <img\n src="https://schieb-cdn.b-cdn.net/daily/Daily_kurs.jpg"\n alt="Superkraft KI Daily – Dashboard"\n style="width:100%; height:100%; object-fit:cover; display:block;"\n >\n </div>\n <!-- Rechts: zwei kleinere Shots übereinander -->\n <div style="display:flex; flex-direction:column; gap:1.5rem;">\n <!-- Dashboard Mockup -->\n <div style="\n border-radius:6px; overflow:hidden; border:1px solid rgba(109,91,222,.25);\n aspect-ratio:16/7;\n ">\n <img\n src="https://schieb-cdn.b-cdn.net/daily/Daily_kurs.jpg"\n alt="Superkraft KI Daily – App"\n style="width:100%; height:100%; object-fit:cover; display:block;"\n >\n </div>\n <!-- Schnupperpreis/CTA -->\n <div style="\n border-radius:6px; overflow:hidden; border:1px solid rgba(243,156,18,.2);\n aspect-ratio:16/7;\n ">\n <img\n src="https://schieb-cdn.b-cdn.net/daily/daily_schnupper.jpg"\n alt="Superkraft KI Daily – Jetzt starten"\n style="width:100%; height:100%; object-fit:cover; display:block;"\n >\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- JÖRG -->\n<section class="joerg-section reveal" id="joerg">\n <div class="joerg-inner">\n <div class="joerg-grid">\n <div class="joerg-img-wrap">\n <img\n src="https://schieb-cdn.b-cdn.net/daily/joerg_reference_small.jpg"\n alt="Jörg Schieb"\n style="width:100%; border-radius:4px; border:1px solid rgba(109,91,222,.3); display:block; object-fit:cover; aspect-ratio:3/4;"\n >\n <div class="joerg-frame"></div>\n </div>\n <div>\n <div class="joerg-label">Dein persönlicher Coach</div>\n <div class="joerg-name">Jörg Schieb</div>\n <div class="joerg-role">Dozent für Digital Literacy · TH Köln<br>KI-Experte bei ARD/WDR · Tagesschau · Tagesthemen</div>\n <blockquote class="joerg-quote">\n "Ich erkläre Technologie seit über 30 Jahren für ein breites Publikum. Superkraft KI Daily ist das Produkt, das ich mir selbst gewünscht hätte: Ein Coach, der sich an mich erinnert, der mich täglich weiterbringt – und der weiß, was heute relevant ist."\n </blockquote>\n <p class="joerg-bio">\n Mit über 140 Fachbüchern und 1,5 Millionen verkauften Exemplaren bin ich einer der meistgelesenen Technik-Erklärer im deutschsprachigen Raum. Als regelmäßiger Experte in der Tagesschau, bei WDR3 und WDR5 weiß ich, wie man komplexe Themen klar und verständlich macht – ohne Vereinfachung, ohne Hype.\n </p>\n <p class="joerg-bio">\n Bei Superkraft KI Daily bin ich nicht nur der Absender. Ich kuratiere die Inhalte, halte das System aktuell, führe die Premium-Live-Sessions und stehe dafür, dass du wirklich etwas lernst – nicht nur konsumierst.\n </p>\n <div class="joerg-tags">\n <span class="joerg-tag">140+ Bücher</span>\n <span class="joerg-tag">1,5 Mio. Auflage</span>\n <span class="joerg-tag">30+ Jahre Tech-Journalismus</span>\n <span class="joerg-tag">TH Köln</span>\n </div>\n <div class="joerg-medien">\n <div class="joerg-medien-label">Regelmäßig zu sehen und zu hören bei</div>\n <div class="medien-logos">\n <span class="medien-logo">ARD</span>\n <span class="medien-logo">WDR</span>\n <span class="medien-logo">Tagesschau</span>\n <span class="medien-logo">Tagesthemen</span>\n <span class="medien-logo">WDR 5</span>\n <span class="medien-logo">WDR 3</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- DEMO SECTION -->\n<section class="demo-section reveal" id="demo">\n <div class="demo-inner">\n <span class="section-label center" style="display:block;text-align:center">Überzeug dich selbst</span>\n <h2 class="section-title center">Erlebe deine<br><span class="gold">persönliche Episode 0 – kostenlos.</span></h2>\n <p class="section-sub center" style="margin:0 auto 2.5rem; text-align:center;">3 Fragen, 2 Minuten. Dann hörst du deine erste individuell generierte Episode – und bekommst deinen 28-Tage-Lernplan.</p>\n\n <div class="demo-box">\n <div class="demo-box-header">\n <div>\n <h3>Deine kostenlose Demo-Episode</h3>\n <p>Gib Name, E-Mail und Beruf an – wir generieren sofort deine persönliche Folge. Kein Abo, keine Kreditkarte.</p>\n </div>\n <div class="demo-badge">Kostenlos</div>\n </div>\n\n <!-- FORM -->\n <div class="demo-form" id="demo-form-wrap">\n <div class="form-row">\n <div class="form-group">\n <label>Dein Vorname *</label>\n <input type="text" id="f-name" placeholder="z.B. Maria" required>\n </div>\n <div class="form-group">\n <label>Deine E-Mail *</label>\n <input type="email" id="f-email" placeholder="du@beispiel.de" required>\n </div>\n </div>\n <div class="form-row">\n <div class="form-group">\n <label>Beruf / Branche *</label>\n <input type="text" id="f-job" placeholder="z.B. Ärztin, Marketingleiter, Steuerberater">\n </div>\n <div class="form-group">\n <label>KI-Erfahrung</label>\n <select id="f-level">\n <option value="none">Noch keine Erfahrung</option>\n <option value="beginner" selected>Einsteiger – Grundlagen bekannt</option>\n <option value="intermediate">Fortgeschritten – nutze KI regelmäßig</option>\n <option value="advanced">Erfahren – KI täglich im Einsatz</option>\n </select>\n </div>\n </div>\n <button class="form-submit" id="demo-submit" onclick="startDemo()">\n Meine persönliche Episode generieren →\n </button>\n <div class="demo-note">Kein Spam. Keine Kreditkarte. Jederzeit abmeldbar.</div>\n </div>\n\n <!-- IFRAME AREA -->\n <div class="demo-iframe-area" id="demo-iframe-area">\n <div class="demo-status" id="demo-status">\n <div class="status-dot"></div>\n <span id="demo-status-text">Deine Episode wird generiert – das dauert einen Moment…</span>\n </div>\n <iframe\n id="skd-demo"\n src=""\n style="width:100%; border:0; min-height:500px; border-radius:4px;"\n allow="autoplay"\n ></iframe>\n </div>\n\n <!-- CONVERSION CTA (nach Demo) -->\n <div class="demo-conversion" id="demo-conversion">\n <h3>Hat's gekracht? 🎯</h3>\n <p>Das war Episode 0 – und jede weitere Folge wird noch besser, weil das System dich immer besser kennt. Starte jetzt mit dem Paket das zu dir passt.</p>\n <div class="conversion-btns">\n <a href="#preise" class="btn-gold">Jetzt einsteigen →</a>\n <a href="#preise" class="btn-outline">Preise vergleichen</a>\n </div>\n </div>\n\n </div>\n </div>\n</section>\n\n<!-- PRICING -->\n<section class="pricing-section reveal" id="preise">\n <div class="container">\n <span class="section-label center" style="display:block;text-align:center">Dein Plan</span>\n <h2 class="section-title center">Wähle deinen Weg.<br><span class="gold">Jederzeit upgraden.</span></h2>\n <p class="section-sub center" style="margin:0.5rem auto 0; text-align:center;">14 Tage Geld-zurück-Garantie. Kein Risiko.</p>\n\n <div class="pricing-toggle">\n <span class="toggle-label active" id="lbl-monthly">Monatlich</span>\n <div class="toggle-switch" id="billing-toggle" onclick="toggleBilling()">\n <div class="toggle-knob"></div>\n </div>\n <span class="toggle-label" id="lbl-annual">Jährlich</span>\n <span class="toggle-save">2 Monate gratis</span>\n </div>\n\n <div class="plans">\n <!-- BASIS -->\n <div class="plan">\n <div class="plan-name">Basis</div>\n <div class="plan-price">\n <span class="plan-price-num" id="price-basis">57</span>\n <span class="plan-price-suf">€ / Monat</span>\n </div>\n <div class="plan-annual" id="annual-basis" style="visibility:hidden">Jährlich: 570 €</div>\n <div class="plan-desc">Täglich lernen, im eigenen Tempo. Deine persönliche Episode jeden Morgen.</div>\n <ul class="plan-features">\n <li><span class="chk">✦</span>Tägliche Audio-Episode (5 Min., individuell)</li>\n <li><span class="chk">✦</span>Täglicher Lerntext + Zusammenfassung</li>\n <li><span class="chk">✦</span>Mini-Aufgabe (optional)</li>\n <li><span class="chk">✦</span>Wochenend-KI-News-Briefing</li>\n <li><span class="chk">✦</span>Eigener privater Podcast-Feed</li>\n <li><span class="chk">✦</span>Tägliche Mail-Zustellung</li>\n <li><span class="chk">✦</span>Feedback-Loop</li>\n <li><span class="chk chk-off">✦</span><span style="color:rgba(255,255,255,.25)">Memberbereich (Vorschau)</span></li>\n <li><span class="chk chk-off">✦</span><span style="color:rgba(255,255,255,.25)">Kein Archiv-Zugang</span></li>\n </ul>\n <a href="#" class="plan-btn plan-btn-outline">Jetzt starten</a>\n <div class="plan-note">14 Tage Geld-zurück-Garantie</div>\n </div>\n\n <!-- PLUS (FEATURED) -->\n <div class="plan featured">\n <div class="plan-badge">Beliebteste Wahl</div>\n <div class="plan-name">Plus</div>\n <div class="plan-price">\n <span class="plan-price-num" id="price-plus">97</span>\n <span class="plan-price-suf">€ / Monat</span>\n </div>\n <div class="plan-annual" id="annual-plus" style="visibility:hidden">Jährlich: 970 €</div>\n <div class="plan-desc">Der vollständige KI-Coach. Mit allem was du brauchst um wirklich besser zu werden.</div>\n <ul class="plan-features">\n <li><span class="chk">✦</span>Alles aus Basis</li>\n <li><span class="chk">✦</span>Vollständiger Memberbereich-Zugang</li>\n <li><span class="chk">✦</span>Direkt-Links zur Vertiefung in jeder Episode</li>\n <li><span class="chk">✦</span>Komplettes Episode-Archiv</li>\n <li><span class="chk">✦</span>Persönliches Dashboard mit Lernplan</li>\n <li><span class="chk">✦</span>WhatsApp-Zustellung (optional)</li>\n <li><span class="chk">✦</span>Prioritäts-Support</li>\n <li><span class="chk chk-off">✦</span><span style="color:rgba(255,255,255,.25)">Live Sessions mit Jörg</span></li>\n </ul>\n <a href="#" class="plan-btn plan-btn-gold">Jetzt starten →</a>\n <div class="plan-note">14 Tage Geld-zurück-Garantie</div>\n </div>\n\n <!-- PREMIUM -->\n <div class="plan">\n <div class="plan-name">Premium</div>\n <div class="plan-price">\n <span class="plan-price-num" id="price-premium">297</span>\n <span class="plan-price-suf">€ / Monat</span>\n </div>\n <div class="plan-annual" id="annual-premium" style="visibility:hidden">Jährlich: 2.970 €</div>\n <div class="plan-desc">Direkter Zugang zu Jörg. Für alle die nicht nur lernen, sondern mit einem Experten arbeiten wollen.</div>\n <ul class="plan-features">\n <li><span class="chk">✦</span>Alles aus Plus</li>\n <li><span class="chk">✦</span>1–2 Live Sessions/Monat mit Jörg</li>\n <li><span class="chk">✦</span>Persönliche Fragen direkt beantwortet</li>\n <li><span class="chk">✦</span>Exklusiver Premium-Kanal</li>\n <li><span class="chk">✦</span>Frühzugang zu neuen Inhalten</li>\n <li><span class="chk" style="color:var(--gold)">✦</span><span style="color:rgba(243,156,18,.9)">Max. 25 Plätze – limitiert</span></li>\n </ul>\n <a href="#" class="plan-btn plan-btn-outline">Platz sichern →</a>\n <div class="plan-note" style="color:rgba(243,156,18,.5)">⚡ Nur noch wenige Plätze</div>\n </div>\n </div>\n\n <!-- Feature Compare Table -->\n <div class="feat-compare">\n <div class="feat-compare-header">\n <span>Feature</span>\n <span style="text-align:center">Basis</span>\n <span style="text-align:center">Plus</span>\n <span style="text-align:center">Premium</span>\n </div>\n <div class="feat-row"><span class="feat-name">Tägliche Audio-Episode</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">Täglicher Lerntext</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">Mini-Aufgabe täglich</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">Wochenend-News-Briefing</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">Feedback-Loop</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">Memberbereich-Zugang</span><span class="feat-val feat-no">—</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">Episode-Archiv</span><span class="feat-val feat-no">—</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">Dashboard + Lernplan</span><span class="feat-val feat-no">—</span><span class="feat-val feat-yes">✦</span><span class="feat-val feat-yes">✦</span></div>\n <div class="feat-row"><span class="feat-name">WhatsApp-Zustellung</span><span class="feat-val feat-no">—</span><span class="feat-val feat-yes">optional</span><span class="feat-val feat-yes">optional</span></div>\n <div class="feat-row"><span class="feat-name">Live Sessions mit Jörg</span><span class="feat-val feat-no">—</span><span class="feat-val feat-no">—</span><span class="feat-val feat-yes">1–2 / Mo</span></div>\n <div class="feat-row"><span class="feat-name">Plätze</span><span class="feat-val" style="color:var(--muted);font-size:.72rem">unbegrenzt</span><span class="feat-val" style="color:var(--muted);font-size:.72rem">unbegrenzt</span><span class="feat-val feat-yes" style="color:rgba(243,156,18,.9)">max. 25</span></div>\n </div>\n </div>\n</section>\n\n<!-- FAQ -->\n<section class="faq-section reveal">\n <div class="container">\n <span class="section-label center" style="display:block;text-align:center">Fragen & Antworten</span>\n <h2 class="section-title center">Alles geklärt.</h2>\n <div class="faq-wrap">\n <div class="faq-item">\n <div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Wie individuell ist das wirklich – oder ist das Marketing?<span class="faq-plus">+</span></div>\n <div class="faq-a">Wirklich individuell. Das System generiert deine Episode täglich neu auf Basis deines Profils, deines bisherigen Lernverlaufs und deines Feedbacks. Zwei Personen mit demselben Beruf aber anderen Zielen bekommen völlig verschiedene Episoden. Das ist kein Template mit eingefügtem Namen – das ist KI, die deinen Kontext kennt.</div>\n </div>\n <div class="faq-item">\n <div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Bekomme ich wirklich Audio, Text UND eine Aufgabe?<span class="faq-plus">+</span></div>\n <div class="faq-a">Ja. Jede Werktags-Episode besteht aus drei Teilen: (1) die Audio-Episode zum Hören (~5 Min.), (2) eine kompakte Textzusammenfassung mit Links zum Memberbereich, (3) einer optionalen Mini-Aufgabe die du sofort umsetzen kannst. Die Aufgabe ist freiwillig – aber wer sie macht, lernt deutlich schneller.</div>\n </div>\n <div class="faq-item">\n <div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Was ist der Memberbereich?<span class="faq-plus">+</span></div>\n <div class="faq-a">Der Memberbereich enthält alle Vertiefungsinhalte: Templates, Checklisten, Kurs-Module, Werkzeuge. Das Besondere: Jede Episode verweist automatisch auf den passenden Inhalt zum heutigen Thema. Im Plus-Tier hast du vollen Zugang. Im Basis-Tier siehst du was es gibt – und weißt warum sich ein Upgrade lohnt.</div>\n </div>\n <div class="faq-item">\n <div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Wo höre ich die Episoden?<span class="faq-plus">+</span></div>\n <div class="faq-a">Du bekommst deinen eigenen privaten Podcast-Feed – funktioniert in Apple Podcasts, Spotify, Overcast, Pocket Casts und allen anderen Apps. Zusätzlich täglich per Mail. Im Plus/Premium-Tier optional auch per WhatsApp. Du entscheidest wie du hören willst.</div>\n </div>\n <div class="faq-item">\n <div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Was ist mit dem Dashboard und dem Lernplan?<span class="faq-plus">+</span></div>\n <div class="faq-a">Ab Plus hast du ein persönliches Dashboard. Dort siehst du alle deine bisherigen Episoden, deinen Fortschritt, deinen Streak – und was als Nächstes kommt. Du kannst Episoden nochmal anhören, Texte nachschlagen und deinen Lernpfad überblicken. KI-Lernen als echte Journey.</div>\n </div>\n <div class="faq-item">\n <div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Kann ich jederzeit kündigen?<span class="faq-plus">+</span></div>\n <div class="faq-a">Ja. Monatlich kündbar, keine Mindestlaufzeit, keine Hürden. Dazu: 14 Tage Geld-zurück-Garantie ohne Diskussion. Wir sind von dem Produkt überzeugt – du brauchst keine Vertragsbindung um dabei zu bleiben.</div>\n </div>\n <div class="faq-item">\n <div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Was passiert in den Premium Live Sessions?<span class="faq-plus">+</span></div>\n <div class="faq-a">1–2 Mal pro Monat trifft sich die kleine Gruppe (max. 25) live mit Jörg. Fragen stellen, aktuelle Entwicklungen besprechen, eigene KI-Projekte vorstellen. Kein Frontalvortrag – echtes Gespräch mit einem der führenden deutschen KI-Experten.</div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- FINAL CTA -->\n<section class="final-section reveal">\n <div class="final-orb"></div>\n <div class="container">\n <span class="section-label center" style="display:block">Bereit?</span>\n <h2>Du bist nie wieder alleine<br>mit <span class="gold">KI-Fragen.</span></h2>\n <p>5 Minuten täglich. Immer aktuell. Immer persönlich. Mit Jörg Schieb als Coach.</p>\n <div class="final-ctas">\n <a href="#demo" class="btn-gold">Kostenlose Demo-Episode starten →</a>\n <a href="#preise" class="btn-outline">Direkt einsteigen</a>\n </div>\n <div class="final-note">Keine Kreditkarte für Demo · 14 Tage Geld-zurück beim Kauf · Jederzeit kündbar</div>\n </div>\n</section>\n\n<!-- FOOTER -->\n<footer>\n <p>© 2026 Superkraft KI · Jörg Schieb · <a href="https://ki.schieb.de">ki.schieb.de</a> · <a href="#">Impressum</a> · <a href="#">Datenschutz</a></p>\n</footer>\n\n<script>\n// ─── VIDEO ───\nfunction playVideo() {\n const wrap = document.getElementById('video-iframe-wrap');\n const overlay = document.getElementById('play-overlay');\n const poster = document.getElementById('video-poster');\n // Vimeo-URL hier einsetzen: z.B. https://player.vimeo.com/video/DEINE_ID\n const vimeoUrl = 'VIMEO-URL-HIER-EINSETZEN';\n if(vimeoUrl.startsWith('VIMEO')) {\n alert('Bitte Vimeo-URL in der HTML-Datei einsetzen (Variable vimeoUrl).');\n return;\n }\n wrap.innerHTML = `<iframe src="${vimeoUrl}?autoplay=1&color=F39C12&title=0&byline=0&portrait=0" style="position:absolute;inset:0;width:100%;height:100%;border:0;" allow="autoplay; fullscreen" allowfullscreen></iframe>`;\n wrap.style.display = 'block';\n if(overlay) overlay.style.display = 'none';\n if(poster) poster.style.display = 'none';\n document.getElementById('video-fallback') && (document.getElementById('video-fallback').style.display = 'none');\n}\n\n// ─── REVEAL ON SCROLL ───\nconst revealEls = document.querySelectorAll('.reveal');\nconst ro = new IntersectionObserver(es => {\n es.forEach(e => { if(e.isIntersecting){ e.target.classList.add('on'); ro.unobserve(e.target); } });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => ro.observe(el));\n\n// ─── SMOOTH SCROLL ───\ndocument.querySelectorAll('a[href^="#"]').forEach(a => {\n a.addEventListener('click', e => {\n const t = document.querySelector(a.getAttribute('href'));\n if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth',block:'start'}); }\n });\n});\n\n// ─── BILLING TOGGLE ───\nlet isAnnual = false;\nconst prices = { basis:[57,48], plus:[97,81], premium:[297,248] };\n\nfunction toggleBilling() {\n isAnnual = !isAnnual;\n const tog = document.getElementById('billing-toggle');\n tog.classList.toggle('on', isAnnual);\n document.getElementById('lbl-monthly').classList.toggle('active', !isAnnual);\n document.getElementById('lbl-annual').classList.toggle('active', isAnnual);\n const idx = isAnnual ? 1 : 0;\n document.getElementById('price-basis').textContent = prices.basis[idx];\n document.getElementById('price-plus').textContent = prices.plus[idx];\n document.getElementById('price-premium').textContent = prices.premium[idx];\n ['basis','plus','premium'].forEach(k => {\n const el = document.getElementById('annual-'+k);\n if(isAnnual){\n el.style.visibility = 'visible';\n const map = {basis:'570 €/Jahr', plus:'970 €/Jahr', premium:'2.970 €/Jahr'};\n el.textContent = '→ ' + map[k];\n } else {\n el.style.visibility = 'hidden';\n }\n });\n}\n\n// ─── DEMO IFRAME ───\nfunction startDemo() {\n const name = document.getElementById('f-name').value.trim();\n const email = document.getElementById('f-email').value.trim();\n const job = document.getElementById('f-job').value.trim();\n const level = document.getElementById('f-level').value;\n\n if(!name || !email || !job) {\n alert('Bitte Vorname, E-Mail und Beruf angeben.');\n return;\n }\n\n const btn = document.getElementById('demo-submit');\n btn.disabled = true;\n btn.textContent = 'Wird generiert…';\n\n const params = new URLSearchParams({ email, name, job_industry: job, ai_experience: level });\n const iframeSrc = 'https://daily.superkraft-ki.com/demo.php?' + params.toString();\n\n document.getElementById('demo-form-wrap').style.display = 'none';\n const iframeArea = document.getElementById('demo-iframe-area');\n iframeArea.style.display = 'block';\n\n const iframe = document.getElementById('skd-demo');\n iframe.src = iframeSrc;\n\n // postMessage listener\n const statusMessages = {\n queued: 'Deine Episode ist in der Warteschlange…',\n plan_ready: 'Lernplan erstellt – Audio wird generiert…',\n audio_generating: 'Audio wird mit Jörgs Stimme gesprochen…',\n ready: '✓ Deine Episode ist fertig!'\n };\n\n window.addEventListener('message', function handler(e) {\n if(!e.data?.type?.startsWith('skd_demo')) return;\n\n if(e.data.type === 'skd_demo_resize') {\n iframe.style.height = e.data.height + 'px';\n }\n if(e.data.type === 'skd_demo_step') {\n const msg = statusMessages[e.data.step] || 'Episode wird vorbereitet…';\n document.getElementById('demo-status-text').textContent = msg;\n if(e.data.step === 'ready') {\n document.getElementById('demo-status').style.display = 'none';\n }\n }\n if(e.data.type === 'skd_demo_complete') {\n document.getElementById('demo-status').style.display = 'none';\n document.getElementById('demo-conversion').style.display = 'block';\n // Optional: customer_token für Kauf-URL nutzen\n // const token = e.data.customer_token;\n window.removeEventListener('message', handler);\n }\n if(e.data.type === 'skd_demo_error') {\n document.getElementById('demo-status-text').textContent = '⚠ ' + (e.data.message || 'Ein Fehler ist aufgetreten.');\n }\n });\n}\n\n// FAQ\ndocument.querySelectorAll('.faq-q').forEach(q => {\n q.addEventListener('click', () => q.parentElement.classList.toggle('open'));\n});\n</script>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":false,"embedCustomHtmlNatively":true,"enforceCenteredCustomHtmlContent":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e376d9d81cdfa8cbaf5a7e","components":[],"allowedChildSections":[],"pageId":"69e376e8fa0ee22c315cfb80","companyId":"67cc0dccd4e288003b9730ff","componentType":"embed","createdAt":"2026-04-18T12:20:17.652Z","updatedAt":"2026-04-30T08:32:51.635Z","__v":0},{"_id":"69e37713b830d27c841b6d97","type":"component","isTemplate":false,"name":"embed","content":{"body":"<section class="skd-problem">\n <div class="skd-container">\n <h2 class="skd-section-title">Du weißt, dass du KI brauchst.<br>Aber wo soll man da anfangen?</h2>\n <p class="skd-lead">\n Jeden Tag 47 neue Tools. Jede Woche eine neue Sau, die durchs Dorf getrieben wird.\n LinkedIn-Gurus, die gestern noch NFTs verkauft haben, erzählen dir heute,\n was du mit KI alles machen musst.\n </p>\n <p class="skd-lead">\n Das Ergebnis: Du liest viel, probierst wenig, und das Gefühl,\n den Anschluss zu verlieren, wird täglich größer.\n </p>\n <div class="skd-problem__divider">\n <span>Das geht auch anders.</span>\n </div>\n </div>\n</section>\n\n<style>\n.skd-problem {\n background: #ffffff;\n padding: 80px 20px;\n color: #1E1B4B;\n}\n.skd-section-title {\n font-family: 'DM Sans', sans-serif;\n font-size: clamp(28px, 4vw, 44px);\n font-weight: 800;\n line-height: 1.2;\n text-align: center;\n margin: 0 0 32px;\n color: #1E1B4B;\n}\n.skd-lead {\n font-family: 'DM Sans', sans-serif;\n font-size: clamp(17px, 2vw, 20px);\n line-height: 1.65;\n text-align: center;\n max-width: 720px;\n margin: 0 auto 24px;\n color: #333;\n}\n.skd-problem__divider {\n text-align: center;\n margin-top: 48px;\n position: relative;\n}\n.skd-problem__divider::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 300px;\n height: 1px;\n background: #E5E7EB;\n transform: translateX(-50%);\n z-index: 0;\n}\n.skd-problem__divider span {\n background: white;\n padding: 0 24px;\n color: #6D5BDE;\n font-weight: 700;\n font-size: 18px;\n position: relative;\n z-index: 1;\n}\n</style>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":false,"embedCustomHtmlNatively":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e376d9d81cdfa8cbaf5a7e","components":[],"allowedChildSections":[],"pageId":"69e376e8fa0ee22c315cfb80","companyId":"67cc0dccd4e288003b9730ff","componentType":"embed","createdAt":"2026-04-18T12:20:35.403Z","updatedAt":"2026-04-18T12:20:49.621Z","__v":0},{"_id":"69e37729b7eabbcaf5ceddc9","type":"component","isTemplate":false,"name":"embed","content":{"body":"<section class="skd-solution">\n <div class="skd-container">\n <h2 class="skd-section-title skd-section-title--light">\n Ein Briefing. Jeden Morgen.<br>Passgenau auf deine Situation.\n </h2>\n <p class="skd-lead skd-lead--light">\n Superkraft KI Daily ist kein weiterer Newsletter und kein weiteres Tool.\n Es ist dein persönliches KI-Briefing als Podcast –\n individuell produziert, genau für deinen Kontext und deine Ziele.\n </p>\n\n <div class="skd-features">\n <div class="skd-feature">\n <div class="skd-feature__icon">🎧</div>\n <h3>Dein Podcast, dein Name</h3>\n <p>Jeden Morgen werktags eine Folge. Nicht für "Unternehmer generell" – für dich. Deine Themen, dein Kontext, deine Prioritäten.</p>\n </div>\n <div class="skd-feature">\n <div class="skd-feature__icon">📬</div>\n <h3>Drei Wege, es zu hören</h3>\n <p>In deiner Podcast-App (Apple Podcasts, Pocket Casts & Co.), per Mail mit Web-Player oder im persönlichen Dashboard. Such dir aus, was in deinen Alltag passt.</p>\n </div>\n <div class="skd-feature">\n <div class="skd-feature__icon">🎯</div>\n <h3>Kuratiert, nicht ausgeschüttet</h3>\n <p>Das Wichtigste aus der KI-Welt – ohne Hype, ohne Blabla. Was du wissen musst, kurz, klar, umsetzbar. In 5 Minuten durch.</p>\n </div>\n <div class="skd-feature">\n <div class="skd-feature__icon">📅</div>\n <h3>Samstags der Wochenrückblick</h3>\n <p>Einmal pro Woche das große Bild: Was ist wirklich passiert, was ist Rauschen. Für alle Daily-Hörer gemeinsam.</p>\n </div>\n </div>\n </div>\n</section>\n\n<style>\n.skd-solution {\n background: linear-gradient(180deg, #1E1B4B 0%, #312E81 100%);\n padding: 80px 20px;\n color: white;\n}\n.skd-section-title--light {\n color: white;\n}\n.skd-lead--light {\n color: rgba(255, 255, 255, 0.85);\n margin-bottom: 56px;\n}\n.skd-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 32px;\n margin-top: 48px;\n}\n.skd-feature {\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 32px 28px;\n border-radius: 12px;\n}\n.skd-feature__icon {\n font-size: 36px;\n margin-bottom: 16px;\n}\n.skd-feature h3 {\n font-family: 'DM Sans', sans-serif;\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 12px;\n color: white;\n}\n.skd-feature p {\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n margin: 0;\n color: rgba(255, 255, 255, 0.8);\n}\n</style>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":false,"embedCustomHtmlNatively":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e376d9d81cdfa8cbaf5a7e","components":[],"allowedChildSections":[],"pageId":"69e376e8fa0ee22c315cfb80","companyId":"67cc0dccd4e288003b9730ff","componentType":"embed","createdAt":"2026-04-18T12:20:57.552Z","updatedAt":"2026-04-18T12:21:10.357Z","__v":0},{"_id":"69e377401e7d579c1b98dfe4","type":"component","isTemplate":false,"name":"embed","content":{"body":"<section class="skd-joerg">\n <div class="skd-container skd-container--wide">\n <div class="skd-joerg__grid">\n <div class="skd-joerg__image">\n <!-- Foto von Jörg, seriös, nahbar, möglichst in einer erkennbaren Umgebung (Studio/Bücherwand) -->\n <img src="PLACEHOLDER-joerg-portrait.jpg" alt="Jörg Schieb" />\n <div class="skd-joerg__badge">Seit 1995 im deutschen Fernsehen</div>\n </div>\n <div class="skd-joerg__text">\n <div class="skd-joerg__label">DEIN KURATOR</div>\n <h2>Ich übersetze Technologie seit 30 Jahren.<br>Jetzt auch für dich persönlich.</h2>\n\n <p>\n Du kennst mich vielleicht aus der Tagesschau, den Tagesthemen,\n aus Quarks, Netzdenker oder einem meiner 140 Bücher.\n Ich erkläre Menschen seit drei Jahrzehnten, was in der digitalen\n Welt passiert – und vor allem: was davon für sie wichtig ist.\n </p>\n\n <p>\n Genau das ist der Punkt. <strong>KI kann dir Informationen liefern.\n Aber KI weiß nicht, was für dich relevant ist.</strong>\n Was du übersehen solltest. Was nur Hype ist.\n Was deinen Alltag tatsächlich verändert.\n </p>\n\n <p>\n Superkraft KI Daily ist mein Konzept, meine Handschrift,\n meine Auswahl. Ich habe die Redaktionslinie gebaut,\n ich überwache jeden Tag, was rausgeht. KI ist mein Werkzeug –\n so wie eine Kamera das Werkzeug eines Filmemachers ist.\n Aber die Entscheidungen treffe ich.\n </p>\n\n <div class="skd-joerg__credentials">\n <div class="skd-cred">\n <strong>30+ Jahre</strong>\n <span>ARD, WDR, ZDF</span>\n </div>\n <div class="skd-cred">\n <strong>140</strong>\n <span>Fach- und Sachbücher</span>\n </div>\n <div class="skd-cred">\n <strong>1,5 Mio.</strong>\n <span>verkaufte Bücher</span>\n </div>\n <div class="skd-cred">\n <strong>Dozent</strong>\n <span>Digital Literacy, TH Köln</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<style>\n.skd-joerg {\n background: white;\n padding: 80px 20px;\n color: #1E1B4B;\n}\n.skd-container--wide {\n max-width: 1100px;\n margin: 0 auto;\n}\n.skd-joerg__grid {\n display: grid;\n grid-template-columns: 1fr 1.5fr;\n gap: 56px;\n align-items: center;\n}\n@media (max-width: 768px) {\n .skd-joerg__grid {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n}\n.skd-joerg__image {\n position: relative;\n}\n.skd-joerg__image img {\n width: 100%;\n border-radius: 12px;\n box-shadow: 0 20px 60px rgba(30, 27, 75, 0.15);\n}\n.skd-joerg__badge {\n position: absolute;\n bottom: -14px;\n left: 20px;\n background: #F39C12;\n color: #1E1B4B;\n padding: 8px 16px;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n}\n.skd-joerg__label {\n font-family: 'Space Mono', monospace;\n font-size: 13px;\n letter-spacing: 2px;\n color: #6D5BDE;\n margin-bottom: 16px;\n}\n.skd-joerg__text h2 {\n font-family: 'DM Sans', sans-serif;\n font-size: clamp(26px, 3vw, 38px);\n font-weight: 800;\n line-height: 1.2;\n margin: 0 0 24px;\n color: #1E1B4B;\n}\n.skd-joerg__text p {\n font-family: 'DM Sans', sans-serif;\n font-size: 17px;\n line-height: 1.7;\n margin: 0 0 18px;\n color: #333;\n}\n.skd-joerg__text strong {\n color: #1E1B4B;\n font-weight: 700;\n}\n.skd-joerg__credentials {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-top: 32px;\n padding-top: 32px;\n border-top: 1px solid #E5E7EB;\n}\n@media (max-width: 600px) {\n .skd-joerg__credentials {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n.skd-cred strong {\n display: block;\n font-size: 20px;\n color: #4338CA;\n font-weight: 800;\n margin-bottom: 4px;\n}\n.skd-cred span {\n font-size: 13px;\n color: #6B7280;\n line-height: 1.3;\n display: block;\n}\n</style>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":false,"embedCustomHtmlNatively":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e376d9d81cdfa8cbaf5a7e","components":[],"allowedChildSections":[],"pageId":"69e376e8fa0ee22c315cfb80","companyId":"67cc0dccd4e288003b9730ff","componentType":"embed","createdAt":"2026-04-18T12:21:20.502Z","updatedAt":"2026-04-18T12:21:33.026Z","__v":0},{"_id":"69e37756804657b473b3ce31","type":"component","isTemplate":false,"name":"embed","content":{"body":"<section class="skd-how">\n <div class="skd-container">\n <h2 class="skd-section-title">So einfach ist es.</h2>\n\n <div class="skd-steps">\n <div class="skd-step">\n <div class="skd-step__num">1</div>\n <h3>Anmelden &amp; Profil anlegen</h3>\n <p>Kurzer Fragebogen: Was machst du? Was sind deine Ziele? Welche Themen sind dir wichtig? Dauer: 3 Minuten.</p>\n </div>\n <div class="skd-step">\n <div class="skd-step__num">2</div>\n <h3>Ersten Podcast erhalten</h3>\n <p>Sofort nach der Anmeldung bekommst du deine erste individuelle Folge – personalisiert auf dich.</p>\n </div>\n <div class="skd-step">\n <div class="skd-step__num">3</div>\n <h3>Ab dann täglich</h3>\n <p>Werktags morgens in deinem Feed, deiner Mailbox und deinem Dashboard. Samstag der Wochenrückblick. Sonntag Pause.</p>\n </div>\n <div class="skd-step">\n <div class="skd-step__num">4</div>\n <h3>Anpassen, wann du willst</h3>\n <p>Interessen ändern, Urlaub pausieren, Länge umstellen – alles in deinem Dashboard, ein Klick.</p>\n </div>\n </div>\n </div>\n</section>\n\n<style>\n.skd-how {\n background: #F9FAFB;\n padding: 80px 20px;\n}\n.skd-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 24px;\n margin-top: 48px;\n}\n.skd-step {\n background: white;\n padding: 32px 24px;\n border-radius: 12px;\n border: 1px solid #E5E7EB;\n position: relative;\n}\n.skd-step__num {\n width: 40px;\n height: 40px;\n background: #4338CA;\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n margin-bottom: 16px;\n}\n.skd-step h3 {\n font-family: 'DM Sans', sans-serif;\n font-size: 18px;\n font-weight: 700;\n margin: 0 0 10px;\n color: #1E1B4B;\n}\n.skd-step p {\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n line-height: 1.55;\n margin: 0;\n color: #4B5563;\n}\n</style>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":false,"embedCustomHtmlNatively":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e376d9d81cdfa8cbaf5a7e","components":[],"allowedChildSections":[],"pageId":"69e376e8fa0ee22c315cfb80","companyId":"67cc0dccd4e288003b9730ff","componentType":"embed","createdAt":"2026-04-18T12:21:42.113Z","updatedAt":"2026-04-18T12:21:53.150Z","__v":0},{"_id":"69e37767d81cdfa8cbaf6408","type":"component","isTemplate":false,"name":"embed","content":{"body":"<section class="skd-pricing" id="tarife">\n <div class="skd-container skd-container--wide">\n <h2 class="skd-section-title">Such dir das Paket, das zu dir passt.</h2>\n <p class="skd-lead">\n Egal wo du stehst: Es gibt einen Einstieg für dich.\n Je weiter du kommst, desto direkter arbeitest du mit mir zusammen.\n </p>\n\n <div class="skd-plans">\n <!-- PLAN I -->\n <div class="skd-plan">\n <div class="skd-plan__name">Daily</div>\n <div class="skd-plan__price">\n <span class="skd-plan__price-num">57 €</span>\n <span class="skd-plan__price-unit">/ Monat</span>\n </div>\n <p class="skd-plan__desc">Dein persönliches KI-Briefing als Podcast.</p>\n <ul class="skd-plan__features">\n <li>Mo–Fr individuelle Podcast-Folge</li>\n <li>Samstag Wochenrückblick</li>\n <li>Per App, Mail und Dashboard</li>\n <li>Jederzeit Themen anpassen</li>\n <li>Pausieren möglich</li>\n </ul>\n <button class="skd-btn-outline" onclick="scrollToForm('daily')">\n Daily starten\n </button>\n </div>\n\n <!-- PLAN II – EMPFOHLEN -->\n <div class="skd-plan skd-plan--featured">\n <div class="skd-plan__ribbon">Meistgewählt</div>\n <div class="skd-plan__name">Daily + Kurse</div>\n <div class="skd-plan__price">\n <span class="skd-plan__price-num">98 €</span>\n <span class="skd-plan__price-unit">/ Monat</span>\n </div>\n <p class="skd-plan__desc">Briefing plus voller Kurs-Zugang. Wissen und Umsetzung in einem.</p>\n <ul class="skd-plan__features">\n <li><strong>Alles aus Daily</strong></li>\n <li>Zugang zu allen Online-Kursen</li>\n <li>Zugang zu allen eBooks</li>\n <li>KLAR-Methode Komplett</li>\n <li>Neue Kurse automatisch inklusive</li>\n </ul>\n <button class="skd-btn-primary skd-btn-full" onclick="scrollToForm('plus')">\n Jetzt Daily + Kurse holen\n </button>\n <div class="skd-plan__note">Der häufigste Start – alle Werkzeuge in einem Paket.</div>\n </div>\n\n <!-- PLAN III -->\n <div class="skd-plan">\n <div class="skd-plan__name">Daily + Live</div>\n <div class="skd-plan__price">\n <span class="skd-plan__price-num">300 €</span>\n <span class="skd-plan__price-unit">/ Monat</span>\n </div>\n <p class="skd-plan__desc">Direkter Zugang zu Jörg. Für alle, die schneller wollen.</p>\n <ul class="skd-plan__features">\n <li><strong>Alles aus Daily + Kurse</strong></li>\n <li>2 Live-Sessions pro Monat mit Jörg</li>\n <li>Kleine Gruppe, echte Fragen</li>\n <li>Aufzeichnung inklusive</li>\n <li>Priorisiertes Themen-Voting</li>\n </ul>\n <button class="skd-btn-outline" onclick="scrollToForm('live')">\n Daily + Live anfragen\n </button>\n </div>\n </div>\n\n <p class="skd-pricing__footer">\n Alle Preise inkl. MwSt. · 14 Tage testen · Monatlich kündbar.\n </p>\n </div>\n</section>\n\n<style>\n.skd-pricing {\n background: white;\n padding: 80px 20px;\n}\n.skd-plans {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 48px;\n align-items: stretch;\n}\n@media (max-width: 960px) {\n .skd-plans {\n grid-template-columns: 1fr;\n max-width: 480px;\n margin: 48px auto 0;\n }\n}\n.skd-plan {\n background: white;\n border: 2px solid #E5E7EB;\n border-radius: 16px;\n padding: 36px 28px;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.skd-plan--featured {\n border-color: #4338CA;\n background: linear-gradient(180deg, #F5F3FF 0%, white 40%);\n transform: scale(1.03);\n box-shadow: 0 20px 60px rgba(67, 56, 202, 0.15);\n}\n@media (max-width: 960px) {\n .skd-plan--featured {\n transform: none;\n }\n}\n.skd-plan__ribbon {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: #F39C12;\n color: #1E1B4B;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n}\n.skd-plan__name {\n font-family: 'Space Mono', monospace;\n font-size: 13px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #6D5BDE;\n margin-bottom: 16px;\n}\n.skd-plan__price {\n margin-bottom: 8px;\n}\n.skd-plan__price-num {\n font-family: 'DM Sans', sans-serif;\n font-size: 48px;\n font-weight: 800;\n color: #1E1B4B;\n line-height: 1;\n}\n.skd-plan__price-unit {\n font-size: 16px;\n color: #6B7280;\n margin-left: 4px;\n}\n.skd-plan__desc {\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n line-height: 1.5;\n color: #4B5563;\n margin: 0 0 24px;\n min-height: 48px;\n}\n.skd-plan__features {\n list-style: none;\n padding: 0;\n margin: 0 0 32px;\n flex-grow: 1;\n}\n.skd-plan__features li {\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n line-height: 1.5;\n padding: 10px 0 10px 28px;\n position: relative;\n color: #1F2937;\n border-bottom: 1px solid #F3F4F6;\n}\n.skd-plan__features li:last-child {\n border-bottom: none;\n}\n.skd-plan__features li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 10px;\n color: #4338CA;\n font-weight: 800;\n}\n.skd-btn-outline {\n background: white;\n color: #4338CA;\n border: 2px solid #4338CA;\n padding: 14px 24px;\n font-size: 16px;\n font-weight: 700;\n border-radius: 8px;\n cursor: pointer;\n width: 100%;\n transition: background 0.2s, color 0.2s;\n}\n.skd-btn-outline:hover {\n background: #4338CA;\n color: white;\n}\n.skd-btn-full {\n width: 100%;\n}\n.skd-plan__note {\n margin-top: 12px;\n font-size: 13px;\n color: #6B7280;\n text-align: center;\n font-style: italic;\n}\n.skd-pricing__footer {\n text-align: center;\n margin-top: 32px;\n font-size: 14px;\n color: #6B7280;\n}\n</style>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":false,"embedCustomHtmlNatively":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e376d9d81cdfa8cbaf5a7e","components":[],"allowedChildSections":[],"pageId":"69e376e8fa0ee22c315cfb80","companyId":"67cc0dccd4e288003b9730ff","componentType":"embed","createdAt":"2026-04-18T12:21:59.678Z","updatedAt":"2026-04-18T12:22:09.194Z","__v":0},{"_id":"69e3778954026c804e379a64","type":"component","isTemplate":false,"name":"embed","content":{"body":"<section class="skd-faq">\n <div class="skd-container">\n <h2 class="skd-section-title">Die häufigsten Fragen.</h2>\n\n <details class="skd-faq__item" open>\n <summary>Warum soll ich für KI-Content zahlen – ich kann doch selbst ChatGPT fragen?</summary>\n <div class="skd-faq__answer">\n <p>\n Kannst du. Und solltest du auch. ChatGPT ist ein brillantes Werkzeug.\n </p>\n <p>\n Aber ChatGPT ist wie ein Lexikon: es antwortet auf deine Frage.\n Superkraft KI Daily ist wie ein Chefredakteur: er sagt dir,\n welche Fragen du heute stellen solltest.\n </p>\n <p>\n Ich verfolge die KI-Welt seit über 30 Jahren\n für ARD, WDR und die größten deutschen Verlage.\n Ich filtere jeden Tag aus hunderten Quellen das heraus,\n was für dich – Solopreneur, Entscheider, Wissensarbeiter –\n tatsächlich relevant ist. KI ist das Werkzeug, mit dem ich\n das an dich ausliefere. Die Auswahl und die Einordnung\n kommt von mir.\n </p>\n <p>\n Anders gesagt: Du kannst auch selbst kochen. Aber manchmal\n willst du einfach, dass jemand, der weiß, was er tut,\n dir ein gutes Menü zusammenstellt.\n </p>\n </div>\n </details>\n\n <details class="skd-faq__item">\n <summary>Wie wird der Podcast eigentlich produziert – ist das jetzt Jörgs Stimme oder KI?</summary>\n <div class="skd-faq__answer">\n <p>\n Ehrliche Antwort: Es ist meine geklonte Stimme.\n Anders wäre ein individueller Tages-Podcast für jeden Kunden\n praktisch nicht möglich – ich müsste 300-mal am Tag ins Studio.\n </p>\n <p>\n Aber die Redaktionslinie, die Auswahl, die Art wie Themen\n eingeordnet werden – das ist alles mein Konzept, von mir\n entwickelt und täglich kontrolliert. Die KI ist der Sprecher,\n nicht der Autor.\n </p>\n <p>\n Wenn du mit mir persönlich sprechen willst:\n Der Live-Tarif enthält zwei Live-Sessions pro Monat mit mir\n in echter Gruppe.\n </p>\n </div>\n </details>\n\n <details class="skd-faq__item">\n <summary>Was, wenn die Folgen nicht zu mir passen?</summary>\n <div class="skd-faq__answer">\n <p>\n In deinem Dashboard kannst du jederzeit Themen, Schwerpunkte\n und Länge anpassen. Die Änderung greift ab der nächsten Folge.\n </p>\n <p>\n In den ersten 14 Tagen kannst du außerdem ohne Angabe\n von Gründen kündigen – 100% Geld zurück.\n </p>\n </div>\n </details>\n\n <details class="skd-faq__item">\n <summary>Wie lang sind die Folgen?</summary>\n <div class="skd-faq__answer">\n <p>\n Standardmäßig 5 Minuten werktags, Samstags der Wochenrückblick\n dauert 8–10 Minuten. In deinem Dashboard kannst du zwischen\n 3, 5 oder 7 Minuten wählen.\n </p>\n </div>\n </details>\n\n <details class="skd-faq__item">\n <summary>Ich habe wenig KI-Vorwissen – ist das was für mich?</summary>\n <div class="skd-faq__answer">\n <p>\n Besonders. Ich arbeite seit 30 Jahren daran, Technologie\n für Menschen verständlich zu machen, die keine Techies sind.\n Das ist mein Kerngeschäft.\n </p>\n <p>\n Beim Onboarding gibst du an, wo du stehst. Die Folgen passen\n sich deinem Niveau an – und wachsen mit dir.\n </p>\n </div>\n </details>\n\n <details class="skd-faq__item">\n <summary>Kann ich den Podcast auf Spotify hören?</summary>\n <div class="skd-faq__answer">\n <p>\n Leider nein. Spotify erlaubt keine persönlichen, privaten Feeds\n – das ist eine technische Einschränkung der Plattform.\n </p>\n <p>\n Dafür läuft dein Podcast in allen anderen Apps: Apple Podcasts,\n Pocket Casts, Overcast, Castro, Podcast Addict und viele mehr.\n Beim Einrichten bekommst du eine ausführliche Anleitung.\n </p>\n </div>\n </details>\n\n <details class="skd-faq__item">\n <summary>Was passiert, wenn ich pausiere oder kündige?</summary>\n <div class="skd-faq__answer">\n <p>\n Pausieren kannst du jederzeit per Klick im Dashboard – du zahlst\n weiter, bekommst aber keine Folgen, bis du wieder startest.\n Gut für Urlaub oder stressige Phasen.\n </p>\n <p>\n Kündigen ebenfalls jederzeit zum Monatsende. Deine Daten\n werden nach 14 Tagen Kulanzzeit vollständig gelöscht.\n </p>\n </div>\n </details>\n </div>\n</section>\n\n<style>\n.skd-faq {\n background: #F9FAFB;\n padding: 80px 20px;\n}\n.skd-faq__item {\n max-width: 760px;\n margin: 0 auto 16px;\n background: white;\n border: 1px solid #E5E7EB;\n border-radius: 10px;\n overflow: hidden;\n}\n.skd-faq__item summary {\n padding: 20px 24px;\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 17px;\n color: #1E1B4B;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n}\n.skd-faq__item summary::-webkit-details-marker {\n display: none;\n}\n.skd-faq__item summary::after {\n content: '+';\n font-size: 24px;\n color: #4338CA;\n font-weight: 300;\n flex-shrink: 0;\n}\n.skd-faq__item[open] summary::after {\n content: '−';\n}\n.skd-faq__answer {\n padding: 0 24px 24px;\n}\n.skd-faq__answer p {\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n line-height: 1.65;\n color: #4B5563;\n margin: 0 0 14px;\n}\n.skd-faq__answer p:last-child {\n margin-bottom: 0;\n}\n</style>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":false,"embedCustomHtmlNatively":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e376d9d81cdfa8cbaf5a7e","components":[],"allowedChildSections":[],"pageId":"69e376e8fa0ee22c315cfb80","companyId":"67cc0dccd4e288003b9730ff","componentType":"embed","createdAt":"2026-04-18T12:22:33.085Z","updatedAt":"2026-04-18T12:22:39.763Z","__v":0}],"isResultPage":false,"animation":"none","theme":{"_id":"67920b1476dfca003b3e806a","type":"theme","transition":"default","name":"Bundle Checkout","image":"https://perspective.imgix.net/assets/app/themes/perspective.png","typography":"Inter:300,600","fontColor":"#000000","backgroundColor":"#F5F5F5","formFieldBackgroundColor":"#3C22A2","buttonBackgroundColor":"#3C22A2","createdAt":"2025-01-23T09:25:40.109Z","updatedAt":"2025-01-23T09:26:48.137Z","__v":0,"fontId":null},"themeV2":{"typography":"Inter:300,600","fontId":null,"fontColor":"#000000","backgroundColor":"#F5F5F5","formFieldBackgroundColor":"#3C22A2","buttonBackgroundColor":"#3C22A2","borderRadius":"small","transition":"default"},"fields":[],"cookiesEnabled":true,"language":"de","showProgressBar":false,"showAffiliateBadge":false,"affiliateLink":"","resultMapping":{},"nextPage":"69fc859d57ace273286b27cc","sortedPages":["69e376e8fa0ee22c315cfb80","69fc859d57ace273286b27cc"],"hasResultPages":true,"resultPages":["69fe42b36393cee7f7fba447"],"isHomePage":true,"isLastPage":false,"firstResultPage":"69fe42b36393cee7f7fba447","headScript":"","bodyScript":"","trackingProperties":[],"automaticRedirect":null,"inputMap":{"byComponent":{},"byName":{}},"pageIdSlugMap":{"69e376e8fa0ee22c315cfb80":"daily","69fc859d57ace273286b27cc":"page_x9gfhg","69fe42b36393cee7f7fba447":"thanks"},"context":{"slug":"","trackingVersion":"v4","url":"https://daily.schieb.de/","domain":"daily.schieb.de"}}