@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}:root{--bg-primary:#020617;--bg-secondary:#0a1628f2;--bg-card:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-blue:#3b82f6;--accent-blue-dark:#1e40b0;--accent-green:#10b981;--accent-gold:#c8a84e;--accent-blue-bg:#3b82f620;--accent-green-bg:#10b98120;--accent-gold-bg:#c8a84e26;--border:#ffffff1a}.reveal{font-family:Inter,sans-serif;background:var(--bg-primary)!important}.reveal h1,.reveal h2,.reveal h3{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:700}.reveal .slides section{text-align:left;box-sizing:border-box;height:100%;padding:50px 70px;overflow:hidden}.reveal .slides>section.stack{overflow:hidden!important}.reveal .slides>section.stack>section:not(.present){visibility:hidden!important;opacity:0!important;pointer-events:none!important}.reveal .slides>section.stack>section.present{visibility:visible!important;opacity:1!important}.reveal .controls{opacity:.4;color:var(--accent-blue)!important}.reveal .progress{background:#ffffff0d;height:3px}.reveal .progress span{background:linear-gradient(90deg, var(--accent-blue), var(--accent-green))}.reveal .slide-number{font-family:Fira Code,monospace;color:var(--text-secondary)!important;background:0 0!important;font-size:14px!important}.top-bar{background:linear-gradient(90deg, var(--accent-blue), var(--accent-green), var(--accent-gold));z-index:20;height:3px;position:absolute;top:0;left:0;right:0}.slide-footer{color:var(--text-secondary);z-index:10;border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;font-family:Fira Code,monospace;font-size:13px;display:flex;position:absolute;bottom:20px;left:90px;right:90px}.slide-footer .ihk-badge{background:var(--accent-blue-bg);color:var(--accent-blue);border:1px solid #3b82f64d;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.slide-footer .footer-right{align-items:center;gap:15px;display:flex}.slide-title{background:var(--bg-primary)!important;color:var(--text-primary)!important;flex-direction:column!important;justify-content:center!important;display:flex!important}.slide-title h1{background:linear-gradient(135deg, #fff, var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.1;color:var(--text-primary)!important;font-size:3.2em!important}.slide-title h2{color:var(--accent-blue)!important;text-transform:none!important;font-size:1.3em!important;font-weight:400!important}.slide-title .subtitle{border-top:2px solid var(--accent-blue);margin-top:40px;padding-top:20px;display:inline-block}.slide-title .subtitle p{color:var(--text-secondary);margin:5px 0}.slide-title .branding{letter-spacing:.15em;color:var(--accent-gold);font-family:Fira Code,monospace;font-size:13px;font-weight:600;position:absolute;top:30px;right:90px}.slide-section{background:var(--bg-primary)!important;color:var(--text-primary)!important;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.slide-section:before{content:"";background:radial-gradient(#3b82f61f 0%,#0000 70%);position:absolute;inset:0}.slide-section h2{position:relative;color:var(--text-primary)!important;font-size:2.5em!important}.slide-section .section-image{border:1px solid var(--border);border-radius:16px;max-width:400px;box-shadow:0 12px 40px #00000080}.slide-content{background:var(--bg-primary)!important;color:var(--text-primary)!important}.slide-content h2{margin-bottom:30px;padding-bottom:12px;position:relative;color:var(--accent-blue)!important;font-size:1.9em!important}.slide-content h2:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.slide-content ul{max-width:85%;padding:0;list-style:none}.slide-content ul li{color:var(--text-secondary);margin-bottom:14px;padding-left:30px;font-size:.88em;line-height:1.5;position:relative}.slide-content ul li:before{content:"";background:var(--accent-blue);border-radius:50%;width:8px;height:8px;position:absolute;top:11px;left:0;box-shadow:0 0 8px #3b82f666}.slide-split{background:var(--bg-primary)!important;color:var(--text-primary)!important}.slide-split h2{margin-bottom:20px;padding-bottom:10px;position:relative;color:var(--accent-blue)!important;font-size:1.7em!important}.slide-split h2:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}.split-container{align-items:center;gap:45px;display:flex}.split-text{flex:1}.split-image{border:1px solid var(--border);border-radius:16px;flex:0 0 400px;overflow:hidden;box-shadow:0 8px 30px #0006}.split-image img{width:100%;height:auto;display:block}.split-text ul{padding:0;list-style:none}.split-text ul li{color:var(--text-secondary);margin-bottom:12px;padding-left:25px;font-size:.82em;line-height:1.45;position:relative}.split-text ul li:before{content:"";background:var(--accent-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0;box-shadow:0 0 6px #3b82f64d}.slide-accent{position:relative;overflow:hidden;background:var(--bg-primary)!important;color:var(--text-primary)!important}.slide-accent:after{content:"";border-left:1px solid var(--border);background:linear-gradient(#3b82f614,#10b9810d);width:33%;height:100%;position:absolute;top:0;right:0}.slide-accent h2{z-index:1;margin-bottom:22px;padding-bottom:10px;position:relative;color:var(--accent-blue)!important;font-size:1.8em!important}.slide-accent h2:after{content:"";background:var(--accent-gold);border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}.slide-accent .accent-content{z-index:1;width:60%;position:relative}.slide-accent .accent-image{z-index:2;border:1px solid var(--border);border-radius:16px;width:27%;position:absolute;top:50%;right:3%;overflow:hidden;transform:translateY(-50%);box-shadow:0 8px 30px #0006}.slide-accent .accent-image img{width:100%;display:block}.slide-accent ul{padding:0;list-style:none}.slide-accent ul li{color:var(--text-secondary);margin-bottom:12px;padding-left:25px;font-size:.82em;line-height:1.45;position:relative}.slide-accent ul li:before{content:"";background:var(--accent-gold);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0;box-shadow:0 0 6px #c8a84e4d}.slide-question{background:var(--bg-primary)!important;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.slide-question:before{content:"";background:radial-gradient(#10b9811f 0%,#0000 70%);position:absolute;inset:0}.slide-question h2{position:relative;color:var(--accent-green)!important;font-size:3.5em!important}.slide-question .question-mark{opacity:.05;color:var(--accent-green);font-size:12em;position:absolute;top:10%;right:8%}.slide-pause{background:var(--bg-primary)!important;text-align:center!important;justify-content:center!important;align-items:center!important;display:flex!important}.slide-pause h2{letter-spacing:.3em;font-weight:300;color:var(--text-secondary)!important;font-size:4.5em!important}.slide-summary{background:var(--bg-primary)!important;color:var(--text-primary)!important}.slide-summary:before{content:"";background:radial-gradient(at 0 0,#c8a84e1a 0%,#0000 60%);position:absolute;inset:0}.slide-summary h2{margin-bottom:25px;padding-bottom:10px;position:relative;color:var(--accent-gold)!important;font-size:1.8em!important}.slide-summary h2:after{content:"";background:var(--accent-gold);width:50px;height:3px;position:absolute;bottom:0;left:0}.slide-summary ul{padding:0;list-style:none}.slide-summary ul li{color:var(--text-secondary);margin-bottom:18px;padding-left:25px;font-size:1em;line-height:1.5;position:relative}.slide-summary ul li:before{content:"";background:var(--accent-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:0}.content-with-image{align-items:flex-start;gap:40px;display:flex}.content-with-image ul{flex:1}.content-with-image .content-image{object-fit:contain;border:1px solid var(--border);border-radius:14px;flex:0 0 360px;align-self:center;max-height:320px;box-shadow:0 6px 24px #0000004d}.red-square{background:var(--accent-blue);z-index:5;opacity:.5;border-radius:6px;width:30px;height:30px;position:absolute;top:25px;right:55px}.tooltip-wrap{cursor:help;display:inline;position:relative}.tooltip-term{border-bottom:1px dashed var(--accent-gold);color:var(--accent-gold);font-weight:500;transition:color .2s}.tooltip-term:hover{color:#e8c85a}.tooltip-box{visibility:hidden;opacity:0;z-index:9999;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);text-transform:none;letter-spacing:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;border-radius:8px;width:max-content;max-width:300px;padding:12px 16px;font-size:14px;font-weight:400;line-height:1.5;transition:opacity .2s;position:fixed;box-shadow:0 8px 24px #0009}.tooltip-box:after{display:none}.slide-simple{background:var(--bg-primary)!important;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.slide-simple:before{content:"";background:radial-gradient(#3b82f614 0%,#0000 60%);position:absolute;inset:0}.slide-simple .simple-icon{margin-bottom:10px;font-size:2.5em;position:relative}.slide-simple h2{margin-bottom:15px;font-weight:600;position:relative;color:var(--text-primary)!important;text-transform:none!important;font-size:1.4em!important}.slide-simple .simple-analogy{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;max-width:80%;max-height:55vh;padding:24px 32px;font-size:.95em;line-height:1.7;position:relative;overflow-y:auto}.slide-simple .simple-analogy strong{color:var(--accent-blue)}.has-sub:after{content:"↓ Einfach erklärt";color:var(--text-secondary);opacity:.4;z-index:10;font-family:Fira Code,monospace;font-size:.65em;animation:2s infinite bounce;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.reveal .slides section .fragment{transition:all .4s}
