@font-face{font-family:Charm;src:url(/fonts/Charm-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--accent: #448aff;--side: #3f51b5;--brand-yellow: #ffff00;--gradient: linear-gradient(135deg, var(--side), var(--accent) 40%, var(--accent) 60%, var(--side));--bg: #ffffff;--surface: #ffffff;--header-bg: #ffffff;--text: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--border: rgba(0, 0, 0, .12);--card-shadow: 0 4px 14px rgba(30, 40, 80, .18);color-scheme:light}:root[data-theme=dark]{--bg: #121212;--surface: #1c1c1c;--header-bg: #1c1c1c;--text: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .65);--border: rgba(255, 255, 255, .14);--card-shadow: 0 4px 14px rgba(0, 0, 0, .5);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121212;--surface: #1c1c1c;--header-bg: #1c1c1c;--text: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .65);--border: rgba(255, 255, 255, .14);--card-shadow: 0 4px 14px rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:OpenSans,system-ui,sans-serif;font-size:16px;line-height:1.5;transition:background-color .2s ease,color .2s ease}img{max-width:100%;display:block}a{color:var(--accent)}.top-strip{height:10px;background:var(--gradient);transition:height .2s ease}.top-strip.scrolled{height:2px}header.site-header{position:sticky;top:0;z-index:20;background:var(--header-bg);position:relative;overflow:hidden;transition:background-color .2s ease}.curve-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.header-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1200px;margin:0 auto;padding:16px clamp(16px,4vw,40px);min-height:85px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-logo{width:48px;height:48px;border-radius:16px;background:var(--gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #1e285040}.brand-logo span{font-family:Charm,cursive;color:var(--brand-yellow);font-size:36px}.brand-title{font-family:Charm,cursive;font-size:clamp(22px,4vw,32px);white-space:nowrap}.brand-title .r{color:var(--brand-yellow)}.brand-title .rest{color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{border:none;background:transparent;color:var(--text);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background-color .15s ease}.theme-toggle:hover{background:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:25px 4px;border:3px solid var(--accent);color:var(--accent);background:transparent;font-family:Charm,cursive;font-size:16px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.btn:hover{background:var(--accent);color:#fff}main{max-width:1200px;margin:0 auto;padding:32px clamp(16px,4vw,5vw)}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,4vw,48px)}.hero-text{flex:1 1 320px}.hero-media{flex:1 1 320px;display:flex;justify-content:center}h1.title{font-size:clamp(28px,4vw,34px);font-weight:700;text-align:center;margin:0 0 20px}.lead,.body-copy{text-align:justify;white-space:pre-line;color:var(--text)}.try-row{display:none;align-items:center;justify-content:center;gap:12px;margin:16px 0;font-size:18px}.content-row{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,4vw,48px);margin-top:clamp(24px,4vw,48px)}.content-row .body-copy,.content-row .hero-media{flex:1 1 320px}@media(max-width:760px){.try-row{display:flex}.header-actions .btn.demo-desktop{display:none}.hero{flex-direction:column}.content-row{flex-direction:column-reverse}}.slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.slider::-webkit-scrollbar{height:8px}.slider::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.slider img{height:min(45vw,260px);width:auto;border-radius:16px;box-shadow:var(--card-shadow);scroll-snap-align:center;cursor:zoom-in;flex-shrink:0;background:var(--surface)}.divider-row{display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,32px);margin:clamp(32px,5vw,56px) 0}.divider{height:10px;flex:1 1 auto;max-width:260px;border-radius:16px;background:var(--gradient)}.mini-logo{width:60px;height:60px;border-radius:20px;background:var(--gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-logo span{font-family:Charm,cursive;color:var(--brand-yellow);font-size:42px}h2.section-title{text-align:center;font-family:Charm,cursive;font-size:clamp(28px,4vw,40px);font-weight:400;margin:0 0 24px}.pakketten-heading{display:flex;align-items:center;gap:clamp(12px,3vw,24px);margin:clamp(16px,4vw,32px) 0}.pakketten-heading .divider{max-width:none}.pakketten-heading h1{font-family:Charm,cursive;font-weight:400;font-size:clamp(26px,4vw,40px);text-align:center;margin:0;white-space:nowrap}.compare-frame{border:3px solid var(--accent);background:color-mix(in srgb,var(--side) 8%,transparent);border-radius:32px 32px 4px;padding:16px clamp(12px,3vw,24px);overflow-x:auto;-webkit-overflow-scrolling:touch}table.compare{width:100%;min-width:480px;border-collapse:collapse}table.compare th,table.compare td{padding:10px 8px;text-align:center;vertical-align:middle}table.compare th{font-family:Charm,cursive;font-weight:400;font-size:clamp(18px,3vw,28px)}table.compare td:first-child{text-align:left;color:var(--text-secondary)}table.compare tbody tr td{border-top:1px solid var(--border)}table.compare td+td,table.compare th+th{border-left:3px solid var(--accent)}footer.site-footer{margin-top:48px}.footer-strip{height:10px;background:var(--gradient)}.footer-body{background:var(--gradient);color:#fff}.footer-inner{max-width:1200px;margin:0 auto;padding:20px clamp(16px,4vw,40px)}.footer-body h3{margin:0 0 4px;font-weight:400;font-size:22px}.footer-body a{color:#fff}.footer-divider{height:2px;background:#fff9;margin:20px 0;border:none}.footer-copy{font-size:14px;text-align:center}.lightbox{position:fixed;inset:0;background:#000000bf;display:none;align-items:center;justify-content:center;padding:24px;z-index:100}.lightbox.open{display:flex}.lightbox-content{position:relative;max-width:min(90vw,900px);max-height:90vh;border:4px solid var(--accent);border-radius:16px;background:var(--surface);overflow:hidden;display:flex}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;margin:auto}.lightbox-close{position:absolute;top:10px;right:10px;border:2px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:999px;padding:6px 16px;cursor:pointer;font-size:14px}