*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111e;color:#e9eef8;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:17px max(4vw,20px);background:#07111eea;border-bottom:1px solid #b7833455;gap:18px;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{font-weight:900;letter-spacing:2px;color:#ffd28b}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}nav a:hover,.sidebar a:hover{color:#ffcb78}.hero{min-height:590px;background:url(hero.jpg) center/cover no-repeat;display:grid;place-items:end center;text-align:center}.hero-shade{width:100%;padding:180px 20px 48px;background:linear-gradient(transparent,#07111e 96%)}.hero h1{font-size:clamp(34px,6vw,72px);margin:8px 0;text-shadow:0 3px 25px #000;color:#ffdfaa;letter-spacing:4px}.eyebrow{font-size:12px;letter-spacing:4px;color:#e9ac4d;font-weight:700}.hero p{letter-spacing:3px}main:not(.dashboard){max-width:1200px;margin:auto;padding:0 24px}section:not(.hero){padding:55px 0;scroll-margin-top:80px}h2{font-size:clamp(24px,3vw,34px);color:#ffce81;margin:0 0 26px}h3{color:#f4d8a8}.intro{text-align:center}.intro p{color:#acb9cd}.btn,button{display:inline-block;background:linear-gradient(110deg,#9e6324,#f9c874);border:0;border-radius:9px;padding:12px 20px;color:#081321;font-weight:800;cursor:pointer;font:inherit}.btn:hover,button:hover{filter:brightness(1.12)}.panel,.card,.guest,.stat{background:linear-gradient(145deg,#10233b,#0a182a);border:1px solid #b18a4a55;border-radius:16px;padding:25px;box-shadow:0 8px 28px #0003}.player{display:flex;align-items:center;gap:22px}.player-icon,.placeholder{display:grid;place-items:center;background:#1d3958;color:#ffd48d;font-size:54px;border-radius:16px;width:110px;height:110px;flex-shrink:0}.player-main{flex:1;min-width:0}.player audio{width:100%;margin:15px 0 5px}.player-controls{display:flex;gap:12px}.player-controls button{padding:7px 13px}.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px;margin-top:18px}.track{display:flex;gap:15px;align-items:center;text-align:left;background:#102139;color:#fff;border:1px solid #324b69}.track span:nth-child(2){flex:1}.track small,.admin-item small{display:block;color:#9baec5}.track.active{border-color:#f9c874}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card img{width:100%;height:190px;object-fit:cover;border-radius:10px}.team{text-align:center}.team img,.team .placeholder{width:145px;height:145px;border-radius:50%;margin:0 auto;object-fit:cover}.card p{color:#b6c4d7}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}form{display:grid;gap:15px}label{display:grid;gap:5px;color:#d7e3f1}input,textarea{width:100%;border:1px solid #426080;border-radius:8px;background:#081525;color:#fff;padding:12px;font:inherit}textarea{min-height:110px;resize:vertical}input[type=file]{font-size:13px}.guest{margin-bottom:15px}.guest small{display:block;color:#93a6bd}.guest img{max-width:100%;max-height:250px;border-radius:8px}.honeypot{position:absolute;left:-10000px}.narrow{max-width:520px;margin:60px auto}.error{color:#ff9a9a}footer{text-align:center;padding:35px;color:#a4b2c4;border-top:1px solid #27384c;margin-top:50px}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:75vh}.sidebar{background:#0d2035;padding:25px 15px;display:flex;flex-direction:column;gap:8px}.sidebar a{padding:11px 15px;border-radius:9px}.sidebar a.selected{background:#2b4059;color:#ffd38b}.workspace{padding:35px;min-width:0}.workspace .panel{margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px;margin:20px 0}.stat strong{display:block;font-size:38px;color:#ffd18b}.stat span{color:#aabbd0}.admin-item{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #31445a;padding:15px 0;overflow-wrap:anywhere}.actions{display:flex;gap:8px}.actions form{display:block}.actions button{padding:7px 12px}.danger{background:#a94141;color:white}.pending{display:block;color:#ffd38b;font-size:12px}.notice{padding:12px;background:#1c3a42;border-radius:8px}@media(max-width:720px){header{position:relative;flex-direction:column}nav{justify-content:center;gap:12px}.hero{min-height:400px}.hero-shade{padding-top:90px}.two,.dashboard{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow:auto;flex-wrap:wrap}.sidebar h2{width:100%;margin:0}.workspace{padding:20px}.player{flex-direction:column;align-items:stretch}.admin-item{align-items:flex-start;flex-direction:column}}

/* THE SOUND FRESH – Konzertportal-Layout */
body{background:radial-gradient(ellipse at 50% 5%,#124477 0%,#031022 52%,#010813 100%);color:#f4f6ff}body:before{content:"";position:fixed;inset:0;background:url('hero.jpg') center top/cover no-repeat;opacity:.10;pointer-events:none;z-index:-1}.site-header{display:block;position:relative;top:auto;padding:0 12px 12px;background:#020b1a;border:0}.banner{display:block;height:clamp(120px,12vw,210px);width:100%;background:url('images/site-header.jpg') center/100% 100% no-repeat}.topnav{display:flex;justify-content:space-around;align-items:center;gap:0;border:1px solid #e8ae48;border-radius:32px;background:linear-gradient(#071b34,#010916 65%,#0b2542);box-shadow:0 0 12px #ffbc43, inset 0 0 12px #1675ca;overflow:hidden}.topnav a{flex:1;text-align:center;padding:12px 6px;font-size:clamp(11px,.95vw,15px);font-weight:750;white-space:nowrap;border-right:1px solid #2b4a65}.topnav a:first-child,.topnav a:hover{background:linear-gradient(#aa670a,#ffd26b,#9b5706);color:#08101b;text-shadow:none;box-shadow:inset 0 0 12px #ffe8a3}.portal-grid{display:grid;grid-template-columns:minmax(235px,1fr) minmax(440px,2.5fr) minmax(255px,1.15fr);gap:14px;max-width:1800px;margin:0 auto;padding:10px 14px;align-items:start}.portal-left,.portal-right,.portal-center{display:grid;gap:14px;min-width:0}.glow-panel{border:1.5px solid #ffcb69;border-radius:15px;background:linear-gradient(145deg,#071a33,#020c1c 80%);box-shadow:0 0 9px #f7a82c, inset 0 0 9px #e0a12a33;overflow:hidden;scroll-margin-top:15px}.glow-panel>h2{font-size:clamp(16px,1.3vw,22px);color:#fff;margin:0;padding:10px 15px;background:linear-gradient(90deg,#07172b,#08294b,#071326);border-bottom:2px solid #2582d0;text-shadow:0 1px 3px #000}.panel-content,.player-inner,.guest-preview{padding:16px}.panel-content p{margin:8px 0}.online{color:#3afc80}.now-card{display:flex;align-items:center;gap:10px}.now-card img{width:84px;height:84px;object-fit:cover;border:1px solid #ffc665;border-radius:7px}.now-card strong,.now-card small{display:block}.now-card small{font-size:12px;color:#d6dce8}.eq{color:#ffc64d;letter-spacing:1px;font-size:17px}.player-inner audio{display:block;width:100%;margin:12px 0}.player-controls{justify-content:center}.player-controls button{font-size:12px}.tracks{display:grid;grid-template-columns:1fr;max-height:240px;overflow:auto}.track{padding:8px;font-size:12px}.socials{display:flex;gap:6px;flex-wrap:wrap;padding:16px 12px}.socials a{padding:8px 9px;border:1px solid #347cc7;border-radius:8px;background:#0b2b50;font-size:12px}.panel-hint{display:block;padding:0 12px 10px;color:#91a5bf}.stage-panel{padding:9px}.stage-image{width:100%;aspect-ratio:1.94;object-fit:cover;display:block;border-radius:9px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.feature-grid a{min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center;gap:2px;min-height:135px;padding:8px 4px;border:1px solid #ffcb67;border-radius:13px;background:radial-gradient(ellipse at bottom,#3c250b,#06182d 72%);box-shadow:inset 0 0 14px #b9832833,0 0 6px #ffb532}.feature-grid a span{font-size:36px;color:#ffcc5f}.feature-grid a strong{font-size:clamp(12px,1.2vw,18px)}.feature-grid a small{font-size:11px;color:#cbd7e8}.news-content{display:flex;align-items:center;gap:16px;padding:15px}.news-content img{width:28%;max-width:180px;border:1px solid #e6ac50;border-radius:9px}.news-content>div{flex:1}.news-content h3{margin:0;color:#fff}.news-content p{margin:6px 0}.news-content .btn{align-self:end}.member-widget{text-align:center;padding:14px}.member-widget p{margin:0 0 12px}.member-widget .btn{display:inline-block;margin:4px;padding:8px 16px}.btn.blue{background:linear-gradient(#1586d6,#063c7c);color:#fff;border:1px solid #3a9fff}.featured-team{display:flex;align-items:center;flex-direction:column;gap:5px;padding:20px}.featured-team img,.team-avatar{width:125px;height:125px;object-fit:cover;border:3px solid #d9a848;border-radius:50%;box-shadow:0 0 15px #1b8ee9}.team-avatar{display:grid;place-items:center;font-size:65px;background:radial-gradient(#147bc0,#06172c);color:#f5bf53}.featured-team small{color:#ffd070}.guest-preview .guest{padding:10px;margin-bottom:10px}.guest-preview .guest img{max-height:160px}.portal-center .glow-panel>.cards{padding:15px}.portal-center .glow-panel .panel-content{padding:16px}.portal-center .glow-panel form{max-width:680px}.portal-center .glow-panel .card{padding:15px}.portal-center .glow-panel .card h3{margin:10px 0}.dashboard{margin:20px 15px}.dashboard .sidebar,.dashboard .panel{border:1px solid #d9a648;box-shadow:0 0 9px #c98c2d}.dashboard .workspace h1{color:#ffcf77}.dashboard .sidebar{border-radius:12px}footer{margin-top:25px}
@media(max-width:1100px){.portal-grid{grid-template-columns:minmax(190px,1fr) minmax(360px,2fr)}.portal-right{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.topnav{flex-wrap:wrap}.topnav a{flex:0 0 auto;padding:10px 12px}.feature-grid a{min-height:110px}.feature-grid a span{font-size:27px}}
@media(max-width:700px){.portal-grid{grid-template-columns:1fr;padding:10px}.portal-left,.portal-right{grid-column:auto;grid-template-columns:1fr}.portal-center{grid-row:1}.feature-grid{grid-template-columns:repeat(2,1fr)}.banner{height:115px}.news-content{flex-wrap:wrap}.news-content img{width:35%}.site-header{padding:0 5px 8px}.topnav a{font-size:12px;padding:8px}.portal-left{grid-row:2}.portal-right{grid-row:3}}

/* Kompakteres Layout – 06.11.2026 */
@media(min-width:1101px){.portal-grid{grid-template-columns:minmax(190px,0.95fr) minmax(0,2.7fr) minmax(210px,1fr);gap:12px;max-width:1550px}.banner{height:clamp(95px,10vw,155px)}.stage-image{height:clamp(180px,23vw,310px);aspect-ratio:auto;object-fit:cover}.feature-grid a{min-height:90px}.feature-grid a span{font-size:27px}.feature-grid a strong{font-size:14px}.glow-panel>h2{font-size:16px;padding:7px 12px}.panel-content,.player-inner,.guest-preview{padding:11px}.featured-team{padding:12px}.featured-team img,.team-avatar{width:95px;height:95px}.now-card img{width:65px;height:65px}.news-content{padding:10px}}
@media(min-width:701px) and (max-width:1100px){.stage-image{max-height:280px;aspect-ratio:auto;object-fit:cover}.banner{height:120px}.feature-grid a{min-height:90px}}