:root { --primary: #b57cff; --bg: #070a1c; --card: #0f1538; --text: #e0e0e0; --tiktok: #ff0050; }
        * { margin:0; padding:0; box-sizing:border-box; }
        html { height: 100%; -webkit-text-size-adjust: 100%; }
        body { background: var(--bg); color: var(--text); font-family: 'Segoe UI', sans-serif; line-height: 1.5; overflow-x: hidden; min-height: 100%; overscroll-behavior-y: contain; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; }
        a, button { -webkit-tap-highlight-color: transparent; }



        .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
        #genre-filter-row{display:none!important;}
        
        .section-title { color: var(--primary); border-bottom: 1px solid #1d2455; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; }


        .card { background: var(--card); border-radius: 15px; border: 1px solid #1d2455; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 5px 20px rgba(0,0,0,0.5); transition: 0.3s; }
        .card-body { padding: 20px; flex: 1; }
        .card-description { font-size: 0.9rem; color: #aaa; margin-bottom: 15px; line-height: 1.5; white-space: pre-line; }
        
        .card-np { background: #060919; padding: 12px; border-radius: 8px; border-left: 4px solid var(--primary); margin: 20px 0; display: flex; align-items: center; gap: 15px; }
        .card-np img { width: 55px; height: 55px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
        .live-badge { display: inline-block; background: #ff0050; color: #fff; font-size: 0.6rem; font-weight: bold; padding: 2px 6px; border-radius: 4px; margin-right: 5px; text-transform: uppercase; animation: pulse 2s infinite; }
        
        .marquee-wrapper { width: 100%; overflow: hidden; white-space: nowrap; position: relative; }
        .marquee-inner { display: inline-block; white-space: nowrap; }

        .full-artist { color: var(--primary); font-size: 1.8rem; font-weight: 900; line-height: 1.1; text-transform: uppercase; margin-bottom: 5px; }
        .full-title { font-size: 1.4rem; color: #fff; font-weight: 300; opacity: 0.9; }

        .day-select { background: #151b42; color: #fff; border: 1px solid #2b3370; padding: 12px; border-radius: 8px; width: 100%; margin-bottom: 15px; font-weight: bold; cursor: pointer; }

        .schedule-table { width: 100%; border-collapse: collapse; }
        .schedule-table td { padding: 14px 5px; font-size: 0.85rem; border-bottom: 1px solid #1d2455; vertical-align: top; }
        .s-icon { width: 30px; color: var(--primary); text-align: center; padding-top: 16px !important; }
        .s-time { color: var(--primary); font-weight: bold; width: 90px; font-family: monospace; white-space: nowrap; padding-top: 16px !important; }
        .s-fav { width: 40px; text-align: center; padding-top: 10px !important; }
        .show-fav-btn { background: #151b42; border: 1px solid #2b3370; color: #666; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: 0.2s; font-size: 0.85rem; }
        .show-fav-btn:hover { border-color: var(--primary); color: var(--primary); }
        .show-fav-btn.active { background: var(--primary); border-color: var(--primary); color:#fff; }

        .hist-item { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 0.85rem; border-bottom: 1px solid #151b42; padding-bottom: 8px; }
        .hist-item img { width: 45px; height: 45px; border-radius: 5px; object-fit: cover; flex-shrink: 0; }
        .hist-text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .hist-time { font-size: 0.7rem; color: #777; margin-top: 3px; }

        .search-input { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid #2b3370; background: #151b42; color: #fff; margin-bottom: 15px; font-family: inherit; font-size: 0.9rem; }
        .search-input:focus { outline: none; border-color: var(--primary); }
        .pagination-container { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #1d2455; }

        .btn-group { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 20px; background: #0a0e26; border-top: 1px solid #151b42; }
        .btn-play { grid-column: 1 / -1; background: var(--primary); color:#fff; border: none; padding: 16px; border-radius: 8px; font-weight: 900; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; }
        .btn-sec { background: #1d2455; color: #fff; border: 1px solid #2b3370; padding: 12px; border-radius: 8px; font-size: 0.75rem; text-decoration: none; text-align: center; cursor: pointer; text-transform: uppercase; font-weight: bold; display: flex; justify-content: center; align-items: center; transition: 0.2s; }
        .btn-sec:hover:not(:disabled) { background: #2b3370; border-color: var(--primary); }
        .btn-sec:disabled { opacity: 0.4; cursor: not-allowed; }
        
        .tiktok-btn { background: #000; color: #fff; border: 1px solid #2b3370; padding: 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; text-decoration: none; font-size: 0.8rem; font-weight: bold; margin-bottom: 10px; transition: 0.2s; border-left: 4px solid var(--tiktok); word-break: break-all; }
        .tiktok-btn:hover { background: #0d1232; transform: translateX(5px); }
        .site-btn { background: #000; color: #fff; border: 1px solid #2b3370; padding: 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; text-decoration: none; font-size: 0.8rem; font-weight: bold; margin-bottom: 10px; transition: 0.2s; border-left: 4px solid var(--primary); word-break: break-all; }
        .site-btn:hover { background: #0d1232; transform: translateX(5px); }

        /* === Plattform-Links (Apple Music / TuneIn / radio.de / phonostar) === */
        .platform-icons { display: flex; gap: 8px; margin: 12px 0 4px; flex-wrap: wrap; }
        .platform-icon-btn { width: 32px; height: 32px; border-radius: 50%; background: #151b42; border: 1px solid #2b3370; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.2s; flex-shrink: 0; }
        .platform-icon-btn:hover { transform: translateY(-2px); background: #1d2455; border-color: #444; }

        /* Echte Anbieter-Logos: weißer Chip als Hintergrund, damit jedes Logo unabhängig
           von seiner eigenen Farbgebung auf dem dunklen Design gut lesbar bleibt. */
        .platform-logo-img { max-width: 18px; max-height: 18px; object-fit: contain; background: #fff; border-radius: 4px; padding: 3px; display: block; }
        .platform-btn .platform-logo-img { max-width: 16px; max-height: 14px; padding: 2px; }

        .platform-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0; }
        .platform-btn { display: flex; align-items: center; gap: 7px; background: #151b42; border: 1px solid #2b3370; padding: 9px 14px; border-radius: 20px; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; color: #ccc; transition: 0.2s; }
        .platform-btn:hover { transform: translateY(-2px); background: #1d2455; border-color: var(--primary); }

        /* === Podcast-Kachel (AnMaCha - Der Podcast) === */
        .podcast-card { border: 1px solid #3a2a5c; background: linear-gradient(160deg, #1a1230 0%, #0d1232 60%); }
        .podcast-badge { display:inline-flex; align-items:center; gap:6px; background:#8b5cf6; color:#fff; font-size:0.65rem; font-weight:900; text-transform:uppercase; letter-spacing:1px; padding:4px 10px; border-radius:20px; }

        /* === Podcast: Vollbild-Ansicht (Hero + Folgenliste) === */
        .podcast-hero { border: 1px solid #3a2a5c; background: linear-gradient(160deg, #1a1230 0%, #0d1232 60%); text-align:center; }
        .podcast-hero-img { width:160px; height:160px; border-radius:16px; object-fit:cover; display:block; margin:0 auto 18px; border:1px solid #3a2a5c; }
        .podcast-hero-title { color:#fff; font-size:1.3rem; margin:0 0 12px; }
        .podcast-hero-desc { color:#aaa; font-size:0.85rem; line-height:1.6; text-align:left; margin:0 0 8px; white-space:pre-line; }
        .podcast-ep-item { display:flex; align-items:center; gap:12px; padding:12px 6px; border-bottom:1px solid #1d2455; }
        .podcast-ep-item:last-child { border-bottom:none; }
        .podcast-ep-item.playing { background:rgba(139,92,246,0.08); border-radius:8px; }
        .podcast-ep-item img { width:52px; height:52px; border-radius:8px; object-fit:cover; flex-shrink:0; border:1px solid #2b3370; }
        .podcast-ep-text { flex:1; min-width:0; }
        .podcast-ep-text b { display:block; font-size:0.88rem; color:#eee; line-height:1.3; }
        .podcast-ep-date { font-size:0.68rem; color:#8b5cf6; text-transform:uppercase; font-weight:700; margin-top:3px; }
        .podcast-ep-desc { font-size:0.75rem; color:#888; margin-top:5px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
        .podcast-ep-play { width:38px; height:38px; border-radius:50%; background:#1d2455; border:1px solid #2b3370; color:var(--primary); flex-shrink:0; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:0.2s; }
        .podcast-ep-play:hover { background:var(--primary); color:#fff; border-color:var(--primary); }

        /* === Hilfeseite === */
        .help-item { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid #1d2455; }
        .help-item:last-child { border-bottom:none; }
        .help-item-icon { width:38px; height:38px; border-radius:10px; background:#151b42; border:1px solid #2b3370; color:var(--primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:1rem; }
        .help-item-text { min-width:0; }
        .help-item-text b { display:block; color:#fff; font-size:0.95rem; margin-bottom:4px; }
        .help-item-text p { font-size:0.85rem; color:#aaa; line-height:1.6; margin:0; }
        .help-item-text ul { margin:8px 0 0 18px; padding:0; font-size:0.85rem; color:#aaa; line-height:1.6; }
        .help-item-text li { margin-bottom:6px; }
        .help-item-text li b { display:inline; color:#ddd; }

        /* === Entdecken: Genre-Filter & Zufalls-Button === */
        .genre-filter-row { display:flex; flex-wrap:wrap; gap:8px; margin: -8px 0 20px; } #genre-filter-row{display:none!important}
        .genre-chip { background:#101638; border:1px solid #2b3370; color:#aaa; font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:7px 14px; border-radius:20px; cursor:pointer; transition:0.2s; }
        .genre-chip:hover { border-color:var(--primary); color:#fff; }
        .genre-chip.active { background:var(--primary); border-color:var(--primary); color:#fff; }
        .random-btn { background:#101638; border:1px solid #2b3370; color:var(--primary); font-size:0.72rem; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; padding:8px 14px; border-radius:20px; cursor:pointer; transition:0.2s; display:inline-flex; align-items:center; gap:6px; }
        .random-btn:hover { background:var(--primary); color:#fff; }
        .random-btn.active { background:var(--primary); color:#fff; }

        /* === Song-Datenbank: Verlauf/Charts-Tabs === */
        .archive-tabs { display:flex; gap:8px; margin-bottom:14px; }
        .archive-tab-btn { flex:1; background:#101638; border:1px solid #2b3370; color:#999; font-size:0.75rem; font-weight:800; text-transform:uppercase; padding:9px; border-radius:8px; cursor:pointer; transition:0.2s; }
        .archive-tab-btn.active { background:var(--primary); color:#fff; border-color:var(--primary); }
        .chart-range-row { display:flex; gap:8px; margin-bottom:14px; }
        .chart-range-btn { background:#101638; border:1px solid #2b3370; color:#999; font-size:0.68rem; font-weight:700; padding:6px 12px; border-radius:16px; cursor:pointer; transition:0.2s; }
        .chart-range-btn.active { background:#1d2455; color:var(--primary); border-color:var(--primary); }
        .chart-rank { width:26px; flex-shrink:0; text-align:center; font-weight:900; font-size:1rem; color:#555; }

        /* === Einbetten (iframe-Widget) & QR-Code === */
        .embed-box { background:#151b42; border:1px solid #2b3370; border-radius:10px; padding:10px 12px; margin-top:10px; }
        .embed-box textarea { width:100%; background:#0d1232; color:#999; border:1px solid #2b3370; border-radius:6px; font-family:monospace; font-size:0.7rem; padding:8px; resize:none; box-sizing:border-box; }
        .qr-popover-img { background:#fff; padding:8px; border-radius:8px; display:block; margin:10px auto 0; }

        /* === Voting-Tool (iframe von statistik/voting.html) === */
        .voting-box iframe { display:block; width:100%; max-width:560px; aspect-ratio:560/480; height:auto; border:none; margin:12px auto 0; border-radius:10px; }

        /* === Studiomail-Kontaktformular (iframe von statistik/studiomail) === */
        .studiomail-box iframe { display:block; width:100%; max-width:480px; height:650px; border:none; margin:12px auto 0; border-radius:10px; }
        #network-voting-wrapper { display:flex; justify-content:center; width:100%; margin-top:40px; padding-top:40px; border-top:1px solid #1d2455; }
        .network-voting-card { width:100%; max-width:600px; border:2px solid var(--primary) !important; box-shadow:0 0 30px rgba(168,85,247,0.2) !important; text-align:center; }
        .network-voting-card .card-body { padding:22px; }
        .network-voting-card iframe { display:block; width:100%; max-width:560px; aspect-ratio:560/480; height:auto; border:none; margin:14px auto 0; border-radius:10px; }

        /* === Direkt-Stream (rohe Stream-URL: kopieren / .m3u) === */
        .stream-url-box { display: flex; align-items: center; gap: 8px; background: #151b42; border: 1px solid #2b3370; border-radius: 10px; padding: 6px 6px 6px 12px; }
        .stream-url-box input { flex: 1; min-width: 0; background: transparent; border: none; color: #999; font-size: 0.75rem; font-family: monospace; outline: none; text-overflow: ellipsis; }
        .stream-url-btn { width: 34px; height: 34px; border-radius: 8px; background: #1d2455; border: 1px solid #2b3370; color: #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0.85rem; flex-shrink: 0; transition: 0.2s; }
        .stream-url-btn:hover { background: var(--primary); border-color: var(--primary); color:#fff; }
        @media (max-width: 600px) { .stream-url-box input { font-size: 0.68rem; } }

        /* === AnMaCha Fanshop Banner === */

        /* === Favoriten === */
        .fav-btn { position: absolute; top: -6px; right: -6px; width: 26px; height: 26px; border-radius: 50%; background: #0d1232; border: 1px solid #2b3370; color: #555; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0.8rem; transition: 0.2s; z-index: 2; }
        .fav-btn:hover { border-color: var(--primary); color: var(--primary); transform: scale(1.1); }
        .fav-btn.active { background: var(--primary); border-color: var(--primary); color:#fff; }
        .fav-btn.active i { font-weight: 900; }
        .full-fav-btn { width: 40px; height: 40px; border-radius: 50%; background: #151b42; border: 1px solid #2b3370; color: #777; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1rem; transition: 0.2s; flex-shrink: 0; }
        .full-fav-btn:hover { border-color: var(--primary); color: var(--primary); }
        .full-fav-btn.active { background: var(--primary); border-color: var(--primary); color:#fff; }
        #favorites-section { display: none; }
        .fav-chip-row { display: flex; flex-wrap: wrap; gap: 12px; }
        .fav-chip { display: flex; align-items: center; gap: 10px; background: var(--card); border: 1px solid #1d2455; border-radius: 12px; padding: 8px 10px; width: 220px; }
        .fav-chip img { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
        .fav-chip-name { flex: 1; min-width: 0; font-size: 0.82rem; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .fav-chip-btns { display: flex; gap: 4px; flex-shrink: 0; }
        .fav-chip-btns button { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #2b3370; background: #151b42; color: #ccc; cursor: pointer; font-size: 0.7rem; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
        .fav-chip-btns button:hover { border-color: var(--primary); color: var(--primary); }
        .fav-chip-btns button.fav-chip-unfav { color: var(--primary); }

        /* === Master-Player Erweiterungen: Lautstärke, Sleep-Timer, Teilen === */
        .mp-extra-btn { background: none; border: none; color: #999; cursor: pointer; font-size: 1.05rem; padding: 6px; position: relative; transition: 0.2s; flex-shrink: 0; }
        .mp-extra-btn[hidden] { display: none; }
        .mp-extra-btn:hover { color: var(--primary); }
        .mp-extra-btn.active { color: var(--primary); }
        .volume-wrap { position: relative; flex-shrink: 0; }
        .volume-popover, .sleep-menu, .share-toast { display: none; position: absolute; bottom: 60px; left: auto; right: 0; background: #0f1538; border: 1px solid #2b3370; border-radius: 10px; padding: 10px 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.6); z-index: 2600; }
        .volume-popover.open { display: flex; align-items: center; gap: 10px; }
        .volume-popover { right: -8px; }
        .volume-popover input[type="range"] { -webkit-appearance: none; appearance: none; width: 120px; height: 4px; border-radius: 4px; background: #2b3370; outline: none; cursor: pointer; }
        .volume-popover input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); cursor: pointer; }
        .volume-popover input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--primary); border: none; cursor: pointer; }
        .sleep-menu { left: auto; right: 0; transform: none; min-width: 150px; padding: 8px; }
        .sleep-menu.open { display: block; }
        .sleep-menu button { display: block; width: 100%; text-align: left; background: none; border: none; color: #ccc; padding: 8px 10px; border-radius: 6px; cursor: pointer; font-size: 0.8rem; }
        .sleep-menu button:hover { background: #1d2455; color: var(--primary); }
        .sleep-menu button.active-option { color: var(--primary); font-weight: bold; }
        .share-toast { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 0.75rem; color: #ccc; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
        .share-toast.show { display: flex; opacity: 1; }

        /* === SHOW ME YOUR VOICE Promo (nur RicoReWi) === */
        .smyv-promo { background: linear-gradient(135deg, #2a0f1c 0%, #0a0e26 100%); border: 2px solid #D2527F; border-radius: 16px; padding: 18px 20px; margin-bottom: 20px; }
        .smyv-promo-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
        .smyv-promo-head i { color: #D2527F; font-size: 1.3rem; }
        .smyv-promo-title { font-size: 1rem; font-weight: 900; letter-spacing: 1px; color: #ff7fac; text-transform: uppercase; }
        .smyv-promo-desc { font-size: 0.85rem; color: #ccc; line-height: 1.5; margin-bottom: 12px; }
        .smyv-promo-next { display: inline-flex; align-items: center; gap: 6px; background: rgba(210,82,127,0.12); border: 1px solid rgba(210,82,127,0.35); color: #ff7fac; font-size: 0.72rem; font-weight: bold; padding: 5px 10px; border-radius: 20px; margin-bottom: 14px; }
        .smyv-promo-actions { display: flex; gap: 10px; flex-wrap: wrap; }
        .smyv-btn { display: flex; align-items: center; gap: 7px; padding: 10px 16px; border-radius: 8px; font-size: 0.75rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; transition: 0.2s; }
        .smyv-btn-primary { background: #D2527F; color: #fff; }
        .smyv-btn-primary:hover { background: #e86694; }
        .smyv-btn-sec { background: #1e1e1e; color: #ccc; border: 1px solid #2b3370; }
        .smyv-btn-sec:hover { background: #252c66; border-color: #D2527F; color: #ff7fac; }
        #show-ricorewi.smyv-live { color: #ff7fac !important; }

        
        .box { background: #0d1232; padding: 20px; border-radius: 15px; border: 1px solid #252c66; margin-bottom: 25px; }
        
        footer { text-align: center; padding: 20px 20px 100px 20px; font-size: 0.85rem; color: #666; border-top: 1px solid #151b42; background: #060919; }
        footer a { color: var(--primary); text-decoration: none; margin: 0 10px; font-weight: bold; display: inline-block; margin-bottom: 5px; }
        .legal-notice { max-width: 800px; margin: 15px auto; line-height: 1.6; color: #555; font-size: 0.75rem; }

        @keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } }


        /* === Empfehlungen Slider === */
        .rec-section { margin-bottom: 40px; }

        .rec-slider-wrap { position: relative; overflow: hidden; border-radius: 14px; }
        .rec-slider-track {
            display: flex;
            transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: transform;
        }
        .rec-card {
            min-width: 100%;
            background: linear-gradient(135deg, #0f1538 0%, #0a0e26 100%);
            border: 1px solid #252c66;
            border-radius: 14px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            position: relative;
            box-sizing: border-box;
        }
        .rec-card-accent  { border-left: 4px solid var(--primary); }
        .rec-card-purple  { border-left: 4px solid #7c5cfc; }
        .rec-card-teal    { border-left: 4px solid #00c9a7; }
        .rec-card-orange  { border-left: 4px solid #ff6b35; }

        /* Badge: im normalen Flow als Header-Zeile */
        .rec-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 0; gap: 8px; }
        .rec-badge {
            display: inline-flex; align-items: center; gap: 5px;
            font-size: 0.58rem; font-weight: 900; text-transform: uppercase;
            letter-spacing: 1px; padding: 3px 9px; border-radius: 20px;
            background: rgba(168,85,247,0.12); color: var(--primary);
            border: 1px solid rgba(168,85,247,0.25); white-space: nowrap; flex-shrink: 0;
        }
        .rec-badge.purple { background:rgba(124,92,252,0.12); color:#a78bfa; border-color:rgba(124,92,252,0.25); }
        .rec-badge.teal   { background:rgba(0,201,167,0.12);  color:#00c9a7; border-color:rgba(0,201,167,0.25); }
        .rec-badge.orange { background:rgba(255,107,53,0.12); color:#ff6b35; border-color:rgba(255,107,53,0.25); }

        .rec-inner { display: flex; align-items: center; gap: 14px; padding: 10px 14px 8px; flex: 1; }
        .rec-img { width: 66px; height: 66px; border-radius: 10px; object-fit: cover; flex-shrink: 0; border: 1px solid #2b3370; }
        .rec-meta { flex: 1; min-width: 0; }
        .rec-label { font-size: 0.6rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 2px; }
        .rec-name  { font-size: 1rem; font-weight: 900; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; }

        /* Beschreibung als Dropdown */
        .rec-desc-wrap { margin-bottom: 5px; }
        .rec-desc-toggle { display: flex; align-items: center; gap: 5px; background: none; border: none; color: #555; font-size: 0.68rem; cursor: pointer; padding: 0; font-family: inherit; transition: color 0.2s; }
        .rec-desc-toggle:hover { color: #999; }
        .rec-desc-toggle i { font-size: 0.6rem; transition: transform 0.25s; }
        .rec-desc-toggle.open i { transform: rotate(180deg); }
        .rec-desc-body { font-size: 0.71rem; color: #777; line-height: 1.5; max-height: 0; overflow: hidden; transition: max-height 0.35s ease, opacity 0.3s ease; opacity: 0; margin-top: 0; }
        .rec-desc-body.open { max-height: 200px; opacity: 1; margin-top: 5px; }

        /* Show-Laufschrift */
        .rec-show-inline { display: flex; align-items: center; gap: 7px; background: rgba(124,92,252,0.07); border: 1px solid rgba(124,92,252,0.18); border-radius: 7px; padding: 5px 9px; margin-top: 4px; overflow: hidden; }
        .rec-show-inline i.fa-calendar-alt { color: #a78bfa; font-size: 0.65rem; flex-shrink:0; }
        .rec-show-marquee-wrap { flex:1; min-width:0; overflow:hidden; position:relative; }
        .rec-show-marquee { display: inline-block; white-space: nowrap; font-size: 0.7rem; color: #bbb; }
        .rec-show-inline-time { font-size: 0.66rem; color: #a78bfa; font-weight: bold; flex-shrink:0; white-space: nowrap; margin-left: 6px; }

        .rec-footer { padding: 0 14px 12px; display: flex; gap: 8px; }
        .rec-btn { flex: 1; padding: 10px; border-radius: 8px; border: none; font-size: 0.75rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: 0.2s; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 5px; }
        .rec-btn-primary { background: var(--primary); color:#fff; }
        .rec-btn-primary:hover { background: #c9a0ff; }
        .rec-btn-sec { background: #1e1e1e; color: #ccc; border: 1px solid #2b3370; }
        .rec-btn-sec:hover { background: #252c66; }

        /* Dots */
        .rec-dots { display: flex; justify-content: center; gap: 7px; margin-top: 12px; }
        .rec-dot { width: 7px; height: 7px; border-radius: 50%; background: #2b3370; border: none; cursor: pointer; padding: 0; transition: 0.3s; }
        .rec-dot.active { background: var(--primary); width: 22px; border-radius: 4px; }

        .rec-skeleton { animation: skeletonPulse 1.5s ease-in-out infinite; background: #151b42; border-radius: 8px; }
        @keyframes skeletonPulse { 0%,100%{opacity:0.4} 50%{opacity:0.8} }
        @keyframes recMarquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

        /* =====================================================================
           RICOREWI RADIOPORTAL – REBRANDING 2026
           Dunkles Navy/Violett-Design, Neon-Akzente (Violett · Cyan · Magenta),
           AnMaCha-Orange bleibt als Markenfarbe erkennbar.
           Die Funktionslogik (JS) ist unverändert – nur Oberfläche.
           ===================================================================== */
        :root {
            --bg:#070a1c; --bg2:#0a0e26; --card:#0f1538; --card2:#141b45;
            --line:rgba(150,130,255,.18); --text:#e8eaff; --muted:#9aa3d6;
            --primary:#b57cff; --violet:#7c3aed; --magenta:#d946ef; --cyan:#22d3ee; --orange:#ff7a1a; --pink:#ff3ea5;
            --grad:linear-gradient(135deg,#7c3aed 0%,#c026d3 100%);
            --nav-h:64px; --player-h:78px;
        }
        body { background: radial-gradient(1100px 600px at 85% -10%, rgba(124,58,237,.26), transparent 60%), radial-gradient(900px 520px at -10% 8%, rgba(34,211,238,.10), transparent 55%), var(--bg); background-attachment: fixed; color: var(--text); font-family: 'Inter','Segoe UI',system-ui,-apple-system,sans-serif; }
        h1,h2,h3,h4 { letter-spacing: .2px; }
        ::selection { background: rgba(168,85,247,.45); }
        ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { background: #2b3370; border-radius: 8px; } ::-webkit-scrollbar-track { background: transparent; }

        /* ---------- Header ---------- */
        #main-header { position: sticky; top: 0; z-index: 1500; display: flex; align-items: center; justify-content: flex-start; gap: 16px; flex-wrap: nowrap; padding: 10px 22px; padding-top: calc(10px + env(safe-area-inset-top)); background: rgba(7,10,28,.84); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); text-align: left; cursor: default; }
        .brand { display: flex; align-items: center; flex-shrink: 0; text-decoration: none; }
        .brand img { height: 36px; width: auto; display: block; }
        .top-nav { display: flex; align-items: center; gap: 2px; margin-left: 10px; flex: 1; min-width: 0; }
        .top-nav a { display: flex; align-items: center; gap: 7px; padding: 10px 11px; border-radius: 10px; color: var(--muted); font-size: .84rem; font-weight: 700; text-decoration: none; white-space: nowrap; cursor: pointer; transition: .2s; border-bottom: 2px solid transparent; }
        .top-nav a:hover { color: #fff; background: rgba(168,85,247,.10); }
        .top-nav a.active { color: #fff; border-bottom-color: var(--primary); }
        .top-nav a i { color: var(--primary); font-size: .85rem; }
        .cms-nav-item{position:relative;display:flex;align-items:center}.cms-nav-item>.cms-nav-parent{display:flex;align-items:center;gap:6px}.cms-submenu{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:210px;padding:7px;background:rgba(7,10,28,.98);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.45);z-index:2600}.cms-nav-item:hover>.cms-submenu,.cms-nav-item:focus-within>.cms-submenu{display:block}.cms-submenu a{display:flex!important;width:100%;border:0!important;padding:9px 10px!important}.cms-sub-caret{font-size:.62rem!important;color:var(--muted)!important;margin-left:2px}
        .cms-content-wrap{margin:18px 0}.cms-content-block{margin:12px 0}.cms-content-block h2,.cms-content-block h3,.cms-content-block h4{margin:0 0 8px;color:#fff}.cms-content-block p,.cms-content-block .cms-text{color:var(--dim);line-height:1.75;white-space:pre-wrap}.cms-content-block blockquote{margin:0;padding:14px 18px;border-left:3px solid var(--primary);background:rgba(181,124,255,.06);border-radius:0 12px 12px 0;color:var(--dim);font-style:italic}.cms-content-image{margin:14px 0}.cms-content-image img{max-width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--line)}.cms-content-image figcaption{color:var(--muted);font-size:.75rem;margin-top:6px}.cms-content-button{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:10px;background:var(--grad);color:#fff!important;text-decoration:none;font-weight:800}.cms-custom-page{max-width:1100px;margin:0 auto}.cms-custom-head{margin-bottom:22px}.cms-custom-head h1{font-size:clamp(1.8rem,4vw,3.2rem);margin:0;color:#fff}.cms-widget-box{border:1px solid var(--line);background:rgba(10,14,37,.72);border-radius:18px;padding:16px;margin:14px 0}.cms-widget-box>h3{margin:0 0 12px}.cms-iframe{width:100%;min-height:520px;border:0;border-radius:14px;background:#070a1c}.cms-legal{max-width:960px;margin:0 auto}.cms-legal .cms-legal-body{color:var(--dim);line-height:1.75}.cms-legal .cms-legal-body h2,.cms-legal .cms-legal-body h3{color:#fff}
        .cms-sidebar-host{display:none;width:100%;min-width:0}.cms-sidebar-host.on{display:block}.cms-sidebar-card{position:sticky;top:82px}.cms-sidebar-card .cms-widget-box{margin:0 0 12px}.cms-sidebar-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.cms-sidebar-layout.sidebar-left{grid-template-columns:320px minmax(0,1fr)}.cms-sidebar-layout.sidebar-left .cms-sidebar-host{order:-1}.cms-widget-preview-page{max-width:760px;margin:20px auto}
        @media(max-width:900px){.cms-nav-item{display:none}.cms-submenu{display:none!important}.cms-sidebar-layout,.cms-sidebar-layout.sidebar-left{display:block!important}.cms-sidebar-host{margin-top:16px}.cms-sidebar-card{position:static}}
        .header-live-station { display:none; align-items:center; gap:8px; min-width:0; max-width:210px; height:38px; padding:5px 11px 5px 6px; border:1px solid rgba(34,211,238,.28); border-radius:999px; background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(181,124,255,.09)); box-shadow:0 0 0 1px rgba(181,124,255,.04) inset; flex-shrink:1; cursor:pointer; transition:.2s; }
        .header-live-station.visible { display:flex; }
        .header-live-station:hover { border-color:var(--cyan); background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(181,124,255,.14)); }
        .header-live-logo { width:28px; height:28px; flex:0 0 28px; display:block; filter:drop-shadow(0 0 8px rgba(34,211,238,.38)); }
        .header-live-copy { min-width:0; line-height:1.05; }
        .header-live-kicker { display:block; color:var(--cyan); font-size:.56rem; font-weight:900; letter-spacing:1.15px; text-transform:uppercase; margin-bottom:3px; }
        .header-live-name { display:block; max-width:145px; color:#fff; font-size:.73rem; font-weight:850; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        /* Desktop: Live-Sender sitzt im unteren Player statt im engen Header. Mobil bleibt die bestehende Player-Live-Anzeige unverändert. */
        .master-player .player-live-station { flex:0 1 210px; max-width:210px; margin-left:auto; }
        @media (max-width:900px) { .master-player .player-live-station { display:none !important; } }
        .hdr-whatsapp { height:38px; padding:0 11px; border-radius:999px; display:flex; align-items:center; gap:8px; flex:0 0 auto; color:#eefdf5; border:1px solid rgba(37,211,102,.34); background:linear-gradient(135deg,rgba(37,211,102,.11),rgba(34,211,238,.05)); text-decoration:none; transition:.2s; }
        .hdr-whatsapp i { color:#25d366; font-size:1.18rem; filter:drop-shadow(0 0 7px rgba(37,211,102,.22)); }
        .hdr-whatsapp-copy { display:flex; flex-direction:column; line-height:1.02; white-space:nowrap; }
        .hdr-whatsapp-copy b { font-size:.69rem; font-weight:850; color:#fff; }
        .hdr-whatsapp-copy small { margin-top:2px; font-size:.55rem; color:#9fe8bb; letter-spacing:.25px; }
        .hdr-whatsapp:hover { border-color:#25d366; background:rgba(37,211,102,.15); transform:translateY(-1px); }
        @media (max-width:1380px) { .hdr-whatsapp-copy { display:none; } .hdr-whatsapp { width:38px; padding:0; justify-content:center; } }
        @media (max-width:800px) { .hdr-whatsapp { width:36px; height:36px; padding:0; justify-content:center; margin-left:auto; } }
        .hdr-social { display: flex; gap: 8px; flex-shrink: 0; }
        .hdr-social a { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; border: 1px solid var(--line); background: rgba(255,255,255,.04); text-decoration: none; transition: .2s; font-size: .9rem; }
        .hdr-social a:hover { border-color: var(--primary); color: var(--primary); transform: translateY(-2px); }
        @media (max-width: 1380px) { .header-live-station { max-width:165px; } .header-live-name{max-width:100px;} }
        @media (max-width: 1240px) { .header-live-station { display:none !important; } .hdr-social a:not(:first-child) { display:none; } .top-nav a{padding:9px 8px;font-size:.78rem;gap:5px;} }
        @media (max-width: 1100px) { .hdr-social { display:none; } .top-nav a i { display:none; } .top-nav{margin-left:4px;} }
        @media (max-width: 900px) { .top-nav { display:none; } .hdr-social { margin-left:auto; } }
        @media (max-width: 800px) { #main-header { padding:8px 14px; padding-top:calc(8px + env(safe-area-inset-top)); } .brand img { height:28px; } }

        #main-container { padding: 22px; max-width: 1400px; margin: 0 auto; padding-bottom: calc(var(--player-h) + 60px + env(safe-area-inset-bottom)); min-height: 100vh; }
        @media (max-width: 800px) { #main-container { padding: 14px; padding-bottom: calc(var(--player-h) + var(--nav-h) + 40px + env(safe-area-inset-bottom)); } }

        /* ---------- Bausteine ---------- */
        .section-title { color: #fff; border-bottom: none; padding-bottom: 0; margin: 34px 0 16px; font-size: 1.15rem; text-transform: none; letter-spacing: .2px; font-weight: 800; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
        .section-title > span > i, .section-title > i { color: var(--primary); margin-right: 8px; }
        .section-sub { color: var(--muted); font-size: .82rem; font-weight: 400; margin: -10px 0 16px; }
        .card, .box { background: linear-gradient(160deg, rgba(20,27,69,.92), rgba(12,17,46,.92)); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
        .box { padding: 22px; }
        .box h4 { color: #fff !important; font-size: .95rem; letter-spacing: .3px; }
        .box h4 i { color: var(--primary); }
        .btn-play { background: var(--grad); color: #fff; border: none; border-radius: 12px; font-weight: 800; letter-spacing: .5px; box-shadow: 0 8px 22px rgba(124,58,237,.4); transition: .2s; cursor: pointer; }
        .btn-play:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(192,38,211,.5); }
        .btn-sec { background: rgba(255,255,255,.06); border: 1px solid var(--line); border-radius: 12px; color: #fff; }
        .btn-sec:hover:not(:disabled) { background: rgba(168,85,247,.16); border-color: var(--primary); }
        .live-badge { background: #ff2d6f; border-radius: 6px; letter-spacing: .5px; box-shadow: 0 0 12px rgba(255,45,111,.5); }
        .live-badge::before { content: '●'; font-size: .5rem; margin-right: 4px; vertical-align: 1px; }
        .genre-chip, .random-btn { background: rgba(255,255,255,.05); border-color: var(--line); color: var(--muted); }
        .genre-chip:hover, .random-btn:hover { background: rgba(168,85,247,.16); color: #fff; border-color: var(--primary); }
        .genre-chip.active, .random-btn.active { background: var(--grad); border-color: transparent; color: #fff; }
        .chip { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: .68rem; font-weight: 700; background: rgba(255,255,255,.06); border: 1px solid var(--line); color: #c9cff5; }

        /* ---------- Hero ---------- */
        .hero { position: relative; border-radius: 26px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(120deg, rgba(10,14,40,.95) 0%, rgba(38,16,92,.85) 55%, rgba(10,14,40,.9) 100%); display: grid; grid-template-columns: 1.25fr 1fr; gap: 28px; align-items: center; padding: 42px 44px; margin-bottom: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.45); }
        .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(500px 260px at 88% 20%, rgba(217,70,239,.35), transparent 65%), radial-gradient(420px 240px at 60% 110%, rgba(34,211,238,.22), transparent 65%); pointer-events: none; }
        .hero > * { position: relative; min-width: 0; }
        /* Partner-Hinweis (Schwestermarke): schwebt oben rechts im Hero, verschiebt nichts */
        .hero-partner{position:absolute;top:14px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(8,10,30,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none;color:#cbd2f2;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .15s,border-color .15s,background .15s}
        .hero-partner[hidden]{display:none}
        .hero-partner:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3);background:rgba(16,20,52,.75)}
        .hero-partner-label{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
        .hero-partner img{display:block;height:22px;width:auto;max-width:120px;object-fit:contain}
        @media(max-width:800px){.hero-partner{top:10px;right:10px;padding:5px 9px}.hero-partner-label{display:none}.hero-partner img{height:20px;max-width:96px}}
        .eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: .68rem; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; color: var(--orange); margin-bottom: 14px; }
        .eyebrow::before { content: ''; width: 26px; height: 2px; background: var(--orange); border-radius: 2px; }
        .hero h1 { font-size: clamp(2rem, 4.6vw, 3.4rem); line-height: 1.05; font-weight: 900; color: #fff; margin-bottom: 14px; }
        .hero h1 em { font-style: normal; background: linear-gradient(90deg, #f0abfc, #a78bfa 55%, #67e8f9); -webkit-background-clip: text; background-clip: text; color: transparent; }
        .hero p { color: #c4c9f5; font-size: 1.02rem; max-width: 460px; margin-bottom: 24px; }
        .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
        .btn-hero { display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; border-radius: 40px; border: none; background: var(--grad); color: #fff; font-size: .95rem; font-weight: 800; cursor: pointer; box-shadow: 0 10px 30px rgba(168,85,247,.5); transition: .2s; font-family: inherit; }
        .btn-hero:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(217,70,239,.6); }
        .btn-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px; border-radius: 40px; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: #fff; font-size: .9rem; font-weight: 700; cursor: pointer; transition: .2s; font-family: inherit; text-decoration: none; }
        .btn-ghost:hover { border-color: var(--primary); background: rgba(168,85,247,.15); }
        .hero-np { display: flex; align-items: center; gap: 16px; padding: 16px; border-radius: 20px; background: rgba(6,9,25,.62); border: 1px solid var(--line); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); cursor: pointer; }
        .hero-np img { width: 92px; height: 92px; border-radius: 14px; object-fit: cover; flex-shrink: 0; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 8px 24px rgba(0,0,0,.5); }
        .hero-np-text { min-width: 0; flex: 1; }
        .hero-np-label { font-size: .65rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--cyan); display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
        .hero-np-station { font-size: .78rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .hero-np-song { font-size: 1.02rem; font-weight: 800; color: #fff; margin: 2px 0 8px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        .eq { display: inline-flex; align-items: flex-end; gap: 2px; height: 14px; }
        .eq i { width: 3px; height: 4px; border-radius: 2px; background: linear-gradient(to top, var(--cyan), var(--magenta)); }
        body.is-playing .eq i { animation: eq 1s ease-in-out infinite; }
        body.is-playing .eq i:nth-child(2) { animation-delay: .2s; } body.is-playing .eq i:nth-child(3) { animation-delay: .45s; } body.is-playing .eq i:nth-child(4) { animation-delay: .1s; } body.is-playing .eq i:nth-child(5) { animation-delay: .35s; }
        @keyframes eq { 0%,100% { height: 4px; } 50% { height: 14px; } }
        .hero-play { width: 54px; height: 54px; border-radius: 50%; border: 2px solid var(--cyan); background: rgba(34,211,238,.10); color: #fff; font-size: 1.15rem; cursor: pointer; flex-shrink: 0; box-shadow: 0 0 20px rgba(34,211,238,.4); transition: .2s; }
        .hero-play:hover { background: rgba(34,211,238,.22); transform: scale(1.06); }
        @media (max-width: 800px) { .hero { grid-template-columns: 1fr; padding: 26px 20px; gap: 20px; border-radius: 22px; } .hero p { font-size: .92rem; margin-bottom: 18px; } .hero-np img { width: 70px; height: 70px; } }

        /* ---------- Sender-Karten ---------- */
        .grid { grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 18px; }
        .station-card { position: relative; transition: transform .25s, border-color .25s, box-shadow .25s; }
        .station-card:hover { transform: translateY(-4px); border-color: rgba(181,124,255,.55); box-shadow: 0 16px 40px rgba(124,58,237,.28); }
        .sc-cover { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #0a0e26; }
        .sc-cover > a { position: absolute !important; inset: 0; }
        .sc-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
        .station-card:hover .sc-cover img { transform: scale(1.05); }
        .sc-cover::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(7,10,28,.85), transparent 55%); }
        /* klein, direkt rechts neben dem kleinen AnMaCha-Zeichen oben links im Senderbild */
        .sc-cover .live-badge { position: absolute; top: 2%; left: 26%; white-space: nowrap; margin: 0; z-index: 2; font-size: .5rem; line-height: 1.3; padding: 1px 4px; border-radius: 4px; letter-spacing: .2px; box-shadow: none; }
        .station-card .fav-btn { top: 8px; right: 8px; width: 32px; height: 32px; background: rgba(7,10,28,.7); border-color: var(--line); color: #fff; z-index: 3; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
        .station-card .fav-btn.active { background: var(--grad); border-color: transparent; }
        .sc-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
        .sc-name { font-size: 1.05rem; font-weight: 800; color: #fff; text-decoration: none; line-height: 1.25; }
        .sc-name:hover { color: var(--primary); }
        .sc-tags { display: flex; flex-wrap: wrap; gap: 6px; min-height: 22px; }
        .sc-np { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 12px; background: rgba(6,9,25,.55); border: 1px solid rgba(150,130,255,.12); min-width: 0; }
        .sc-np img { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
        .sc-np > div { min-width: 0; flex: 1; }
        .sc-np small { display: block; color: var(--cyan); font-size: .62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .sc-np .nt { font-size: .84rem; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .sc-actions { display: flex; gap: 8px; margin-top: auto; }
        .sc-actions .btn-play { flex: 1; padding: 12px; font-size: .78rem; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 8px; }
        .sc-actions .btn-sec { padding: 12px 16px; font-size: .78rem; }
        .podcast-card { border-color: rgba(139,92,246,.4); }
        .podcast-badge { position: relative; z-index: 2; }
        @media (max-width: 600px) {
            .grid { grid-template-columns: 1fr; gap: 12px; }
            .station-card { flex-direction: row; }
            .sc-cover { width: 108px; height: 108px; aspect-ratio: 1 / 1; flex-shrink: 0; align-self: flex-start; margin: 12px 0 12px 12px; border-radius: 14px; }
            .sc-cover::after { background: linear-gradient(to top, rgba(7,10,28,.5), transparent 50%); border-radius: 14px; }
            .sc-body { padding: 12px; gap: 8px; min-width: 0; }
            .sc-np img { width: 34px; height: 34px; }
            .sc-actions .btn-sec { display: none; }
            .sc-actions .btn-play { padding: 10px; }
        }

        /* ---------- Empfehlungen ---------- */
        .rec-card { background: linear-gradient(135deg, rgba(20,27,69,.95), rgba(12,17,46,.95)); border-color: var(--line); border-radius: 20px; }
        .rec-btn-primary { background: var(--grad); color: #fff; }
        .rec-btn-primary:hover { background: var(--grad); filter: brightness(1.12); }
        .rec-btn-sec { background: rgba(255,255,255,.06); border-color: var(--line); color: #fff; }
        .rec-dot.active { background: var(--primary); }
        .rec-section { margin-top: 26px; margin-bottom: 8px; }

        /* ---------- Sendungen / Mitmachen ---------- */
        .show-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; text-decoration: none; color: inherit; transition: .2s; border: 1px solid transparent; }
        .show-row:hover { background: rgba(168,85,247,.10); border-color: var(--line); }
        .show-row img { width: 46px; height: 46px; border-radius: 10px; object-fit: cover; flex-shrink: 0; }
        .show-row b { display: block; color: #fff; font-size: .92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .show-row small { display: block; color: var(--muted); font-size: .74rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .show-row > div { min-width: 0; flex: 1; }
        .show-row .t { color: var(--cyan); font-size: .72rem; font-weight: 700; flex-shrink: 0; text-align: right; }
        .two-col { display: grid; grid-template-columns: 1.1fr 1fr; gap: 20px; align-items: start; }
        @media (max-width: 900px) { .two-col { grid-template-columns: 1fr; } }
        .act-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
        .act-tile, .wtile { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: linear-gradient(160deg, rgba(20,27,69,.92), rgba(12,17,46,.92)); border: 1px solid var(--line); color: #fff; text-align: left; cursor: pointer; transition: .25s; font-family: inherit; }
        .act-tile:hover, .wtile:hover { transform: translateY(-3px); border-color: var(--primary); box-shadow: 0 12px 30px rgba(124,58,237,.3); }
        .act-tile .ico, .wtile .ico { width: 46px; height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; color: #fff; }
        .act-tile b, .wtile b { display: block; font-size: .95rem; }
        .act-tile small, .wtile small { color: var(--muted); font-size: .74rem; }
        .ico.c1 { background: linear-gradient(135deg,#7c3aed,#c026d3); } .ico.c2 { background: linear-gradient(135deg,#0891b2,#22d3ee); } .ico.c3 { background: linear-gradient(135deg,#ea580c,#ff7a1a); } .ico.c4 { background: linear-gradient(135deg,#db2777,#ff3ea5); } .ico.c5 { background: linear-gradient(135deg,#059669,#34d399); }
        .wtiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
        .wtile[hidden] { display: none; }
        .network-voting-card { border: 1px solid var(--line) !important; box-shadow: 0 12px 40px rgba(124,58,237,.25) !important; max-width: none; }
        #network-voting-wrapper { border-top: none; margin-top: 0; padding-top: 0; }
        .network-voting-card iframe { max-width: 620px; }
        .voting-box iframe, .studiomail-box iframe { border-radius: 14px; }

        /* ---------- Widget-Overlay ---------- */
        .sheet-back { position: fixed; inset: 0; z-index: 3000; background: rgba(3,5,18,.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); display: none; align-items: center; justify-content: center; padding: 16px; }
        .sheet-back.open { display: flex; }
        .sheet { width: 100%; max-width: 560px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); background: linear-gradient(160deg, #141b45, #0b1030); border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.7); display: flex; flex-direction: column; overflow: hidden; animation: fadeIn .25s ease-out; }
        .sheet-head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
        .sheet-head .ico { width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; }
        .sheet-head h3 { flex: 1; font-size: 1rem; color: #fff; }
        .sheet-head h3 small { display: block; font-size: .72rem; color: var(--muted); font-weight: 500; }
        .sheet-close { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: #fff; cursor: pointer; font-size: 1rem; }
        .sheet-close:hover { border-color: var(--primary); }
        .sheet-body { flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; }
        .sheet-body iframe { display: block; width: 100%; height: min(680px, 78vh); border: none; background: transparent; }
        .sheet-list { padding: 8px; }
        .sheet-empty { padding: 30px 20px; text-align: center; color: var(--muted); font-size: .9rem; }
        @media (max-width: 600px) { .sheet-back { align-items: flex-end; padding: 0; } .sheet { max-width: none; border-radius: 22px 22px 0 0; max-height: 92vh; max-height: 92dvh; } }

        /* ---------- Vollbild (Sender-Landingpage) ---------- */
        .fv { animation: fadeIn .45s ease-out; }
        .fv-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
        .fv-back { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 30px; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: #fff; font-weight: 700; font-size: .85rem; cursor: pointer; font-family: inherit; }
        .fv-back:hover { border-color: var(--primary); }
        .fv-actions { display: flex; gap: 8px; }
        .full-fav-btn { background: rgba(255,255,255,.06); border-color: var(--line); color: #fff; }
        .full-fav-btn:hover { border-color: var(--primary); color: var(--primary); }
        .full-fav-btn.active { background: var(--grad); border-color: transparent; color: #fff; }
        .fv-hero { position: relative; border-radius: 26px; overflow: hidden; border: 1px solid var(--line); padding: 34px; display: grid; grid-template-columns: 300px 1fr; gap: 34px; align-items: center; box-shadow: 0 20px 60px rgba(0,0,0,.45); background: #0a0e26; }
        .fv-hero-bg { position: absolute; inset: -30px; background-size: cover; background-position: center; filter: blur(46px) saturate(1.5); opacity: .5; transform: scale(1.1); }
        .fv-hero::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(110deg, rgba(7,10,28,.86), rgba(38,16,92,.55) 70%, rgba(7,10,28,.7)); }
        .fv-hero > *:not(.fv-hero-bg) { position: relative; z-index: 2; }
        .fv-hero > * { min-width: 0; }
        .fv-logo { width: 100%; aspect-ratio: 1; border-radius: 22px; object-fit: cover; border: 1px solid rgba(255,255,255,.15); box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 0 40px rgba(168,85,247,.3); }
        .fv-info h1 { font-size: clamp(1.6rem, 3.6vw, 2.6rem); font-weight: 900; line-height: 1.1; color: #fff; margin: 8px 0 10px; }
        .fv-info .desc { color: #c4c9f5; font-size: .95rem; line-height: 1.6; max-width: 640px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 14px; white-space: pre-line; }
        .fv-info .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
        .fv-np { display: flex; gap: 14px; align-items: center; padding: 14px; border-radius: 18px; background: rgba(6,9,25,.62); border: 1px solid var(--line); margin: 6px 0 18px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
        .fv-np img#full-cover { width: 84px; height: 84px; border-radius: 12px; object-fit: cover; flex-shrink: 0; box-shadow: 0 8px 22px rgba(0,0,0,.5); }
        .fv-np .full-artist { font-size: 1.25rem; color: #fff; text-transform: none; font-weight: 800; }
        .fv-np .full-title { font-size: 1rem; color: #c4c9f5; font-weight: 500; }
        .fv-np .app-icon { width: 28px; height: 28px; }
        .fv-listen { display: inline-flex; align-items: center; gap: 12px; padding: 16px 34px; border-radius: 40px; border: none; background: var(--grad); color: #fff; font-size: 1rem; font-weight: 800; letter-spacing: .5px; cursor: pointer; box-shadow: 0 12px 34px rgba(168,85,247,.5); font-family: inherit; }
        .fv-listen:hover { transform: translateY(-2px); }
        .fv-section { margin-top: 30px; }
        .fv-section > h3 { font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: 14px; }
        .fv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; margin-top: 30px; align-items: start; }
        @media (max-width: 800px) { .fv-hero { grid-template-columns: 1fr; padding: 20px; gap: 20px; border-radius: 22px; } .fv-logo { max-width: 240px; margin: 0 auto; } .fv-info { text-align: center; } .fv-info .desc { margin-left: auto; margin-right: auto; } .fv-info .chips { justify-content: center; } .fv-np { text-align: left; } .fv-listen { width: 100%; justify-content: center; } }

        .schedule-table td { border-bottom-color: var(--line); }
        .s-icon, .s-time { color: var(--cyan); }
        .day-select, .search-input { background: rgba(255,255,255,.06); border-color: var(--line); color: #fff; }
        .hist-item { border-bottom-color: var(--line); }
        .show-fav-btn.active { background: var(--grad); border-color: transparent; color: #fff; }
        .smyv-promo { border-radius: 20px; }
        .full-artist { color: #fff; }

        /* ---------- Player ---------- */
        .master-player { background: rgba(9,13,38,.94); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-top: 1px solid var(--line); padding: 10px 18px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); position: fixed; bottom: 0; left: 0; right: 0; z-index: 2000; box-shadow: 0 -12px 40px rgba(0,0,0,.6); min-height: var(--player-h); display: flex; align-items: center; box-sizing: border-box; }
        .master-layout { max-width: 1400px; width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 18px; justify-content: space-between; }
        .m-info { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; cursor: pointer; overflow: hidden; }
        .m-info img { width: 56px; height: 56px; border-radius: 12px; border: 1px solid var(--line); object-fit: cover; flex-shrink: 0; }
        .m-text-container { display: flex; flex-direction: column; min-width: 0; flex: 1; justify-content: center; }
        #m-show { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; color: var(--cyan); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
        #m-title { font-weight: 700; font-size: .95rem; color: #fff; }
        .m-controls { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
        .m-ctrl { background: none; border: none; color: #fff; cursor: pointer; font-size: 1.15rem; padding: 8px; opacity: .85; transition: .2s; }
        .m-ctrl:hover { opacity: 1; color: var(--primary); }
        .player-favorites-btn { position:relative; display:flex; align-items:center; gap:7px; border:1px solid rgba(181,124,255,.24); border-radius:14px; padding:8px 11px; background:rgba(168,85,247,.08); }
        .player-favorites-btn i { color:#d8c1ff; }
        .player-fav-label { font-size:.72rem; font-weight:800; }
        .player-fav-count { position:static; min-width:18px; height:18px; padding:0 5px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; font-size:.6rem; line-height:1; background:var(--primary); color:#fff; }
        .player-fav-count:empty { display:none; }
        .m-play { width: 54px; height: 54px; border-radius: 50%; border: 2px solid var(--cyan); background: rgba(34,211,238,.10); color: #fff; cursor: pointer; font-size: 1.2rem; box-shadow: 0 0 20px rgba(34,211,238,.4); transition: .2s; }
        .m-play:hover { background: rgba(34,211,238,.22); transform: scale(1.05); }
        .mp-extra { display: flex; align-items: center; gap: 2px; flex-shrink: 0; position: relative; }
        .mp-extra-btn { color: #b3badf; }
        .m-apps { display: flex; gap: 8px; flex-shrink: 0; }
        .app-icon { width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--line); padding: 4px; background: rgba(255,255,255,.05); transition: .2s; }
        .app-icon:hover { background: rgba(168,85,247,.2); transform: scale(1.1); }
        .volume-popover, .sleep-menu, .share-toast { background: #0f1538; border-color: var(--line); }
        .sleep-menu button:hover { background: rgba(168,85,247,.16); }
        #mp-more { display: none; }

        /* ---------- Untere Navigation (Mobil) ---------- */
        .bottom-nav { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2100; height: calc(var(--nav-h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(7,10,28,.97); border-top: 1px solid var(--line); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
        .bottom-nav a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--muted); font-size: .68rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: .2s; }
        .bottom-nav a i { font-size: 1.2rem; }
        .bottom-nav a.active { color: var(--primary); }
        .bottom-nav a.active i { filter: drop-shadow(0 0 8px rgba(181,124,255,.8)); }
        @media (max-width: 900px) {
            .bottom-nav { display: flex; }
            .master-player { bottom: calc(var(--nav-h) + env(safe-area-inset-bottom)); padding: 8px 12px; padding-bottom: 8px; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
            .master-layout { gap: 10px; flex-wrap: wrap; }
            .m-info { gap: 10px; }
            .m-info img { width: 48px; height: 48px; }
            .m-controls { gap: 4px; }
            .m-play { width: 48px; height: 48px; }
            .m-ctrl { padding: 6px; }
            .player-favorites-btn { width:38px; height:38px; padding:0; border-radius:50%; justify-content:center; flex:0 0 38px; }
            .player-favorites-btn .player-fav-label { display:none; }
            .player-favorites-btn .player-fav-count { position:absolute; top:-5px; right:-5px; min-width:17px; height:17px; padding:0 4px; border:2px solid #070a1c; font-size:.55rem; }
            .bottom-nav a { min-width:0; }
            .m-apps { display: none; }
            .mp-extra { display: none; width: 100%; justify-content: space-around; padding-top: 6px; border-top: 1px solid var(--line); }
            .master-player.expanded .mp-extra { display: flex; }
            .master-player.expanded .master-layout { flex-wrap: wrap; }
            .mp-extra { order: 5; flex-basis: 100%; }
            #mp-more { display: block; }
            .volume-popover, .sleep-menu, .share-toast { bottom: 52px; }
        }
        @media (max-width: 600px) { .full-artist { font-size: 1.3rem; } .full-title { font-size: 1.05rem; } .platform-icon-btn { width: 38px; height: 38px; } .platform-btn { padding: 11px 16px; } .btn-sec { padding: 14px 12px; } }

        footer { background: rgba(4,6,20,.9); border-top: 1px solid var(--line); color: #7d86bd; padding-bottom: calc(var(--player-h) + 30px); }
        footer a { color: var(--primary); }
        @media (max-width: 900px) { footer { padding-bottom: calc(var(--player-h) + var(--nav-h) + 30px); } }
        .foot-brand img { height: 34px; margin-bottom: 10px; }

        /* ---------- Favoriten & Erinnerung ---------- */
        #favorites-section { display: block; }
        .remind-box { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; background: linear-gradient(160deg, rgba(20,27,69,.92), rgba(12,17,46,.92)); border: 1px solid var(--line); cursor: pointer; margin-bottom: 14px; transition: .2s; }
        .remind-box:hover { border-color: var(--primary); }
        .remind-box input { accent-color: var(--primary); width: 22px; height: 22px; flex-shrink: 0; cursor: pointer; order: 3; margin-left: auto; }
        .remind-box b { display: block; color: #fff; font-size: .92rem; }
        .remind-box small { display: block; color: var(--muted); font-size: .74rem; line-height: 1.4; margin-top: 2px; }
        .fav-empty { color: var(--muted); font-size: .85rem; padding: 6px 2px; }
        .fav-chip { background: linear-gradient(160deg, rgba(20,27,69,.92), rgba(12,17,46,.92)); border-color: var(--line); border-radius: 14px; }

        /* ---------- XXL-Sendeplan ---------- */
        .sp-head h2 { font-size: 1.6rem; font-weight: 900; color: #fff; margin-bottom: 6px; }
        .sp-head h2 i { color: var(--primary); margin-right: 8px; }
        .sp-head p { color: var(--muted); font-size: .9rem; margin-bottom: 18px; max-width: 720px; }
        .sp-days { display: flex; gap: 8px; flex-wrap: wrap; }
        .sp-day { position: relative; min-width: 62px; padding: 11px 16px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.05); color: var(--muted); font-weight: 800; font-size: .9rem; cursor: pointer; font-family: inherit; transition: .2s; }
        .sp-day:hover { color: #fff; border-color: var(--primary); }
        .sp-day.active { background: var(--grad); border-color: transparent; color: #fff; box-shadow: 0 8px 22px rgba(124,58,237,.4); }
        .sp-dot { position: absolute; top: 6px; right: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
        .sp-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(160deg, rgba(20,27,69,.6), rgba(12,17,46,.6)); }
        .sp-inner { position: relative; width: max-content; min-width: 100%; padding-bottom: 6px; }
        .sp-hours { display: flex; margin-left: 170px; height: 34px; align-items: center; border-bottom: 1px solid var(--line); }
        .sp-h { width: 64px; flex-shrink: 0; font-size: .7rem; font-weight: 700; color: var(--muted); padding-left: 6px; border-left: 1px solid rgba(150,130,255,.12); }
        .sp-row { display: flex; border-bottom: 1px solid rgba(150,130,255,.10); }
        .sp-row:last-of-type { border-bottom: none; }
        .sp-st { position: sticky; left: 0; z-index: 3; width: 170px; flex-shrink: 0; display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: #0d1232; border-right: 1px solid var(--line); text-decoration: none; color: #fff; font-size: .8rem; font-weight: 800; line-height: 1.2; }
        .sp-st img { width: 34px; height: 34px; border-radius: 9px; object-fit: cover; flex-shrink: 0; }
        .sp-st span { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        .sp-track { position: relative; width: 1536px; flex-shrink: 0; background: repeating-linear-gradient(to right, rgba(150,130,255,.10) 0, rgba(150,130,255,.10) 1px, transparent 1px, transparent 64px); }
        .sp-none { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #5d6699; font-size: .74rem; }
        .sp-block { position: absolute; height: 48px; padding: 5px 9px; border-radius: 11px; border: 1px solid color-mix(in srgb, var(--c) 70%, #fff 10%); background: linear-gradient(135deg, color-mix(in srgb, var(--c) 55%, #0d1232), color-mix(in srgb, var(--c) 25%, #0d1232)); color: #fff; text-align: left; cursor: pointer; overflow: hidden; font-family: inherit; transition: .15s; display: flex; flex-direction: column; justify-content: center; }
        .sp-block:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.5); z-index: 2; }
        .sp-block b { font-size: .78rem; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .sp-block small { font-size: .66rem; color: rgba(255,255,255,.75); white-space: nowrap; }
        .sp-block.live { box-shadow: 0 0 0 2px #ff2d6f, 0 0 18px rgba(255,45,111,.55); }
        .sp-now { position: absolute; top: 0; bottom: 0; width: 2px; background: #ff2d6f; z-index: 4; pointer-events: none; }
        .sp-now span { position: absolute; top: 4px; left: 4px; background: #ff2d6f; color: #fff; font-size: .62rem; font-weight: 800; padding: 1px 6px; border-radius: 6px; }
        .sp-list { display: none; }
        .sp-lh { margin: 14px 4px 6px; font-size: .78rem; font-weight: 800; color: var(--cyan); letter-spacing: 1px; }
        .sp-li { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin-bottom: 8px; border-radius: 14px; border: 1px solid var(--line); border-left: 4px solid var(--c); background: linear-gradient(160deg, rgba(20,27,69,.92), rgba(12,17,46,.92)); color: #fff; text-align: left; cursor: pointer; font-family: inherit; }
        .sp-li.live { box-shadow: 0 0 0 1px #ff2d6f, 0 0 16px rgba(255,45,111,.35); }
        .sp-li-t { font-size: .74rem; font-weight: 800; color: var(--cyan); line-height: 1.3; flex-shrink: 0; width: 44px; }
        .sp-li-m { flex: 1; min-width: 0; }
        .sp-li-m b { display: block; font-size: .92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .sp-li-m small { color: var(--muted); font-size: .74rem; }
        @media (max-width: 800px) { .sp-scroll { display: none; } .sp-list { display: block; } .sp-day { flex: 1; min-width: 0; padding: 11px 4px; } }
        .btn-sec.active { background: var(--grad); border-color: transparent; }

        /* ---------- Fanshop ---------- */
        .shop-frame { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 16px 50px rgba(0,0,0,.45); min-height: 600px; color: #111; padding: 8px; }
        .shop-frame a { color: #4f46e5; }
        .shop-note { margin-top: 12px; color: var(--muted); font-size: .76rem; text-align: center; }
        .shop-note a { color: var(--primary); }
        @media (max-width: 800px) { #sp-filter { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; margin-right: -14px; } #sp-filter .genre-chip { white-space: nowrap; flex-shrink: 0; } }

        /* ---------- Feste App-Hülle: Seite scrollt NUR im Container, Player/Navigation sind unbeweglich ---------- */
        html, body { height: 100%; overflow: hidden; }
        #app-scroll { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; }
        .master-player, .bottom-nav { transform: translateZ(0); }

        /* ---------- Vorgeschlagene Sender im Hero ---------- */
        .hero-recs { min-width: 0; }
        .hero-recs .rec-section { margin: 0; }
        .hero-recs-title { font-size: .7rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--cyan); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
        .hero-recs .rec-slider-wrap { border-radius: 20px; border: 1px solid var(--line); background: rgba(6,9,25,.62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
        .hero-recs .rec-card { background: transparent; border: none; border-radius: 20px; }
        .hero-recs .rec-dots { margin-top: 10px; }
        .rec-slider-track > .rec-card { flex: 0 0 100%; width: 100%; min-width: 0 !important; max-width: 100%; }
        .rec-inner, .rec-meta, .rec-header, .rec-footer { min-width: 0; max-width: 100%; }
        .rec-show-inline { max-width: 100%; }
        .hero-recs .rec-btn { padding: 11px 8px; font-size: .72rem; }

        .shop-choose { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; margin-top: 8px; }
        .shop-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 30px 24px; border-radius: 22px; border: 1px solid var(--line); background: linear-gradient(160deg, rgba(20,27,69,.92), rgba(12,17,46,.92)); box-shadow: 0 14px 40px rgba(0,0,0,.4); transition: .25s; }
        .shop-card:hover { transform: translateY(-4px); border-color: var(--primary); box-shadow: 0 18px 50px rgba(124,58,237,.3); }
        .shop-card img { width: 100%; max-width: 380px; height: auto; display: block; filter: drop-shadow(0 8px 24px rgba(0,0,0,.5)); }
        .shop-card h3 { font-size: 1.15rem; color: #fff; }
        .shop-card p { color: var(--muted); font-size: .88rem; margin-bottom: 4px; }
        .shop-card .btn-hero { text-decoration: none; }
        .shop-head { text-align: center; margin: 4px 0 18px; }
        .shop-head img { width: 100%; max-width: 320px; height: auto; filter: drop-shadow(0 8px 24px rgba(0,0,0,.5)); }



    


        /* ---------- Mobile Live + Favoriten ---------- */
        .mobile-live-pulse { display:none; width:28px !important; height:28px !important; border:0 !important; border-radius:50% !important; object-fit:contain !important; flex:0 0 28px !important; filter:drop-shadow(0 0 8px rgba(34,211,238,.42)); }
        .mobile-fav-count { display:none; position:absolute; top:3px; right:calc(50% - 18px); min-width:16px; height:16px; padding:0 4px; border-radius:999px; align-items:center; justify-content:center; background:var(--grad); color:#fff; font-size:.52rem; font-weight:900; line-height:1; box-shadow:0 0 10px rgba(181,124,255,.4); }
        @media(max-width:900px){
            .bottom-nav a { position:relative; }
            .mobile-fav-count.visible { display:flex; }
            body.radio-is-live .mobile-live-pulse { display:block; }
            .m-info img#m-img { width:50px; height:50px; }
            .m-info { gap:10px; }
        }

        /* ---------- Favoriten-Popover ---------- */
        .favorites-nav-wrap { position:relative; }
        .top-nav .fav-nav-link { position:relative; }
        .fav-count { min-width:18px; height:18px; padding:0 5px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:var(--grad); color:#fff; font-size:.58rem; line-height:1; font-weight:900; box-shadow:0 0 14px rgba(181,124,255,.34); }
        .favorites-popover { position:fixed; z-index:2200; top:74px; width:min(430px,calc(100vw - 24px)); max-height:min(72vh,680px); overflow:hidden; border:1px solid rgba(181,124,255,.28); border-radius:22px; background:linear-gradient(165deg,rgba(15,21,56,.985),rgba(7,10,28,.99)); box-shadow:0 26px 80px rgba(0,0,0,.55),0 0 0 1px rgba(34,211,238,.04) inset; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); opacity:0; visibility:hidden; transform:translateY(-8px) scale(.985); transform-origin:top center; transition:opacity .18s ease,transform .18s ease,visibility .18s; }
        .favorites-popover.open { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
        .fav-pop-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 18px 13px; border-bottom:1px solid var(--line); background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(34,211,238,.05)); }
        .fav-pop-title { display:flex; align-items:center; gap:10px; min-width:0; }
        .fav-pop-title .star { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--grad); color:#fff; box-shadow:0 8px 24px rgba(124,58,237,.25); flex:0 0 38px; }
        .fav-pop-title b { display:block; color:#fff; font-size:.95rem; }
        .fav-pop-title small { display:block; color:var(--muted); font-size:.68rem; margin-top:2px; }
        .fav-pop-close { width:34px; height:34px; border-radius:10px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:#ccd2f6; cursor:pointer; }
        .fav-pop-close:hover { color:#fff; border-color:var(--primary); }
        .fav-pop-body { max-height:calc(min(72vh,680px) - 65px); overflow:auto; padding:14px; }
        .favorites-popover #favorites-section { display:block !important; }
        .favorites-popover .fav-chip-row { display:flex; flex-direction:column; gap:8px; }
        .favorites-popover .fav-chip { width:100%; padding:9px 10px; border-radius:13px; background:rgba(255,255,255,.045); }
        .favorites-popover .fav-chip img { width:46px; height:46px; }
        .favorites-popover .fav-chip-name { font-size:.8rem; }
        .fav-pop-section-label { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#fff; font-size:.74rem; font-weight:900; letter-spacing:.7px; text-transform:uppercase; margin:4px 2px 9px; }
        .fav-pop-section-label span { color:var(--muted); font-size:.62rem; font-weight:700; letter-spacing:0; text-transform:none; }
        .favorites-popover .remind-box { margin:14px 0 0; border-radius:14px; background:rgba(124,58,237,.08); border:1px solid rgba(181,124,255,.18); padding:12px; }
        .favorites-popover .remind-box small { line-height:1.35; }
        .fav-shows-list { display:flex; flex-direction:column; gap:7px; margin-top:8px; }
        .fav-show-row { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; padding:10px 11px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.035); }
        .fav-show-row b { display:block; color:#fff; font-size:.77rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .fav-show-row small { display:block; color:var(--muted); font-size:.66rem; margin-top:2px; }
        .fav-show-remove { width:32px; height:32px; border:1px solid var(--line); border-radius:9px; background:#151b42; color:#ff7aa9; cursor:pointer; }
        .fav-show-remove:hover { border-color:#ff3ea5; color:#fff; }
        .fav-empty-compact { padding:16px 12px; border:1px dashed rgba(181,124,255,.22); border-radius:13px; color:var(--muted); font-size:.76rem; text-align:center; }
        @media(max-width:900px){
            .favorites-popover { left:12px !important; right:12px !important; top:auto; bottom:calc(var(--player-h) + var(--nav-h) + 12px + env(safe-area-inset-bottom)); width:auto; max-height:64vh; transform-origin:bottom center; transform:translateY(10px) scale(.985); }
            .favorites-popover.open { transform:translateY(0) scale(1); }
        }

        /* ---------- Apps & Social direkt im Portal ---------- */
        .portal-page{max-width:1180px;margin:0 auto;padding:12px 0 26px}
        .portal-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 22px}
        .portal-kicker{color:var(--cyan);font-size:.7rem;font-weight:950;letter-spacing:1.45px;text-transform:uppercase}
        .portal-page-head h2{margin:7px 0 0;color:#fff;font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-1.6px;line-height:1}
        .portal-page-head p{max-width:560px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}
        .appx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
        .appx-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(150deg,rgba(21,28,72,.97),rgba(8,12,35,.97));box-shadow:0 20px 58px rgba(0,0,0,.25)}
        .appx-card:before{content:"";position:absolute;width:190px;height:190px;right:-75px;top:-85px;border-radius:50%;background:rgba(181,124,255,.12)}
        .appx-head{display:flex;gap:15px;align-items:center;position:relative}
        .appx-logo{width:66px;height:66px;border-radius:18px;background:#0a0f2d;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;overflow:hidden;flex:0 0 66px}
        .appx-logo img{width:84%;height:84%;object-fit:contain}
        .appx-head h3{margin:0;color:#fff;font-size:1.35rem}.appx-sub{color:var(--muted);font-size:.78rem;margin-top:3px}
        .appx-card p{color:#bdc5e7;line-height:1.62;font-size:.87rem}
        .appx-badges{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}
        .appx-badge{border:1px solid #333d7d;border-radius:999px;padding:6px 9px;color:#cbd2f2;background:rgba(255,255,255,.035);font-size:.68rem;font-weight:800}
        .appx-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
        .appx-btn{min-height:45px;padding:0 15px;border-radius:13px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:.8rem;font-weight:900;border:1px solid #354083;background:#0d1438;color:#eaf0ff}
        .appx-btn.primary{background:linear-gradient(110deg,var(--primary),#d85bff);color:#110a29;border-color:transparent}
        .appx-section-title{margin:34px 0 14px;color:#fff;font-size:1.25rem;font-weight:900}
        /* App-Screenshots: Slideshow-Bühne plus kleine Kacheln (ersetzt das alte 3er-Raster riesiger Bilder) */
        .appx-showcases{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:16px;align-items:start}
        .appx-show{border:1px solid var(--line);border-radius:22px;background:linear-gradient(170deg,#0d1238,#080b22 70%);padding:14px 14px 12px;outline:none;position:relative}
        .appx-show:focus-visible{box-shadow:0 0 0 2px var(--primary)}
        .appx-show-head{display:flex;align-items:center;gap:10px;margin:0 2px 12px;min-width:0}
        .appx-show-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
        .appx-show-title{flex:1;color:#fff;font-weight:900;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .appx-show-count{color:#aeb6db;font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums}
        .appx-stage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
        .appx-nav{width:36px;height:36px;border-radius:50%;border:1px solid #354083;background:#0d1438;color:#eaf0ff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:background .15s,transform .15s}
        .appx-nav:hover{background:#1a2359;transform:scale(1.06)}
        .appx-frame{position:relative;margin:0 auto;border-radius:22px;background:#070a1c;border:1px solid #2a3270;box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden}
        .appx-show.android .appx-frame{height:clamp(300px,42vw,440px);aspect-ratio:9/19.5;border-radius:28px;padding:6px}
        .appx-show.windows .appx-frame{width:100%;aspect-ratio:16/10;border-radius:14px;padding:4px}
        .appx-slides{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}
        .appx-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.02);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
        .appx-slide.is-active{opacity:1;transform:none;pointer-events:auto}
        .appx-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;border-radius:inherit;background:#070a1c}
        .appx-empty{display:none;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--muted);font-size:.76rem}
        .appx-show.is-empty .appx-empty{display:flex}.appx-show.is-empty .appx-thumbs,.appx-show.is-empty .appx-nav{visibility:hidden}
        .appx-thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;min-width:0}
        .appx-thumb:first-child{margin-left:auto}.appx-thumb:last-child{margin-right:auto}
        .appx-show{min-width:0}
        .appx-thumb{flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:#0b1030;padding:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.6;transition:opacity .15s,border-color .15s,transform .15s}
        .appx-thumb:hover{opacity:.9}.appx-thumb.is-active{opacity:1;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.35)}
        .appx-thumb img{display:block;object-fit:cover;object-position:top;border-radius:8px;background:#070a1c}
        .appx-show.android .appx-thumb img{width:46px;height:88px}.appx-show.windows .appx-thumb img{width:104px;height:65px}
        .appx-thumb span{color:#aeb6db;font-size:.6rem;font-weight:800;max-width:104px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .podcast-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
        .podcast-platform{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.045);color:#eef0fa;text-decoration:none;font-size:.78rem;font-weight:850;transition:.18s}
        .podcast-platform:hover{border-color:var(--primary);background:rgba(181,124,255,.12);transform:translateY(-1px)}
        .podcast-platform i{width:22px;text-align:center;font-size:1.12rem;color:#fff}
        .podcast-platform.amazon i{color:#ff9900}.podcast-platform.apple i{color:#fff}.podcast-platform.spotify i{color:#1ed760}.podcast-platform.podimo i{color:#b57cff}
        @media(max-width:520px){.podcast-platforms{grid-template-columns:1fr}}
        .appx-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
        .appx-feature{border:1px solid var(--line);border-radius:17px;padding:17px;background:rgba(16,22,56,.86)}
        .appx-feature i{color:var(--cyan);font-size:1.1rem}.appx-feature b{display:block;color:#fff;margin:8px 0 4px}.appx-feature span{color:var(--muted);font-size:.75rem;line-height:1.5}

        .newsx-overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}
        .newsx-overview-main{min-width:0}
        .newsx-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;margin-bottom:18px}
        .newsx-featured{position:relative;overflow:hidden;min-height:360px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#11183f,#090d26);display:flex;align-items:flex-end;text-decoration:none;color:#fff}
        .newsx-featured img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.newsx-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,24,.08),rgba(5,8,24,.92) 72%)}
        .newsx-featured .in{position:relative;z-index:1;padding:24px}.newsx-kicker{display:inline-flex;align-items:center;gap:6px;background:rgba(255,206,0,.12);border:1px solid rgba(255,206,0,.25);color:#ffce00;border-radius:999px;padding:5px 9px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
        .newsx-featured h3{font-size:clamp(1.7rem,4vw,3rem);line-height:1.02;margin:10px 0 9px}.newsx-featured p{margin:0;color:#cbd2ef;line-height:1.55;max-width:720px}
        .newsx-side{display:grid;gap:12px}.newsx-mini{border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#101638,#090d26);padding:16px;text-decoration:none;color:#fff;display:flex;gap:13px;align-items:flex-start}
        .newsx-mini img{width:92px;height:78px;object-fit:cover;border-radius:12px;flex:0 0 92px}.newsx-mini b{display:block;line-height:1.25}.newsx-mini span{display:block;color:var(--muted);font-size:.7rem;margin-top:5px}
        .newsx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.newsx-card{border:1px solid var(--line);border-radius:19px;background:linear-gradient(160deg,#101638,#090d26);overflow:hidden;text-decoration:none;color:#fff}
        .newsx-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0c1130}.newsx-card .body{padding:15px}.newsx-card .cat{color:var(--cyan);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.newsx-card h3{font-size:1.05rem;margin:6px 0}.newsx-card p{color:var(--muted);font-size:.78rem;line-height:1.5;margin:0}.newsx-meta{font-size:.66rem;color:#7d86aa;margin-top:10px}
        .newsx-empty{padding:48px 18px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
        .newsx-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}
        .newsx-article{max-width:none;min-width:0}.newsx-article-head{margin-bottom:22px}.newsx-article-head>img{width:100%;max-height:520px;object-fit:cover;border-radius:24px;border:1px solid var(--line);margin-top:18px}.newsx-article h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:9px 0 12px}.newsx-article .lead{font-size:1.05rem;color:#c2c9e9;line-height:1.6}.newsx-content{font-size:1rem;line-height:1.78;color:#dce0f3}.newsx-content h2,.newsx-content h3{color:#fff;margin-top:1.4em}.newsx-content a{color:var(--cyan)}.newsx-content blockquote{margin:1.4em 0;padding:12px 16px;border-left:3px solid var(--primary);background:rgba(181,124,255,.07);border-radius:0 12px 12px 0}.newsx-back{display:inline-flex;align-items:center;gap:7px;color:#c9cff5;text-decoration:none;font-weight:800;margin-bottom:16px}
        .newsx-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.newsx-tag{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.07);color:#9be9f6;font-size:.68rem;font-weight:850}
        .newsx-media{margin:22px 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#050712;box-shadow:0 20px 55px rgba(0,0,0,.24)}.newsx-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0;min-height:280px}.newsx-media .tiktok-embed,.newsx-media .instagram-media{margin:12px auto!important;max-width:620px!important}
        .newsx-comments{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.newsx-comments h3{font-size:1.2rem;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:9px}.newsx-comments h3 i{color:var(--cyan)}
        .newsx-comments-list{display:grid;gap:12px;margin-bottom:20px}
        .newsx-comment{border:1px solid var(--line);border-radius:14px;padding:12px 15px;background:rgba(255,255,255,.02)}.newsx-comment-head{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}.newsx-comment-head b{color:#fff;font-size:.86rem}.newsx-comment-head span{color:var(--muted);font-size:.68rem}.newsx-comment p{margin:0;color:#c2c9e9;font-size:.86rem;line-height:1.6;white-space:pre-wrap}
        .newsx-comment-form{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.015)}
        .newsx-comment-form input[type=text],.newsx-comment-form textarea{width:100%;box-sizing:border-box;background:#0b0f26;border:1px solid var(--line);border-radius:11px;color:#e8ebfb;padding:10px 13px;font:inherit;font-size:.86rem;resize:vertical}
        .newsx-comment-form input[type=text]:focus,.newsx-comment-form textarea:focus{outline:none;border-color:var(--cyan)}
        .newsx-comment-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
        .newsx-comment-status{font-size:.74rem;color:var(--muted)}.newsx-comment-status.ok{color:#3ee08a}.newsx-comment-status.err{color:#ff8080}
        .newsx-comment-reply{margin-left:26px;margin-top:10px;border-left:2px solid var(--line);border-radius:0 14px 14px 0;padding-left:14px}
        .newsx-comment-staff{display:inline-flex;align-items:center;font-size:.62rem;font-weight:800;color:var(--cyan);border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.08);border-radius:999px;padding:2px 7px}
        .newsx-comment-reply-btn{margin-top:6px;background:none;border:0;color:var(--muted);font-size:.74rem;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px}
        .newsx-comment-reply-btn:hover{color:var(--cyan)}
        .newsx-comment-reply-form{display:grid;gap:8px}
        .newsx-comment-reply-form input[type=text],.newsx-comment-reply-form textarea{width:100%;box-sizing:border-box;background:#0b0f26;border:1px solid var(--line);border-radius:11px;color:#e8ebfb;padding:8px 11px;font:inherit;font-size:.82rem;resize:vertical}
        .newsx-sidebar{position:sticky;top:86px;display:grid;gap:14px}.newsx-sidebar-box{border:1px solid var(--line);border-radius:19px;background:linear-gradient(160deg,#101638,#090d26);overflow:hidden}.newsx-sidebar-title{padding:13px 15px;border-bottom:1px solid rgba(43,51,112,.7);font-size:.76rem;text-transform:uppercase;letter-spacing:.7px;font-weight:950;color:#fff}.newsx-sidebar-title i{color:var(--cyan);margin-right:7px}
        .newsx-rec{display:flex;gap:10px;padding:12px 13px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(43,51,112,.48)}.newsx-rec:last-child{border-bottom:0}.newsx-rec img{width:76px;height:62px;border-radius:10px;object-fit:cover;background:#0a0e28;flex:0 0 76px}.newsx-rec .ph{width:76px;height:62px;border-radius:10px;background:linear-gradient(135deg,#141a42,#0c102c);display:grid;place-items:center;color:var(--primary);flex:0 0 76px}.newsx-rec b{display:block;font-size:.78rem;line-height:1.3}.newsx-rec span{display:block;margin-top:4px;color:var(--muted);font-size:.63rem}
        .newsx-play{position:relative}.newsx-play:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(7,10,28,.86);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.9rem;padding-left:2px}
        .newsx-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.newsx-card-tags span{font-size:.58rem;color:#8eddea;background:rgba(34,211,238,.06);border-radius:999px;padding:3px 6px}.newsx-source{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.08);color:#f5c76d;font-size:.62rem;font-weight:850;margin-top:8px}
        @media(max-width:1000px){.newsx-layout,.newsx-overview-layout{grid-template-columns:1fr}.newsx-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
        @media(max-width:900px){.newsx-hero{grid-template-columns:1fr}.newsx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
        @media(max-width:560px){.newsx-grid{grid-template-columns:1fr}.newsx-featured{min-height:300px}.newsx-mini img{width:78px;height:70px;flex-basis:78px}.newsx-sidebar{grid-template-columns:1fr}.newsx-media iframe{min-height:210px}}
        .newsx-social-wrap{margin-top:28px;padding-top:26px;border-top:1px solid rgba(43,51,112,.7)}
        .newsx-social-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
        .newsx-social-head .copy{min-width:0}.newsx-social-head .eyebrow{margin-bottom:7px;color:var(--cyan);letter-spacing:1.5px}.newsx-social-head h3{font-size:clamp(1.35rem,3vw,2rem);line-height:1.1;color:#fff;margin:0 0 6px}.newsx-social-head p{color:var(--muted);font-size:.82rem;line-height:1.55;margin:0;max-width:680px}
        .newsx-social-badge{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 12px;border-radius:999px;border:1px solid rgba(181,124,255,.28);background:rgba(181,124,255,.08);color:#d9c6ff;font-size:.7rem;font-weight:850}
        .socialx-switcher{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:9px;border:1px solid var(--line);border-radius:16px;background:rgba(15,21,56,.9)}
        .socialx-group{display:flex;gap:7px;flex-wrap:wrap}
        .socialx-chip{border:1px solid var(--line);background:#111738;color:#aeb6db;border-radius:999px;padding:9px 13px;font-size:.74rem;font-weight:850;cursor:pointer}
        .socialx-chip.active{background:linear-gradient(105deg,#8b5cf6,#c026d3);border-color:transparent;color:#fff}
        .socialx-chip.instagram.active{background:linear-gradient(105deg,#833ab4,#fd1d1d,#fcb045)}
        .socialx-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#101638,#090d26);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.25)}
        .socialx-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid rgba(43,51,112,.72)}
        .socialx-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#b57cff,#ff3ea5);font-size:1.15rem}
        .socialx-copy b{display:block;color:#fff}.socialx-copy span{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}
        .socialx-stage{padding:14px;min-height:520px;background:#080c23;display:flex;justify-content:center;align-items:flex-start}
        .socialx-loading{width:100%;min-height:440px;display:grid;place-items:center;color:var(--muted);text-align:center}
        .socialx-stage .tiktok-embed,.socialx-stage .instagram-media{margin:0 auto!important;max-width:720px!important;width:100%!important;min-width:288px!important}
        @media(max-width:900px){
            .portal-page{padding-top:4px}.portal-page-head{align-items:flex-start;flex-direction:column}
            .appx-grid,.appx-features{grid-template-columns:1fr}
            .appx-showcases{grid-template-columns:minmax(0,1fr)}
            .socialx-stage{padding:7px;min-height:480px}
            .newsx-social-head{align-items:flex-start;flex-direction:column}.newsx-social-badge{align-self:flex-start}
        }
        @media(max-width:560px){.appx-stage{grid-template-columns:minmax(0,1fr)}.appx-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;opacity:.9}.appx-nav.prev{left:6px}.appx-nav.next{right:6px}.appx-show{padding:10px}.appx-show.android .appx-frame{height:clamp(260px,78vw,360px)}.appx-card{padding:18px}.socialx-chip{padding:8px 10px;font-size:.68rem}}

        /* Theme-Layout-Hooks (gesetzt von portal.js aus theme.json "layout"; Standardwerte = bisheriges Layout) */
        .cms-sidebar-layout{grid-template-columns:minmax(0,1fr) calc(var(--rrw-theme-sidebar-width,320)*1px)}
        .cms-sidebar-layout.sidebar-left{grid-template-columns:calc(var(--rrw-theme-sidebar-width,320)*1px) minmax(0,1fr)}
        html[data-rrw-container="boxed"] #main-container{max-width:1140px!important}
        html[data-rrw-container="narrow"] #main-container{max-width:960px!important}
        html[data-rrw-header="stacked"] #main-header{flex-wrap:wrap;justify-content:center;gap:10px 18px;padding-bottom:8px}
        html[data-rrw-header="stacked"] #main-header .brand{width:100%;justify-content:center}
        html[data-rrw-header="stacked"] .top-nav{flex:0 1 auto;margin-left:0;justify-content:center;flex-wrap:wrap}
        html[data-rrw-header="centered"] #main-header{justify-content:center}
        html[data-rrw-header="centered"] .top-nav{flex:0 1 auto;margin-left:0}
        html[data-rrw-hero="full"] .hero{grid-template-columns:1fr;text-align:center}
        html[data-rrw-hero="full"] .hero p{margin-left:auto;margin-right:auto}
        html[data-rrw-hero="full"] .hero-actions{justify-content:center}
        html[data-rrw-hero="full"] .hero-recs{width:100%;max-width:860px;margin:0 auto}
        html[data-rrw-hero="compact"] .hero{grid-template-columns:1fr;padding:26px 28px}
        html[data-rrw-hero="compact"] .hero-recs{display:none}
        html[data-rrw-hero="compact"] .hero h1{font-size:clamp(1.6rem,3vw,2.3rem)}
        html[data-rrw-news="list"] .newsx-grid{grid-template-columns:1fr}
        html[data-rrw-news="list"] .newsx-card{display:grid;grid-template-columns:220px minmax(0,1fr)}
        html[data-rrw-news="list"] .newsx-card img{height:100%;min-height:140px;aspect-ratio:auto}
        html[data-rrw-news="magazine"] .newsx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
        html[data-rrw-news="magazine"] .newsx-grid .newsx-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
        .newsx-featured .in{min-width:0;width:100%;box-sizing:border-box}.newsx-featured h3{overflow-wrap:anywhere}.newsx-hero:has(.newsx-side:empty){grid-template-columns:1fr}
        /* Widget-System: Listen-Widgets, Kalender, Galerie, Jetzt läuft, Geräte-Sichtbarkeit */
        .cms-wl{display:flex;flex-direction:column;gap:6px}.cms-wl-loading{color:var(--muted);padding:8px 0}.cms-wl-empty{color:var(--muted);font-size:.82rem;padding:6px 0}
        .cms-wl-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-flow:dense;align-items:center;column-gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);text-decoration:none;color:inherit;transition:.15s}.cms-wl-item:hover{border-color:var(--primary);background:rgba(255,255,255,.05)}
        .cms-wl-item>img{width:56px;height:44px;object-fit:cover;border-radius:8px;grid-row:span 2;align-self:center}.cms-wl-item>i{grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--primary);font-size:.75rem}.cms-wl-item>em{grid-row:span 2;font-style:normal;font-weight:800;font-size:.72rem;color:var(--cyan);min-width:58px}
        .cms-wl-item>b{grid-column:2;font-size:.86rem;line-height:1.3;color:#fff}.cms-wl-item>span{grid-column:2;font-size:.7rem;color:var(--muted)}.cms-wl-item>b+span{margin-top:2px}.cms-wl-item:not(:has(>img)):not(:has(>i)):not(:has(>em))>b,.cms-wl-item:not(:has(>img)):not(:has(>i)):not(:has(>em))>span{grid-column:1/-1}
        .cms-wl-count{justify-self:end;background:rgba(255,255,255,.08);border-radius:999px;padding:2px 8px;font-size:.66rem!important;grid-column:3!important;grid-row:1}.cms-wl-item:has(>.cms-wl-count){grid-template-columns:minmax(0,1fr) auto}.cms-wl-item:has(>.cms-wl-count)>b{grid-column:1}
        .cms-wl-sub{padding-left:16px}.cms-wl-chips{flex-direction:row;flex-wrap:wrap}.cms-wl-chips .cms-wl-item{display:inline-flex;padding:6px 10px;border-radius:999px}.cms-wl-chips .cms-wl-sub{padding:0}
        .cms-wl-more{display:inline-block;margin-top:8px;font-size:.76rem;font-weight:800;color:var(--cyan);text-decoration:none}.cms-wl-caption{color:var(--muted);font-size:.74rem;margin-top:6px}.cms-wl-ghost{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:10px;border:1px solid var(--line);color:#fff;text-decoration:none;font-weight:800}
        .cms-wl-tags{display:flex;flex-wrap:wrap;gap:6px}.cms-wl-tags .newsx-tag{text-decoration:none}
        .cms-wl-gallery{display:grid;gap:6px}.cms-wl-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
        .cms-wl-search{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.cms-wl-search input{min-width:0;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:#fff;font:inherit;font-size:.86rem}.cms-wl-search button{border:0;border-radius:10px;padding:0 13px;background:var(--grad);color:#fff;cursor:pointer}.cms-wl-search-results{grid-column:1/-1;display:flex;flex-direction:column;gap:4px}.cms-wl-search-results:empty{display:none}
        .cms-wl-cal-head{font-weight:800;font-size:.82rem;margin-bottom:6px;text-align:center}.cms-wl-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center;font-size:.74rem}.cms-wl-cal-grid i{font-style:normal;color:var(--muted);font-size:.62rem;font-weight:800;padding:2px 0}.cms-wl-cal-grid span,.cms-wl-cal-grid a{display:block;padding:5px 0;border-radius:7px;color:var(--dim);text-decoration:none}.cms-wl-cal-grid a.has{background:var(--grad);color:#fff;font-weight:800}.cms-wl-cal-grid span.today{outline:1px solid var(--line)}
        .cms-wl-stations.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cms-wl-stations:not(.grid){display:flex;flex-direction:column;gap:6px}.cms-wl-play{color:var(--cyan)!important}
        .cms-wl-now{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.cms-wl-now img{width:52px;height:52px;border-radius:10px;object-fit:cover}.cms-wl-now small{display:block;color:var(--cyan);font-size:.62rem;letter-spacing:1px;text-transform:uppercase;font-weight:800}.cms-wl-now b{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cms-wl-now .cms-content-button{padding:9px 12px}
        .cms-wl-comment b small{font-weight:400;color:var(--muted)}
        @media(min-width:1025px){.cms-w-hide-desktop{display:none!important}}@media(min-width:641px) and (max-width:1024px){.cms-w-hide-tablet{display:none!important}}@media(max-width:640px){.cms-w-hide-mobile{display:none!important}}
        .cms-sidebar-layout>#portal-view,.cms-sidebar-layout>#full-view,.cms-sidebar-layout>#shop-host,.cms-sidebar-layout>#cms-content-widget-host{grid-column:1}.cms-sidebar-layout>.cms-sidebar-host{grid-column:2;grid-row:1/span 4}.cms-sidebar-layout.sidebar-left>#portal-view,.cms-sidebar-layout.sidebar-left>#full-view,.cms-sidebar-layout.sidebar-left>#shop-host,.cms-sidebar-layout.sidebar-left>#cms-content-widget-host{grid-column:2}.cms-sidebar-layout.sidebar-left>.cms-sidebar-host{grid-column:1}
        .cms-sidebar-layout .newsx-overview-layout,.cms-sidebar-layout .newsx-layout{grid-template-columns:1fr}.cms-sidebar-layout .newsx-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
        @media(max-width:900px){html[data-rrw-news="list"] .newsx-card,html[data-rrw-news="magazine"] .newsx-grid .newsx-card:first-child{grid-template-columns:1fr}html[data-rrw-news="magazine"] .newsx-grid{grid-template-columns:1fr}html[data-rrw-hero="full"] .hero-recs{max-width:none}}

        /* Partnerseite (#partner): Karten mit Logo, Text und Link; Inhalt kommt aus dem CMS (Seiten) */
        .partner-card{display:grid;grid-template-columns:minmax(150px,260px) minmax(0,1fr);gap:22px;align-items:center;margin:14px 0;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(20,27,69,.9),rgba(10,14,38,.95))}
        .partner-logo{display:flex;align-items:center;justify-content:center;min-height:96px;padding:12px;border-radius:14px;background:rgba(5,7,18,.55)}
        .partner-logo img{display:block;max-width:100%;height:auto}
        .partner-body h3{margin:0 0 6px;color:#fff;font-size:1.15rem}
        .partner-body p{margin:0 0 8px;color:var(--muted,#9aa3d6);line-height:1.65;white-space:normal}
        .partner-link{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(34,211,238,.4)}
        .partner-link:hover,.partner-link:focus-visible{color:#fff;border-color:#fff}
        @media(max-width:640px){.partner-card{grid-template-columns:1fr;gap:14px;padding:16px}.partner-logo{min-height:80px}}

        /* Partnerseite: Bewegung (nur Karten und Kachelhintergrund, die Logos selbst bleiben unverändert) */
        .partner-card{position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s}
        .partner-card:hover,.partner-card:focus-within{transform:translateY(-4px);border-color:rgba(181,124,255,.55);box-shadow:0 18px 50px rgba(124,58,237,.22),0 0 0 1px rgba(34,211,238,.08) inset}
        .partner-logo{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .35s}
        .partner-logo::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,transparent 35%,rgba(181,124,255,.16) 48%,rgba(34,211,238,.14) 52%,transparent 65%);background-size:250% 100%;background-position:130% 0;animation:partnerSheen 7s ease-in-out infinite}
        .partner-logo img{position:relative;z-index:1;transition:transform .45s cubic-bezier(.2,.7,.2,1);animation:partnerFloat 7s ease-in-out infinite}
        .partner-logo img{animation-delay:var(--pf-d,0s)}
        .partner-card:hover .partner-logo{box-shadow:0 0 0 1px rgba(181,124,255,.4),0 0 34px rgba(181,124,255,.28)}
        .partner-card:hover .partner-logo img{transform:scale(1.05);animation-play-state:paused}
        .partner-card.pr-pre{opacity:0;transform:translateY(26px)}
        .partner-card.pr-in{opacity:1;transform:none;transition:opacity .7s ease var(--pr-d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--pr-d,0ms),border-color .3s,box-shadow .35s}
        .partner-card.pr-in:hover,.partner-card.pr-in:focus-within{transform:translateY(-4px)}
        @keyframes partnerSheen{0%,55%{background-position:130% 0}100%{background-position:-60% 0}}
        @keyframes partnerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
        /* Senderliste (Name + Logo aus der laut.fm-API) */
        .station-logos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;margin:6px 0 4px}
        .station-logo-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(20,27,69,.85),rgba(10,14,38,.92));color:var(--text);text-decoration:none;text-align:center;animation:slFade .6s ease both;animation-delay:var(--sl-d,0ms);transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
        .station-logo-card:hover,.station-logo-card:focus-visible{transform:translateY(-4px);border-color:rgba(34,211,238,.55);box-shadow:0 14px 34px rgba(34,211,238,.14)}
        .station-logo-img{display:block;width:84px;height:84px;border-radius:20px;overflow:hidden;background:rgba(5,7,18,.6);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
        .station-logo-img img{display:block;width:100%;height:100%;object-fit:cover}
        .station-logo-img i{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary)}
        .station-logo-card:hover .station-logo-img{transform:scale(1.07);box-shadow:0 0 26px rgba(181,124,255,.35)}
        .station-logo-name{font-size:.82rem;font-weight:700;line-height:1.3;overflow-wrap:break-word;hyphens:auto}
        .station-logos-state{color:var(--muted,#9aa3d6);padding:10px 0}
        @keyframes slFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
        @media(max-width:640px){.station-logos-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.station-logo-img{width:68px;height:68px}}
        @media (prefers-reduced-motion:reduce){.partner-card,.partner-card.pr-in,.partner-logo img,.partner-logo::before,.station-logo-card,.station-logo-img{animation:none!important;transition:none!important}.partner-card.pr-pre{opacity:1;transform:none}}

        /* Impressum und Datenschutzerklärung (aus dem CMS): gut lesbar mit Abständen */
        .cms-legal-body{max-width:860px;line-height:1.7;color:var(--muted,#9aa3d6)}
        .cms-legal-body p{margin:0 0 12px}
        .cms-legal-body h2{margin:28px 0 10px;color:#fff;font-size:1.3rem}
        .cms-legal-body h3{margin:18px 0 6px;color:#fff;font-size:1.05rem}
        .cms-legal-body ul,.cms-legal-body ol{margin:0 0 14px;padding-left:22px}
        .cms-legal-body li{margin:0 0 6px}
        .cms-legal-body a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
        .cms-legal-body a:hover,.cms-legal-body a:focus-visible{color:#fff}
        .cms-legal-body strong{color:#e8eaff}

/* Allgemeine Widgets (CMS) */
.cms-faq-item{border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;margin:0 0 8px;background:rgba(255,255,255,.03)}
.cms-faq-item summary{cursor:pointer;padding:11px 14px;font-weight:700;list-style:none}.cms-faq-item summary::-webkit-details-marker{display:none}
.cms-faq-item summary::after{content:"+";float:right;opacity:.6}.cms-faq-item[open] summary::after{content:"–"}
.cms-faq-item>div{padding:0 14px 12px;color:var(--muted,#aab)}
.cms-countdown{display:flex;gap:10px;flex-wrap:wrap}.cms-countdown span{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.7rem;color:var(--muted,#aab)}
.cms-countdown b{font-size:1.5rem;color:#fff;font-variant-numeric:tabular-nums}
.cms-video{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.cms-video iframe,.cms-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.cms-sociallinks{display:flex;flex-wrap:wrap;gap:8px}.cms-sociallinks a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);color:inherit;text-decoration:none}
.cms-sociallinks-icons a{width:42px;height:42px;justify-content:center;padding:0;font-size:1.1rem}.cms-sociallinks a:hover{background:rgba(255,255,255,.14)}
.cms-form{display:grid;gap:10px}.cms-form label{display:grid;gap:4px;font-size:.8rem;color:var(--muted,#aab)}
.cms-form input:not([type=checkbox]),.cms-form textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(0,0,0,.25);color:#fff;font:inherit}
.cms-form .cms-form-consent{display:flex;gap:8px;align-items:flex-start}.cms-form .cms-form-consent input{margin-top:3px}
.cms-form-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cms-form-msg{min-height:1.2em;font-size:.82rem}.cms-form-msg.ok{color:#34d399}.cms-form-msg.bad{color:#ff7a8a}

.cms-poll-q{font-weight:800;margin:0 0 10px}.cms-poll-form{display:grid;gap:8px}
.cms-poll-opt{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(255,255,255,.03);cursor:pointer}
.cms-poll-opt:hover{background:rgba(255,255,255,.08)}.cms-poll-opt input{accent-color:var(--accent,#b57cff)}
.cms-poll-row{margin-bottom:10px}.cms-poll-lbl{display:flex;justify-content:space-between;gap:10px;font-size:.86rem;margin-bottom:4px}
.cms-poll-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.cms-poll-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent,#b57cff),var(--accent2,#22d3ee));transition:width .5s}

/* Community */
.rrw-cm-tabs{display:flex;gap:6px;margin-bottom:12px}.rrw-cm-tabs button{flex:1;padding:9px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(255,255,255,.04);color:inherit;font-weight:700;cursor:pointer}
.rrw-cm-tabs button.on{background:rgba(255,255,255,.14)}
.rrw-cm-form{display:grid;gap:10px}.rrw-cm-form label{display:grid;gap:4px;font-size:.8rem;color:var(--muted,#aab)}
.rrw-cm-form input:not([type=checkbox]),.rrw-cm-form textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(0,0,0,.25);color:#fff;font:inherit}
.rrw-cm-msg{min-height:1.2em;font-size:.82rem}.rrw-cm-msg.ok{color:#34d399}.rrw-cm-msg.bad{color:#ff7a8a}
.rrw-cm-link{background:none;border:0;color:var(--accent2,#22d3ee);cursor:pointer;text-align:left;padding:0;font:inherit;font-size:.82rem}.rrw-cm-danger{color:#ff7a8a}
.rrw-cm-rules{font-size:.78rem;color:var(--muted,#aab);max-height:120px;overflow:auto;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);white-space:pre-wrap}
.rrw-cm-hello{margin-bottom:10px}.rrw-cm-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}
.rrw-cm-pw summary{cursor:pointer;font-size:.82rem;margin-bottom:6px}

/* Forum (Community) */
.rrw-fo-crumbs{margin-bottom:10px;font-size:13px}
.rrw-fo-card,.rrw-fo-row{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:11px 13px;margin:0 0 8px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;background:var(--surface,rgba(255,255,255,.04));color:inherit;cursor:pointer;font:inherit}
.rrw-fo-card:hover,.rrw-fo-row:hover{border-color:var(--accent,#38bdf8)}
.rrw-fo-title{margin:4px 0 10px}
.rrw-fo-post{padding:11px 13px;margin:0 0 8px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;background:var(--surface,rgba(255,255,255,.03))}
.rrw-fo-meta{margin-bottom:6px}
.rrw-fo-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.rrw-fo-acts,.rrw-fo-mod,.rrw-fo-pager{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}
.rrw-fo-badge{font-size:11px;padding:1px 7px;border-radius:99px;margin-left:6px;background:var(--accent,#38bdf8);color:#04101c}

/* Soziales Netzwerk (Community) */
.rrw-so-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.rrw-so-tabs .on{border-color:var(--accent,#38bdf8);color:var(--accent,#38bdf8)}
.rrw-so-profile{padding:11px 13px;margin:0 0 10px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px}
.rrw-so-like.on{color:#f43f5e}
.rrw-so-more{margin:6px auto;display:block}

        /* CMS Header Builder: generated contact/link elements inherit the portal header language. */
        .hdr-custom { min-height:38px; padding:0 11px; border-radius:999px; display:flex; align-items:center; gap:8px; flex:0 0 auto; color:#eef2ff; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); text-decoration:none; font-size:.72rem; font-weight:800; transition:.2s; white-space:nowrap; }
        .hdr-custom:hover { color:#fff; border-color:rgba(168,85,247,.55); background:rgba(168,85,247,.12); transform:translateY(-1px); }
        .hdr-custom-whatsapp i { color:#25d366; }
        @media (min-width:801px) { .hb-no-desktop { display:none !important; } }
        @media (max-width:800px) { .hb-no-mobile { display:none !important; } .hdr-custom { min-height:36px; padding:0 9px; } }


/* Auf Gerät hören – Cast / Remote Playback / AirPlay */
.rrw-device-backdrop{position:fixed;inset:0;background:rgba(2,4,14,.68);backdrop-filter:blur(8px);z-index:10040;opacity:0;transition:opacity .2s ease}
.rrw-device-backdrop.open{opacity:1}
.rrw-device-panel{position:fixed;left:50%;bottom:24px;transform:translate(-50%,24px);width:min(520px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 32px));overflow:auto;z-index:10041;padding:20px;border:1px solid rgba(181,124,255,.28);border-radius:24px;background:linear-gradient(155deg,rgba(20,24,47,.98),rgba(7,10,28,.99));box-shadow:0 28px 80px rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease,transform .2s ease;color:#f4f6ff}
.rrw-device-panel.open{opacity:1;transform:translate(-50%,0)}
.rrw-device-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.rrw-device-head small,.rrw-device-connected small{font-size:.62rem;letter-spacing:1.5px;font-weight:900;color:var(--cyan,#22d3ee)}
.rrw-device-head h3{font-size:1.35rem;margin:3px 0 0}
.rrw-device-head>button{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-size:1rem;cursor:pointer}
.rrw-device-connected{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:14px;border:1px solid rgba(34,211,238,.3);border-radius:16px;background:rgba(34,211,238,.08)}
.rrw-device-connected>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(34,211,238,.14);color:var(--cyan,#22d3ee);font-size:1.05rem}
.rrw-device-connected span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.rrw-device-connected b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rrw-device-live{font-size:.62rem;font-weight:900;letter-spacing:1px;padding:5px 8px;border-radius:99px;background:rgba(239,68,68,.15);color:#ff7b7b}
.rrw-device-options{display:grid;gap:9px}
.rrw-device-options button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045);color:#fff;text-align:left;cursor:pointer}
.rrw-device-options button:hover:not(:disabled){border-color:rgba(181,124,255,.4);background:rgba(181,124,255,.09)}
.rrw-device-options button:disabled{opacity:.36;cursor:not-allowed}
.rrw-device-options button>i:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(181,124,255,.12);color:var(--accent,#b57cff);font-size:1.05rem}
.rrw-device-options button>span{display:flex;flex-direction:column;gap:2px}.rrw-device-options button b{font-size:.88rem}.rrw-device-options button small{color:#9aa5bd;font-size:.68rem;line-height:1.35}
.rrw-device-options button>i:last-child{color:#7d86bd;font-size:.72rem}
.rrw-device-disconnect{width:100%;margin-top:12px;padding:11px;border:1px solid rgba(248,113,113,.22);border-radius:14px;background:rgba(248,113,113,.07);color:#fca5a5;font-weight:800;cursor:pointer}
.rrw-device-note{margin:14px 3px 1px;color:#7d86bd;font-size:.65rem;line-height:1.45}
@media(max-width:600px){.rrw-device-panel{bottom:8px;width:calc(100vw - 16px);border-radius:22px;padding:17px}.rrw-device-options button{padding:12px}.rrw-device-note{font-size:.62rem}}

/* Geräteausgabe V2 */
.rrw-device-connected em{display:block;font-style:normal;font-size:.78rem;opacity:.72;margin-top:2px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrw-device-apphint{display:flex;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}.rrw-device-apphint>i{width:28px;text-align:center;opacity:.8}.rrw-device-apphint span{display:flex;flex-direction:column;gap:2px}.rrw-device-apphint small{opacity:.62;line-height:1.3}

/* Vollbildplayer V2 */
.fv-player-actions{display:flex;gap:10px;align-items:stretch;margin-top:14px}.fv-player-actions .fv-listen{margin-top:0;flex:1}.fv-device{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07);color:inherit;padding:0 18px;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:800;cursor:pointer}.fv-listen.active{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}.fv-output{margin-top:9px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.06);font-size:.78rem;display:flex;gap:7px;align-items:center;opacity:.85}.fv-output[hidden]{display:none}@media(max-width:560px){.fv-player-actions{display:grid;grid-template-columns:1fr auto}.fv-device span{display:none}.fv-device{min-width:52px;padding:0 14px}}

/* Dezenter Status fuer automatische Stream-Wiederherstellung */
.rrw-playback-notice{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10020;display:flex;align-items:center;gap:9px;max-width:min(92vw,520px);padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(18,22,31,.94);backdrop-filter:blur(16px);box-shadow:0 10px 32px rgba(0,0,0,.28);font-size:.82rem;font-weight:700}.rrw-playback-notice.is-error{border-radius:14px}.rrw-playback-notice i{opacity:.85}@media(max-width:560px){.rrw-playback-notice{bottom:calc(78px + env(safe-area-inset-bottom));font-size:.76rem}}

/* Jetzt / Danach im Sender-Vollbild */
.fv-schedule-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.fv-schedule-strip>div{min-width:0;display:grid;gap:2px}.fv-schedule-strip small{font-size:.62rem;font-weight:900;letter-spacing:1.3px;opacity:.65}.fv-schedule-strip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-schedule-strip span{font-size:.72rem;opacity:.62}.fv-schedule-strip>i{font-size:.7rem;opacity:.4}@media(max-width:520px){.fv-schedule-strip{gap:8px;padding:10px 11px}.fv-schedule-strip b{font-size:.84rem}}

/* Senderwelt Alexa Guide im Sender-Vollbild */
.fv-alexa{overflow:hidden}.fv-alexa-head{display:flex;align-items:center;gap:14px}.fv-alexa-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.08);font-size:1.5rem;overflow:hidden}.fv-alexa-icon img{display:block;width:100%;height:100%;object-fit:cover}.fv-alexa-head small{font-size:.62rem;font-weight:900;letter-spacing:1.5px;opacity:.6}.fv-alexa-head h3{margin:2px 0 3px}.fv-alexa-head p{margin:0;opacity:.68;font-size:.84rem}.fv-alexa-commands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.fv-alexa-commands>div{padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}.fv-alexa-commands span{display:block;margin-bottom:5px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;opacity:.55}.fv-alexa-commands b{font-size:.82rem;line-height:1.45}.fv-alexa-note{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);font-size:.74rem;line-height:1.5;opacity:.72}.fv-alexa-note i{margin-top:2px}@media(max-width:720px){.fv-alexa-commands{grid-template-columns:1fr}.fv-alexa-head{align-items:flex-start}}

/* ---------- Empfang / Ausspielwege ---------- */
.reception-page{max-width:1180px;margin:0 auto;padding:20px 4px 40px}.rx-close{display:flex;justify-content:flex-end}.rx-close button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:1.25rem;cursor:pointer}.rx-hero{position:relative;overflow:hidden;padding:38px 38px 34px;margin:12px 0 34px;border:1px solid rgba(89,211,255,.2);border-radius:28px;background:radial-gradient(circle at 15% 15%,rgba(34,211,238,.19),transparent 34%),radial-gradient(circle at 90% 20%,rgba(168,85,247,.22),transparent 36%),linear-gradient(135deg,rgba(12,19,52,.96),rgba(9,10,29,.98));box-shadow:0 24px 70px rgba(0,0,0,.32)}.rx-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(34,211,238,.13);border-radius:50%;right:-70px;bottom:-150px;box-shadow:0 0 70px rgba(34,211,238,.08)}.rx-hero-logos{display:flex;align-items:center;gap:16px;margin-bottom:24px}.rx-hero-logos img{max-width:190px;max-height:62px;object-fit:contain}.rx-hero-logos img:last-child{width:62px;height:62px;border-radius:15px}.rx-hero-logos span{color:#7180ad;font-weight:900}.rx-kicker,.rx-heading span{font-size:.7rem;font-weight:950;letter-spacing:.16em;color:var(--cyan)}.rx-hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:.98;color:#fff;margin:10px 0 14px;letter-spacing:-.045em}.rx-hero h1 span{background:linear-gradient(90deg,var(--cyan),#b57cff);-webkit-background-clip:text;background-clip:text;color:transparent}.rx-hero>p{max-width:720px;color:#bac4e8;font-size:1rem;line-height:1.65;margin:0}.rx-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.rx-hero-chips span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#dce3ff;font-size:.72rem;font-weight:800}.rx-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:28px 2px 15px}.rx-heading h2{color:#fff;margin:5px 0 0;font-size:1.45rem}.rx-heading>p{color:var(--muted);font-size:.8rem;max-width:400px;text-align:right;margin:0}.rx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:34px}.rx-own-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-card{min-height:230px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,rgba(18,24,56,.86),rgba(10,13,34,.94));display:flex;flex-direction:column;transition:.2s ease}.rx-card:hover{transform:translateY(-3px);border-color:rgba(181,124,255,.3);box-shadow:0 18px 40px rgba(0,0,0,.24)}.rx-card.own{border-color:rgba(34,211,238,.15);background:linear-gradient(145deg,rgba(15,32,66,.94),rgba(14,13,42,.96))}.rx-brand{height:54px;display:flex;align-items:center;margin-bottom:15px}.rx-brand>img{max-width:160px;max-height:50px;object-fit:contain;object-position:left center}.rx-brand .rx-square{width:52px;height:52px;border-radius:13px}.rx-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,rgba(34,211,238,.16),rgba(168,85,247,.18));border:1px solid rgba(255,255,255,.09);color:#e7e8ff;font-size:1.3rem}.rx-badge{display:inline-flex;width:max-content;padding:4px 7px;border-radius:7px;background:rgba(34,211,238,.1);color:var(--cyan);font-size:.57rem;font-weight:950;letter-spacing:.09em}.rx-copy h3{color:#fff;margin:7px 0 8px;font-size:1.03rem}.rx-copy p{color:#9ca8cf;font-size:.79rem;line-height:1.55;margin:0 0 16px}.rx-action{margin-top:auto}.rx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:8px 12px;border-radius:10px;border:1px solid rgba(181,124,255,.25);background:rgba(181,124,255,.09);color:#e9ddff!important;text-decoration:none;font-size:.7rem;font-weight:900;cursor:pointer}.rx-btn.primary{border-color:transparent;background:linear-gradient(90deg,#7658ff,#1bc6e5);color:#fff!important}.rx-command{display:inline-flex;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.055);color:#fff;font-size:.7rem;font-weight:800}.rx-note{color:#7784b2;font-size:.68rem;font-weight:800}.rx-station-tip{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;border:1px solid rgba(34,211,238,.16);background:rgba(15,25,52,.75)}.rx-station-tip>div{flex:1}.rx-station-tip b{color:#fff}.rx-station-tip p{color:var(--muted);font-size:.78rem;margin:4px 0 0;line-height:1.5}
@media(max-width:900px){.rx-grid,.rx-own-grid{grid-template-columns:1fr 1fr}.rx-heading{align-items:start;flex-direction:column;gap:5px}.rx-heading>p{text-align:left}.rx-hero{padding:28px 22px}.rx-station-tip{align-items:flex-start;flex-wrap:wrap}.rx-station-tip>div{min-width:calc(100% - 70px)}}
@media(max-width:600px){.reception-page{padding:10px 0 24px}.rx-hero{border-radius:22px;padding:24px 18px;margin-bottom:26px}.rx-hero-logos{gap:10px}.rx-hero-logos img{max-width:145px;max-height:46px}.rx-hero-logos img:last-child{width:48px;height:48px}.rx-grid,.rx-own-grid{grid-template-columns:1fr}.rx-card{min-height:0;padding:18px}.rx-heading{margin-top:24px}.rx-hero-chips{gap:6px}.rx-hero-chips span{font-size:.64rem;padding:7px 9px}.rx-station-tip .rx-btn{width:100%}}

.rx-app-icons{display:flex;align-items:center}.rx-app-icons img{width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:16px;border:2px solid rgba(255,255,255,.16);box-shadow:0 9px 24px rgba(0,0,0,.3)}.rx-app-icons img+img{margin-left:-10px}.rx-card.apps .rx-brand{height:66px}.rx-card.alexa{position:relative;overflow:hidden}.rx-card.alexa:after{content:"ALEXA";position:absolute;right:-7px;top:10px;font-size:3.4rem;font-weight:950;letter-spacing:-.08em;color:rgba(91,210,255,.035);pointer-events:none}.rx-card.alexa .rx-square{width:64px;height:64px;border-radius:17px;box-shadow:0 10px 28px rgba(0,0,0,.3)}.rx-card.alexa .rx-brand{height:68px}.rx-card.alexa .rx-badge{background:rgba(64,190,255,.13);color:#69d9ff}.rx-card.alexa .rx-command{align-items:center;gap:9px;padding:10px 12px}.rx-command>i{font-size:1.05rem;color:#62d7ff}.rx-command span{display:flex;flex-direction:column;gap:2px}.rx-command small{font-size:.5rem;letter-spacing:.12em;color:#70d9ff;font-weight:950}

/* Kompakter 4:1 Editorial-Hero – Breite bestimmt die Höhe */
#sec-start.hero-slideshow{position:relative;overflow:hidden;box-sizing:border-box;min-height:0!important;height:clamp(300px,25vw,390px)!important;padding-top:clamp(24px,3vw,46px)!important;padding-bottom:48px!important}
#sec-start.hero-slideshow>div:first-child,#sec-start.hero-slideshow>.hero-recs{min-height:0!important;align-self:center}.hero-slideshow>div:first-child,.hero-slideshow>.hero-recs{transition:opacity .11s ease}.hero-slideshow.hero-changing>div:first-child,.hero-slideshow.hero-changing>.hero-recs{opacity:.2}
.hero-slideshow #cms-hero-title{font-size:clamp(2rem,3.35vw,3.6rem)!important;line-height:.98!important;margin-top:10px;margin-bottom:12px}.hero-slideshow #cms-hero-text{font-size:clamp(.82rem,1.05vw,1rem)!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.hero-slideshow .hero-actions{gap:9px}.hero-slideshow .btn-hero,.hero-slideshow .btn-ghost{padding:10px 16px!important;font-size:.78rem!important}
.hero-slide-nav{position:absolute!important;left:50%;bottom:11px;transform:translateX(-50%);display:flex!important;align-items:center;gap:8px;z-index:6;width:auto!important}.hero-slide-dots{display:flex;gap:6px;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(4,8,20,.3);backdrop-filter:blur(10px)}.hero-slide-dots button{border:0;padding:0;width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.32);cursor:pointer}.hero-slide-dots button.active{width:20px;background:#fff}.hero-slide-arrow{width:27px;height:27px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(4,8,20,.32);color:#fff;cursor:pointer}
.hero-station-pick,.hero-podcast-pick{height:190px;border:1px solid rgba(255,255,255,.12);border-radius:21px;background:rgba(5,8,22,.38);padding:18px;display:flex;align-items:center;gap:18px;box-sizing:border-box}.hero-station-pick img,.hero-podcast-pick img{width:125px;height:125px;object-fit:cover;border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.28)}.hero-station-pick div,.hero-podcast-pick div{min-width:0;display:flex;flex-direction:column;gap:5px}.hero-station-pick small,.hero-podcast-pick small,.hero-news-trio small{font-size:.52rem;letter-spacing:.12em;color:#69dfff;font-weight:900}.hero-station-pick strong,.hero-podcast-pick strong{font-size:1rem;line-height:1.25}.hero-station-pick span,.hero-podcast-pick span{font-size:.7rem;opacity:.68}
.hero-news-trio{height:190px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-news-trio>a{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.1);color:#fff;background:rgba(5,8,22,.4);text-decoration:none}.hero-news-trio>a:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(2,4,13,.95))}.hero-news-trio img,.hero-news-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-news-fallback{display:grid;place-items:center;font-size:1.5rem;background:rgba(90,85,220,.15)}.hero-news-trio>a>span:last-child{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:3px}.hero-news-trio strong{font-size:.66rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:760px){#sec-start.hero-slideshow{height:auto!important;min-height:510px!important;padding-bottom:48px!important}.hero-slide-arrow{display:none}.hero-slideshow #cms-hero-title{font-size:clamp(2rem,10vw,3rem)!important}.hero-station-pick,.hero-podcast-pick,.hero-news-trio{height:165px}.hero-station-pick img,.hero-podcast-pick img{width:100px;height:100px}.hero-news-trio{gap:5px}.hero-news-trio strong{font-size:.59rem}}
@media(prefers-reduced-motion:reduce){.hero-slideshow>div:first-child,.hero-slideshow>.hero-recs{transition:none}}

.hero-welcome-mark{height:190px;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:radial-gradient(circle at 40% 20%,rgba(98,70,230,.22),rgba(5,8,22,.38));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.hero-welcome-mark img{max-width:210px;max-height:72px;object-fit:contain}.hero-welcome-mark strong{font-size:.95rem}.hero-welcome-mark span{font-size:.67rem;opacity:.65}
.hero-schedule-list{height:190px;display:flex;flex-direction:column;justify-content:center;gap:7px}.hero-schedule-list>div{display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(5,8,22,.38)}.hero-schedule-list time{font-size:.8rem;font-weight:900;color:#69dfff;min-width:43px}.hero-schedule-list span{display:flex;flex-direction:column;min-width:0}.hero-schedule-list strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-schedule-list small{font-size:.58rem;opacity:.62;margin-top:2px}
.hero-reception{height:190px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(5,8,22,.38);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px}.hero-reception img{width:68px;height:68px;object-fit:cover;border-radius:17px;border:2px solid rgba(255,255,255,.14);box-shadow:0 10px 25px rgba(0,0,0,.28)}.hero-reception img+img{margin-left:-9px}.hero-reception div{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:8px}.hero-reception strong{font-size:.82rem}.hero-reception span{font-size:.61rem;opacity:.65}
@media(max-width:760px){.hero-welcome-mark,.hero-schedule-list,.hero-reception{height:165px}.hero-reception img{width:55px;height:55px;border-radius:14px}}

/* Senderbereich – optische Bühne, bestehendes Grid/Filter bleiben unverändert */
.station-section-head{position:relative;overflow:hidden;margin-top:30px!important;margin-bottom:14px!important;padding:22px 24px!important;border:1px solid rgba(118,104,255,.18);border-radius:22px;background:linear-gradient(115deg,rgba(88,62,210,.16),rgba(23,164,210,.08) 55%,rgba(5,8,22,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.station-section-head:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-150px;background:radial-gradient(circle,rgba(95,79,238,.2),transparent 68%);pointer-events:none}
.station-section-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.station-section-kicker{font-size:.57rem!important;letter-spacing:.16em;color:#77ddff!important;font-weight:900!important}.station-section-title{font-size:clamp(1.45rem,2.2vw,2rem)!important;line-height:1.05;font-weight:900!important;color:var(--text)!important}.station-section-title i{margin-right:8px;color:#8f7cff}.station-section-copy small{max-width:680px;font-size:.72rem;line-height:1.5;color:var(--muted)}.station-section-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.station-section-head .random-btn{border:1px solid rgba(132,116,255,.35);background:linear-gradient(135deg,rgba(106,78,230,.25),rgba(25,166,213,.16));box-shadow:0 8px 24px rgba(20,12,65,.16)}
@media(max-width:700px){.station-section-head{padding:18px!important;align-items:flex-start!important;gap:14px!important}.station-section-copy small{font-size:.68rem}.station-section-actions{width:100%}.station-section-head .random-btn{width:100%;justify-content:center}}

/* Senderbereich: dichteres, modernes Dashboard – vorhandene Karten/Funktionen bleiben unverändert */
#sec-sender.station-section-head{margin-top:34px!important;margin-bottom:16px!important;padding:20px 22px!important;border-radius:18px!important;border:1px solid rgba(72,191,255,.16)!important;background:linear-gradient(105deg,rgba(19,35,86,.72),rgba(32,25,82,.58) 52%,rgba(5,13,35,.72))!important;box-shadow:0 14px 38px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.045)!important}
#sec-sender .station-section-title{font-size:clamp(1.55rem,2.25vw,2.15rem)!important;background:linear-gradient(90deg,#fff 15%,#75dcff 55%,#a994ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
#sec-sender .station-section-kicker{color:#5edcff!important}#sec-sender .station-section-copy small{color:#aeb8dc!important;max-width:760px}
#grid-area.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#grid-area .station-card{border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(111,139,255,.16)!important;background:linear-gradient(165deg,rgba(20,29,73,.96),rgba(8,13,38,.98))!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#grid-area .station-card:hover{transform:translateY(-3px);border-color:rgba(74,213,255,.36)!important;box-shadow:0 17px 36px rgba(0,0,0,.27)!important}
#grid-area .sc-cover{aspect-ratio:16/8.2!important;height:auto!important;min-height:0!important;background:#080d22;overflow:hidden}
#grid-area .sc-cover>a,#grid-area .sc-cover>a>img{width:100%;height:100%!important}#grid-area .sc-cover>a>img{object-fit:cover!important}
#grid-area .sc-body{padding:14px 15px 15px!important}#grid-area .sc-name{font-size:.93rem!important}#grid-area .sc-tags{margin:7px 0!important;min-height:22px}#grid-area .chip{font-size:.58rem!important;padding:4px 7px!important}
#grid-area .sc-np{margin-top:8px!important;padding:9px!important;border-radius:12px!important;background:rgba(6,12,35,.52)!important;border:1px solid rgba(255,255,255,.055)!important}#grid-area .sc-np img{width:42px!important;height:42px!important;border-radius:9px!important}
#grid-area .sc-actions{margin-top:10px!important;gap:7px!important}#grid-area .sc-actions .btn-play,#grid-area .sc-actions .btn-sec{min-height:35px!important;padding:8px 10px!important;font-size:.68rem!important}
@media(max-width:1050px){#grid-area.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#sec-sender.station-section-head{padding:17px!important}#grid-area.grid{grid-template-columns:1fr!important;gap:11px!important}#grid-area .sc-cover{aspect-ratio:16/7.7!important}}

/* Mobile: Stationscover wie Desktop/meinradio sichtbar halten */
@media(max-width:650px){
 #grid-area .station-card{display:flex!important;flex-direction:column!important;overflow:hidden!important}
 #grid-area .sc-cover{display:block!important;visibility:visible!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/8.2!important;opacity:1!important}
 #grid-area .sc-cover>a{display:block!important;width:100%!important;height:100%!important}
 #grid-area .sc-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important}
}
/* Mobile Hero: alle Slides exakt gleich hoch */
@media(max-width:760px){
 #sec-start.hero-slideshow{height:520px!important;min-height:520px!important;max-height:520px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 165px!important;align-content:stretch!important}
 #sec-start.hero-slideshow>div:first-child{min-height:0!important;max-height:255px!important;overflow:hidden!important;align-self:center!important}
 #sec-start.hero-slideshow>.hero-recs{height:165px!important;min-height:165px!important;max-height:165px!important;overflow:hidden!important;align-self:center!important}
 #sec-start.hero-slideshow .hero-welcome-mark,#sec-start.hero-slideshow .hero-station-pick,#sec-start.hero-slideshow .hero-podcast-pick,#sec-start.hero-slideshow .hero-news-trio,#sec-start.hero-slideshow .hero-schedule-list,#sec-start.hero-slideshow .hero-reception{height:165px!important;min-height:165px!important;max-height:165px!important;box-sizing:border-box!important}
}

/* Senderkarten 2026 – meinradio-inspirierte Informationshierarchie in RicoReWi-Farben */
#grid-area.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:start}
#grid-area .station-card{border-radius:20px!important;background:linear-gradient(180deg,rgba(16,24,55,.96),rgba(10,17,42,.97))!important;border:1px solid rgba(96,180,255,.14)!important;box-shadow:0 14px 38px rgba(0,0,0,.25)!important}
#grid-area .sc-cover{aspect-ratio:16/8.2!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
#grid-area .live-badge{background:linear-gradient(90deg,#ff5d72,#ff7a66)!important;border:0!important;box-shadow:0 5px 16px rgba(255,93,114,.25)}
#grid-area .sc-body{padding:14px!important}
#grid-area .sc-name{display:block;font-size:1rem!important;font-weight:900!important;margin-bottom:7px!important}
#grid-area .sc-tags{margin:0 0 10px!important;min-height:0!important}
#grid-area .sc-np{position:relative;margin:0!important;padding:11px 48px 11px 11px!important;min-height:58px;background:rgba(7,13,34,.62)!important;border:1px solid rgba(255,255,255,.065)!important}
#grid-area .sc-np:after{content:"\f04b";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:1px solid rgba(80,213,255,.65);border-radius:50%;display:grid;place-items:center;color:#62dcff;font-size:.68rem}
#grid-area .sc-np img{width:46px!important;height:46px!important}
#grid-area .sc-np small{color:#77ddff!important;text-transform:uppercase;letter-spacing:.06em;font-size:.52rem!important}
#grid-area .sc-np .nt{font-size:.75rem!important;line-height:1.25!important}
#grid-area .sc-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:11px!important}
#grid-area .sc-actions .btn-play,#grid-area .sc-actions .btn-sec{width:100%!important;justify-content:center!important;border-radius:999px!important}
#grid-area .sc-platforms{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:8px}
#grid-area .sc-platforms>span{font-size:.57rem;font-weight:800;opacity:.62;white-space:nowrap}
#grid-area .sc-platforms>div{display:flex;align-items:center;gap:5px}
#grid-area .sc-platforms .platform-icon-btn{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
#grid-area .sc-platforms .platform-logo-img{width:16px!important;height:16px!important;object-fit:contain!important}
@media(max-width:1100px){#grid-area.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#grid-area.grid{grid-template-columns:1fr!important;gap:14px!important}#grid-area .station-card{border-radius:18px!important}#grid-area .sc-cover{aspect-ratio:16/8.2!important}#grid-area .sc-body{padding:13px!important}#grid-area .sc-platforms{padding-bottom:1px}}

/* Senderkarten 2026 – meinradio-inspirierte Informationshierarchie, RicoReWi-Farben */
#grid-area.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
#grid-area .station-card{border-radius:20px!important;background:linear-gradient(180deg,rgba(20,27,66,.96),rgba(10,15,39,.98))!important;border:1px solid rgba(90,211,255,.12)!important}
#grid-area .sc-cover{aspect-ratio:16/7.3!important}
#grid-area .sc-body{padding:0!important}
#grid-area .sc-name{display:block;padding:14px 16px 0;font-size:1rem!important}
#grid-area .sc-tags{padding:0 16px;margin:7px 0 9px!important}
#grid-area .sc-np{margin:0 12px!important;padding:11px 12px!important;border-radius:14px!important;background:linear-gradient(90deg,rgba(27,67,123,.48),rgba(13,22,54,.72))!important}
#grid-area .sc-np img{width:48px!important;height:48px!important}
#grid-area .sc-schedule{padding:12px 14px 3px}
#grid-area .sc-schedule .fv-schedule-strip{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:start;background:transparent!important;border:0!important;padding:0!important;margin:0!important}
#grid-area .sc-schedule .fv-schedule-strip>div{min-width:0}
#grid-area .sc-schedule .fv-schedule-strip small{font-size:.54rem!important;color:#7e8dbb!important;letter-spacing:.08em}
#grid-area .sc-schedule .fv-schedule-strip b{display:block;font-size:.69rem!important;line-height:1.25;margin-top:4px;white-space:normal}
#grid-area .sc-schedule .fv-schedule-strip span{font-size:.57rem!important;color:#68dff9!important}
#grid-area .sc-schedule .fv-schedule-strip>i{font-size:.55rem;opacity:.3;margin-top:22px}
#grid-area .sc-actions{padding:9px 14px 11px;margin:0!important}
#grid-area .sc-actions .btn-play{border-radius:999px!important}
#grid-area .sc-actions .btn-sec{border-radius:999px!important}
#grid-area .sc-platforms{margin:0!important;padding:11px 14px 14px;border-top:1px solid rgba(255,255,255,.055)}
#grid-area .sc-platforms>span{font-size:.58rem!important;text-transform:none!important;letter-spacing:.02em!important}
@media(max-width:1100px){#grid-area.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#grid-area.grid{grid-template-columns:1fr!important;gap:14px!important}#grid-area .sc-cover{aspect-ratio:16/7.3!important}}

/* Sender-Vollansicht 2026 – bestehende IDs/Buttons/Widgets bleiben unverändert */
.fv{max-width:1280px;margin:0 auto}.fv-top{padding:4px 2px 14px!important}.fv-hero{border-radius:28px!important;overflow:hidden!important;border:1px solid rgba(91,214,255,.16)!important;box-shadow:0 28px 70px rgba(0,0,0,.32)!important;background:#090f27!important}
.fv-hero-bg{filter:blur(34px) saturate(1.25) brightness(.42)!important;transform:scale(1.13)!important;opacity:.8!important}
.fv-logo{border-radius:22px!important;box-shadow:0 18px 45px rgba(0,0,0,.38)!important}
.fv-info h1{font-size:clamp(1.8rem,3.2vw,3.15rem)!important;line-height:1.02!important}
.fv-info .desc{max-width:680px!important;line-height:1.55!important;color:#b9c3e7!important}
.fv-np{border-radius:18px!important;background:linear-gradient(100deg,rgba(21,68,126,.6),rgba(16,21,55,.72))!important;border:1px solid rgba(101,220,255,.13)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.fv-schedule-strip{border-radius:16px!important;background:rgba(6,11,31,.55)!important;border:1px solid rgba(255,255,255,.07)!important}
.fv-player-actions button{border-radius:999px!important}.fv-section,.fv-grid .box{border-radius:22px!important;border:1px solid rgba(111,200,255,.1)!important;background:linear-gradient(145deg,rgba(17,24,58,.88),rgba(8,13,34,.94))!important;box-shadow:0 16px 40px rgba(0,0,0,.15)!important}
.wtile{border-radius:16px!important;background:rgba(10,18,45,.74)!important;border:1px solid rgba(255,255,255,.07)!important}.wtile:hover{border-color:rgba(75,213,255,.35)!important;transform:translateY(-2px)}
@media(max-width:720px){.fv-hero{border-radius:20px!important}.fv-info h1{font-size:1.8rem!important}.fv-section,.fv-grid .box{border-radius:18px!important}}

/* Senderkarten V3 – quadratisches Original-Logo vollständig, Aktionen in einer Zeile */
#grid-area .sc-cover{background:radial-gradient(circle at 50% 35%,rgba(65,196,255,.15),rgba(66,46,156,.18) 45%,rgba(5,8,24,.96) 100%)!important;display:grid!important;place-items:center!important}
#grid-area .sc-cover>a{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:14px!important;box-sizing:border-box!important}
#grid-area .sc-cover>a>img{width:min(72%,230px)!important;height:min(92%,230px)!important;aspect-ratio:1/1!important;object-fit:contain!important;border-radius:18px!important;box-shadow:0 13px 35px rgba(0,0,0,.28)!important}
#grid-area .sc-actions{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:9px!important;align-items:stretch!important}
#grid-area .sc-actions .btn-play,#grid-area .sc-actions .btn-sec{width:100%!important;margin:0!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
@media(max-width:650px){#grid-area .sc-cover{aspect-ratio:16/9!important}#grid-area .sc-cover>a>img{width:min(66%,210px)!important;height:min(88%,210px)!important}.sc-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important}}

/* Sender-Vollansicht V3 – Funktionen unverändert, moderne Bühne */
.fv{max-width:1240px;margin:0 auto}.fv-top{padding:5px 0 14px!important}.fv-hero{position:relative!important;overflow:hidden!important;border:1px solid rgba(105,124,255,.18)!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(20,24,58,.96),rgba(12,17,43,.94))!important;box-shadow:0 28px 75px rgba(0,0,0,.28)!important;padding:clamp(22px,3vw,38px)!important;gap:clamp(24px,4vw,52px)!important}
.fv-hero-bg{position:absolute!important;inset:0!important;opacity:.14!important;filter:blur(38px) saturate(1.3)!important;transform:scale(1.16)!important;background-position:center!important;background-size:cover!important}.fv-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(51,203,255,.12),transparent 35%),linear-gradient(90deg,rgba(9,13,34,.15),rgba(9,13,34,.48));pointer-events:none}.fv-logo,.fv-info{position:relative;z-index:1}.fv-logo{width:clamp(220px,31vw,360px)!important;height:clamp(220px,31vw,360px)!important;object-fit:contain!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(72,61,170,.24),rgba(7,12,34,.82))!important;padding:16px!important;box-sizing:border-box!important;box-shadow:0 20px 55px rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.1)!important}.fv-info{min-width:0!important}.fv-info h1{font-size:clamp(1.65rem,3vw,3rem)!important;line-height:1.04!important;margin:10px 0 12px!important}.fv-info .desc{max-width:680px!important;line-height:1.55!important}.fv-np{border:1px solid rgba(74,213,255,.12)!important;background:rgba(7,15,42,.58)!important;border-radius:18px!important;padding:12px!important}.fv-player-actions{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)!important;gap:10px!important;margin-top:14px!important}.fv-listen,.fv-device{width:100%!important;margin:0!important;min-width:0!important}.fv-section,.fv-grid .box{border-radius:22px!important;border-color:rgba(112,126,255,.13)!important;background:linear-gradient(145deg,rgba(20,27,65,.68),rgba(8,13,35,.7))!important;box-shadow:0 14px 38px rgba(0,0,0,.16)!important}.wtiles{gap:10px!important}.wtile{border-radius:17px!important}
@media(max-width:760px){.fv-hero{display:flex!important;flex-direction:column!important;padding:18px!important;border-radius:22px!important;gap:16px!important}.fv-logo{width:min(76vw,280px)!important;height:min(76vw,280px)!important;align-self:center!important}.fv-info h1{text-align:center!important}.fv-info>.live-badge{display:table!important;margin:0 auto!important}.fv-info>.chips{justify-content:center!important}.fv-info .desc{text-align:center!important}.fv-player-actions{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr)!important}.fv-actions{gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important}}

/* Senderkarten V3 – quadratisches Original-Logo, Actions in einer Reihe */
#grid-area .sc-cover{background:linear-gradient(135deg,rgba(26,35,92,.96),rgba(83,55,174,.72) 55%,rgba(15,133,190,.42))!important;display:grid!important;place-items:center!important}
#grid-area .sc-cover>a{display:grid!important;place-items:center!important;padding:16px!important;box-sizing:border-box}
#grid-area .sc-cover>a>img{width:min(72%,230px)!important;height:min(86%,230px)!important;aspect-ratio:1!important;object-fit:contain!important;border-radius:18px!important;box-shadow:0 14px 34px rgba(0,0,0,.26);background:rgba(3,7,24,.25)}
#grid-area .sc-actions{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:9px!important;align-items:stretch!important}
#grid-area .sc-actions .btn-play,#grid-area .sc-actions .btn-sec{width:100%!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
@media(max-width:650px){#grid-area .sc-cover>a{padding:12px!important}#grid-area .sc-cover>a>img{width:min(66%,210px)!important;height:min(86%,210px)!important}#grid-area .sc-actions{grid-template-columns:1fr 1fr!important}}

/* Sender-Vollbild V3 – bestehende Funktionen, modernere Bühne */
.fv{max-width:1240px;margin:0 auto}.fv-top{padding:8px 2px 14px}.fv-hero{position:relative;overflow:hidden;border:1px solid rgba(113,108,255,.2)!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(18,27,73,.97),rgba(47,36,112,.94) 56%,rgba(8,91,135,.82))!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important;padding:clamp(20px,3vw,38px)!important;gap:clamp(22px,4vw,54px)!important}
.fv-hero-bg{opacity:.13!important;filter:blur(28px) saturate(1.3)!important;transform:scale(1.14)}
.fv-logo{width:clamp(210px,28vw,350px)!important;height:clamp(210px,28vw,350px)!important;aspect-ratio:1!important;object-fit:contain!important;border-radius:25px!important;background:rgba(5,9,30,.4)!important;padding:14px!important;box-sizing:border-box!important;box-shadow:0 24px 60px rgba(0,0,0,.32)!important;z-index:1}
.fv-info{z-index:1!important;min-width:0}.fv-info h1{font-size:clamp(1.7rem,3vw,3rem)!important;line-height:1.02!important}.fv-info .desc{max-width:650px;opacity:.8}.fv-np{border:1px solid rgba(255,255,255,.1)!important;background:rgba(4,9,31,.42)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.fv-player-actions{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(120px,.7fr)!important;gap:10px!important}.fv-listen,.fv-device{width:100%!important;margin:0!important;min-height:46px!important}
.fv-section{border-radius:23px!important;border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(145deg,rgba(18,28,67,.62),rgba(10,16,43,.55))!important;box-shadow:0 18px 45px rgba(0,0,0,.13)}
@media(max-width:760px){.fv-hero{border-radius:22px!important;padding:18px!important;display:flex!important;flex-direction:column!important}.fv-logo{width:min(72vw,260px)!important;height:min(72vw,260px)!important;align-self:center}.fv-player-actions{grid-template-columns:1fr 1fr!important}.fv-info h1{text-align:center}.fv-info>.live-badge{display:table;margin-left:auto;margin-right:auto}.fv-info>.chips{justify-content:center}}

/* Senderkarten Feinschliff: quadratisches Original-Logo vollständig, LIVE am Namen */
#grid-area .sc-cover{background:radial-gradient(circle at 50% 35%,rgba(54,105,226,.28),rgba(11,17,48,.96) 68%)!important;display:flex!important;align-items:center!important;justify-content:center!important}
#grid-area .sc-cover>a{display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;box-sizing:border-box!important}
#grid-area .sc-cover>a>img{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center center!important;border-radius:12px}
#grid-area .sc-title-row{display:flex;align-items:center;gap:8px;min-width:0}#grid-area .sc-title-row .sc-name{min-width:0}#grid-area .sc-title-row .live-badge{position:static!important;flex:0 0 auto;margin:0!important;font-size:.52rem!important;padding:4px 7px!important}
#grid-area .sc-actions{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}#grid-area .sc-actions .btn-play,#grid-area .sc-actions .btn-sec{width:100%!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
@media(max-width:650px){#grid-area .sc-cover>a{padding:8px!important}#grid-area .sc-cover>a>img{height:100%!important;width:auto!important;object-fit:contain!important}#grid-area .sc-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important}}

/* Senderkarten Feinschliff: vollständiges Logo, Titel-Laufschrift, echte Play-Aktion */
#grid-area .sc-cover{background:linear-gradient(135deg,rgba(13,24,67,.96),rgba(34,62,139,.82))!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;box-sizing:border-box!important}
#grid-area .sc-cover>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}
#grid-area .sc-cover>a>img{width:min(78%,230px)!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:12px}
#grid-area .sc-title-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0}.sc-title-row .sc-name{min-width:0}.sc-title-row .live-badge{position:static!important;inset:auto!important;flex:0 0 auto!important;margin:0!important;font-size:.52rem!important;padding:4px 7px!important}
#grid-area .sc-np{display:flex!important;align-items:center!important;gap:10px!important;min-width:0}.sc-np-copy{min-width:0!important;flex:1!important;overflow:hidden!important}.sc-np-copy .nt{overflow:hidden!important;white-space:nowrap!important;position:relative!important}.sc-np-copy .marquee-inner{display:inline-block!important;white-space:nowrap!important}
#grid-area .sc-np-play{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(90,226,255,.7)!important;background:rgba(14,119,190,.18)!important;color:#7ceaff!important;cursor:pointer!important;transition:.18s!important}.sc-np-play:hover{transform:scale(1.06);background:rgba(28,153,230,.3)!important}
#grid-area .sc-actions{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}.sc-actions .btn-play,.sc-actions .btn-sec{width:100%!important;min-width:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
@media(max-width:650px){#grid-area .sc-cover{aspect-ratio:16/8.2!important;padding:10px!important}#grid-area .sc-cover>a>img{width:min(82%,220px)!important}.sc-actions{grid-template-columns:1fr 1fr!important}}

/* Vollbild-Sender: modernere Glaskarten, Funktionen/IDs bleiben unangetastet */
.full-view .fv-hero,.full-view .fv-now,.full-view .fv-panel,.full-view .fv-card,#full-view .fv-hero,#full-view .fv-now,#full-view .fv-panel,#full-view .fv-card{border:1px solid rgba(110,194,255,.14)!important;background:linear-gradient(145deg,rgba(13,24,65,.86),rgba(24,55,126,.5))!important;box-shadow:0 22px 60px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px)}
#full-view .fv-hero{border-radius:28px!important;overflow:hidden!important}#full-view .fv-now{border-radius:20px!important}#full-view .fv-schedule-strip>div{border-radius:14px}

/* Senderkarten V3 – Original-Stationlogo vollständig, klare Aktionen */
#grid-area .sc-cover{aspect-ratio:16/8.2!important;background:radial-gradient(circle at 50% 42%,rgba(73,78,220,.24),transparent 48%),linear-gradient(135deg,#090d25,#11194a 58%,#071b35)!important;display:grid!important;place-items:center!important}
#grid-area .sc-cover>a{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:12px!important;box-sizing:border-box!important}
#grid-area .sc-cover>a>img{width:min(62%,210px)!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:14px!important}
#grid-area .sc-title-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
#grid-area .sc-title-row .sc-name{min-width:0!important}
#grid-area .sc-title-row .live-badge{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;margin:0!important;font-size:.52rem!important;padding:5px 8px!important}
#grid-area .sc-np{display:flex!important;align-items:center!important}.sc-np-copy{min-width:0!important;overflow:hidden!important;flex:1!important}
#grid-area .sc-np-play{display:none!important}
#grid-area .sc-actions{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
#grid-area .sc-actions .btn-play,#grid-area .sc-actions .btn-sec{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
@media(max-width:650px){#grid-area .sc-cover{aspect-ratio:16/8.2!important}#grid-area .sc-cover>a{padding:10px!important}#grid-area .sc-cover>a>img{width:min(68%,220px)!important;height:100%!important;object-fit:contain!important}#grid-area .sc-actions{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;gap:7px!important}}

/* Vollbild Sender V3 – moderne Bühne, bestehende Logik bleibt */
.fv{max-width:1240px!important;margin:0 auto!important}.fv-top{margin-bottom:14px!important}
.fv-hero{position:relative!important;overflow:hidden!important;border:1px solid rgba(111,126,255,.18)!important;border-radius:28px!important;padding:clamp(20px,3vw,38px)!important;display:grid!important;grid-template-columns:minmax(230px,.78fr) minmax(0,1.35fr)!important;gap:clamp(24px,4vw,52px)!important;align-items:center!important;background:linear-gradient(135deg,rgba(17,22,62,.96),rgba(8,16,44,.95))!important;box-shadow:0 28px 80px rgba(0,0,0,.3)!important}
.fv-hero-bg{position:absolute!important;inset:0!important;opacity:.12!important;filter:blur(38px) saturate(1.25)!important;background-size:cover!important;background-position:center!important;transform:scale(1.15)!important}
.fv-logo{position:relative!important;z-index:1!important;width:100%!important;max-width:360px!important;aspect-ratio:1!important;height:auto!important;object-fit:contain!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(70,76,205,.18),rgba(4,10,31,.55))!important;padding:14px!important;box-sizing:border-box!important;box-shadow:0 20px 55px rgba(0,0,0,.32)!important}
.fv-info{position:relative!important;z-index:1!important;min-width:0!important}.fv-info>h1{font-size:clamp(2rem,4vw,4rem)!important;line-height:1!important;margin:7px 0 12px!important}.fv-info>.live-badge{display:inline-flex!important;position:static!important;inset:auto!important;transform:none!important}
.fv-np{border:1px solid rgba(94,216,255,.13)!important;background:linear-gradient(110deg,rgba(24,83,190,.25),rgba(25,34,90,.42))!important;border-radius:18px!important;padding:12px!important}
.fv-player-actions{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important;gap:9px!important}.fv-listen,.fv-device{width:100%!important;margin:0!important}
.fv-section,.fv-grid .box{border-radius:22px!important;border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(145deg,rgba(17,26,67,.72),rgba(7,12,35,.76))!important;box-shadow:0 15px 45px rgba(0,0,0,.15)!important}
@media(max-width:760px){.fv-hero{grid-template-columns:1fr!important;padding:16px!important;gap:18px!important;border-radius:22px!important}.fv-logo{width:min(82vw,330px)!important;max-width:100%!important;margin:0 auto!important}.fv-info>h1{font-size:clamp(1.8rem,9vw,2.7rem)!important}.fv-player-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}}

/* Senderkarten FINAL: nur ein echter Play-Button + Aktionen garantiert eine Zeile */
#grid-area .sc-np::after{content:none!important;display:none!important}
#grid-area .sc-np-play{display:none!important}
#grid-area .sc-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important;width:100%!important;padding:9px 14px 11px!important;box-sizing:border-box!important}
#grid-area .sc-actions>.btn-play{display:flex!important;flex:1 1 62%!important;width:auto!important;min-width:0!important;margin:0!important;align-items:center!important;justify-content:center!important}
#grid-area .sc-actions>.btn-sec{display:flex!important;flex:1 1 38%!important;width:auto!important;min-width:0!important;margin:0!important;align-items:center!important;justify-content:center!important}
@media(max-width:650px){
 #grid-area .sc-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:7px!important;padding:9px 12px 11px!important}
 #grid-area .sc-actions>.btn-play{flex:1 1 60%!important;width:auto!important;font-size:.66rem!important;padding:9px 7px!important}
 #grid-area .sc-actions>.btn-sec{flex:1 1 40%!important;width:auto!important;font-size:.66rem!important;padding:9px 7px!important}
}

/* RicoReWi Music & Media im kompakten Header-Slider */
.hero-music-projects{height:190px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-content:center}.hero-music-project{min-width:0;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(5,8,22,.42);color:#fff;text-decoration:none;transition:.18s}.hero-music-project:hover{transform:translateY(-2px);border-color:rgba(91,216,255,.35);background:rgba(55,39,130,.38)}.hero-music-cover{width:35px;height:35px;flex:0 0 35px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(99,70,220,.7),rgba(18,177,190,.5));font-size:1rem}.hero-music-cover img{width:100%;height:100%;object-fit:cover}.hero-music-project>span:last-child{min-width:0;display:flex;flex-direction:column}.hero-music-project strong{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-music-project small{font-size:.49rem;color:#78e5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
@media(max-width:760px){.hero-music-projects{height:165px!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hero-music-project{padding:5px}.hero-music-cover{width:28px;height:28px;flex-basis:28px;border-radius:7px}.hero-music-project strong{font-size:.58rem}.hero-music-project small{font-size:.45rem}}

/* Spotify-Playlist als eigener Hero-Slide */
.hero-spotify-embed{height:190px;border-radius:18px;overflow:hidden;background:#121212;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.hero-spotify-embed iframe{display:block;width:100%;height:190px;border:0}
@media(max-width:760px){.hero-spotify-embed,.hero-spotify-embed iframe{height:165px!important;min-height:165px!important;max-height:165px!important}}

/* RicoReWi Music & Media – Senderkarten-Optik mit echtem Spotify Embed */
#grid-area .music-media-card{border-color:rgba(122,92,255,.22)!important;background:linear-gradient(155deg,rgba(20,18,54,.96),rgba(5,11,28,.97))!important}
#grid-area .music-media-cover{position:relative!important;aspect-ratio:auto!important;height:232px!important;padding:0!important;background:linear-gradient(135deg,rgba(99,63,220,.35),rgba(18,167,206,.14))!important}
#grid-area .music-media-cover iframe{display:block!important;width:100%!important;height:232px!important;border:0!important;border-radius:0!important}
.music-media-badge{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(4,8,20,.82);backdrop-filter:blur(8px);font-size:.56rem;font-weight:900;letter-spacing:.08em;color:#fff;border:1px solid rgba(255,255,255,.12);pointer-events:none}.music-media-badge i{color:#1ed760;font-size:.8rem}
#grid-area .music-media-info>i{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;flex:0 0 42px;background:linear-gradient(135deg,rgba(119,81,255,.28),rgba(40,194,232,.16));color:#8eeaff}
#grid-area .music-media-card .sc-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
#grid-area .music-media-card .sc-actions>a{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important}
@media(max-width:650px){#grid-area .music-media-cover{height:232px!important;aspect-ratio:auto!important}#grid-area .music-media-cover iframe{height:232px!important}}

/* Spotify und Podcast als vollwertige Senderkacheln, ohne Funktionen zu ändern */
#grid-area .music-media-card,#grid-area .podcast-card{display:flex!important;flex-direction:column!important;min-height:610px!important}
#grid-area .music-media-card .sc-body,#grid-area .podcast-card .sc-body{display:flex!important;flex:1!important;flex-direction:column!important}
#grid-area .music-media-card .sc-actions,#grid-area .podcast-card .sc-actions{margin-top:auto!important}
#grid-area .music-media-card .sc-actions{display:flex!important;flex-direction:row!important;grid-template-columns:none!important}
#grid-area .music-media-card .sc-actions>a{flex:1 1 100%!important;width:100%!important}
#grid-area .music-media-cover{height:320px!important;min-height:320px!important;aspect-ratio:auto!important;display:block!important;padding:0!important;overflow:hidden!important}
#grid-area .music-media-cover iframe{width:100%!important;height:320px!important;min-height:320px!important}
#grid-area .podcast-card .sc-cover{height:320px!important;min-height:320px!important;aspect-ratio:auto!important}
#grid-area .podcast-card .sc-cover>a{height:100%!important;display:grid!important;place-items:center!important}
#grid-area .podcast-card .sc-cover img{height:100%!important;width:min(85%,290px)!important;max-height:290px!important;object-fit:contain!important}
@media(max-width:650px){
 #grid-area .music-media-card,#grid-area .podcast-card{min-height:0!important}
 #grid-area .music-media-cover,#grid-area .podcast-card .sc-cover{height:300px!important;min-height:300px!important}
 #grid-area .music-media-cover iframe{height:300px!important;min-height:300px!important}
}

/* Spotify: verfügbare Coverfläche vollständig nutzen, Kartenhöhe beibehalten */
#grid-area .music-media-card .music-media-cover{height:320px!important;min-height:320px!important;max-height:320px!important;padding:0!important;overflow:hidden!important}
#grid-area .music-media-card .music-media-cover iframe{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;border:0!important}
@media(max-width:650px){#grid-area .music-media-card .music-media-cover{height:300px!important;min-height:300px!important;max-height:300px!important}}

/* Persönliches Radio-Dashboard */
.rrw-personal-dashboard{margin:20px 0 24px;padding:22px;border:1px solid rgba(112,111,255,.22);border-radius:23px;background:linear-gradient(115deg,rgba(84,60,184,.19),rgba(13,22,53,.88) 60%,rgba(22,129,187,.12));color:#f6f7ff}
.rrw-dash-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.rrw-dash-heading span{font-size:.59rem;letter-spacing:.17em;color:#83e2ff;font-weight:900}.rrw-dash-heading h2{margin:4px 0;font-size:clamp(1.15rem,2vw,1.55rem)}.rrw-dash-heading p{margin:0;color:#b7bfd5;font-size:.78rem}.rrw-dash-heading>button{border:1px solid rgba(130,192,255,.3);background:rgba(74,97,211,.22);border-radius:12px;padding:11px 15px;color:#fff;cursor:pointer;white-space:nowrap}.rrw-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.rrw-dash-panel{padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(5,9,26,.45);min-width:0}.rrw-dash-panel h3{margin:0 0 11px;font-size:.82rem}.rrw-dash-panel h3 i{color:#87b8ff;margin-right:7px}.rrw-dash-station,.rrw-dash-program{width:100%;display:flex;align-items:center;gap:11px;text-align:left;color:#fff;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.065);padding:11px 4px;cursor:pointer}.rrw-dash-station:hover,.rrw-dash-program:hover{background:rgba(99,110,238,.12)}.rrw-dash-station>i{font-size:1.3rem;color:#8b9dff}.rrw-dash-station span,.rrw-dash-program span{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.rrw-dash-station strong,.rrw-dash-program strong{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrw-dash-station small,.rrw-dash-program small{font-size:.65rem;color:#a7b5d2}.rrw-dash-program time{font-size:.76rem;font-weight:900;color:#86e5ff}.rrw-dash-program>i{color:#99aaff}.rrw-dash-empty{font-size:.75rem;color:#a7b5d2}
@media(max-width:650px){.rrw-personal-dashboard{padding:15px;margin:15px 0}.rrw-dash-heading{align-items:flex-start;flex-direction:column}.rrw-dash-grid{grid-template-columns:1fr}}


/* Player quick actions: compact desktop row, full-width controls in mobile expanded panel. */
.master-player .mp-quick-actions{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;flex-wrap:wrap}
.master-player .mp-quick{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid rgba(135,153,197,.35);border-radius:999px;background:rgba(89,104,151,.15);color:inherit;font:inherit;font-size:.76rem;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;max-width:100%}
.master-player .mp-quick[hidden]{display:none!important}
.master-player .mp-quick-wa i{color:#25d366;font-size:1.05rem}
.master-player .mp-quick-ai i{color:#72c8ff;font-size:1.05rem}
.master-player .mp-quick:focus-visible{outline:2px solid #8bdcff;outline-offset:3px}
@media(max-width:1000px){
 .master-player .mp-quick-actions{width:100%;order:20;display:none;padding:8px 4px 2px}
 .master-player.expanded .mp-quick-actions{display:flex}
 .master-player .mp-quick{flex:1 1 135px;white-space:normal}
}
@media(max-width:560px){
 .master-player .mp-quick-actions{gap:6px}
 .master-player .mp-quick{font-size:.72rem;min-height:42px;padding:8px}
}


/* Desktop: mirror the two equal mobile action pills without changing mobile rules. */
@media (min-width:1001px){
 .master-player .master-layout{flex-wrap:wrap;column-gap:14px;row-gap:8px}
 .master-player .mp-quick-actions{
  order:50;flex:0 0 100%;width:100%;display:flex;
  align-items:stretch;justify-content:center;flex-wrap:nowrap;
  gap:12px;padding:8px 0 2px;margin:0;
  border-top:1px solid rgba(135,153,197,.2);
 }
 .master-player .mp-quick-actions > .mp-quick{
  display:inline-flex;flex:1 1 0;min-width:0;max-width:none;
  min-height:42px;align-items:center;justify-content:center;gap:9px;
  padding:9px 16px;border:1px solid rgba(135,153,197,.35);
  border-radius:999px;background:rgba(89,104,151,.15);
  color:inherit;text-decoration:none;font:inherit;font-size:.85rem;
  font-weight:750;line-height:1.2;white-space:nowrap;cursor:pointer;
  appearance:none;-webkit-appearance:none;
 }
 .master-player .mp-quick-actions > .mp-quick[hidden]{display:none!important}
 .master-player .mp-quick-actions > .mp-quick i{font-size:1.05rem}
}



/* Desktop: player utilities live in the existing three-dot menu, not below the bar. */
@media (min-width:1001px){
  .master-player .master-layout{position:relative}
  .master-player #mp-more{display:inline-flex!important;align-items:center;justify-content:center}
  .master-player .mp-quick-actions,
  .master-player .mp-extra,
  .master-player .m-apps{display:none!important}
  .master-player.expanded .mp-quick-actions,
  .master-player.expanded .mp-extra,
  .master-player.expanded .m-apps{
    display:flex!important;position:absolute;z-index:100;right:12px;
    width:min(320px,calc(100vw - 28px));box-sizing:border-box;
    background:#111936;border:1px solid rgba(155,157,244,.34);
    box-shadow:0 18px 45px rgba(0,0,0,.55);padding:12px 14px;
  }
  .master-player.expanded .mp-quick-actions{
    bottom:calc(100% + 118px);border-radius:16px 16px 0 0;
    flex-direction:column;align-items:stretch;gap:8px;
  }
  .master-player.expanded .mp-quick-actions .mp-quick{width:100%;box-sizing:border-box}
  .master-player.expanded .mp-extra{
    bottom:calc(100% + 57px);border-radius:0;
    justify-content:space-around;align-items:center;gap:12px;
  }
  .master-player.expanded .m-apps{
    bottom:calc(100% + 0px);border-radius:0 0 16px 16px;
    justify-content:center;align-items:center;gap:22px;
  }
  .master-player .mp-extra .volume-popover,
  .master-player .mp-extra .sleep-menu{z-index:120}
}



/* ZOTIK-Download-Schaltflächen im Spiele-Player */
.rrw-games-own-dlbtn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:#5334a8;color:#fff;text-decoration:none;font-weight:700;font-size:.88rem}
.rrw-games-own-dlbtn:hover{filter:brightness(1.12)}

/* Eigene Spiele: Vollbild-Ansicht auf der Seite (Desktop + Handy) */
html.rrw-own-open,html.rrw-own-open body{overflow:hidden!important}
.rrw-own-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:#000;color:#fff}
.rrw-own-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));background:#0d0d14;border-bottom:1px solid rgba(255,255,255,.14)}
.rrw-own-bar strong{font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rrw-own-btns{display:flex;gap:8px;flex:0 0 auto}
.rrw-own-btns button{padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:inherit;font-size:.85rem;cursor:pointer}
.rrw-own-btns .rrw-own-close{background:#fff;color:#111;border-color:#fff;font-weight:700}
.rrw-own-frame{flex:1 1 auto;width:100%;min-height:0;border:0;background:#000;display:block}
.rrw-own-dl{flex:0 0 auto;padding:10px 14px;background:#14141f;font-size:.85rem;line-height:1.7}
.rrw-own-dl[hidden]{display:none}
@media(max-width:560px){.rrw-own-bar strong{display:none}.rrw-own-btns{width:100%;justify-content:space-between}.rrw-own-btns button{flex:1}}
.rrw-own-info{max-height:42vh;overflow:auto;font-size:.82rem;line-height:1.55}
.rrw-own-info h3{margin:0 0 6px;font-size:.95rem}.rrw-own-info p{margin:0 0 8px}

.rrw-gc-modes{display:flex;flex-wrap:wrap;gap:6px}
.rrw-gc-modes:empty{display:none}
.rrw-gc-mode{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:rgba(127,224,244,.1);border:1px solid rgba(127,224,244,.22);color:#a9ecfa;font-size:.7rem;font-weight:700}
/* Detailseite */
.rrw-gd{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,6,20,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.rrw-gd-box{position:relative;width:min(720px,100%);max-height:min(88vh,900px);overflow:auto;border:1px solid rgba(161,157,255,.28);border-radius:26px;background:linear-gradient(170deg,#1c2352,#0b1030);color:#e8ecff;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.rrw-gd-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(8,11,31,.6);color:#fff;cursor:pointer;font-size:1rem}
.rrw-gd-head{display:flex;gap:16px;align-items:center;padding-right:44px}
.rrw-gd-head img{width:112px;height:112px;object-fit:cover;border-radius:20px;flex:0 0 auto;background:#151c3e}
.rrw-gd-head h2{margin:2px 0 8px;font-size:1.45rem;line-height:1.2}
.rrw-gd-genre{display:inline-block;color:#7fe0f4;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rrw-gd-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
.rrw-gd-actions button{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid rgba(161,157,255,.3);border-radius:14px;background:rgba(18,24,58,.8);color:#fff;font:700 .9rem system-ui,sans-serif;cursor:pointer}
.rrw-gd-actions .rrw-gd-play{flex:1 1 180px;justify-content:center;border:0;background:linear-gradient(100deg,#8a4dff,#2bb8e8);box-shadow:0 8px 22px rgba(98,70,240,.4)}
.rrw-gd-text h3{margin:20px 0 6px;font-size:1rem;color:#fff}
.rrw-gd-text p{margin:0 0 6px;color:#b9c4ea;line-height:1.6;font-size:.92rem}
.rrw-gd-text ul{margin:0;padding-left:20px;color:#b9c4ea;line-height:1.6;font-size:.9rem}
.rrw-gd-text li{margin:0 0 6px}
.rrw-gd-text .rrw-gd-hint{margin-top:18px;padding:11px 14px;border-radius:14px;background:rgba(127,224,244,.08);border:1px solid rgba(127,224,244,.2);color:#a9ecfa;font-size:.82rem}
@media(max-width:560px){.rrw-gd{align-items:flex-end;padding:0}.rrw-gd-box{max-height:92vh;border-radius:26px 26px 0 0;padding:18px 16px 24px}.rrw-gd-head img{width:88px;height:88px}}

/* ===== Games-Seite (App-Look): Kopf, Spiel des Tages, Reihen, Kategorien, Kacheln ===== */
.gx{max-width:1180px;margin:0 auto;padding:clamp(12px,2vw,24px) clamp(12px,3vw,28px) 110px;color:#e8ecff}
.gx-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.gx-eyebrow{display:block;color:#7bdff7;font-size:.66rem;font-weight:800;letter-spacing:.16em}
.gx h1{margin:4px 0 0;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:900;letter-spacing:-.045em;line-height:1.05;color:#fff}
.gx-fm{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:min(100%,360px);padding:8px 10px;border-radius:16px;border:1px solid rgba(160,150,255,.26);background:rgba(36,42,92,.55)}
.gx-eg{display:flex;align-items:center;gap:12px;box-sizing:border-box;margin:0 0 16px;padding:10px 12px;border-radius:16px;border:1px solid rgba(0,229,255,.26);background:linear-gradient(120deg,rgba(0,229,255,.10),rgba(139,92,246,.14) 55%,rgba(255,45,149,.12));color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.gx-eg:hover{border-color:rgba(0,229,255,.6);transform:translateY(-1px)}
.gx-board{appearance:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.gx-board-ic{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;font-size:30px;border-radius:12px;background:rgba(255,197,61,.14)}
.gx-eg:focus-visible{outline:2px solid #7bdff7;outline-offset:2px}
.gx-eg img{width:52px;height:52px;flex:0 0 52px;border-radius:12px}
.gx-eg-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gx-eg-copy strong{font-size:.92rem;color:#fff}
.gx-eg-copy small{color:#9fc4ff;font-size:.72rem;line-height:1.35}
.gx-eg-go{flex:0 0 auto;font-size:.78rem;font-weight:800;color:#7bdff7;white-space:nowrap}
@media(max-width:600px){.gx-eg-go{display:none}.gx-eg-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
.gx-fm img{width:44px;height:44px;flex:0 0 44px;object-fit:contain;border-radius:11px;background:#192448}
.gx-fm-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gx-fm-copy small{color:#9fc4ff;font-size:.66rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-fm-copy strong{font-size:.84rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-fm button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;color:#fff;cursor:pointer;background:linear-gradient(135deg,#8a4dff,#2bb8e8)}
.gx-search{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:16px}
.gx-search>i{position:absolute;left:16px;color:#8d9ad0;pointer-events:none}
.gx-search input{flex:1;min-width:0;box-sizing:border-box;min-height:48px;padding:12px 16px 12px 44px;border:1px solid rgba(161,157,255,.3);border-radius:16px;background:#161d3c;color:#fff;font-size:1rem}
.gx-search input:focus{outline:0;border-color:#a98bff}
.gx-search button{flex:0 0 48px;height:48px;border:1px solid rgba(161,157,255,.3);border-radius:16px;background:#161d3c;color:#cdb8ff;font-size:1.1rem;cursor:pointer}
.gx-search button:hover{border-color:#a98bff;color:#fff}
.gx-feat{position:relative;margin-bottom:22px;border-radius:24px;overflow:hidden;border:1px solid rgba(160,150,255,.28);background:linear-gradient(150deg,#232a66,#0d1233)}
.gx-feat[hidden]{display:none}
.gx-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gx-slides::-webkit-scrollbar{display:none}
.gx-feat-slide{flex:0 0 100%;scroll-snap-align:center;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-width:0}
.gx-feat-copy{padding-bottom:clamp(34px,4vw,44px)!important}
.gx-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(10,13,38,.65);z-index:2}
.gx-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff66;cursor:pointer;transition:width .25s,background .25s}
.gx-dots i.on{width:22px;border-radius:5px;background:#2bb8e8}
.gx-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border:0;border-radius:12px;background:rgba(10,13,38,.65);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.gx-nav:hover{background:rgba(138,77,255,.7)}.gx-nav.l{left:10px}.gx-nav.r{right:10px}
@media(pointer:coarse){.gx-nav{display:none}}
.gx-colls{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 12px;margin-bottom:6px;scrollbar-width:none}
.gx-colls::-webkit-scrollbar{display:none}
.gx-coll{--cc:#8a4dff;flex:0 0 auto;width:82px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;color:#e6ebff;font-size:.76rem;font-weight:750;cursor:pointer}
.gx-coll-ic{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;color:#fff;background:color-mix(in srgb,var(--cc) 30%,#161d3c);border:2px solid color-mix(in srgb,var(--cc) 62%,transparent);transition:transform .2s,background .2s}
.gx-coll:hover .gx-coll-ic{transform:scale(1.08);background:color-mix(in srgb,var(--cc) 48%,#161d3c)}
.gx-coll.on .gx-coll-ic{background:var(--cc);color:#071018}
.gx-feat-img{display:block;width:100%;height:100%;min-height:210px;max-height:270px;object-fit:cover}
.gx-feat-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(16px,2.6vw,30px);min-width:0}
.gx-badge{align-self:flex-start;padding:5px 11px;border-radius:999px;background:rgba(255,205,84,.15);border:1px solid rgba(255,205,84,.4);color:#ffd877;font-size:.7rem;font-weight:800;letter-spacing:.06em}
.gx-feat-copy h2{margin:0;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.1}
.gx-feat-copy p{margin:0;color:#c3cdee;font-size:.92rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gx-feat-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.gx-feat-btns button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid rgba(161,157,255,.35);background:rgba(30,36,80,.7);color:#fff;font-weight:800;cursor:pointer}
.gx-feat-btns .gx-btn-play{border:0;background:linear-gradient(110deg,#8a4dff,#2bb8e8)}
.gx-h{margin:0 0 10px;font-size:1.12rem;font-weight:850;color:#fff;letter-spacing:-.01em}
.gx-rail{margin:0 0 20px}
.gx-rail-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none}
.gx-rail-row::-webkit-scrollbar{display:none}
.gx-tile{flex:0 0 148px;scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;text-align:left;padding:0;border:0;background:none;color:#fff;cursor:pointer;min-width:0}
.gx-tile img{display:block;width:148px;height:111px;object-fit:cover;border-radius:16px;background:#1a2147;border:1px solid rgba(160,150,255,.2)}
.gx-tile b{margin-top:6px;font-size:.84rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-tile small{font-size:.72rem;color:#8fdcf0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-tile:hover img,.gx-tile:focus-visible img{border-color:#b58aff}
.gx-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.gx-chips::-webkit-scrollbar{display:none}
.gx-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid rgba(161,157,255,.28);border-radius:999px;background:rgba(27,33,76,.8);color:#cfd8f6;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap}
.gx-chip small{opacity:.65;font-weight:700}
.gx-chip:hover{border-color:#a98bff;color:#fff}
.gx-chip.on{background:linear-gradient(100deg,#8a4dff,#2bb8e8);border-color:transparent;color:#fff}
.gx-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.gx-status{margin:0;color:#93a0cc;font-size:.84rem}
.gx-sort{padding:8px 12px;border:1px solid rgba(161,157,255,.3);border-radius:12px;background:#161d3c;color:#fff;font-size:.84rem}
.gx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.gx-card{position:relative;display:flex;flex-direction:column;min-width:0;cursor:pointer;border-radius:18px;overflow:hidden;border:1px solid rgba(160,150,255,.2);background:linear-gradient(170deg,rgba(33,40,92,.85),rgba(12,18,48,.95));transition:transform .15s,border-color .15s}
.gx-card:hover,.gx-card:focus-visible{transform:translateY(-3px);border-color:#b58aff;outline:0}
.gx-card-cover{position:relative;aspect-ratio:4/3;background:#151c3e}
.gx-card-cover img{display:block;width:100%;height:100%;object-fit:cover}
.gx-fav{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgba(8,12,34,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer}
.gx-fav[aria-pressed=true]{color:#ff6fae}
.gx-card-body{display:flex;align-items:center;gap:6px;padding:10px 8px 11px 12px}
.gx-card-text{flex:1;min-width:0}
.gx-card-title{margin:0;font-size:.95rem;line-height:1.25;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-card-sub{margin:2px 0 0;font-size:.75rem;color:#8fdcf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-card-sub i{margin-left:4px;opacity:.85}
.gx-card-info{flex:0 0 34px;height:34px;border:0;border-radius:50%;background:transparent;color:#a9b6e6;font-size:1rem;cursor:pointer}
.gx-card-info:hover{color:#fff;background:rgba(160,150,255,.16)}
@media(max-width:850px){.gx-feat-slide{grid-template-columns:1fr}.gx-feat-img{min-height:0;max-height:none;height:150px}.gx-feat-copy{gap:8px;padding:14px 16px 16px}}
@media(max-width:600px){.gx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gx-tile{flex-basis:128px}.gx-tile img{width:128px;height:96px}.gx-card-title{font-size:.88rem}.gx-fm{width:100%}}
@media(prefers-reduced-motion:reduce){.gx-card{transition:none}.gx-card:hover{transform:none}}
/* Games: Spieleportal-Optik wie easygames (Kategorie-Farben, Tag, Spielen-Knopf beim Überfahren) */
.gx-chip[data-c=abenteuer],.gx-card[data-c=abenteuer],.gx-coll[data-c=abenteuer]{--cc:#ff9f43}.gx-chip[data-c=action],.gx-card[data-c=action],.gx-coll[data-c=action]{--cc:#ff4d6d}.gx-chip[data-c=denken],.gx-card[data-c=denken],.gx-coll[data-c=denken]{--cc:#9b7bff}.gx-chip[data-c=quiz],.gx-card[data-c=quiz],.gx-coll[data-c=quiz]{--cc:#2cc7ff}.gx-chip[data-c=sim],.gx-card[data-c=sim],.gx-coll[data-c=sim]{--cc:#3ddc84}.gx-chip[data-c=tisch],.gx-card[data-c=tisch],.gx-coll[data-c=tisch]{--cc:#ffc53d}.gx-chip[data-c=musik],.gx-card[data-c=musik],.gx-coll[data-c=musik]{--cc:#ff5cb0}
.gx-chip[data-c]:not([data-c=""]){border-color:color-mix(in srgb,var(--cc) 45%,transparent);background:color-mix(in srgb,var(--cc) 12%,#161d3c)}
.gx-chip[data-c]:not([data-c=""]):hover{background:color-mix(in srgb,var(--cc) 26%,#161d3c)}
.gx-chip.on[data-c]:not([data-c=""]){background:var(--cc);border-color:var(--cc);color:#071018}
.gx-card{border-width:2px}
.gx-card:hover,.gx-card:focus-visible{transform:translateY(-5px) scale(1.02);border-color:var(--cc,#b58aff);box-shadow:0 14px 32px rgba(0,0,0,.5),0 0 26px color-mix(in srgb,var(--cc,#b58aff) 50%,transparent)}
.gx-tag{position:absolute;z-index:2;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:rgba(8,12,34,.78);border:1.5px solid var(--cc,#fff);color:#fff;font-size:.68rem;font-weight:800}
.gx-play{position:absolute;z-index:2;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;display:grid;place-items:center;padding-left:3px;border-radius:50%;color:#071018;font-size:1.1rem;background:linear-gradient(135deg,#8a4dff,#2bb8e8);opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s;pointer-events:none}
.gx-card:hover .gx-play,.gx-card:focus-visible .gx-play{opacity:1;transform:none}
.gx-card-cover img{position:absolute;inset:0}
@media(max-width:600px){.gx-play{display:none}.gx-tag{font-size:.62rem;padding:2px 7px}}
@media(prefers-reduced-motion:reduce){.gx-play{transition:none}}


/* Games: Konto und Community (Konto, Profil & Freunde, Heute, Chat, Fehler melden) */
.gx-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.gx-q{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:16px;border:1px solid rgba(160,150,255,.22);background:linear-gradient(170deg,rgba(33,40,92,.85),rgba(12,18,48,.95));color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}
.gx-q:hover,.gx-q:focus-visible{transform:translateY(-2px);border-color:#b58aff;outline:0}
.gx-q>span{font-size:1.4rem;line-height:1}
.gx-q strong{margin-top:4px;font-size:.9rem}
.gx-q small{color:#9fc4ff;font-size:.72rem;line-height:1.3}
@media(max-width:600px){.gx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-q{padding:10px 12px}.gx-q small{display:none}}
@media(prefers-reduced-motion:reduce){.gx-q{transition:none}.gx-q:hover{transform:none}}

.gx-portal{display:block;width:100%;height:max(640px,calc(100vh - 150px));height:max(640px,calc(100dvh - 150px));border:0;border-radius:18px;background:#080b12}