:root{--blue-950: #041e42;--blue-900: #062e64;--blue-800: #0a3d7a;--blue-700: #0d4ea3;--blue-600: #1565c0;--blue-500: #1e88e5;--sky: #7ec8ff;--mint: #9be08a;--green-800: #1b5e20;--green-700: #2e7d32;--green-600: #43a047;--green-500: #4caf50;--green-400: #66bb6a;--green-300: #81c784;--lime: #8bc34a;--ink: #122033;--muted: #3d5670;--line: rgba(13, 78, 163, .14);--paper: #d7efff;--white: #ffffff;--glass: rgba(255, 255, 255, .62);--shadow: 0 18px 44px rgba(6, 46, 100, .16);--radius: 22px;--header-h: 96px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 0% -10%,#7ec8ff 0%,transparent 46%),radial-gradient(ellipse at 100% 0%,#8ee08a 0%,transparent 42%),radial-gradient(ellipse at 80% 100%,#67c7ff 0%,transparent 38%),linear-gradient(180deg,#bfe6ff,#d4f5c8 48%,#b5e4ff);background-attachment:fixed;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-wrap{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#bee6ffd1,#d2f5c8d1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,78,163,.12)}.header-inner{display:flex;align-items:center;gap:18px;min-height:var(--header-h);padding:8px 0}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{height:65px;width:auto}.nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap;justify-content:flex-end}.nav-link,.drop-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border-radius:999px;color:var(--blue-900);font-weight:600;font-size:.84rem;background:transparent;border:0;cursor:pointer}.nav-link:hover,.drop-btn:hover,.nav-link.active,.drop-btn.active{background:linear-gradient(90deg,#1565c01a,#4caf501f);color:var(--blue-800)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none}.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--blue-900)}.dropdown-menu a:hover{background:var(--paper)}.lang-switch{display:inline-flex;align-items:center;background:linear-gradient(90deg,var(--blue-800),var(--green-600));padding:3px;border-radius:999px;flex-shrink:0}.lang-switch button{border:0;background:transparent;color:#e8f5e9;font-weight:800;letter-spacing:.04em;padding:8px 11px;border-radius:999px;cursor:pointer}.lang-switch button.active{background:var(--white);color:var(--blue-800)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--white);cursor:pointer}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;width:18px;height:2px;background:var(--blue-800);position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0}.menu-toggle span:before{top:-6px}.menu-toggle span:after{top:6px}.footer{margin-top:auto;background:linear-gradient(160deg,var(--blue-950),var(--blue-800) 55%,#14532d);color:#e8f0ea;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer h3{margin:0 0 12px;font-size:1rem}.footer a{display:block;opacity:.9;margin:6px 0}.footer a:hover{opacity:1;color:var(--green-300)}.footer-bottom{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:12px;font-size:.88rem;opacity:.85}.page{padding:42px 0 72px}.page-but{min-height:calc(100vh - var(--header-h));padding:18px 0 24px;box-sizing:border-box}.page-but .but-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:8px}.page-but .but-title{font-size:1.35rem;line-height:1.35;margin:0;max-width:820px}.page-but .lead{margin:0 0 10px}.page-but .section-title{margin:8px 0 0;font-size:1.35rem}.page-but .steps{margin-top:12px;gap:12px}.page-but .step{padding:14px 16px}.page-but .step p{margin:0;font-size:.95rem}.page-but .step h3{margin:0 0 6px;font-size:1.05rem}.page-but .step-num{width:32px;height:32px;margin-bottom:8px;font-size:.9rem}.page-but .but-note{margin:14px 0 12px}.page-but .hero-actions{margin-top:0}.no-footer main{flex:1}.no-footer .footer{display:none}.page-hero{padding:56px 0 28px}.kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-700);margin-bottom:10px}h1,.h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;margin:0 0 14px;color:var(--blue-900)}.lead{font-size:1.15rem;color:var(--muted);max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--blue-700),var(--green-600));color:#fff;box-shadow:0 10px 24px #0d4ea340}.btn-ghost{background:#ffffff8c;color:var(--blue-800);border:1px solid rgba(13,78,163,.18)}.hero{position:relative;overflow:hidden;padding:72px 0 80px;background:radial-gradient(circle at 12% 20%,rgba(110,220,130,.45),transparent 28%),radial-gradient(circle at 88% 10%,rgba(90,180,255,.5),transparent 32%),linear-gradient(180deg,#96d6ff8c,#baf0aa66 70%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero-logo{display:grid;place-items:center}.hero-logo img,.brand img,.about-teaser img{background:transparent!important;border:0!important;box-shadow:none}.hero-logo img{width:min(100%,460px)}.hero-motto{font-size:1.25rem;font-weight:800;color:var(--green-700);margin:18px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stat{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:14px 16px}.stat strong{display:block;color:var(--blue-800);font-size:1.4rem}.section-title{margin:0 0 8px;color:var(--blue-900);font-size:1.8rem}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.pillar{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);padding:22px;border-top:5px solid var(--blue-600);box-shadow:0 8px 24px #062e6414}.pillar:nth-child(odd){background:#b0dcff94}.pillar:nth-child(2n){background:#c4eeb094}.service-card:nth-child(odd){background:#b0dcff9e}.service-card:nth-child(2n){background:#c4eeb09e}.pillar h3{margin:0 0 8px;color:var(--blue-800)}.cards-5,.cards-3,.grid-2{display:grid;gap:18px}.cards-5{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:28px}.cards-3{grid-template-columns:1fr}.erw-subtitle{margin:0 0 28px;font-size:1.05rem;font-weight:600;color:var(--muted)}.erw-cards{margin-top:8px}.rabatt-list .card{padding:16px 20px}.rabatt-list p{margin:0;font-size:1.05rem;font-weight:600;color:var(--blue-900);line-height:1.45}.grid-2{grid-template-columns:1fr 1fr;align-items:start}.card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);padding:24px;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px #062e6414;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0;color:var(--blue-900)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,var(--blue-700),var(--green-600));color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.list{margin:0;padding:0;list-style:none}.list li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid #eef3ef}.list li:before{content:"";position:absolute;left:0;top:16px;width:12px;height:12px;border-radius:50%;background:linear-gradient(90deg,var(--blue-600),var(--green-500))}.intro-block{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);padding:28px;border-left:6px solid var(--green-500);margin-bottom:8px}.intro-block p:first-child{font-weight:700;color:var(--blue-900);font-size:1.12rem}.theme-kids{background:radial-gradient(circle at 8% 12%,rgba(255,193,7,.28),transparent 24%),radial-gradient(circle at 92% 8%,rgba(33,150,243,.28),transparent 22%),radial-gradient(circle at 80% 80%,rgba(76,175,80,.26),transparent 25%),linear-gradient(180deg,#b9e4ff,#ffe082 55%,#c5f0b0)}.theme-kids h1,.theme-kids .kids-title{font-family:Fredoka,Plus Jakarta Sans,sans-serif;color:#c62828}.theme-kids .list li:before{background:#ff9800}.player-card{position:relative;background:linear-gradient(160deg,#1565c0,#43a047 70%);color:#fff;overflow:hidden}.player-visual{height:88px;display:flex;align-items:flex-end;gap:6px;padding:0 8px 12px}.bar{flex:1;border-radius:8px 8px 0 0;background:#ffffffd9;animation:none;transform-origin:bottom}.player-card.playing .bar{animation:bounce 1s ease-in-out infinite}.player-controls{display:flex;align-items:center;gap:14px;padding:8px 0 16px}.play-btn{width:56px;height:56px;border-radius:50%;border:0;background:#fff;color:var(--blue-800);font-size:1.4rem;cursor:pointer;font-weight:800}.vol{flex:1}.lyrics{background:#fff;color:var(--ink);border-radius:16px;padding:16px;margin-top:8px}.lyrics-fun{background:transparent;padding:0;display:grid;gap:10px}.lyrics-title{color:#fff;font-size:1.05rem}.lyric-verse{position:relative;border-radius:18px;padding:14px 14px 10px 48px;color:#1a1a1a;box-shadow:inset 0 0 0 3px #ffffff59;opacity:.78;transition:transform .2s ease,opacity .2s ease}.lyric-verse.is-current{opacity:1;transform:scale(1.02);box-shadow:0 10px 24px #0000002e}.lyric-emoji{position:absolute;left:12px;top:14px;font-size:1.4rem}.lyric-verse p{margin:0 0 6px;font-weight:800;line-height:1.55}.lyric-word{display:inline-block;margin-right:6px;padding:1px 2px;border-radius:8px;transition:transform .12s ease,background .12s ease,color .12s ease}.lyric-word.sung{opacity:.7}.lyric-word.glow{background:#fff;transform:scale(1.18);box-shadow:0 0 0 3px #ffffffb3,0 8px 18px #0000002e}.lyric-rot{background:linear-gradient(135deg,#ff8a80,#ff5252);color:#4a0000}.lyric-blau{background:linear-gradient(135deg,#82b1ff,#448aff);color:#06204a}.lyric-gruen{background:linear-gradient(135deg,#b9f6ca,#00e676);color:#013318}.lyric-gelb{background:linear-gradient(135deg,#ffff8d,#ffd600);color:#4a3b00}.yt-hidden{position:absolute;left:-9999px;width:220px;height:124px;opacity:0;pointer-events:none;overflow:hidden}.about-teaser{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;margin-top:48px;padding:28px;border-radius:28px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow)}.about-teaser img{width:100%}.puzzle-card{background:linear-gradient(180deg,#e8f4ff,#ecf9e4);color:var(--ink);border:1px solid rgba(21,101,192,.18)}.crossword{display:grid;gap:3px;margin:16px 0;background:#0d3b6e;padding:8px;border-radius:14px}.cw-block{background:#0d3b6e;aspect-ratio:1;border-radius:3px}.cw-cell{position:relative;background:#fffef6;aspect-ratio:1;border-radius:4px;display:grid}.cw-cell i{position:absolute;top:1px;left:3px;font-size:.55rem;font-style:normal;font-weight:800;color:var(--blue-800)}.cw-cell input{width:100%;height:100%;border:0;background:transparent;text-align:center;font-weight:800;text-transform:uppercase;color:var(--blue-900)}.cw-cell.ok{background:#c8f7c5}.cw-cell.bad{background:#ffcdd2}.clues{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.92rem}.clues p{margin:6px 0}.verse{margin:0 0 12px;padding-left:10px;border-left:4px solid #ccc}.verse.rot{border-color:#e53935}.verse.blau{border-color:#1e88e5}.verse.gruen{border-color:#43a047}.verse.gelb{border-color:#fdd835}.theme-youth{background:radial-gradient(circle at 100% 0,rgba(21,101,192,.28),transparent 30%),linear-gradient(180deg,#0b3d7a,#1565c0 36%,#c9f0b8 36%)}.theme-youth .page-hero h1,.theme-youth .page-hero .lead,.theme-youth .kicker{color:#fff}.theme-youth .kicker{color:var(--green-300)}.puzzle{background:#0e213d;color:#fff;border:1px solid rgba(129,199,132,.25)}.puzzle-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:16px 0}.cell{aspect-ratio:1;border:0;border-radius:8px;background:#16325a;color:#fff;font-weight:800;cursor:pointer}.cell.sel{background:var(--green-500);color:#063}.cell.found{background:var(--blue-500)}.words{display:flex;flex-wrap:wrap;gap:8px}.word-chip{padding:6px 10px;border-radius:999px;background:#ffffff14;font-size:.85rem;font-weight:700}.word-chip.done{background:var(--green-600)}.theme-soon{background:linear-gradient(180deg,#b9e3ff,#d4f5c4)}.soon-card{max-width:720px;margin:20px auto 0;text-align:center;padding:48px 36px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow)}.soon-card .badge{margin-bottom:16px}.theme-corp{background:linear-gradient(180deg,#c5e4ff,#d8f3c9)}.corp-card{border-top:5px solid var(--blue-700)}.corp-card:nth-child(2){border-top-color:var(--green-700)}.corp-card:nth-child(3){border-top-color:#1565c0}.theme-digital{background:radial-gradient(circle at 0 0,rgba(21,101,192,.28),transparent 28%),radial-gradient(circle at 100% 20%,rgba(76,175,80,.28),transparent 24%),linear-gradient(180deg,#b7e0ff,#c8f0b8)}.level-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.level{padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--blue-800)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.step{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);padding:22px;position:relative}.step-num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(90deg,var(--blue-700),var(--green-600));margin-bottom:12px}.faq-item{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;border:1px solid rgba(255,255,255,.5);margin-bottom:12px;overflow:hidden}.faq-item button{width:100%;text-align:left;background:transparent;border:0;padding:18px 20px;font-weight:700;color:var(--blue-900);cursor:pointer}.faq-item p{margin:0;padding:0 20px 18px;color:var(--muted)}.form{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:28px;border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow);max-width:720px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;margin-bottom:6px;color:var(--blue-900)}.req{color:#c62828}.hint{color:var(--muted);font-weight:500;font-size:.85rem}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfdfb}.field textarea{min-height:140px;resize:vertical}.success{background:#e8f5e9;color:#1b5e20;border-radius:14px;padding:16px 18px;font-weight:700}.error{background:#ffebee;color:#b71c1c;border-radius:14px;padding:12px 14px;margin-bottom:12px}.impressum{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:32px;max-width:760px}.yt-frame{width:100%;aspect-ratio:16 / 9;border:0;border-radius:16px;background:#000}@keyframes bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(max-width:980px){.hero-grid,.grid-2,.pillars,.steps,.footer-grid,.about-teaser{grid-template-columns:1fr}.page-but .steps{grid-template-columns:1fr 1fr}.menu-toggle{display:grid;place-items:center;margin-left:auto}.nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;background:linear-gradient(180deg,#c5e8ff,#d8f5c8);padding:12px 20px 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open{display:flex}.dropdown-menu{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 10px}.header-inner{position:relative}.lang-switch{margin-left:0}.footer-bottom{flex-direction:column}}@media(max-width:640px){.brand img{height:56px}.stats,.about-teaser,.clues{grid-template-columns:1fr}}