:root{color-scheme:dark;--accent:#ffa200;--bg:#050b18;--surface:#0c172c;--surface-hi:#12223d;--border:rgba(255,174,46,.45);--text:#fff8eb;--sub:#d3dbe8;--muted:#acbbd0;--blue:#586dfb;--uploaded-bg:none;--round:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 50% -15%,#1a3158 0%,transparent 42%),linear-gradient(140deg,#050c1e 0%,#101d37 55%,#060d1d 100%);background-attachment:fixed;font:600 16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#071023ae,#071023be),var(--uploaded-bg);background-position:center;background-size:cover;pointer-events:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.19}h1{font-weight:900;letter-spacing:-.05em}h2{font-weight:850;letter-spacing:-.025em}p{color:var(--sub)}.site-width{width:min(1700px,calc(100% - 48px));margin:0 auto}.masthead{position:relative;border-bottom:1px solid #ffa20046;background:rgba(6,13,29,.93);box-shadow:0 5px 28px #0007;z-index:20}.masthead-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,162,0,.10),transparent 35%,rgba(86,101,251,.08));pointer-events:none}.topbar{position:relative;min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;min-width:240px}.brand-icon{width:67px;height:67px;border:2px solid #ffb239aa;border-radius:15px;background:linear-gradient(145deg,#384977,#121b3b);box-shadow:0 0 20px #d99b2040;display:grid;place-items:center;overflow:hidden}.brand-icon .brand-logo{width:100%;height:100%;object-fit:contain}.brand-icon .logo-symbol{font-size:42px;color:#ffd57b;text-shadow:0 0 21px #ff9800}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy b{font-size:clamp(19px,1.5vw,27px);font-weight:900;letter-spacing:-.035em;text-transform:uppercase}.brand-copy small{color:var(--accent);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.nav-links a{padding:10px 12px;border-radius:10px;color:#f3f6ff;font-size:13px;font-weight:800;transition:background .18s,transform .18s}.nav-links a:hover,.nav-links a.current{background:rgba(255,162,0,.14);color:#ffd18e;transform:translateY(-1px)}.nav-links a.nav-admin{border:1px solid #faa72565;background:#bb7c2118}.menu-toggle{display:none;border:1px solid #ffb42c66;background:#122342;color:#fff;border-radius:10px;padding:9px 13px}.main-frame{padding-top:24px;padding-bottom:78px;min-height:65vh}.eyebrow{font-weight:900;font-size:10px;color:var(--accent);letter-spacing:.20em;text-transform:uppercase;display:block;margin-bottom:9px}.home-layout{display:grid;grid-template-columns:minmax(265px,305px) minmax(310px,1fr) minmax(285px,335px);align-items:start;gap:18px}.column-left,.column-right,.column-center{display:flex;flex-direction:column;gap:19px;min-width:0}.panel{position:relative;background:linear-gradient(145deg,rgba(15,31,58,.98),rgba(7,17,34,.98));border:1px solid var(--border);border-radius:var(--round);box-shadow:0 12px 35px #0005,inset 0 1px #ffffff0b;overflow:hidden}.panel-heading{padding:17px 18px 13px;border-bottom:1px solid #ffa20040;background:linear-gradient(90deg,#182740d9,#0f1a30);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:17px;margin:0;color:#fff;line-height:1.22}.panel-heading .eyebrow{margin-bottom:5px}.panel-body{padding:18px}.current-panel{border-color:#ffb2248c}.current-panel:before{content:"";height:3px;background:linear-gradient(90deg,#ff9c00,#f25245,#ffcf80);position:absolute;inset:0 0 auto}.live-indicator{color:#fff;font-size:11px;letter-spacing:.12em;font-weight:900;background:#cf2d32;padding:8px 13px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;margin-bottom:17px;box-shadow:0 5px 19px #ff242244}.onair-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff30;animation:glow 2s infinite}@keyframes glow{50%{box-shadow:0 0 0 8px #ffffff03}}.dj-card-layout{display:flex;gap:12px;align-items:flex-start}.portrait{height:166px;min-width:100px;width:40%;border:1px solid #ffbe5144;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#3f3553,#142342)}.portrait img,.portrait .image-placeholder{height:100%;width:100%;object-fit:cover;display:grid;place-items:center}.image-placeholder{background:radial-gradient(circle at 30% 20%,#8260b4,#26375f 45%,#111d35);color:#ffba54;font-size:48px;text-align:center;display:grid;place-items:center;min-height:70px}.dj-facts{display:flex;flex-direction:column;min-width:0;gap:2px;overflow-wrap:anywhere;font-size:13px}.dj-facts strong{color:#fff}.dj-facts .gold{color:#ffd17e}.detail-label{font-size:11px;color:var(--muted);margin-top:6px;font-weight:700}.detail-label:first-child{margin-top:0}.track-row{padding:8px 0;font-size:12px;border-top:1px solid #ffffff16;margin-top:8px;overflow-wrap:anywhere}.track-row span{color:#dbe6f7}.player-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.player-controls button:first-child{grid-column:1/-1}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:7px;background:#263758;color:#fff;border:1px solid #fff3;border-radius:11px;font-size:13px;font-weight:850;padding:11px 14px;min-height:41px;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(1.16);transform:translateY(-1px)}.btn-primary{background:linear-gradient(115deg,#ffbc4e,#f29a09);border-color:#ffd080;color:#10182b;box-shadow:0 4px 22px #f5a62b31}.btn-secondary{background:#23324e;border-color:#52658a}.btn-outline{border-color:#ffb54a93;background:#ffa20013;color:#ffd08a}.btn-glass{background:#fff2;border:1px solid #fff5}.btn-full{width:100%;margin-top:8px}.btn-small{min-height:33px;padding:7px 10px;font-size:12px}.btn-danger{color:#fff;background:#922e3a;border-color:#f05870}.listening-panel .panel-body{background:radial-gradient(circle at 100% 10%,#dc8c2b4a,transparent 55%),linear-gradient(150deg,#3b2551,#0d1f3e)}.listening-panel h3{font-size:19px;margin:0 0 8px}.listening-panel p{font-size:13px}.empty-state{text-align:center;padding:20px 10px;color:var(--muted);border:1px dashed #7584a14d;border-radius:11px;font-size:13px}.hero-visual{position:relative;min-height:720px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;border:1px solid #ffb12688;border-radius:20px;box-shadow:0 18px 55px #0007,0 0 45px #f59a1620;background:radial-gradient(ellipse at 50% 45%,#58408b 0%,#1d2957 34%,#101c37 57%,#081124 95%)}.hero-visual:before{position:absolute;content:"";inset:0;background:linear-gradient(135deg,#ffbd2252,transparent 24%,#f55b4f13 67%,#2957ff22),repeating-linear-gradient(0deg,transparent 0,transparent 37px,#ffffff05 38px),repeating-linear-gradient(90deg,transparent 0,transparent 37px,#ffffff05 38px);z-index:-2}.hero-stars{position:absolute;inset:0;z-index:-1;opacity:.65;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#ffbd4b 1.2px,transparent 2px);background-size:71px 113px,129px 177px;background-position:0 0,51px 28px}.hero-sheen{position:absolute;width:140%;height:300px;background:#ffa20025;filter:blur(140px);top:30%;left:-20%;z-index:-1}.hero-topline,.hero-bottomline{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#ffe0a0}.broadcast{display:inline-flex;gap:11px;align-items:center}.broadcast .onair-dot{background:#ff536d}.hero-core{text-align:center;padding:27px 19px 34px;display:flex;align-items:center;flex-direction:column;justify-content:center;flex:1}.hero-tag{font-size:11px;font-weight:900;color:#ffcf7b;letter-spacing:.28em;margin-bottom:15px}.hero-core h1{font-size:clamp(35px,4.4vw,67px);line-height:1.04;max-width:680px;margin:0 0 14px;text-shadow:0 5px 30px #000a;background:linear-gradient(#fff,#fff3d2);color:transparent;background-clip:text}.hero-core p{max-width:500px;font-size:clamp(14px,1.25vw,18px);font-weight:650;color:#f4ecff;margin:0}.hero-art{position:relative;width:min(100%,460px);height:295px;margin:14px auto 8px;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border-radius:50%;border:2px solid #ffc15c85;box-shadow:inset 0 0 40px #faae1e3b,0 0 70px #faae1e3d}.orbit-one{width:240px;height:240px}.orbit-two{width:315px;height:315px;opacity:.35}.headphone{font-size:123px;font-weight:900;color:#ffba44;text-shadow:0 0 28px #ffc05c,0 0 100px #f19c52;transform:rotate(-9deg);z-index:1;line-height:1}.equalizer{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:160px;bottom:4px;opacity:.70}.equalizer i{height:calc(16px + var(--i) * 2px);width:5px;border-radius:9px;background:linear-gradient(#fff9c5,#ff9641,#dd4da9);box-shadow:0 0 11px #efae60aa;animation:equalize 1.3s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -56ms)}@keyframes equalize{to{transform:scaleY(.45)}}.hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.hero-bottomline{border-top:1px solid #ffa20050}.hero-bottomline span{color:#ffddaf}.center-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.center-poster{height:185px;border-radius:13px;overflow:hidden;border:1px solid #ffb83a8a;background:#1e2944}.center-image{width:100%;height:100%;object-fit:contain}.center-feature{padding:31px 29px;border:1px solid #ffffff20;border-radius:17px;text-align:center;background:linear-gradient(150deg,#192a4dc9,#0c172bdc)}.feature-icon{font-size:38px;color:#ffc86d}.center-feature h2{font-size:27px;margin:5px 0 11px}.center-feature p{font-size:14px}.feature-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.feature-links a{color:#ffd28b;text-decoration:underline;text-underline-offset:5px;font-size:13px}.tile-subtitle{font-size:13px;margin-bottom:13px}.tile-link{display:block;border-radius:11px;overflow:hidden;border:1px solid #ffc47638}.tile-picture{display:block;width:100%;max-height:185px;object-fit:contain}.tile-art{height:100px;background:radial-gradient(circle at 73% 20%,#ee7783 0%,transparent 37%),linear-gradient(120deg,#34265e,#713d88,#1b3b69);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffe4af;font-size:42px;font-weight:900}.tile-art span{font-size:10px;letter-spacing:.15em;margin-top:-6px}.text-link{display:inline-block;margin-top:12px;font-weight:850;color:#ffc978;font-size:13px}.partner-stack{display:flex;flex-direction:column;gap:10px}.partner-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #ffffff24;border-radius:10px;font-size:13px;background:#ffffff06}.partner-item>*:last-child{margin-left:auto;color:#ffca74}.partner-img{width:48px;height:40px;object-fit:contain}.partner-icon{width:44px;height:40px;display:grid;place-items:center;background:#54375c;border-radius:7px;color:#ffce7f}.small-chip{font-size:10px;white-space:nowrap;border-radius:20px;background:#ffffff15;border:1px solid #ffffff30;padding:5px 8px;color:var(--muted);font-weight:850}.small-chip.green{background:#1b955a44;color:#b7ffd7;border-color:#25e68a70}.muted{color:var(--muted);font-size:13px}.shout-list{display:flex;flex-direction:column;gap:10px;max-height:390px;overflow-y:auto}.shout{padding:11px;background:#ffffff08;border:1px solid #ffffff20;border-radius:10px;overflow-wrap:anywhere;font-size:12px;white-space:normal}.shout-meta{display:flex;gap:7px;justify-content:space-between;align-items:center;margin-bottom:5px;color:#ffcf86}.shout-meta small{white-space:nowrap;color:#aabbd1}.shout-form{display:flex;flex-direction:column;gap:7px;margin-top:13px}.status-summary{display:flex;gap:8px;margin-bottom:12px}.status-summary span{flex:1;padding:10px 7px;text-align:center;background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;font-size:10px;color:#d4e2ee}.status-summary b{display:block;font-size:24px;color:#fbd186}.person-line{display:flex;align-items:center;gap:9px;margin:8px 0;padding:6px 0;border-bottom:1px solid #ffffff0e}.person-avatar{width:39px;height:39px;min-height:0;flex-shrink:0;border-radius:50%;object-fit:cover;font-size:20px}.person-avatar.big{width:78px;height:78px}.person-line strong{font-size:12px}.person-line small{display:block;color:#99aac2;font-size:10px}.presence{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#54617a}.presence.online{background:#38d988;box-shadow:0 0 12px #48f9a777}.content-hero{padding:49px 30px;margin-bottom:24px;border:1px solid #ffb32863;border-radius:19px;text-align:center;background:radial-gradient(ellipse at center,#7748863b,transparent 65%),linear-gradient(115deg,#1b2850,#0b162b)}.content-hero h1{font-size:clamp(33px,4.2vw,54px);margin-bottom:12px}.content-hero p{max-width:640px;margin:0 auto;font-size:16px}.schedule-list{display:grid;gap:14px}.schedule-item{display:grid;grid-template-columns:90px 110px 1fr;gap:22px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:#102039e8}.schedule-date{text-align:center;display:flex;flex-direction:column}.schedule-date strong{font-size:22px;color:#ffd089}.schedule-date small{color:var(--muted)}.schedule-picture img,.schedule-picture .image-placeholder{width:105px;height:92px;object-fit:cover;border-radius:12px}.schedule-copy h2{margin:0 0 6px}.schedule-copy p{margin:7px 0 0;font-size:13px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:17px}.member-card{text-align:center}.member-picture{height:220px;background:#283458}.member-img,.member-picture .image-placeholder{width:100%;height:100%;object-fit:contain}.member-card h2{margin:8px 0 13px}.member-card p{font-size:13px}.form-page{max-width:800px;margin:0 auto;padding:28px}.auth-frame{max-width:490px;margin:65px auto;padding:35px}.auth-frame h1{font-size:34px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{display:flex;flex-direction:column;gap:7px;color:#f0f6ff;font-size:13px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-stack input:not([type=checkbox]):not([type=file]),.form-stack select,.form-stack textarea,.shout-form textarea,.action-row select{width:100%;min-width:0;border-radius:10px;border:1px solid #596b8f;background:#09152b;color:#fff7e9;padding:12px 13px;outline:none}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.shout-form textarea:focus{border-color:#ffc269;box-shadow:0 0 0 3px #ffb13d24}.form-stack textarea,.shout-form textarea{resize:vertical}.form-stack input[type=file]{border:1px dashed #ffffff44;border-radius:9px;padding:13px;width:100%;font-size:12px}.check-row,.permission-grid{display:flex;gap:14px;flex-wrap:wrap}.check-row label,.permission-grid label{flex-direction:row;align-items:center;gap:8px}.form-stack input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.honeypot{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;left:-9999px!important}.profile-preview{display:flex;align-items:center;gap:15px}.profile-preview span{color:#ffc16e}.panel-pad{padding:23px}.legal-copy{white-space:normal;line-height:1.8}.alert{border-radius:12px;padding:13px 17px;margin-bottom:18px;font-size:14px;border:1px solid #ffd68b55;background:#a56d1630;color:#fff}.alert.ok{border-color:#44dd9955;background:#14644655}.alert.error{border-color:#ef6f6f8f;background:#6d162b8a}.footer{background:#050e20;border-top:1px solid #ffc36b55}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;min-height:88px;color:#c1d0e1;font-size:12px}.footer nav{display:flex;gap:22px}.footer nav a:hover{color:#ffc96e}.mini-player{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 16px;background:#0b1932ee;border:1px solid var(--accent);border-radius:17px;box-shadow:0 10px 50px #000c;max-width:calc(100% - 22px);width:580px;backdrop-filter:blur(20px)}.mini-player[hidden]{display:none!important}.mini-player-label{min-width:108px;display:flex;flex-direction:column;gap:1px}.mini-player-label .onair-dot{position:absolute}.mini-player-label strong{margin-left:18px;font-size:13px}.mini-player-label small{color:#c8d3e0;font-size:10px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player audio{height:44px;flex:1;min-width:0}.icon-btn{border:0;background:#ffffff20;color:#fff;border-radius:50%;font-size:22px;width:34px;height:34px}.admin-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start}.admin-sidebar{border:1px solid var(--border);border-radius:16px;background:#0b172b;position:sticky;top:18px;padding:12px;display:flex;flex-direction:column;gap:5px}.admin-sidebar a{padding:11px 13px;font-size:13px;border-radius:9px;font-weight:800;color:#c9d9ed}.admin-sidebar a:hover,.admin-sidebar a.selected{background:#ffb72c1b;color:#ffd390}.admin-main{min-width:0;display:flex;flex-direction:column;gap:18px}.admin-main .panel h2{font-size:23px}.admin-main h3{margin:9px 0 0}.admin-main .panel-pad{overflow:hidden}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{border:1px solid #ffa20065;padding:20px;border-radius:13px;background:linear-gradient(130deg,#1c3151,#0c1a34)}.stat-card span{display:block;font-size:12px;color:#cbd8e9}.stat-card strong{font-size:33px;color:#ffcf80}.admin-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.current-image{display:block;border:1px solid #ffffff40;border-radius:9px;padding:6px;max-width:180px}.preview-img{width:100%;height:110px;object-fit:contain}.record-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff23}.record-row:last-child{border-bottom:0}.record-row>div:first-child{min-width:0;overflow-wrap:anywhere}.record-row strong{display:block;font-size:14px}.record-row small{display:block;font-size:11px;color:var(--muted)}.action-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.inline-form{display:inline-block}.action-row select{width:auto;padding:8px}.user-editor{border:1px solid #ffffff22;border-radius:11px;margin:11px 0;padding:13px}.user-editor summary{display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer}.user-editor summary small{display:block;color:var(--muted)}.user-editor>.form-stack{padding:20px 0 5px}.user-editor summary::marker{content:''}.permission-grid label{background:#ffffff08;padding:9px 12px;border-radius:9px}.admin-message{padding:15px 0;border-bottom:1px solid #ffffff27}.admin-message>p{font-size:13px;padding:7px;background:#0002;border-radius:8px}.admin-message form{margin-bottom:8px}.status-pill{border-radius:20px;background:#ffffff18;color:#ffd597;font-size:11px;padding:5px 9px}.install-page{display:grid;place-items:center;padding:30px 10px}.install-shell{width:min(850px,100%);background:#0c182dcc;border:1px solid var(--border);border-radius:20px;padding:35px;box-shadow:0 25px 60px #0009}.install-shell h1{font-size:38px}.install-shell h2{margin-bottom:0}.setup-checks{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.setup-checks span{font-size:12px;padding:7px 10px;border-radius:8px;background:#ffffff18}.setup-checks .good{color:#b9f2d3}.setup-checks .bad{color:#ff9c9c}@media(max-width:1380px){.home-layout{grid-template-columns:minmax(230px,275px) minmax(330px,1fr) minmax(250px,288px);gap:13px}.site-width{width:min(1600px,calc(100% - 24px))}.brand{min-width:unset}.nav-links a{font-size:12px;padding:9px}.hero-visual{min-height:665px}.hero-core h1{font-size:42px}}@media(max-width:1080px){.topbar{flex-wrap:wrap;padding:15px 0}.nav-links{width:100%;justify-content:center}.home-layout{grid-template-columns:minmax(230px,34%) minmax(300px,1fr)}.column-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.column-center{grid-column:2;grid-row:1}.hero-visual{min-height:690px}.hero-core h1{font-size:clamp(36px,4vw,50px)}}@media(max-width:720px){body{font-size:15px}.site-width{width:calc(100% - 24px)}.topbar{min-height:75px;padding:9px 0;flex-wrap:nowrap}.brand-icon{width:48px;height:48px}.brand-copy b{font-size:18px}.brand-copy small{font-size:9px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#0b192e;border:1px solid #f5b44b67;box-shadow:0 12px 40px #0009;border-radius:0 0 12px 12px;padding:13px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center;font-size:14px}.home-layout{display:flex;flex-direction:column}.column-center{order:0}.column-left{order:1}.column-right{order:2;display:flex;width:100%}.column-center,.column-left,.column-right{width:100%}.hero-visual{min-height:620px}.hero-core h1{font-size:42px}.hero-art{height:220px}.orbit-one{height:180px;width:180px}.orbit-two{width:250px;height:250px}.headphone{font-size:92px}.equalizer{height:120px}.panel-heading h2{font-size:17px}.form-grid,.admin-image-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;flex-direction:row;overflow:auto;white-space:nowrap}.admin-sidebar a{flex-shrink:0}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-hero{padding:40px 18px}.schedule-item{grid-template-columns:75px 1fr;gap:12px}.schedule-picture{grid-column:1}.schedule-copy{grid-column:2;grid-row:1/3}.schedule-copy h2{font-size:19px}.auth-frame{margin:25px auto;padding:22px}.install-shell{padding:22px}.center-poster{height:130px}.footer-inner{flex-direction:column;justify-content:center;text-align:center;padding:20px}.mini-player{bottom:5px}.mini-player-label{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


:root{--rmm-studio-background:url("https://radio-mixed-media.de/assets/images/radio-mixed-media-studio.webp");}
/* V1.1 PITBULL PARTY: header and matching backdrop are loaded on every page */
body{background-color:#030711;background-image:radial-gradient(ellipse at 10% 10%,rgba(0,139,242,.15),transparent 44%),radial-gradient(ellipse at 88% 62%,rgba(243,149,14,.09),transparent 45%),linear-gradient(140deg,#030714,#070d19 55%,#02050d);background-attachment:fixed}
body:before{background-image:linear-gradient(90deg,rgba(0,4,11,.60),rgba(1,4,13,.48) 50%,rgba(0,3,10,.60)),var(--uploaded-bg),url('../images/pitbull-hintergrund.webp');background-position:center,center,center top;background-size:cover,cover,cover;background-repeat:no-repeat;background-attachment:fixed}
.masthead{background:rgba(2,6,13,.97);border-bottom:2px solid #de8d20;box-shadow:0 9px 25px #000c,0 0 15px #eaa22045}
.banner-shell{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden;height:clamp(165px,19.1vw,365px);border-bottom:2px solid #edb04e;background:#030716}
.banner-shell:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -19px 22px -20px #ffb437,inset 0 0 24px #0509149c}
.banner-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.masthead .masthead-glow{top:auto;bottom:0;height:60px}
.masthead .topbar{min-height:56px;justify-content:center;gap:0}
.masthead .topbar .brand{display:none}
.masthead .nav-links{justify-content:center;width:100%;flex-wrap:wrap;gap:0}
.masthead .nav-links a{border-radius:0;font-size:13px;text-transform:uppercase;letter-spacing:.025em;padding:15px 18px;border-left:1px solid #6482a52d;text-shadow:0 1px 4px #000}
.masthead .nav-links a:last-child{border-right:1px solid #6482a52d}
.masthead .nav-links a:hover,.masthead .nav-links a.current{background:linear-gradient(#3e280d,#100a04);box-shadow:inset 0 -2px #ffb23f,0 0 13px #f7a42a7a;color:#ffe09e}
.main-frame{padding-top:17px}
.panel{border-color:rgba(255,174,54,.58);background:linear-gradient(145deg,rgba(2,14,27,.96),rgba(2,6,14,.97));box-shadow:0 3px 15px #0009,0 0 12px rgba(255,151,27,.12),inset 0 1px #ffffff10}
.panel-heading{background:linear-gradient(180deg,rgba(11,38,61,.98),rgba(2,10,21,.98));border-bottom:1px solid rgba(255,174,38,.7);box-shadow:inset 0 -2px 8px #ff991020}
.panel-heading h2{color:#80e9ff;text-shadow:0 0 8px #008edb80}
.btn-primary{background:linear-gradient(105deg,#f8bc4a,#e78806);color:#111;border-color:#ffc76c;box-shadow:0 0 13px rgba(255,150,26,.43)}
.hero-visual{min-height:clamp(330px,29vw,480px);border-radius:12px;border-color:#ffc169;box-shadow:0 0 17px rgba(251,158,36,.27),0 16px 40px #000c;background-image:linear-gradient(180deg,#02061110 0%,#05060a05 48%,#020713d1 100%),url('../images/pitbull-startseite.webp');background-size:cover;background-position:center;}
.hero-visual:before,.hero-stars,.hero-sheen,.hero-art{display:none!important}
.hero-topline{padding:10px 15px;color:#fff9cc;background:linear-gradient(#01020aab,transparent)}
.hero-core{justify-content:flex-end;padding:12px 20px 15px;gap:6px}
.hero-core h1,.hero-tag{display:none}
.hero-core p{color:#ffefc9;background:#000b;padding:7px 13px;border:1px solid #d68c3572;border-radius:8px;font-size:13px;max-width:95%;margin:0}
.hero-bottomline{padding:9px 15px;background:#020712c5}
.hero-buttons{margin-top:7px}
.content-hero{background:linear-gradient(135deg,rgba(7,18,35,.93),rgba(1,5,14,.95)),url('../images/pitbull-startseite.webp') center/cover;border:1px solid rgba(255,181,70,.8);box-shadow:0 0 20px rgba(250,162,39,.18)}
.footer{background:rgba(1,6,14,.95);border-top-color:#e2a04288}
@media(max-width:1090px){.masthead .nav-links a{padding:12px 10px;font-size:11px}}
@media(max-width:720px){
 .banner-shell{height:clamp(135px,28vw,210px)}
 .banner-image{object-position:47% center}
 .masthead .topbar{min-height:58px;justify-content:space-between;padding:7px 0}
 .masthead .topbar .brand{display:flex;gap:8px;min-width:0}
 .masthead .topbar .brand-icon{height:40px;width:40px;flex-shrink:0}
 .masthead .topbar .brand-copy b{font-size:14px}
 .masthead .topbar .brand-copy small{display:none}
 .masthead .nav-links{position:absolute;z-index:21;top:100%;left:0;right:0;width:100%;background:#041124;flex-direction:column;align-items:stretch}
 .masthead .nav-links a{padding:11px 14px;border:0;border-bottom:1px solid #5e708955;font-size:13px}
 .hero-visual{min-height:340px}
 .hero-core{padding:6px 11px 13px}
 .hero-topline,.hero-bottomline{padding:10px 12px;font-size:9px}
 .hero-core p{font-size:11px}
 body:before{background-attachment:scroll;}
}


/* V1.2 – NEON CITY: automatically active on every page after installation. */
:root{--accent:#36eaff;--border:rgba(99,221,255,.58);--surface:#080b23;--surface-hi:#19133b;--text:#f4f6ff;--sub:#e2dff8;--muted:#b9b5d6;--blue:#20d6ff}
body{background-color:#020512;background-image:linear-gradient(110deg,rgba(1,3,17,.84),rgba(7,3,27,.71) 45%,rgba(1,5,18,.83)),var(--uploaded-bg),url('../images/pitbull-hintergrund.webp');background-size:cover,cover,cover;background-position:center center,center center,center center;background-repeat:no-repeat;background-attachment:fixed}
body:before{display:none!important}
.banner-shell{height:clamp(230px,31.5vw,610px);max-width:1920px;background:#04051c;border-bottom:2px solid #43dfff;box-shadow:0 5px 27px rgba(204,38,255,.33)}
.banner-image{object-fit:cover;object-position:center 30%}
.banner-shell:after{box-shadow:inset 0 -32px 28px -30px #15dbf9,inset 0 0 20px #070216b5}
.masthead{border-bottom:2px solid #36eaff;background:rgba(3,6,20,.96);box-shadow:0 10px 30px #000c,0 0 21px rgba(200,37,255,.18)}
.masthead .nav-links a{border-color:#55ccf433}
.masthead .nav-links a:hover,.masthead .nav-links a.current{background:linear-gradient(135deg,rgba(24,108,162,.8),rgba(87,13,136,.7));color:white;box-shadow:inset 0 -2px #47f4ff,0 0 13px #8f42ff80}
.panel{background:linear-gradient(145deg,rgba(8,14,36,.97),rgba(5,7,22,.96));border:1px solid rgba(70,199,252,.55);box-shadow:0 9px 28px #000b,0 0 16px #b620ff16}
.panel-heading{background:linear-gradient(90deg,rgba(13,38,76,.97),rgba(28,9,57,.98));border-bottom:1px solid #37dfff8c;box-shadow:inset 0 -2px 8px #a319fa22}
.panel-heading h2{color:#8eeeff;text-shadow:0 0 12px #009ce08a}
.current-panel{border-color:#bb4efbc2}
.current-panel:before{background:linear-gradient(90deg,#df37f9,#36efff,#7b4fff)}
.btn-primary{background:linear-gradient(115deg,#24e5f6,#7774ff 55%,#ad38fc);border-color:#84e9ff;color:#fff;box-shadow:0 0 17px #468aff6c}
.btn-outline{color:#98f2ff;background:#15bdff0f;border-color:#43daff8f}
.live-indicator{background:linear-gradient(100deg,#bd20c8,#e03f81);box-shadow:0 0 16px #de29f35e}
.hero-visual{background-image:linear-gradient(180deg,rgba(1,7,24,.1),rgba(2,5,17,.12) 45%,rgba(1,6,17,.85) 100%),url('../images/pitbull-startseite.webp');background-position:center center;background-size:cover;border:1px solid #4bdcffe0;min-height:clamp(340px,34vw,510px);box-shadow:0 0 24px #8a2af950,0 18px 40px #000b}
.hero-topline,.hero-bottomline{background:rgba(3,7,27,.64)}
.hero-core p{background:rgba(1,8,27,.85);border:1px solid #58dcffad;color:#f1f6ff}
.content-hero{border-color:#52e1ff;background:linear-gradient(125deg,rgba(9,19,50,.91),rgba(11,4,41,.94)),url('../images/pitbull-startseite.webp') center/cover;box-shadow:0 0 20px #9c37ef48}
.footer{background:rgba(2,5,17,.96);border-top-color:#53e6ffc0}
@media(max-width:720px){
 .banner-shell{height:clamp(180px,46vw,330px)}
 .banner-image{object-position:center 31%}
 body{background-attachment:scroll}
 .masthead .nav-links a{border-bottom:1px solid #56a8d859}
}
.install-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:220px;object-fit:cover;object-position:center 31%;border-radius:13px;border:1px solid #68e6ff90;margin-bottom:18px}


/* ============================================================
   V1.3 · GLASS EDITION
   Transparent areas retain the vivid background, with frosted
   glass only behind text so the entire site remains readable.
   Applies to the homepage, schedule, team, forms and admin area.
   ============================================================ */
:root{
  --glass-surface:rgba(3,9,29,.46);
  --glass-head:rgba(3,12,34,.34);
  --glass-strong:rgba(3,10,29,.64);
  --glass-edge:rgba(115,229,255,.60);
  --glass-glow:rgba(135,61,250,.18);
  --text:#ffffff;
  --sub:#eff4ff;
  --muted:#dae3fb;
}
body{
  background-color:#050716;
  background-image:
    linear-gradient(110deg,rgba(1,4,17,.22),rgba(7,2,23,.16) 50%,rgba(0,6,18,.28)),
    var(--uploaded-bg),url('../images/pitbull-hintergrund.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  background-attachment:fixed;
  color:var(--text);
  text-shadow:0 1px 2px rgba(0,0,0,.9);
}
body:before{display:none!important}
.main-frame,.column-left,.column-center,.column-right{background:transparent}
/* Smaller true-alpha header artwork floats over the page background. */
.masthead{
  background:rgba(2,8,23,.16);
  border-bottom:1px solid rgba(87,228,255,.61);
  box-shadow:0 8px 26px rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
}
.masthead-glow{opacity:.3}
.banner-shell{
  height:clamp(200px,23vw,370px);
  display:flex;align-items:center;justify-content:center;
  padding:0 18px;
  border-bottom:1px solid rgba(81,218,255,.34);
  background:transparent;
  box-shadow:none;
}
.banner-shell:after{box-shadow:none;background:none}
.banner-image{
  width:min(1080px,100%);
  height:100%;
  object-fit:contain;
  object-position:center center;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.55)) drop-shadow(0 0 17px rgba(91,32,231,.27));
}
.masthead .topbar{background:rgba(1,6,22,.14);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.masthead .nav-links a{
  color:#fff;
  text-shadow:0 2px 5px #000;
  background:rgba(1,11,27,.19);
  border-color:rgba(100,204,249,.26)
}
.masthead .nav-links a:hover,.masthead .nav-links a.current{
  background:rgba(18,43,88,.56);
  box-shadow:inset 0 -2px #65eafa,0 0 14px rgba(61,197,252,.24);
}
.panel,.auth-frame.panel{
  background:var(--glass-surface);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  backdrop-filter:blur(16px) saturate(120%);
  border:1px solid var(--glass-edge);
  box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 1px rgba(235,252,255,.20),0 0 15px var(--glass-glow);
}
.panel-heading{
  background:var(--glass-head);
  border-bottom:1px solid rgba(109,226,255,.54);
  box-shadow:inset 0 -1px 9px rgba(0,206,255,.10);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
}
.panel-heading h2,.content-hero h1,.panel h1,.panel h2,.panel h3,.center-feature h2{
  color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.99),0 0 12px rgba(0,188,255,.2);
}
.panel-heading h2{color:#b4f5ff}
.panel-body{background:transparent}
.panel-body p,.panel-body span,.panel-body strong,.panel-body label,.panel-body small,
.schedule-copy p,.content-hero p,.center-feature p,.record-row,.user-editor{
  text-shadow:0 1px 3px rgba(0,0,0,.96);
}
.panel .muted,.muted,.detail-label,.tile-subtitle,.record-row small,.user-editor summary small,
.person-line small,.schedule-date small{color:#e3ebff}
.listening-panel .panel-body{
  background:linear-gradient(120deg,rgba(55,32,111,.20),rgba(6,28,62,.24));
}
/* Main promo area is still recognisable but the rest of the page stays translucent. */
.hero-visual{
  background-image:linear-gradient(180deg,rgba(1,7,26,.02),rgba(2,7,23,.08) 52%,rgba(0,6,18,.61)),url('../images/pitbull-startseite.webp');
  background-position:center;
  background-size:cover;
  border:1px solid rgba(112,231,255,.77);
  box-shadow:0 15px 37px rgba(0,0,0,.37),0 0 19px rgba(91,34,236,.19);
}
.hero-topline,.hero-bottomline{background:rgba(2,8,22,.28)}
.hero-core p{
  background:rgba(2,9,26,.60);
  color:white;
  border:1px solid rgba(112,232,255,.7);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  text-shadow:0 2px 4px #000;
}
.center-feature,.stat-card,.admin-sidebar,.install-shell{
  background:rgba(2,10,27,.44);
  border:1px solid rgba(115,229,255,.58);
  -webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 9px 24px rgba(0,0,0,.32);
}
.center-feature p,.center-feature span{color:#f6f7ff}
.content-hero{
  background:linear-gradient(130deg,rgba(3,10,34,.35),rgba(10,5,42,.40));
  border:1px solid rgba(111,225,255,.60);
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  box-shadow:0 12px 28px rgba(0,0,0,.30);
}
.content-hero p{color:#fff}
.schedule-item,.user-editor,.shout,.partner-item,.status-summary span,.permission-grid label{
  background:rgba(2,10,29,.42);
  border-color:rgba(156,221,255,.38);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
}
.track-row,.person-line,.record-row{border-color:rgba(214,239,255,.21)}
.empty-state{color:#fff;background:rgba(2,9,27,.31);border-color:rgba(177,227,255,.5)}
.shout-meta small,.status-summary span,.person-line small,.schedule-date small{color:#edf5ff}
.tile-art,.image-placeholder{background:linear-gradient(135deg,rgba(42,9,78,.45),rgba(9,47,90,.32))}
.member-picture,.center-poster,.portrait{background:rgba(4,13,35,.22)}
/* Form fields need a slightly denser backdrop than decorative panels for contrast. */
.form-stack label{color:#fff;font-size:14px}
.form-stack input:not([type=checkbox]):not([type=file]),
.form-stack select,.form-stack textarea,.shout-form textarea,.action-row select{
  background:var(--glass-strong);
  color:#fff;
  border:1px solid rgba(167,226,255,.69);
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
}
.form-stack input::placeholder,.form-stack textarea::placeholder,.shout-form textarea::placeholder{color:#dae5f4;opacity:1}
.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.shout-form textarea:focus{
  border-color:#a1f5ff;box-shadow:0 0 0 3px rgba(100,214,255,.33);outline:none
}
.btn,.btn-secondary,.btn-glass,.icon-btn,.btn-outline{background:rgba(5,20,44,.52);color:white;border-color:rgba(150,229,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-primary{background:linear-gradient(115deg,rgba(10,141,190,.91),rgba(101,44,210,.9));color:#fff;border-color:#b5f8ff}
.btn-danger{background:rgba(145,31,70,.82);border-color:#ff85a4}
.btn:hover,.btn:focus-visible,.masthead a:focus-visible{outline:2px solid #baf5ff;outline-offset:2px}
.admin-sidebar a{color:#effaff;text-shadow:0 1px 3px #000}
.admin-sidebar a:hover,.admin-sidebar a.selected{background:rgba(91,29,172,.36);color:#fff}
.stat-card span,.stat-card strong{color:#f1f7ff}
.stat-card strong,.status-summary b{color:#b6f7ff}
.footer{
  background:rgba(2,8,25,.30);
  border-top:1px solid rgba(111,229,255,.54);
  -webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);
}
.footer-inner,.footer a{color:#f5faff}
.mini-player{background:rgba(2,10,30,.77)}
.alert{background:rgba(58,40,9,.50)}
.alert.ok{background:rgba(10,92,65,.6)}
.alert.error{background:rgba(108,10,35,.72)}
.install-preview{object-fit:contain;object-position:center;background:transparent;border:0;max-height:200px}
/* Smaller screens: readable translucent navigation, a compact centered header. */
@media(max-width:720px){
  body{background-attachment:scroll;background-position:center top}
  .banner-shell{height:clamp(155px,40vw,245px);padding:0 8px}
  .banner-image{width:100%;height:100%;object-fit:contain;object-position:center}
  .masthead .nav-links{background:rgba(2,11,30,.76);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
  .masthead .nav-links a{background:rgba(2,14,34,.25)}
  .panel{background:rgba(2,8,27,.57)}
  .admin-sidebar{background:rgba(2,9,28,.65)}
  .column-right{align-items:stretch}
  .column-right>.panel{width:100%}
}
@media(prefers-reduced-transparency:reduce){
  .panel,.auth-frame.panel,.center-feature,.content-hero,.stat-card,.admin-sidebar,.install-shell{background:rgba(2,8,23,.88)}
  .footer,.masthead{background:rgba(2,7,23,.88)}
}


/* ========================================================================
   V1.4 · TRANSPARENT HEADER + NAVIGATION · 18.10.2026
   Entire logo/navigation/header backdrop is fully clear and DOES NOT BLUR.
   Only high-contrast lettering, fine separators and a focus indicator remain.
   Applies on ALL routes because navigation is created by render_header().
   ======================================================================== */
:root{--nav-readable-shadow:0 2px 5px #000,0 0 12px #000,0 0 22px rgba(0,0,0,.90)}
/* No solid panel, dark overlay or frosted glass obscures the wallpaper. */
header.masthead,header.masthead .topbar,header.masthead .nav-links,
header.masthead .masthead-glow,header.masthead .brand,
header.masthead .brand-icon,header.masthead .brand-copy,
header.masthead .nav-links a,header.masthead .menu-toggle,
header.masthead .banner-shell,header.masthead .banner-shell::after{
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
header.masthead{border:0!important;isolation:isolate}
header.masthead .masthead-glow{display:none!important}
header.masthead .banner-shell{border:0!important}
header.masthead .banner-shell::after{display:none!important}
header.masthead .topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  min-height:64px;
  gap:12px;
  padding:8px 0 12px;
  border:0!important;
}
/* Display the logo/brand alongside the transparent menu. */
header.masthead .topbar .brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  flex:0 0 auto;
  color:#fff;
  text-decoration:none;
}
header.masthead .brand-icon{
  border:1px solid rgba(146,241,255,.45);
  border-radius:13px;
  width:47px;
  height:47px;
  text-shadow:var(--nav-readable-shadow);
}
header.masthead .brand-copy b{
  display:block;
  color:#fff;
  font-size:clamp(16px,1.35vw,22px);
  letter-spacing:.025em;
  text-shadow:var(--nav-readable-shadow);
}
header.masthead .brand-copy small{
  display:block;
  color:#ecfaff;
  font-size:10px;
  line-height:1.3;
  text-shadow:var(--nav-readable-shadow);
}
header.masthead .nav-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:1 1 700px;
  width:auto;
  gap:1px;
  border:0!important;
  padding:0;
}
header.masthead .nav-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 9px;
  border:0!important;
  border-radius:8px;
  color:#fff!important;
  text-align:center;
  font-size:clamp(10px,.85vw,13px);
  font-weight:850;
  line-height:1.3;
  text-shadow:var(--nav-readable-shadow);
  -webkit-text-stroke:.12px rgba(255,255,255,.7);
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}
header.masthead .nav-links a.current,
header.masthead .nav-links a:hover{
  color:#98f4ff!important;
  text-shadow:var(--nav-readable-shadow),0 0 7px rgba(64,226,255,.7);
  transform:none;
  text-decoration:underline;
  text-decoration-color:#7cecff;
  text-underline-offset:6px;
  text-decoration-thickness:2px;
}
header.masthead .nav-links a:focus-visible,
header.masthead .brand:focus-visible,
header.masthead .menu-toggle:focus-visible{
  outline:2px solid #a9f6ff;
  outline-offset:3px;
}
header.masthead .menu-toggle{
  color:#fff;
  border:1px solid rgba(142,241,255,.6)!important;
  text-shadow:var(--nav-readable-shadow);
}
/* At reduced desktop widths the menu wraps below the brand, still clear. */
@media (min-width:721px) and (max-width:1300px){
  header.masthead .topbar{justify-content:center;gap:5px;padding:7px 0 12px}
  header.masthead .topbar .brand{justify-content:center;width:100%}
  header.masthead .nav-links{flex:1 1 100%;width:100%;justify-content:center}
  header.masthead .nav-links a{font-size:12px;padding:11px 12px}
}
/* Dropdown is also transparent rather than using the old solid rectangle. */
@media (max-width:720px){
  header.masthead .topbar{justify-content:space-between;flex-wrap:nowrap;gap:8px;min-height:62px}
  header.masthead .topbar .brand{width:auto;flex:0 1 auto}
  header.masthead .brand-icon{height:40px;width:40px}
  header.masthead .brand-copy b{font-size:15px}
  header.masthead .brand-copy small{display:block;font-size:9px}
  header.masthead .menu-toggle{display:block;flex:0 0 auto}
  header.masthead .nav-links{
    display:none;
    position:absolute;
    left:0;right:0;top:100%;z-index:25;
    width:100%;
    flex-direction:column;
    justify-content:initial;
    align-items:stretch;
    gap:0;
    padding:10px 9px 13px;
    border:1px solid rgba(132,230,255,.38)!important;
    border-top:0!important;
    border-radius:0 0 14px 14px;
  }
  header.masthead .nav-links.open{display:flex}
  header.masthead .nav-links a{
    display:block;
    width:100%;
    padding:12px 10px;
    font-size:14px;
    border-bottom:1px solid rgba(135,223,255,.25)!important;
  }
  header.masthead .nav-links a:last-child{border-bottom:0!important}
}


/* ========================================================================
   PITBULL-PARTY 1.5 · HEADER ETWAS BREITER · 18.10.2026
   Enlarges ONLY the floating transparent header motif to the left and right.
   The navigation, topbar, menu links and typography stay unchanged from v1.4.
   Dedicated free space below the artwork prevents touching the navigation.
   ======================================================================== */
header.masthead .banner-shell{
  /* Original: clamp(200px,23vw,370px), new: modestly larger at every width */
  height:clamp(230px,28vw,465px);
  width:100%;
  max-width:1920px;
  margin:0 auto;
  padding:0 18px 18px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
header.masthead .banner-shell .banner-image{
  display:block;
  width:min(1260px,100%);
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center center;
  flex:0 1 auto;
  /* Keep original drop shadows: transparency, no box behind banner. */
}
@media (max-width:720px){
  header.masthead .banner-shell{
    height:clamp(178px,45vw,265px);
    padding:0 8px 12px;
  }
  header.masthead .banner-shell .banner-image{width:100%;height:100%;object-fit:contain}
}

/* v1.6 · Startseiten-Kachel-Editor / granular permission controls */
.permission-group{padding:16px;border:1px solid rgba(97,223,255,.36);border-radius:13px;margin:12px 0;background:rgba(5,9,24,.23)}
.permission-group legend{font-size:15px;font-weight:900;color:#b9f5ff;padding:0 9px;text-shadow:0 2px 5px #000}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:10px}
.permission-grid .permission-item{display:flex;align-items:center;flex-direction:row;gap:12px;min-height:48px;padding:12px 14px;background:rgba(8,12,33,.43);border:1px solid rgba(115,196,255,.38);border-radius:10px;color:#fff;line-height:1.45;font-size:14px;font-weight:700;text-shadow:0 2px 4px #000}
.permission-item input{flex:0 0 auto;width:20px;height:20px;accent-color:#32e8ff}
.permission-locked{opacity:.63}
.user-editor{background:rgba(3,9,28,.22);backdrop-filter:blur(5px);border:1px solid rgba(128,225,255,.43)}
.user-editor summary{padding:7px;color:#fff;font-size:15px;text-shadow:0 2px 5px #000}
.user-editor[open] summary{padding-bottom:16px;border-bottom:1px solid rgba(192,210,255,.3)}
.user-editor>.form-stack{padding:17px 6px 8px}
.home-custom-image{display:block;max-width:100%;width:min(100%,480px);max-height:230px;object-fit:contain;margin:10px auto 14px;border-radius:12px}
.home-custom-text{font-weight:700;color:#fff;text-shadow:0 2px 6px #000,0 0 15px #020818;margin:10px 0 16px}
.home-media-head{margin:15px 0 8px;text-align:center}
.home-media-head h2{color:#f3fbff;text-shadow:0 2px 8px #000;font-size:21px}
@media(max-width:850px){.permission-grid{grid-template-columns:1fr}.permission-group{padding:12px}.permission-grid .permission-item{font-size:13px}}


/* PITBULL-PARTY 1.7 – öffentliche Wartungsseite, angepasst ans transparente Neon-Design */
body.maintenance-page {min-height:100dvh;display:grid;place-items:center;padding:clamp(18px,4vw,45px) 14px;color:#fff;}
.maintenance-wrap {position:relative;z-index:1;width:min(1050px,100%);margin:auto;text-align:center;display:flex;align-items:center;flex-direction:column;gap:clamp(8px,2vw,20px);}
.maintenance-banner {width:min(780px,96vw);height:auto;max-height:38vh;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.6));}
.maintenance-content {width:min(780px,100%);background:linear-gradient(130deg,rgba(3,10,33,.62),rgba(22,6,45,.55));border:1px solid rgba(124,231,255,.53);border-radius:24px;padding:clamp(26px,5vw,55px);box-shadow:0 18px 60px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.18);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);}
.maintenance-eyebrow {color:#9ff7ff;letter-spacing:.2em;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;text-shadow:0 2px 10px #000;}
.maintenance-pulse {height:10px;width:10px;border-radius:50%;background:#ff74db;box-shadow:0 0 0 5px rgba(255,82,225,.1),0 0 18px #e544eb;}
.maintenance-content h1 {color:#fff;font-size:clamp(27px,4vw,53px);line-height:1.17;text-shadow:0 3px 16px #000,0 0 22px rgba(35,220,255,.28);margin:0 0 22px;overflow-wrap:anywhere;}
.maintenance-content p {color:#f7f5ff;text-shadow:0 2px 6px #000;font-size:clamp(16px,1.7vw,19px);line-height:1.7;margin:0;white-space:normal;overflow-wrap:anywhere;}
.maintenance-signal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px;border-top:1px solid #ffffff33;padding-top:19px;font-size:clamp(11px,1.5vw,13px);font-weight:800;letter-spacing:.04em;color:#d0f9ff;text-shadow:0 2px 7px #000;}
.maintenance-signal span:first-child{font-size:23px;color:#fc8bfc;}
.maintenance-login{color:#f0fdff;text-shadow:0 2px 10px #000;background:rgba(5,11,29,.35);border:1px solid rgba(124,231,255,.4);border-radius:999px;padding:11px 22px;font-size:13px;font-weight:800;}
.maintenance-login:hover,.maintenance-login:focus-visible{border-color:#d6fcff;background:rgba(10,20,50,.55);outline:2px solid #5edaff;outline-offset:3px;}
.maintenance-admin-state {padding:18px;border-radius:13px;margin:20px 0;background:rgba(3,16,34,.34);border:1px solid rgba(89,216,247,.38);}
.maintenance-admin-state strong {font-size:17px;display:block;margin-bottom:8px;}
.maintenance-admin-state p {margin:0;}
.maintenance-admin-active{border-color:rgba(255,123,150,.8);background:rgba(100,15,34,.26);}
.maintenance-admin-inactive{border-color:rgba(77,233,180,.8);}
.maintenance-admin-switch {display:flex;gap:14px;align-items:center;background:rgba(8,24,49,.5);border:1px solid rgba(124,231,255,.35);border-radius:12px;padding:16px 20px;font-weight:800;}
.maintenance-admin-switch input {height:22px;width:22px;accent-color:#54e5ff;flex-shrink:0;}
.maintenance-admin-note{font-size:13px;background:rgba(9,18,42,.48);border:1px dashed rgba(134,232,255,.36);border-radius:11px;padding:15px 17px;line-height:1.7;margin:16px 0;}
.maintenance-admin-note code{color:#c8edff;white-space:normal;overflow-wrap:anywhere;}
.maintenance-quick-status{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:15px 18px;border:1px solid rgba(124,231,255,.52);border-radius:12px;background:rgba(6,13,34,.54);margin-bottom:18px;}
@media(max-width:720px){.maintenance-banner{max-height:33vh}.maintenance-content{padding:24px 17px}.maintenance-content h1{font-size:clamp(26px,6vw,36px)}.maintenance-signal{gap:6px}.maintenance-admin-switch{padding:12px}}


/* =========================================================
   RADIO MIXED MEDIA v1.8 – Radiostudio-Motiv als Standardbild
   Hintergrund fuer alle Seiten, responsive und mit lesbarem Overlay.
   --uploaded-bg wird vom PHP-Layout gesetzt und bei spaeterem
   eigenen Upload ueber den Team-Bereich umgeschaltet.
   ========================================================= */
:root {
  --uploaded-bg: url('../images/radio-mixed-media-studio.webp');
}
body {
  background-color: #100d09;
  background-image:
    linear-gradient(90deg, rgba(5,7,11,.42), rgba(6,8,13,.22) 45%, rgba(5,7,11,.42)),
    var(--uploaded-bg);
  background-position: center center, center top;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
}
/* Auch auf der Startseite und den Inhaltsseiten keine fehlenden alten WebP-Referenzen mehr. */
.hero-visual {
  background-image:
    linear-gradient(180deg, rgba(2,6,14,.12), rgba(2,6,14,.19) 50%, rgba(2,6,14,.78)),
    var(--uploaded-bg);
  background-size: cover, cover;
  background-position: center, center center;
}
.content-hero {
  background-image:
    linear-gradient(130deg, rgba(2,7,17,.77), rgba(5,10,18,.7)),
    var(--uploaded-bg);
  background-size: cover, cover;
  background-position: center, center 39%;
}
.background-choice {
  display: grid; gap: 12px; margin: 18px 0; padding: 16px;
  border: 1px solid rgba(255,177,80,.6); border-radius: 14px;
  background: rgba(8,12,24,.77); color: #fff;
}
.background-choice label {font-weight: 850;}
.background-choice select {width: 100%; min-height: 44px;}
.background-choice-preview {
  display: block; width: min(100%, 560px); aspect-ratio: 16/9;
  object-fit: cover; object-position: center; border-radius: 12px;
  border: 1px solid rgba(255,186,91,.6);
}
.background-choice p {margin: 0; color: #fff1d6;}
@media (max-width: 720px) {
  body {
    background-attachment: scroll, scroll;
    background-position: center top, center top;
  }
  .hero-visual {background-position: center, 50% center;}
}


/* =======================================================================
   V1.9.1 - STARTSEITE: DAS GANZE BILD SICHTBAR (OHNE BESCHNEIDEN)
   Echtes <img>, damit weder Hintergrund-Overlays noch CSS-cover die
   Radiostudio-Grafik verdecken oder an den Seiten abschneiden.
   ======================================================================= */
body.page-home header.masthead .banner-shell { display: none !important; }
body.page-home .main-frame { padding-top: clamp(8px, 1.1vw, 18px); }
body.page-home .home-studio-showcase {
  display:block;
  width:100%;
  margin: 0 0 clamp(16px, 1.8vw, 28px);
  border: 1px solid rgba(255,179,80,.72);
  border-radius: clamp(8px, 1.3vw, 18px);
  background-color: #070707;
  overflow:hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,.48), 0 0 22px rgba(255,156,18,.18);
}
body.page-home .home-studio-showcase img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  filter:none;
  opacity:1;
  transform:none;
}
/* Die Kacheln sowie alle vorhandenen Radios/Buttons bleiben unter dem Bild. */
body.page-home .home-layout { position:relative; }
@media(max-width:720px){
  body.page-home .home-studio-showcase{border-radius:8px;margin-bottom:15px;}
}


/* ====================================================================
   RADIO MIXED MEDIA 2.0 - ECHTER HOMEPAGE HEADER AUS DEN ZWEI ORIGINALEN
   - Motiv 1: transparentes Radio-Mixed-Media-Logo vor dem Studio
   - Motiv 2: Radiostudio als vollstaendige Szene + Seitenhintergrund
   - Nur Startseite; interne Seiten / Team-Bereich bleiben nutzbar.
   ==================================================================== */
body.page-home {
  --rmm-gold: #ffd089;
  --rmm-gold-edge: rgba(255,178,65,.78);
  background-color:#0b0908;
  background-image:linear-gradient(180deg,rgba(4,7,11,.52),rgba(4,6,9,.64)),url('../images/radio-mixed-media-studio.webp');
  background-position:center center,center top;
  background-size:cover,cover;
  background-repeat:no-repeat;
  background-attachment:fixed,fixed;
}
body.page-home header.masthead {
  position:relative;
  overflow:visible;
  background:#0b0806!important;
  border:0!important;
  isolation:isolate;
}
/* The former Pitbull banner is removed ONLY on the homepage. */
body.page-home header.masthead .banner-shell {display:none!important;}
body.page-home .rmm-studio-stage {
  position:relative;
  display:block;
  width:100%;
  margin:0;
  overflow:hidden;
  aspect-ratio:1672 / 941;
  isolation:isolate;
  background:#120c08;
}
body.page-home .rmm-studio-stage .rmm-studio-wallpaper {
  display:block;
  width:100%;height:100%;
  object-fit:cover; object-position:center center;
  opacity:1;filter:none;
}
body.page-home .rmm-studio-stage .rmm-studio-logo {
  position:absolute;
  left:50%;top:0;
  transform:translateX(-50%);
  width:60%;height:59%;
  max-width:none;
  object-fit:contain;
  object-position:top center;
  z-index:2;
  filter:drop-shadow(0 7px 11px rgba(0,0,0,.83));
  pointer-events:none;
}
/* Menu is BELOW the graphic, never across the logo or the genre names. */
body.page-home header.masthead .topbar {
  position:relative;
  width:min(1700px,calc(100% - 36px));
  margin:0 auto;
  min-height:72px;
  padding:12px 8px;
  gap:10px;
  border-block:1px solid rgba(248,164,53,.35)!important;
  background:linear-gradient(90deg,rgba(16,12,10,.94),rgba(42,25,13,.93),rgba(16,12,10,.94))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.page-home header.masthead .topbar .brand-copy b {color:#fff0cb;}
body.page-home header.masthead .topbar .brand-copy small {color:#ffcb75;}
body.page-home header.masthead .nav-links a {
  color:#ffedd1!important;
  background:transparent!important;
  border:0!important;
  border-radius:9px;
  text-shadow:0 2px 5px #000,0 0 9px #000;
}
body.page-home header.masthead .nav-links a.current,
body.page-home header.masthead .nav-links a:hover {
  color:#ffc86e!important;
  background:rgba(249,162,48,.13)!important;
  text-decoration-color:#ffb645!important;
}
body.page-home header.masthead .menu-toggle {
  background:#1a1110!important;
  border-color:#ffb85e!important;
}
body.page-home .main-frame {
  padding-top:clamp(20px,2.6vw,42px);
  position:relative;
}
body.page-home .home-layout {position:relative;z-index:1;}
body.page-home .panel,
body.page-home .center-feature,
body.page-home .hero-visual {
  border-color:rgba(255,178,65,.65);
  box-shadow:0 12px 36px rgba(0,0,0,.65),inset 0 1px rgba(255,235,192,.13);
}
body.page-home .panel,
body.page-home .center-feature {
  background:linear-gradient(130deg,rgba(7,12,21,.88),rgba(13,12,17,.83));
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
body.page-home .panel-heading {
  background:linear-gradient(110deg,rgba(54,33,17,.92),rgba(15,20,28,.90));
  border-bottom-color:rgba(255,188,94,.6);
}
body.page-home .panel-heading h2,
body.page-home .center-feature h2 {color:#fff2d9;}
body.page-home .eyebrow {color:#ffca78;}
body.page-home .hero-visual {
  min-height:clamp(440px,45vw,680px);
  background-image:linear-gradient(180deg,rgba(5,8,14,.34),rgba(5,8,14,.87)),url('../images/radio-mixed-media-studio.webp');
  background-size:cover;
  background-position:center;
}
body.page-home .hero-visual::before {opacity:.22;}
body.page-home .hero-core h1 {background:linear-gradient(#fff5e5,#ffcf7b);background-clip:text;}
body.page-home .footer {background:rgba(5,7,11,.88);}
@media (max-width:720px) {
  body.page-home{background-attachment:scroll,scroll;}
  body.page-home .rmm-studio-stage{aspect-ratio:1672 / 941;}
  body.page-home .rmm-studio-stage .rmm-studio-logo{width:65%;height:64%;top:-1%;}
  body.page-home header.masthead .topbar{width:100%;padding:9px 14px;min-height:62px;}
  body.page-home header.masthead .nav-links {
    background:rgba(8,12,21,.98)!important;
    border-color:#c88e47!important;
    padding:8px!important;
  }
  body.page-home header.masthead .nav-links a{
    padding:13px 12px;
    border-bottom:1px solid rgba(250,200,139,.22)!important;
  }
  body.page-home .main-frame{padding-top:18px;}
}
@media (prefers-reduced-motion:reduce) {
  body.page-home .rmm-studio-stage *{animation:none!important;}
}


/* ====================================================================
   V2.1 · HEADER-LOGO ÜBERALL + STUDIO-DESIGN IN ALLEN BEREICHEN
   Das neue Logo-Bild ist der feste Header, das Studio bildet das
   sichtbare Gesamt-Design auf Startseite UND allen Unterseiten.
   ==================================================================== */
body{
  background-color:#080706 !important;
  background-image:linear-gradient(180deg,rgba(5,8,11,.66),rgba(5,7,10,.74)),url('../images/radio-mixed-media-studio.webp') !important;
  background-position:center top,center top !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat,no-repeat !important;
  background-attachment:fixed,fixed !important;
}
body::before{display:none !important;}
header.masthead{
  position:relative;
  overflow:visible;
  background:#0b0806 !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.55);
}
header.masthead .banner-shell{
  display:flex !important;
  justify-content:center;
  align-items:center;
  height:clamp(175px,24vw,360px);
  padding:10px 12px 0;
  background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,0)) !important;
  border:0 !important;
}
header.masthead .banner-shell .banner-image{
  width:min(1250px,100%);
  height:100%;
  object-fit:contain;
  object-position:center top;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.70));
}
.rmm-studio-stage{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  isolation:isolate;
  background:#120c08;
  border-top:1px solid rgba(255,193,98,.18);
  border-bottom:1px solid rgba(255,193,98,.28);
}
.rmm-studio-stage.is-home{aspect-ratio:1672 / 941;}
.rmm-studio-stage.is-inner{aspect-ratio:1672 / 520;}
.rmm-studio-stage .rmm-studio-wallpaper{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.rmm-studio-stage .rmm-studio-logo{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:min(64%,1220px);
  height:63%;
  object-fit:contain;
  object-position:top center;
  z-index:2;
  filter:drop-shadow(0 9px 13px rgba(0,0,0,.82));
  pointer-events:none;
}
.rmm-studio-stage.is-inner .rmm-studio-logo{
  width:min(44%,880px);
  height:78%;
  top:1%;
}
header.masthead .topbar{
  position:relative;
  width:min(1700px,calc(100% - 36px));
  margin:0 auto;
  min-height:72px;
  padding:12px 8px;
  gap:10px;
  border-block:1px solid rgba(248,164,53,.35) !important;
  background:linear-gradient(90deg,rgba(16,12,10,.96),rgba(42,25,13,.94),rgba(16,12,10,.96)) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
header.masthead .brand-copy b{color:#fff0cb !important;}
header.masthead .brand-copy small{color:#ffcb75 !important;}
header.masthead .nav-links a,
header.masthead .menu-toggle{
  color:#ffedd1 !important;
  text-shadow:0 2px 5px #000,0 0 9px #000;
}
header.masthead .nav-links a{
  background:transparent !important;
  border:0 !important;
  border-radius:9px;
}
header.masthead .nav-links a.current,
header.masthead .nav-links a:hover{
  color:#ffc86e !important;
  background:rgba(249,162,48,.13) !important;
}
header.masthead .menu-toggle{
  background:#1a1110 !important;
  border-color:#ffb85e !important;
}
.main-frame{padding-top:clamp(20px,2.6vw,42px) !important; position:relative;}
.panel,.center-feature,.hero-visual,.content-hero,.stat-card,.admin-sidebar,.install-shell,.auth-frame.panel{
  border-color:rgba(255,178,65,.65) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.65),inset 0 1px rgba(255,235,192,.13) !important;
}
.panel,.center-feature,.content-hero,.stat-card,.admin-sidebar,.install-shell,.auth-frame.panel{
  background:linear-gradient(130deg,rgba(7,12,21,.88),rgba(13,12,17,.83)) !important;
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.panel-heading{
  background:linear-gradient(110deg,rgba(54,33,17,.92),rgba(15,20,28,.90)) !important;
  border-bottom-color:rgba(255,188,94,.6) !important;
}
.panel-heading h2,.center-feature h2,.content-hero h1,.panel h1,.panel h2,.panel h3{color:#fff2d9 !important;}
.eyebrow{color:#ffca78 !important;}
.hero-visual{
  min-height:clamp(440px,45vw,680px);
  background-image:linear-gradient(180deg,rgba(5,8,14,.34),rgba(5,8,14,.87)),url('../images/radio-mixed-media-studio.webp') !important;
  background-size:cover !important;
  background-position:center !important;
}
.footer{background:rgba(5,7,11,.88) !important;}
@media (max-width: 720px){
  body{background-attachment:scroll,scroll !important;}
  header.masthead .banner-shell{height:clamp(130px,34vw,210px);padding:6px 8px 0;}
  .rmm-studio-stage.is-home{aspect-ratio:1672 / 941;}
  .rmm-studio-stage.is-inner{aspect-ratio:1672 / 720;}
  .rmm-studio-stage .rmm-studio-logo{width:70%;height:68%;top:-1%;}
  .rmm-studio-stage.is-inner .rmm-studio-logo{width:72%;height:72%;top:0;}
  header.masthead .topbar{width:100%;padding:9px 14px;min-height:62px;}
  header.masthead .nav-links{background:rgba(8,12,21,.98) !important;border-color:#c88e47 !important;padding:8px !important;}
  header.masthead .nav-links a{padding:13px 12px;border-bottom:1px solid rgba(250,200,139,.22) !important;}
  .main-frame{padding-top:18px !important;}
}


/* V2.2 - NUR EIN GROSSER BILDBANNER, KEIN ZWEITES STUDIO-HEADERBILD.
   Das bereits aktive Radiostudio-Seitenhintergrundbild wird NICHT veraendert. */
header.masthead .banner-shell,
body.page-home header.masthead .banner-shell {
  display:flex !important;
  width:100%;
  max-width:1920px;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto;
  padding:12px clamp(10px,2vw,34px) 20px;
  justify-content:center;
  align-items:center;
  overflow:visible;
  background:transparent !important;
}
header.masthead .banner-shell .banner-image,
body.page-home header.masthead .banner-shell .banner-image {
  display:block;
  width:min(100%,1100px);
  height:auto !important;
  max-height:none !important;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  flex:0 1 auto;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.70));
}
/* Fallback-Schutz: falls eine alte Version die zweite Header-Buehne ausgibt. */
header.masthead .rmm-studio-stage {display:none !important;}
@media (max-width:720px) {
  header.masthead .banner-shell,
  body.page-home header.masthead .banner-shell {padding:8px 8px 12px;}
  header.masthead .banner-shell .banner-image,
  body.page-home header.masthead .banner-shell .banner-image {width:100%;height:auto !important;}
}


/* V2.3 – VOLLSICHTBARER STUDIO-HINTERGRUND AUS ZEILE 4
   Bewusst OHNE dunklen halbtransparenten Verlauf und OHNE
   Transparenz auf der Bildflaeche. Kein zweites Headerbild.
   Die Bildquelle ist als CSS-Variable in Zeile 4 hinterlegt. */
body,
body.page-home,
body.page-inner {
  background-color:#0b0908 !important;
  background-image:var(--rmm-studio-background) !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  opacity:1;
}
body::before,
body.page-home::before,
body.page-inner::before { display:none !important; }
/* Die bestehenden Player, Navigation und Header-Grafik werden nicht geaendert. */
@media (max-width:720px) {
  body, body.page-home, body.page-inner {
    background-attachment:scroll !important;
  }
}


/* ==============================================================
   RADIO MIXED MEDIA 2.4 - ECHTER DURCHSICHTIGER HEADER
   PNG hat Alpha-Kanal; alle Deckfarben, Verlaufshintergruende,
   Weichzeichner und Deckschichten IM HEADER werden ausgeschaltet.
   Der bestehende Studio-HINTERGRUND (oben definiert) bleibt gleich.
   Gilt fuer Startseite, Sendeplan, Team-Bereich und alle Unterseiten.
   ============================================================== */
header.masthead,
body.page-home header.masthead,
body.page-inner header.masthead,
header.masthead .topbar,
header.masthead .banner-shell,
body.page-home header.masthead .banner-shell,
body.page-inner header.masthead .banner-shell,
header.masthead .nav-links,
header.masthead .nav-links a,
header.masthead .brand,
header.masthead .brand-icon,
header.masthead .brand-copy,
header.masthead .menu-toggle {
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
header.masthead,
header.masthead .topbar,
header.masthead .banner-shell,
body.page-home header.masthead .banner-shell,
body.page-inner header.masthead .banner-shell {
  border:0 !important;
  border-block:0 !important;
}
header.masthead .masthead-glow,
header.masthead .banner-shell::after,
header.masthead::before,
header.masthead::after {
  display:none !important;
  content:none !important;
}
header.masthead .banner-shell,
body.page-home header.masthead .banner-shell,
body.page-inner header.masthead .banner-shell {
  display:flex !important;
  position:relative;
  width:100%;
  max-width:1920px;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto;
  padding:clamp(8px,1.2vw,18px) clamp(10px,2vw,30px) 5px;
  align-items:center;
  justify-content:center;
  overflow:visible !important;
  opacity:1 !important;
}
header.masthead .banner-shell .banner-image,
body.page-home header.masthead .banner-shell .banner-image,
body.page-inner header.masthead .banner-shell .banner-image {
  display:block !important;
  width:min(100%,1100px) !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  filter:none !important;
}
header.masthead .topbar {
  background:transparent !important;
  width:min(1700px,calc(100% - 36px));
  padding:8px 8px 12px;
  border:0 !important;
}
header.masthead .nav-links a {
  color:#fff5e6 !important;
  text-shadow:0 2px 5px #000,0 0 12px #000,0 0 24px #000;
}
header.masthead .nav-links a.current,
header.masthead .nav-links a:hover {
  color:#ffd18a !important;
  background:transparent !important;
  text-decoration:underline;
  text-underline-offset:5px;
}
header.masthead .menu-toggle {
  color:#fff !important;
  border:1px solid rgba(255,219,161,.8) !important;
  text-shadow:0 1px 5px #000,0 0 12px #000;
}
/* Auch das aufklappbare Menue ohne schwarze Hintergrundflaeche. */
@media (max-width:720px) {
  header.masthead .banner-shell,
  body.page-home header.masthead .banner-shell,
  body.page-inner header.masthead .banner-shell {
    height:auto !important;
    padding:6px 6px 0 !important;
  }
  header.masthead .banner-shell .banner-image,
  body.page-home header.masthead .banner-shell .banner-image,
  body.page-inner header.masthead .banner-shell .banner-image {
    width:100% !important;
    height:auto !important;
  }
  header.masthead .topbar {
    width:100%;
    padding:8px 12px 12px;
    background:transparent !important;
  }
  header.masthead .nav-links,
  header.masthead .nav-links.open,
  header.masthead .nav-links a {
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}


/* RMM 2.5 – dynamischer Hintergrund und Header aus Team-Bereich */
:root { --rmm-studio-background: url('../images/radio-mixed-media-studio.webp'); }
body, body.page-home, body.page-inner {
  background-image: var(--rmm-studio-background) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
/* Auch der große Inhalts-Hero übernimmt das Team-Hintergrundbild statt eines fest eingebauten Studios. */
body.page-home .hero-visual {
  background-image:linear-gradient(180deg,rgba(5,8,14,.30),rgba(5,8,14,.76)),var(--rmm-studio-background) !important;
  background-position:center !important;
  background-size:cover !important;
}
/* Zwei eigenständige, direkt bedienbare Designer-Felder. */
.rmm-design-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;}
.rmm-design-control {min-width:0;background:rgba(8,14,24,.82);border:1px solid rgba(245,184,94,.72);border-radius:15px;padding:18px;}
.rmm-design-control h3{font-size:19px;margin:0 0 8px;color:#ffe0ac!important;}
.rmm-design-control p{font-size:13px;}
.rmm-design-control label{display:block;margin:13px 0 9px;}
.rmm-design-control select,.rmm-design-control input[type=file] {display:block;width:100%;max-width:100%;margin-top:7px;padding:12px;background:rgba(5,12,24,.94);color:white;border:1px solid rgba(255,218,166,.7);border-radius:11px;}
.rmm-design-preview{display:block;width:100%;height:200px;object-fit:contain;object-position:center;border:1px solid rgba(255,189,90,.38);border-radius:12px;background:transparent;margin:14px 0;}
.rmm-logo-preview{background:repeating-conic-gradient(#1f2733 0 25%,#111821 0 50%) 50%/24px 24px;}
.rmm-design-control .btn{width:100%;margin-top:10px;}
.rmm-view-home{margin-top:20px;}
@media (max-width:850px){.rmm-design-columns{grid-template-columns:1fr}.rmm-design-preview{height:165px;}}


/* V2.6: Hintergrund wirklich aus der Team-Auswahl laden und voll anzeigen. */
body,body.page-home,body.page-inner {
  background-image:var(--rmm-studio-background) !important;
  background-size:var(--rmm-background-fit,cover) !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
body.page-home .hero-visual {
  background-image:linear-gradient(180deg,rgba(5,8,14,.20),rgba(5,8,14,.56)),var(--rmm-studio-background) !important;
  background-size:var(--rmm-background-fit,cover) !important;
}
.rmm-background-state{padding:13px 16px;border-radius:10px;border:1px solid rgba(158,231,192,.8);background:rgba(4,20,17,.85);color:white;margin:14px 0;overflow-wrap:anywhere}
.rmm-background-state strong{display:block;color:#b6f6ce;font-size:15px}
.rmm-background-state p{font-size:13px;line-height:1.55;margin:7px 0;color:#fff;}
.rmm-background-state.rmm-state-problem{border-color:#ffc275;background:rgba(40,22,5,.87)}
.rmm-background-state.rmm-state-problem strong{color:#ffdc9d}
.rmm-active-source code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:12px;background:rgba(255,255,255,.09);border-radius:5px;padding:5px;margin-top:5px}
.rmm-background-figure{width:100%;max-width:100%;margin:10px 0 18px;padding:8px;border-radius:11px;background:repeating-conic-gradient(#192330 0 25%,#0d1520 0 50%) 50% / 28px 28px;border:1px solid rgba(255,215,152,.65)}
.rmm-background-figure .rmm-background-full-preview{display:block;width:100%;height:auto!important;max-height:480px;object-fit:contain!important;object-position:center;margin:0!important;background:transparent;border:0;box-shadow:none}
.rmm-background-figure figcaption{font-size:12px;line-height:1.4;color:#fff;padding:10px 8px 4px;text-shadow:0 1px 3px #000;background:rgba(0,0,0,.8)}
.rmm-image-loading{border-radius:9px;padding:11px 13px;font-size:13px;background:rgba(18,26,43,.9);border:1px solid #e8bb74;color:white}
.rmm-image-loading.rmm-browser-ok{border-color:#86d9ae;background:rgba(3,38,24,.91)}
.rmm-image-loading.rmm-browser-error{border-color:#ff8e91;background:rgba(66,10,16,.9)}
.rmm-image-loading.rmm-browser-pending{border-color:#ffcf7b;background:rgba(49,29,9,.9)}
.rmm-background-editor #background_url_label{opacity:.8}
.rmm-background-editor #background_url_label.rmm-url-active{opacity:1}
.rmm-background-editor .rmm-live-open{margin-top:12px;display:flex;justify-content:center}
@media(max-width:850px){.rmm-background-figure .rmm-background-full-preview{max-height:340px;}}


/* V2.7 – Reparatur: dynamisches CSS-Bild statt festverdrahtetem Studio.
   --rmm-studio-background wird als absolute URL serverseitig gesetzt.
   Dadurch funktionieren auch Pfade in Unterordnern und nach einem Upload. */
html body,html body.page-home,html body.page-inner {
  background-color:#080809 !important;
  background-image:var(--rmm-studio-background,url('../images/radio-mixed-media-studio.webp')) !important;
  background-size:var(--rmm-background-fit,cover) !important;
  background-repeat:no-repeat !important;
  background-position:var(--rmm-background-position,center top) !important;
  background-attachment:var(--rmm-background-attachment,fixed) !important;
}
html body::before,html body.page-home::before,html body.page-inner::before {display:none !important;}
/* Das Bild ist hinter dem transparenten Header und auch zwischen Kacheln sichtbar. */
html body header.masthead,
html body.page-home header.masthead,
html body.page-inner header.masthead,
html body header.masthead .banner-shell,
html body header.masthead .topbar {
  background:transparent !important;
  background-image:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
html body header.masthead .banner-shell .banner-image{opacity:1!important;}
html body.page-home .hero-visual{
  background-image:linear-gradient(180deg,rgba(3,7,17,.30),rgba(3,7,17,.73)),var(--rmm-studio-background) !important;
  background-size:var(--rmm-background-fit,cover) !important;
  background-position:var(--rmm-background-position,center top) !important;
}
/* Halbtransparente Inhaltskaesten, Texte bleiben lesbar. */
html body .panel,html body .content-hero,html body .center-feature,
html body .stat-card,html body .admin-sidebar,html body .hero-visual{
  background-color:rgba(6,12,24,.69);
}
.rmm-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:15px;margin-top:17px}
.rmm-gallery-item{min-width:0;background:rgba(5,14,26,.88);padding:11px;border:1px solid #bb8750;border-radius:12px;display:flex;flex-direction:column;gap:8px;}
.rmm-gallery-item img{display:block;width:100%;height:135px;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#293141 0 25%,#121925 0 50%) 0/24px 24px;}
.rmm-gallery-item code{font-size:10px;overflow-wrap:anywhere;white-space:normal;line-height:1.35;}
.rmm-gallery-item .rmm-gallery-badge{font-size:12px;color:#ffdcaa;}
.rmm-gallery-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto;}
.rmm-gallery-actions form{width:100%;}
.rmm-gallery-actions button{width:100%;white-space:normal;}
.rmm-gallery h3{font-size:16px}
.rmm-settings-extra{margin:16px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}
.rmm-settings-extra label{min-width:0;}
@media(max-width:720px){html body,html body.page-home,html body.page-inner{background-attachment:scroll !important}}


/* RMM 3.1 – Pitbull-Party-aehnliche Startseitenabmessungen.
   WICHTIG: Dieser Block aendert absichtlich keinerlei Hintergrund-/Header-Bilder. */
.site-width{width:min(var(--rmm-content-width,1700px),calc(100% - 48px))}
.home-layout{grid-template-columns:minmax(235px,var(--rmm-left-column,305px)) minmax(300px,1fr) minmax(245px,var(--rmm-right-column,335px));gap:var(--rmm-column-gap,18px)}
.rmm-home-image-block{min-width:0}
.rmm-layout-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rmm-layout-inputs label{display:grid;gap:7px}
.rmm-layout-inputs select{width:100%;min-height:43px}
.rmm-fortnight{margin:26px 0 10px;padding:clamp(18px,2.8vw,35px);color:#fff2db;overflow:visible}
.rmm-fortnight-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.rmm-fortnight-heading h2{font-size:clamp(22px,2.4vw,32px);margin:0 0 9px}
.rmm-fortnight-heading p{font-size:14px;margin:0 0 18px}
.rmm-fortnight-meta{padding:12px 15px;margin:9px 0 16px;border-radius:10px;background:rgba(255,181,61,.11);border:1px solid rgba(255,196,111,.4);font-weight:700}
.rmm-fortnight-weeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.rmm-fortnight-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:0}
.rmm-fortnight-week>strong{grid-column:1/-1;margin-bottom:4px;font-size:13px;color:#ffd089}
.rmm-fortnight-day{grid-column:span 1;min-width:0;position:relative}
.rmm-fortnight-day>summary{list-style:none;padding:10px 3px;text-align:center;border:1px solid rgba(255,192,95,.50);border-radius:9px;background:rgba(14,24,39,.9);cursor:pointer;display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:800}
.rmm-fortnight-day>summary::-webkit-details-marker{display:none}
.rmm-fortnight-day>summary small{font-size:9px;color:#ffdcab;overflow-wrap:anywhere}
.rmm-fortnight-day[open]>summary{background:rgba(129,71,19,.84);border-color:#ffd183;color:#fff}
.rmm-fortnight-list{position:absolute;z-index:5;top:100%;left:0;width:min(460px,86vw);padding:14px;background:#111923;border:1px solid #ffcc85;border-radius:12px;box-shadow:0 18px 42px #000c;max-height:430px;overflow-y:auto}
.rmm-fortnight-week .rmm-fortnight-day:nth-last-child(-n+3) .rmm-fortnight-list{left:auto;right:0}
.rmm-fortnight-list h3{font-size:15px;color:#ffdda2;margin-bottom:12px}
.rmm-fortnight-event{display:flex;align-items:center;gap:10px;border-top:1px solid #ffe0b635;padding:11px 0;font-size:13px}
.rmm-fortnight-event>div:last-child{display:flex;flex-direction:column;min-width:0}
.rmm-fortnight-event strong{display:block;color:#fff;font-size:13px;overflow-wrap:anywhere}
.rmm-fortnight-event small{color:#f5daaf}
.rmm-fortnight-time{font-size:11px;color:#ffc172;display:block;margin-bottom:2px}
.rmm-fortnight-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:10px;overflow:hidden;background:#142036}
.rmm-fortnight-avatar img,.rmm-fortnight-avatar .image-placeholder{height:100%;width:100%;object-fit:cover;min-height:0;font-size:23px}
.rmm-fortnight-auto{display:block}
.rmm-fortnight-bottom{margin:20px 0 0;font-size:13px}
.rmm-fortnight-bottom a{text-decoration:underline;color:#ffe1af}
@media(max-width:1350px){.home-layout{grid-template-columns:minmax(225px,34%) minmax(300px,1fr);gap:var(--rmm-column-gap,18px)}.home-layout>.column-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.home-layout>.column-center{grid-column:2;grid-row:1}}
@media(max-width:1080px){.rmm-fortnight-weeks{grid-template-columns:1fr}.rmm-fortnight-list{width:min(440px,87vw)}}
@media(max-width:720px){.site-width{width:calc(100% - 24px)}.home-layout{display:flex;flex-direction:column}.home-layout>.column-center{order:0;display:flex;flex-direction:column;width:100%}.home-layout>.column-left{order:1;display:flex;flex-direction:column;width:100%}.home-layout>.column-right{order:2;display:flex;flex-direction:column;width:100%}.rmm-layout-inputs{grid-template-columns:1fr}.rmm-fortnight{padding:15px 10px}.rmm-fortnight-week{gap:3px}.rmm-fortnight-day>summary{padding:7px 0;font-size:10px}.rmm-fortnight-day>summary small{font-size:8px}.rmm-fortnight-list{position:fixed;left:4vw!important;right:4vw!important;top:20vh;width:92vw;max-height:60vh;z-index:98;box-shadow:0 0 0 400vh rgba(0,0,0,.45),0 12px 22px #000a}}

/* V4.0 – Teamliste, klickbarer Sendeplan, Kartenbewegung – Hintergrund unverändert */
.rmm-calendar-day{border:1px solid rgba(255,189,84,.38);border-radius:12px;margin:9px 0;background:rgba(3,11,25,.30)}
.rmm-calendar-day>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;list-style-position:inside}
.rmm-calendar-day>summary span{font-size:12px;color:#ffe1ac}
.rmm-calendar-slots{padding:10px 14px 15px;display:grid;gap:8px}
.rmm-calendar-link,.rmm-auto-small{display:flex;align-items:center;gap:12px;padding:10px;background:rgba(3,15,30,.66);border:1px solid rgba(245,182,80,.3);border-radius:10px}
.rmm-calendar-link:hover,.rmm-calendar-link:focus-visible{background:rgba(92,52,13,.7);outline:2px solid #ffc35b}
.rmm-calendar-link span:nth-child(2),.rmm-record-heading>div{min-width:0;display:flex;flex-direction:column}
.rmm-calendar-link small,.rmm-record-heading small{font-size:12px;color:#efdfbf}
.rmm-small-photo{width:66px;height:60px;flex:0 0 auto;display:block;overflow:hidden;border-radius:8px}
.rmm-small-photo>img,.rmm-small-photo .image-placeholder{width:100%;height:100%;object-fit:cover}
.rmm-record-heading{display:flex;align-items:center;gap:10px}
.rmm-theme-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.rmm-theme-chips form{border:1px solid #e9b46a78;background:#090b1599;border-radius:12px;display:flex;gap:8px;align-items:center;padding:6px 9px}
.rmm-team-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}
.rmm-team-edit-card{border:1px solid #dca25478;border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#101421b0}
.rmm-team-edit-photo{height:150px;overflow:hidden;border-radius:10px}
.rmm-team-edit-photo img,.rmm-team-edit-photo .image-placeholder{width:100%;height:100%;object-fit:contain}
.rmm-team-edit-card .action-row{justify-content:flex-start;margin-top:auto}
.rmm-public-schedule{display:block;padding:0;overflow:hidden}
.rmm-schedule-click{display:grid;grid-template-columns:90px 110px minmax(180px,1fr) auto;gap:12px;align-items:center;padding:12px 16px;cursor:pointer;list-style:none}
.rmm-schedule-click::-webkit-details-marker{display:none}
.rmm-schedule-click .schedule-copy{display:flex;flex-direction:column;gap:5px;grid-column:auto;grid-row:auto}
.rmm-schedule-click .schedule-picture{grid-column:auto;grid-row:auto}
.rmm-schedule-heading{font-size:21px;color:#fff4d9}
.rmm-more{font-size:12px;color:#ffe0aa}
.rmm-schedule-details{padding:12px 22px 22px;background:rgba(1,10,22,.70);white-space:normal;color:#f7ead1}
.rmm-schedule-details div{margin-top:10px}
.rmm-public-schedule[open] .rmm-schedule-click{background:rgba(128,83,22,.3)}
@media(max-width:720px){.rmm-schedule-click{grid-template-columns:65px 75px 1fr;gap:9px;padding:10px}.rmm-more{grid-column:1/-1;text-align:right}.rmm-schedule-heading{font-size:16px}.rmm-calendar-day>summary{flex-wrap:wrap}}

/* Vergrößerbare Teamfotos bleiben sauber innerhalb der vorhandenen Kachel. */
.member-picture>a{display:block;width:100%;height:100%;cursor:zoom-in}.member-picture>a img{display:block;width:100%;height:100%;object-fit:cover}.member-picture>a:focus-visible{outline:3px solid #ffd08b;outline-offset:-3px}
/* Anklickbare Sendeplan-, DJ- und Team-Auswahl */
.rmm-click-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;margin:12px 0 22px}.rmm-select-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:56px;border:1px solid #68758b;border-radius:12px;background:#13223d;color:#fff;padding:10px;cursor:pointer;text-align:center;font:inherit;overflow:hidden}.rmm-select-card img{width:76px;height:76px;object-fit:cover;border-radius:9px}.rmm-select-card:hover,.rmm-select-card.selected{outline:2px solid #20cee2;background:#21436a}.rmm-theme-note{font-size:25px}.rmm-time-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}.rmm-theme-mini{width:40px;height:40px;object-fit:cover;border-radius:6px}

/* RMM: Kleine separat wählbare DJ- und Themenbilder */
.rmm-photo-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:9px}
.rmm-photo-grid .rmm-select-card{min-height:110px;padding:7px;font-size:.85rem;overflow-wrap:anywhere}
.rmm-photo-grid .rmm-select-card img,.rmm-photo-grid .rmm-dj-small{width:58px!important;height:58px!important;object-fit:cover;border-radius:10px}
.rmm-image-selection-summary{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.rmm-image-selection-summary>span{display:flex;align-items:center;gap:8px;min-width:220px}
.rmm-image-selection-summary img{width:48px;height:48px;object-fit:cover;border-radius:8px}
.rmm-image-selection-summary img[hidden]{display:none}
.rmm-topic-mini,.rmm-public-topic img,.rmm-fortnight-topic img{height:56px;width:56px;object-fit:cover;border-radius:10px}
.rmm-public-topic{display:inline-flex;align-items:center;flex:none;margin-inline:6px}
.rmm-fortnight-topic{display:flex;align-items:center;flex:none}
@media(max-width:600px){.rmm-public-topic img,.rmm-fortnight-topic img{width:42px;height:42px}}

/* kompakte anklickbare Profil- und Themenbilder auch auf kleinen Bildschirmen */
.rmm-photo-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}
.rmm-photo-grid .rmm-select-card{min-height:94px;padding:6px;font-size:.78rem}
.rmm-photo-grid .rmm-select-card img,.rmm-photo-grid .rmm-dj-small{width:48px!important;height:48px!important;object-fit:cover}
.rmm-photo-grid .rmm-select-card:focus-visible,.rmm-time-grid .rmm-select-card:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* RMM Update: Extra kompakte, anklickbare DJ- und Themenfotos und 14-Tage-Auswahl */
.rmm-photo-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px}
.rmm-photo-grid .rmm-select-card{min-height:81px;padding:5px;font-size:.74rem;line-height:1.25}
.rmm-photo-grid .rmm-select-card img,.rmm-photo-grid .rmm-dj-small{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;object-fit:cover;border-radius:7px}
.rmm-day-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.rmm-day-grid .rmm-day-choice{min-height:43px;padding:7px 4px;font-size:.85rem}
.rmm-day-grid .rmm-day-choice:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* Radio Mixed Media: Teamkategorien mit Bildern und Mehrfachauswahl */
.rmm-team-category-choices{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.rmm-team-category-choice{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #7776;border-radius:12px;cursor:pointer;background:#ffffff0a;min-height:52px}.rmm-team-category-choice:has(input:checked){outline:2px solid #ffa200;background:#ffa2001a}.rmm-team-category-choice input{accent-color:#ffa200;width:19px;height:19px}.rmm-team-category-choice img,.rmm-team-category-badge img{width:34px;height:34px;object-fit:cover;border-radius:8px}.rmm-team-badges{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.rmm-team-category-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #8885;border-radius:999px;background:#ffffff13;font-size:.85em}.rmm-category-edit{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #8884;padding:10px;border-radius:12px}.rmm-category-edit input[type=file]{max-width:220px}.rmm-inline-category-form{margin:12px 0}.rmm-inline-category-form .rmm-team-category-choices{margin:6px 0}

/* Verwaltung: eigene Kacheln übersichtlich mit Bildvorschau und Spaltenwahl */
.rmm-tile-editor-info{display:flex;align-items:center;gap:12px;min-width:0}
.rmm-tile-editor-thumb{display:block;width:72px;height:72px;object-fit:contain;background:rgba(0,0,0,.18);border-radius:10px;flex:0 0 auto}
.rmm-tile-editor-row{gap:12px;flex-wrap:wrap}
.rmm-tile-column-form{display:flex;align-items:end;gap:7px;flex-wrap:wrap}
.rmm-tile-column-form label{font-size:12px}
.rmm-tile-column-form select{display:block;max-width:120px;padding:7px;border-radius:7px}

/* Team-Bereich: zentrale Übersicht sämtlicher Kacheln */
.rmm-all-tiles-group{margin-top:17px;padding:13px;border:1px solid rgba(244,189,105,.35);border-radius:12px;background:rgba(12,18,29,.45)}
.rmm-all-tiles-group>h3{font-size:18px;margin:0 0 12px;color:#ffe3b1}
.rmm-all-tiles-list{display:grid;gap:9px}
.rmm-all-tile-item{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:10px}
.rmm-all-tile-desc{display:flex;align-items:center;flex:1 1 230px;min-width:0;gap:10px;flex-wrap:wrap}
.rmm-all-tile-desc strong{font-size:14px}.rmm-all-tile-desc small{color:#d7d7dc;display:block;width:100%}
.rmm-all-tile-thumb{width:55px;height:55px;object-fit:contain;border-radius:8px}
.rmm-all-tile-move{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rmm-all-tile-move select{width:auto;min-width:90px;padding:8px;background:#10213a;color:#fff;border:1px solid #afbcce;border-radius:7px}
@media(max-width:720px){.rmm-all-tile-item{align-items:stretch}.rmm-all-tile-move{width:100%}}

/* Drag & Drop: einfache Kachelverwaltung */
.rmm-all-tiles .rmm-drag-column{min-height:95px;padding:12px;border:2px dashed rgba(255,190,104,.42);border-radius:14px;display:flex;flex-direction:column;gap:9px}
.rmm-all-tiles .rmm-drop-active{border-color:#ffc15c;background:rgba(255,192,92,.12)}
.rmm-all-tiles .rmm-draggable{cursor:grab;touch-action:pan-y;align-items:center;gap:12px}
.rmm-all-tiles .rmm-draggable:active{cursor:grabbing}
.rmm-all-tiles .rmm-being-dragged{opacity:.55;outline:2px dashed #ffd286}
.rmm-all-tiles .rmm-drag-handle{font-size:30px;line-height:1;color:#ffcc79;user-select:none;flex:none}
.rmm-drag-save-form{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px;padding:14px;background:rgba(12,16,29,.95);border:1px solid #f0bb6d;border-radius:12px}
.rmm-drag-save-form button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.rmm-all-tiles .rmm-drag-column{min-height:95px}.rmm-drag-save-form{position:static}}


/* Radio Mixed Media – groesseres DJ-Bild NUR fuer die aktuelle Sendung
   (Startseite / Kachel "Jetzt auf Sendung"). */
body.page-home .current-panel .dj-card-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}
body.page-home .current-panel .dj-card-layout .portrait {
    width: 100%;
    min-width: 0;
    height: clamp(220px, 25vw, 330px);
    margin: 0 auto;
    overflow: hidden;
}
body.page-home .current-panel .dj-card-layout .portrait img,
body.page-home .current-panel .dj-card-layout .portrait .image-placeholder {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
body.page-home .current-panel .dj-card-layout .dj-facts {
    width: 100%;
}
@media (max-width: 720px) {
    body.page-home .current-panel .dj-card-layout .portrait {
        height: 280px;
        max-width: 340px;
    }
}

/* Startseite: Aktuelles DJ-Foto ohne eigenen Kachelrahmen oder Hintergrund. */
body.page-home .current-panel .dj-card-layout .portrait {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
}
body.page-home .current-panel .dj-card-layout .portrait img,
body.page-home .current-panel .dj-card-layout .portrait .image-placeholder {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}