*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#061027;color:#fff;overflow-x:hidden}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 25% 15%,rgba(163,62,255,.35),transparent 32%),radial-gradient(circle at 80% 20%,rgba(255,34,34,.25),transparent 28%),radial-gradient(circle at 55% 60%,rgba(0,209,255,.18),transparent 35%);z-index:-2}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(5,10,30,.1),#061027 90%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 90px);z-index:-1}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:280px 1fr 260px;gap:20px;align-items:center;padding:14px 34px;background:rgba(5,12,35,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,209,255,.25)}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand-mic{font-size:52px;filter:drop-shadow(0 0 12px #00d1ff)}.brand-text strong{font-size:34px;line-height:.82;display:block;font-weight:950;letter-spacing:-2px;text-shadow:4px 4px 0 #000,0 0 14px #00d1ff}.brand-text small{display:inline-block;margin-top:6px;background:#069bd5;padding:4px 10px;border-radius:8px;transform:rotate(-3deg);font-weight:900}.nav{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:900;opacity:.85;padding:8px 10px;border-bottom:3px solid transparent}.nav a.active,.nav a:hover{opacity:1;color:#ffe332;border-bottom-color:#ffe332}.nav a:first-child{color:#ffe332}.onair-badge{justify-self:end;display:flex;align-items:center;gap:12px;background:#ca1111;color:#fff;border:2px solid #ff6b6b;border-radius:16px;padding:13px 22px;font-size:28px;font-weight:950;letter-spacing:2px;box-shadow:0 0 10px rgba(255,0,0,.7),0 0 25px rgba(255,0,0,.55),inset 0 0 12px rgba(255,255,255,.25);animation:pulseGlow 2.6s infinite}.lamp{width:25px;height:25px;background:#fff;border-radius:999px;box-shadow:0 0 18px #fff,0 0 28px #ff0;display:inline-block}@keyframes pulseGlow{0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(255,0,0,.55),0 0 22px rgba(255,0,0,.35),inset 0 0 12px rgba(255,255,255,.2)}50%{transform:scale(1.045);box-shadow:0 0 22px rgba(255,0,0,.95),0 0 42px rgba(255,0,0,.72),inset 0 0 18px rgba(255,255,255,.3)}}main{max-width:1540px;margin:0 auto}.hero{display:grid;grid-template-columns:1fr 1.1fr 360px;gap:26px;align-items:stretch;padding:38px 34px 18px;min-height:560px}.hero-copy{padding:70px 20px 30px}.countdown{display:flex;gap:8px;align-items:center;margin-bottom:18px}.countdown span,.countdown strong{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-weight:900}.countdown strong{background:#ffdf20;color:#061027;padding:0 14px;min-width:auto;transform:rotate(-2deg)}h1{font-size:clamp(16px,1.7vw,26px);line-height:.98;margin:0 0 18px;font-weight:950;text-transform:uppercase;letter-spacing:-2px;text-shadow:5px 5px 0 #000}.claim{display:inline-block;background:#ffe332;color:#071229;font-size:30px;font-weight:950;padding:10px 22px;border-radius:8px;transform:rotate(-4deg);box-shadow:6px 6px 0 #000}.intro{font-size:18px;line-height:1.55;max-width:580px;color:#dfe9ff}.studio-card{position:relative;overflow:hidden;border:1px solid rgba(0,209,255,.35);border-radius:34px;background:linear-gradient(145deg,rgba(29,18,66,.85),rgba(4,17,42,.9)),radial-gradient(circle at center,rgba(0,209,255,.25),transparent 55%);box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px}.studio-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px}.neon-sign{position:absolute;top:50px;text-align:center;color:#69dcff;font-size:46px;font-weight:950;line-height:.9;text-shadow:0 0 8px #00d1ff,0 0 22px #00d1ff}.hosts{position:relative;display:flex;align-items:end;gap:28px;margin-top:70px}.host-card{position:relative;width:170px;height:220px;border-radius:34px;background:linear-gradient(180deg,#7b3cff,#31125c);box-shadow:0 18px 0 rgba(0,0,0,.35),0 0 24px rgba(123,60,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-3deg)}.host-card.boy{background:linear-gradient(180deg,#0978ff,#0b275f);transform:rotate(3deg)}.avatar{font-size:72px;margin-bottom:10px}.host-card strong{font-size:28px}.host-card span{color:#dfe9ff}.microphone{width:112px;height:210px;border-radius:55px 55px 25px 25px;background:linear-gradient(180deg,#d8d8d8,#171717);border:7px solid #050505;box-shadow:0 0 30px rgba(0,209,255,.65);position:relative}.microphone:before{content:"";position:absolute;left:50%;bottom:-70px;width:14px;height:72px;background:#111;transform:translateX(-50%)}.microphone:after{content:"";position:absolute;left:50%;bottom:-82px;width:110px;height:18px;background:#111;border-radius:20px;transform:translateX(-50%)}.doodles{position:absolute;right:30px;bottom:34px;font-size:38px;letter-spacing:12px;animation:floaty 3.8s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-10px)}}.now-playing{border-radius:28px;background:linear-gradient(180deg,rgba(10,24,66,.95),rgba(8,13,35,.95));border:1px solid rgba(123,60,255,.7);box-shadow:0 0 35px rgba(123,60,255,.25);padding:24px;align-self:center}.now-playing h2,.section-title h2{display:inline-block;background:#0b99dc;padding:8px 18px;border-radius:8px;transform:rotate(-2deg);text-transform:uppercase;font-size:30px;margin:0 0 18px;font-weight:950;text-shadow:3px 3px 0 #04304c}.mini-cover{width:110px;height:90px;border-radius:18px;background:linear-gradient(135deg,#7b3cff,#00d1ff);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:950;margin-bottom:14px}.now-playing h3{font-size:23px;margin:0 0 8px}.now-playing p{color:#dce8ff;line-height:1.45}.wave{height:54px;display:flex;align-items:center;gap:4px;margin:14px 0}.wave span{width:5px;background:#00d1ff;border-radius:999px;animation:wave 1.1s ease-in-out infinite}.wave span:nth-child(1){height:18px}.wave span:nth-child(2){height:34px;animation-delay:.1s}.wave span:nth-child(3){height:24px;animation-delay:.2s}.wave span:nth-child(4){height:46px;animation-delay:.3s}.wave span:nth-child(5){height:30px;animation-delay:.4s}.wave span:nth-child(6){height:40px;animation-delay:.5s}.wave span:nth-child(7){height:20px;animation-delay:.6s}.wave span:nth-child(8){height:36px;animation-delay:.7s}@keyframes wave{50%{transform:scaleY(.45);opacity:.6}}audio{width:100%;height:42px}.play-fake{width:70px;height:70px;border-radius:999px;border:0;background:#00d1ff;color:#061027;font-size:30px;font-weight:900;box-shadow:0 0 25px rgba(0,209,255,.75)}.hint{display:block;color:#99a8c7;margin-top:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:#096dff;color:#fff;text-decoration:none;padding:13px 22px;border-radius:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25)}.button.ghost{background:transparent;border:2px solid #ffe332;color:#fff;margin-top:12px}.button.danger{background:#d51f36}.episodes-section{padding:18px 34px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.section-title a{color:#ffe332;text-decoration:none;font-weight:900}.episode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.episode-card{position:relative;background:#fff;color:#081127;border-radius:20px;overflow:hidden;border:4px solid #00d1ff;box-shadow:0 16px 30px rgba(0,0,0,.28);transition:.2s transform}.episode-card:hover{transform:translateY(-6px) rotate(-1deg)}.episode-card.orange{border-color:#ff9d00}.episode-card.green{border-color:#1fc36b}.episode-card.blue{border-color:#1385ff}.episode-card.pink{border-color:#f329a5}.episode-card.purple{border-color:#7b3cff}.sticker{position:absolute;z-index:2;top:10px;left:-10px;background:#ff244b;color:#fff;font-size:25px;font-weight:950;padding:6px 16px;border-radius:8px;transform:rotate(-9deg);box-shadow:4px 4px 0 #000}.episode-art{height:145px;background:linear-gradient(135deg,#26145a,#00d1ff);display:flex;align-items:center;justify-content:center;font-size:68px}.orange .episode-art{background:linear-gradient(135deg,#ffd89a,#ff8a00)}.green .episode-art{background:linear-gradient(135deg,#b6ffd1,#15934d)}.blue .episode-art{background:linear-gradient(135deg,#b9ecff,#096dff)}.pink .episode-art{background:linear-gradient(135deg,#ffb7e6,#d60e91)}.episode-body{padding:14px}.meta{display:flex;justify-content:space-between;color:#485068;font-size:12px;font-weight:800}.episode-card h3{font-size:18px;line-height:1.18;margin:8px 0}.episode-card p{font-size:14px;color:#32384a;line-height:1.35;min-height:76px}.player-row audio{height:34px}.noaudio{display:inline-flex;background:#091631;color:#fff;border-radius:999px;padding:9px 13px;font-weight:900}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:34px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.info-strip div{padding:24px;display:grid;grid-template-columns:60px 1fr;gap:6px 12px}.info-strip span{grid-row:1/3;font-size:42px;filter:drop-shadow(0 0 12px #00d1ff)}.info-strip h3{margin:0;text-transform:uppercase}.info-strip p{margin:4px 0 0;color:#d5def5}.join-card{margin:34px;padding:32px;border-radius:28px;background:linear-gradient(135deg,#ffe332,#fff0a6);color:#071229;display:flex;align-items:center;justify-content:space-between;box-shadow:12px 12px 0 rgba(0,0,0,.35);transform:rotate(-1deg)}.join-card h2{font-size:42px;margin:0 0 8px;text-transform:uppercase}.join-card p{font-size:19px;max-width:760px}.join-icon{font-size:90px}footer{padding:34px 20px;text-align:center;color:#dfe9ff;border-top:1px solid rgba(0,209,255,.18)}footer strong,footer span{display:inline-block;margin:0 14px}.footer-wave{height:34px;max-width:420px;margin:0 auto 16px;background:repeating-linear-gradient(90deg,#7b3cff 0 4px,transparent 4px 12px);opacity:.75;border-radius:50%;filter:drop-shadow(0 0 10px #7b3cff)}.admin-body{min-height:100vh;background:radial-gradient(circle at top,#163778,#061027 55%);padding:30px}.login-box,.admin-shell{max-width:1100px;margin:0 auto}.login-box{max-width:420px;margin-top:8vh;background:rgba(255,255,255,.96);color:#071229;border-radius:28px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.login-light{position:relative;justify-self:start;font-size:20px;margin-bottom:20px}.login-box label,.episode-form label{display:block;font-weight:900;margin-top:14px}.login-box input,.episode-form input,.episode-form textarea{width:100%;border:2px solid #d7def0;border-radius:12px;padding:12px;font:inherit;margin-top:6px}.login-box a{display:inline-block;margin-top:18px;color:#096dff}.alert{padding:14px 18px;border-radius:14px;margin:16px 0;font-weight:900}.alert.error{background:#ffd9df;color:#9c0018}.alert.success{background:#d8ffe6;color:#006e2b}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.admin-card{background:#fff;color:#071229;border-radius:24px;padding:24px;margin-bottom:22px;box-shadow:0 16px 40px rgba(0,0,0,.25)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check{display:flex!important;gap:10px;align-items:center}.check input{width:auto!important}.admin-list{display:grid;gap:10px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dfe5f2;border-radius:16px;padding:14px}.admin-row span{display:block;color:#596273;margin-top:4px}@media(max-width:1150px){.topbar{grid-template-columns:1fr;justify-items:center}.onair-badge{justify-self:center}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 10px}.episode-grid{grid-template-columns:repeat(2,1fr)}.info-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.topbar{padding:12px}.brand-text strong{font-size:28px}.nav{gap:4px}.nav a span{display:none}.onair-badge{font-size:20px;padding:10px 16px}.hero{padding:20px 14px}.hero-copy h1{font-size:39px}.claim{font-size:22px}.hosts{gap:8px}.host-card{width:120px;height:170px}.microphone{width:76px;height:150px}.episode-grid{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr;margin:14px}.join-card{margin:14px;display:block}.form-grid{grid-template-columns:1fr}.admin-header,.admin-row{display:block}.button{margin-top:8px}}
.archive-section{
padding:0 34px 34px;
}
.archive-box{
background:rgba(255,255,255,.08);
border:2px dashed rgba(255,255,255,.2);
border-radius:22px;
padding:30px;
color:#dfe9ff;
text-align:center;
font-size:18px;
}
.admin-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.admin-actions form{margin:0}
.edit-card{border:4px solid #ffe332}
.archive-card{opacity:.88;filter:saturate(.85)}
.archive-section{padding:0 34px 34px}
.archive-grid .episode-card{transform:scale(.96)}
.admin-tabs{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:0 0 20px;
}
.admin-tab{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 16px;
border-radius:999px;
background:rgba(255,255,255,.14);
color:#fff;
text-decoration:none;
font-weight:900;
border:1px solid rgba(255,255,255,.18);
}
.admin-tab:hover{
background:#ffe332;
color:#071229;
}
.status-pill{
display:inline-flex;
align-items:center;
padding:4px 8px;
margin:2px;
border-radius:999px;
background:#e9eefc;
color:#071229;
font-size:12px;
font-weight:900;
}
.archive-section{
padding:0 34px 40px;
}
.archive-box{
background:rgba(255,255,255,.08);
border:2px dashed rgba(255,255,255,.2);
border-radius:22px;
padding:22px;
color:#dfe9ff;
}
.archive-card{
opacity:.9;
}
/* V7 FIXES */
.join-card{
text-align:center;
justify-content:center;
}
.join-card .join-text{
margin:0 auto;
max-width:720px;
}
.join-card p{
margin:8px auto;
max-width:620px;
}
.admin-tabs{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:0 0 20px;
}
.admin-tab{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 16px;
border-radius:999px;
background:rgba(255,255,255,.14);
color:#fff;
text-decoration:none;
font-weight:900;
border:1px solid rgba(255,255,255,.18);
}
.admin-tab:hover{
background:#ffe332;
color:#071229;
}
.admin-actions{
display:flex;
gap:8px;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
}
.admin-actions form{
margin:0;
}
.status-pill{
display:inline-flex;
align-items:center;
padding:4px 8px;
margin:2px;
border-radius:999px;
background:#e9eefc;
color:#071229;
font-size:12px;
font-weight:900;
}
.archive-section{
padding:0 34px 40px;
}
.archive-box{
background:rgba(255,255,255,.08);
border:2px dashed rgba(255,255,255,.2);
border-radius:22px;
padding:24px;
color:#dfe9ff;
text-align:center;
font-size:18px;
width:100%;
}
.archive-card{
opacity:.9;
}
.episode-grid{
justify-content:center;
}
/* V8 CARD SIZE FIX */
.episode-card{
width:280px;
min-height:390px;
overflow:hidden;
}
.episode-art{
height:140px;
overflow:hidden;
border-radius:22px 22px 0 0;
}
.episode-art img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.episode-body{
padding:18px;
}
.episode-body h3{
font-size:28px;
line-height:1.1;
margin:10px 0;
word-break:break-word;
}
.episode-body p{
font-size:15px;
line-height:1.4;
}
.archive-section{
margin-top:40px;
clear:both;
}
.episode-grid{
align-items:stretch;
justify-content:center;
}
/* V10 Admin-Funktionsfix - alte Optik bleibt */
.admin-actions{
display:flex;
gap:8px;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
}
.admin-actions form{
margin:0;
}
.status-pill{
display:inline-flex;
align-items:center;
padding:4px 8px;
margin:2px;
border-radius:999px;
background:#e9eefc;
color:#071229;
font-size:12px;
font-weight:900;
}
.admin-tabs{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:0 0 20px;
}
.admin-tab{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 16px;
border-radius:999px;
background:rgba(255,255,255,.14);
color:#fff;
text-decoration:none;
font-weight:900;
border:1px solid rgba(255,255,255,.18);
}
.admin-tab:hover{
background:#ffe332;
color:#071229;
}
/* V13 Cover-Fix: keine durchscheinenden Hintergrundtexte */
.episode-art{
position:relative;
overflow:hidden;
}
.episode-art::before,
.episode-art::after{
content:none !important;
display:none !important;
}
.episode-art img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.episode-card::before,
.episode-card::after{
content:none !important;
}
/* V14 Admin action buttons */
.admin-actions{
display:flex;
gap:8px;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
}
.admin-actions form{
margin:0;
}
.admin-action-btn{
min-width:124px;
padding:12px 14px !important;
border-radius:12px !important;
font-size:14px;
font-weight:900;
box-shadow:none !important;
}
.archive-action{
background:#fff7d1 !important;
color:#5c4100 !important;
border:2px solid #f5c400 !important;
}
.new-action{
background:#eaf2ff !important;
color:#0647a8 !important;
border:2px solid #1d7cff !important;
}
.hide-action{
background:#f2eaff !important;
color:#5b259f !important;
border:2px solid #8b5cf6 !important;
}
.admin-action-btn:hover{
transform:translateY(-1px);
filter:brightness(1.03);
}
@media(max-width:900px){
.admin-actions{
justify-content:flex-start;
}
.admin-action-btn{
min-width:150px;
}
}
/* V15 dynamisches Zentrieren der Folgenkarten */
.episode-grid{
display:grid !important;
grid-template-columns:repeat(auto-fit, minmax(260px, 280px)) !important;
justify-content:center !important;
justify-items:center !important;
gap:22px !important;
}
.episode-card{
width:100% !important;
max-width:280px !important;
}
.archive-grid{
justify-content:center !important;
justify-items:center !important;
}