/* RBMC StyleVault Backup
   Build-Tag: 2026-04-08_17-06-53_sv_backup_page-433
   Scope: page
   Page-ID: 433
   Purpose: active-state-snapshot
   Generated: 2026-04-08T17:06:53+00:00 (UTC)
*/

/* RBMC StyleVault Backup
   Build-Tag: 2026-04-06_19-06-38_sv_backup_page-433
   Scope: page
   Page-ID: 433
   Purpose: restore-point-before-activation
   Generated: 2026-04-06T19:06:38+00:00 (UTC)
*/

/* RBMC StyleVault Export
   Build-Tag: 2025-12-21_18-56_sv_export_page-433
   Scope: page
   Page-ID: 433
   Generated: 2025-12-21T18:56:34+00:00 (UTC)
*/

body .cky-btn-revisit-wrapper{background-color: rgba(0, 0, 0, 0) !important;}body .cky-btn-revisit-wrapper .cky-btn-revisit img{opacity: 0;}#main-content{min-height: calc(100vh - 100px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient: column;-webkit-box-direction: column;-ms-flex-direction: column;flex-direction: column;}.home{background: radial-gradient(1400px 700px at 50% -260px, rgba(6,8,12,0.10), transparent 65%), linear-gradient(180deg, #07090D 0%, #080A0E 55%, #050609 100%);background-attachment: fixed, scroll;}.home .rb-hero picture,.home .rb-hero img{display:block;width:100%;height:auto;}.home .rb-hero{margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}.home .section--after-hero,.home .first-section,.home .page .content-area > section:first-of-type{background: transparent !important;-webkit-box-shadow: none !important;box-shadow: none !important;}.home .page .content-area > section:first-of-type{margin-top: clamp(12px, 2vw, 20px);}body .cky-btn-revisit-wrapper{background-color: rgba(0, 0, 0, 0) !important;}body .cky-btn-revisit-wrapper .cky-btn-revisit img{opacity: 0;}.home .popup-trigger{position: relative;display: block;border-radius: 12px;overflow: hidden;background: #0b0f15;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);cursor: pointer;will-change: transform;}.home .popup-trigger img{display:block;width:100%;height:auto;transition: transform .18s ease, filter .18s ease;}.home .popup-trigger:hover,.home .popup-trigger:focus-visible{-webkit-transform: scale(1.012);-ms-transform: scale(1.012);transform: scale(1.012);-webkit-box-shadow: 0 12px 28px rgba(0,0,0,.55), 0 0 0 2px rgba(0,184,255,.45), 0 0 22px rgba(0,140,220,.28);box-shadow: 0 12px 28px rgba(0,0,0,.55), 0 0 0 2px rgba(0,184,255,.45), 0 0 22px rgba(0,140,220,.28);outline: none;}.home .popup-trigger:hover img,.home .popup-trigger:focus-visible img{-webkit-transform: scale(1.018);-ms-transform: scale(1.018);transform: scale(1.018);-webkit-filter: contrast(1.02) saturate(1.02);filter: contrast(1.02) saturate(1.02);}.home .popup-trigger::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:14px;-webkit-box-shadow: inset 0 0 0 1px rgba(140,190,255,.10);box-shadow: inset 0 0 0 1px rgba(140,190,255,.10);transition: box-shadow .18s ease;}.home .popup-trigger:hover::after,.home .popup-trigger:focus-visible::after{-webkit-box-shadow: inset 0 0 0 1px rgba(140,190,255,.22), 0 0 30px rgba(40,140,230,.22);box-shadow: inset 0 0 0 1px rgba(140,190,255,.22), 0 0 30px rgba(40,140,230,.22);}.home .rb-title + *:has(.popup-trigger){display:-ms-grid !important;display:grid !important;-ms-grid-columns: repeat(auto-fit, minmax(260px, 1fr));grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: clamp(14px, 2vw, 26px);-webkit-box-align: start;-ms-flex-align: start;align-items: start;}.home .rb-title + * + .rb-title + *:has(.popup-trigger){display:-ms-grid !important;display:grid !important;-ms-grid-columns: repeat(auto-fit, minmax(260px, 1fr));grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: clamp(14px, 2vw, 26px);}body .popup-overlay{opacity: 0;position: fixed;inset:0;background: rgba(5,7,10,0.86);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 9999;overflow: auto;-webkit-transform: scale(.98);-ms-transform: scale(.98);transform: scale(.98);transition: opacity .18s ease, transform .18s ease;}body .popup-overlay.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}body .popup-content{background: #0e141b;color: #e9f2f7;padding: 28px;border-radius: 14px;width: min(90vw, 960px);max-height: 85vh;overflow: auto;-webkit-box-shadow: 0 18px 48px rgba(0,0,0,.55);box-shadow: 0 18px 48px rgba(0,0,0,.55);background: #0e141b;color: #e9f2f7;padding: clamp(24px, 3vw, 32px) clamp(24px, 4vw, 40px);border-radius: 14px;width: min(90vw, 960px);max-height: 85vh;overflow: auto;-webkit-box-shadow: 0 18px 48px rgba(0,0,0,.55);box-shadow: 0 18px 48px rgba(0,0,0,.55);-webkit-box-sizing: border-box;box-sizing: border-box;}body .popup-content h2{font: 700 1.8rem/1.2 'Poppins',system-ui;color:#f5fbff;margin:0 0 10px 0;}body .popup-content h3{font: 600 1.2rem/1.3 'Poppins',system-ui;color:#dfeaf1;margin:16px 0 6px 0;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px;}body .popup-content p{font: 300 1rem/1.6 'Poppins',system-ui;color:#cfe1ea;margin:8px 0;padding:0;}.popup-container{display:-ms-grid;display:grid;-ms-grid-columns: 1.2fr .8fr;grid-template-columns: 1.2fr .8fr;gap: 24px;}.popup-left{min-width: 260px;}.popup-right{background: #121a23;border-radius: 10px;padding: 18px;-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);}html:has(.popup-overlay.active),body:has(.popup-overlay.active){overflow: hidden;}.h-section.rb-uw.rb-rc .swiper-wrapper{padding:0 !important;margin:0 !important;}.spotify-card{position: relative;width: 100%;margin: 0 auto;padding: 0;border: 0;line-height: 0;overflow: hidden;border-radius: 10px;cursor: pointer;transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);will-change: transform;}.spotify-card img{display: block;width: 100%;height: auto;object-fit: cover;border: 0;}.spotify-card:hover{-webkit-transform: scale(.99);-ms-transform: scale(.99);transform: scale(.99);-webkit-box-shadow: 0 8px 24px rgba(0,0,0,.5);box-shadow: 0 8px 24px rgba(0,0,0,.5);-webkit-filter: brightness(1.03) contrast(1.02);filter: brightness(1.03) contrast(1.02);}.spotify-card h3{position: absolute;left: 50%;bottom: 60px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);margin: 0;font-family: 'Poppins', sans-serif;font-size: 2.5rem;font-weight: 600;color: #fff;text-transform: uppercase;letter-spacing: 1px;text-shadow: 0 2px 4px rgba(0,0,0,.8);z-index: 2;white-space: nowrap;pointer-events: none;transition: color .35s ease, transform .35s ease;}.spotify-card h3::after{content: '';position: absolute;left: 50%;bottom: -5px;-webkit-transform: translateX(-50%) scaleX(0);-ms-transform: translateX(-50%) scaleX(0);transform: translateX(-50%) scaleX(0);-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;width: 100%;height: 6px;background-color: rgba(0,0,0,.5);z-index: 1;transition: transform .35s ease;}.spotify-card:hover h3{color: #ffcc00;-webkit-transform: translateX(-50%) scale(1.02);-ms-transform: translateX(-50%) scale(1.02);transform: translateX(-50%) scale(1.02);}.spotify-card:hover h3::after{-webkit-transform: translateX(-50%) scaleX(1);-ms-transform: translateX(-50%) scaleX(1);transform: translateX(-50%) scaleX(1);}body .scanner{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.2);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);z-index: 1;animation: scan 2s infinite;}body #chevron-left{position:relative;left:-30px;}body #chevron-right{position:relative;left:30px;}.active > div > div > div{padding-left: 0px;padding-right: 20px;}.ag_slug_playlist-album > div > div > .active > .active{padding-right: 20px;}.ag_slug_playlist-album .menu-item{-webkit-transform: translateX(0px) translateY(0px);-ms-transform: translateX(0px) translateY(0px);transform: translateX(0px) translateY(0px);-webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.07);box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.07);color: rgba(255,255,255,0.85) !important;}.ap-controls div div div div div{border-width: 2px !important;}#playlist div .ag_slug_playlist-album{-webkit-column-count: 1;column-count: 1;word-spacing: 2.1px;letter-spacing: 0.4px;font-family: 'Oswald', sans-serif;background-color: rgba(12, 14, 20, 0.97) !important;border-radius: 12px !important;border: 1px solid rgba(78, 201, 225, 0.25) !important;box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;overflow: hidden !important;}.ag_slug_playlist-album .active .fa-heart,.ag_slug_playlist-album .active .fa-play{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}.dzsag-loaded .active .fa-heart{color: #f93333;font-size: 12px;}.btn-zoomsounds:before,.btn-zoomsounds>.the-bg{width: 107% !important;}.dzsag-loaded .active .zoomsounds-player-btn-like:hover{-webkit-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);transition: transform 0.3s ease;}.dzsag-loaded .active .active svg{position:relative;left:18px;top:1px;}.btn-zoomsounds .the-icon>svg path{fill: #444 !important;transition: fill 0.3s ease-out;}.btn-zoomsounds:hover .the-icon>svg path{fill: #e91e63 !important;transition: fill 0.3s ease-out;transition: transform 0.3s ease-out;}.btn-zoomsounds .btn-label,.btn-zoomsounds .the-icon,.btn-zoomsounds .the-label{padding-right: 20px;}.dzsag-loaded .active .the-label:hover{color: #e91e63 !important;transition: color 0.3s ease-out !important;}.dzsag-loaded .active .fa-play{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}.zoomsounds-nav.skin-aura .menu-item{-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 5px;color: rgba(255,255,255,0.9) !important;border-bottom-color: rgba(255,255,255,0.07) !important;opacity: 0.88 !important;}.zoomsounds-nav.skin-aura .menu-item .the-artist{color: rgba(255,255,255,0.92) !important;font-family: 'Oswald', sans-serif !important;}.zoomsounds-nav.skin-aura .menu-item .the-name{color: rgba(255,255,255,0.6) !important;opacity: 1 !important;font-family: 'Oswald', sans-serif !important;}.zoomsounds-nav.skin-aura .menu-item.active{opacity: 1 !important;background: rgba(78,201,225,0.14) !important;}.ag_slug_playlist-album .menu-item.active-from-gallery{background: rgba(78,201,225,0.14) !important;}.zoomsounds-nav.skin-aura .menu-item:hover{opacity: 1 !important;background: rgba(78,201,225,0.07) !important;}.zoomsounds-nav.skin-aura .menu-item .menu-item-number{color: rgba(255,255,255,0.35) !important;}.zoomsounds-nav.skin-aura .menu-item-views{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;-ms-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;pointer-events: auto;transition: none !important;}.zoomsounds-nav.skin-aura .menu-item-views:hover{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;-ms-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;color: #e91e63 !important;transition: color 0.3s ease-out !important;}.gutters-row-lg-2 .justify-content-lg-center .h-column-container .h-flex-basis .h-y-container .h-element div h3{font-size: clamp(2rem, 2vw, 2.5rem);line-height: 1.2;text-align: center;margin: 20px auto;-webkit-box-shadow: 0 0 10px #00ccff, 0 0 20px #00ccff;box-shadow: 0 0 10px #00ccff, 0 0 20px #00ccff;text-decoration: underline;text-decoration-color: #00ccff;}.button-shared-glow{display: inline-block;padding: 15px 30px;margin-top: 20px;margin-bottom: 30px;font-size: 1.5rem;font-weight: bold;color: #ffffff;text-align: center;background:-webkit-linear-gradient(left, #ff4500, #ff6a00);background:-o-linear-gradient(left, #ff4500, #ff6a00);background:linear-gradient(90deg, #ff4500, #ff6a00);border: none;border-radius: 10px;text-decoration: none;-webkit-box-shadow: 0 0 10px rgba(255, 69, 0, 0.7);box-shadow: 0 0 10px rgba(255, 69, 0, 0.7);transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;}.button-shared-glow:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);background:-webkit-linear-gradient(left, #ff6a00, #ff4500);background:-o-linear-gradient(left, #ff6a00, #ff4500);background:linear-gradient(90deg, #ff6a00, #ff4500);-webkit-box-shadow: 0 0 20px rgba(255, 69, 0, 1);box-shadow: 0 0 20px rgba(255, 69, 0, 1);color: #ffffff;}.button-shared-glow:active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-box-shadow: 0 0 15px rgba(255, 69, 0, 0.8);box-shadow: 0 0 15px rgba(255, 69, 0, 0.8);background:-webkit-linear-gradient(left, #ff4500, #ff6a00);background:-o-linear-gradient(left, #ff4500, #ff6a00);background:linear-gradient(90deg, #ff4500, #ff6a00);}.button-shared-glow_2{display: inline-block;margin-top: 20px;padding: 15px 30px;font-size: 1.5rem;font-weight: bold;color: #ffffff;text-align: center;background:-webkit-linear-gradient(left, #ff4500, #ff6a00);background:-o-linear-gradient(left, #ff4500, #ff6a00);background:linear-gradient(90deg, #ff4500, #ff6a00);border: none;border-radius: 10px;text-decoration: none;transition: transform 0.2s, box-shadow 0.2s;}.button-shared-glow_2:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}.headline_yt-video_text{font-size: 5rem;margin: 20px auto 10px;text-align: center;color: #ffffff;text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(0, 128, 255, 0.7);animation: glow 2s infinite alternate;}.subheadline_yt-video_text{font-size: 1.2rem;color: #dcdcdc;margin-bottom: 30px;text-align: center;line-height: 1.5;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);padding-top: 10px;}.playlist_hint{font-size: 1rem;color: #dcdcdc;margin-top: 20px;text-align: center;padding-top: 10px;}.playlist_hint a{color: #1e90ff;text-decoration: none;font-weight: bold;}.playlist_hint a:hover{color: #ff4500;text-decoration: underline;}.container{background: rgba(0, 0, 0, 0.8);padding: 20px;border-radius: 10px;max-width: 800px;margin: 50px auto;-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.7);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.7);}.video-container{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;border: 2px solid #ffffff;border-radius: 15px;-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);transition: transform 0.3s;}.video-container:hover{-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);}.video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 15px;-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);}a:hover{color: #ff4500;text-decoration: underline;}.popup-trigger{width: 100%;height: auto;}body .popup-content .popup-container{display:-ms-grid;display:grid;-ms-grid-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);gap: clamp(18px, 2.4vw, 28px);-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}body .popup-content .popup-left,body .popup-content .popup-right{-webkit-box-sizing: border-box;box-sizing: border-box;}body .popup-content .popup-right{background: #121a23;border-radius: 10px;padding: 18px 26px 18px 20px;-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);}.dzsag-loaded .active .zoomsounds-player-btn-like{left:10px;}@media (prefers-reduced-motion: reduce){.home .popup-trigger, .home .popup-trigger img{transition:none;-webkit-transform:none;-ms-transform:none;transform:none;}.home .rb-hero, .home .rb-hero::before{animation:none;}.rb-hero, .rb-hero::after{animation:none;}}@media (min-width: 768px) and (max-width: 2500px){.button-shared-glow{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:row;-webkit-box-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;bottom:-15px;padding: 15px 30px;font-size: 1.5rem;font-weight: bold;color: #ffffff;text-align: center;background:-webkit-linear-gradient(left, #ff4500, #ff6a00);background:-o-linear-gradient(left, #ff4500, #ff6a00);background:linear-gradient(90deg, #ff4500, #ff6a00);border: none;border-radius: 10px;text-decoration: none;-webkit-box-shadow: 0 0 10px rgba(255, 69, 0, 0.7);box-shadow: 0 0 10px rgba(255, 69, 0, 0.7);transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;}.spotify-card h3{position: absolute;left: 50%;bottom: 37px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);margin: 0;font-family: 'Poppins', sans-serif;font-size: 2rem;font-weight: 600;}}@media (min-width: 576px) and (max-width: 767.98px){body .popup-content{padding-top: 1px;}body .popup-container{padding: none;}.popup-left, .popup-right{width: 100%;padding: 15px;-webkit-box-shadow: none;box-shadow: none;}.popup-content{padding: 20px;font-size: 14px;line-height: 1.5;width: 95%;max-width: 600px;margin: 0 auto;border-radius: 10px;}.headline_yt-video_text{font-size: 2rem;margin: 15px auto;}.spotify-card h3{position: absolute;left: 50%;bottom: 70px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);margin: 0;font-family: 'Poppins', sans-serif;font-size: 4rem;font-weight: 600;}}@media (max-width: 575.98px){.headline_yt-video_text{font-size: 1.8rem;margin: 10px auto;}.button-shared-glow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:row;-webkit-box-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;}.spotify-card h3{position: absolute;left: 50%;bottom: 36px;font-size: 2rem;font-weight: 600;}}@media (max-width: 900px){.popup-container{-ms-grid-columns: 1fr;grid-template-columns: 1fr;}.popup-right{order: 2;}body .popup-content .popup-container{-ms-grid-columns: 1fr;grid-template-columns: 1fr;}body .popup-content .popup-right{margin-top: 12px;padding: 16px 20px;}}
/* === Sticky Footer Player: Dark Theme + Button Match + Text Fix (2026-04-06) === */

/* Footer: Dunkler Hintergrund passend zur Homepage */
.dzsap-sticktobottom{
  background-color:rgba(12,14,20,0.97) !important;
  border-top:1px solid rgba(78,201,225,0.18) !important;
  box-shadow:0 -4px 20px rgba(0,0,0,0.5) !important;
}

/* Footer Button: Transparent + helle Border + helles Icon (Dark-BG Variante vom Main Player) */
.dzsap-sticktobottom .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .playbtn .the-icon-bg,
.dzsap-sticktobottom .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .pausebtn .the-icon-bg,
.dzsap-sticktobottom .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .player-but .the-icon-bg{
  background-color:rgba(0,0,0,0) !important;
  border:1.5px solid rgba(255,255,255,0.55) !important;
}
.dzsap-sticktobottom .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .con-playpause:hover .the-icon-bg,
.dzsap-sticktobottom .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .player-but:hover .the-icon-bg{
  border-color:rgba(255,255,255,0.85) !important;
}
.dzsap-sticktobottom .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled svg.svg-icon path{
  fill:rgba(255,255,255,0.85) !important;
}
.dzsap-sticktobottom .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled i.svg-icon{
  color:rgba(255,255,255,0.85) !important;
}

/* Footer: Titel + Kuenstler sichtbar + nicht abschneiden */
.dzsap-sticktobottom .audioplayer.skin-wave .meta-artist-con{
  max-width:none !important;
  overflow:visible !important;
}
.dzsap-sticktobottom .audioplayer.skin-wave .meta-artist .the-name,
.dzsap-sticktobottom .audioplayer.skin-wave .meta-artist .the-name > a,
.dzsap-sticktobottom .audioplayer.skin-wave .meta-artist .the-name > a > span{
  white-space:nowrap;
  overflow:visible !important;
  text-overflow:unset !important;
  color:#fff !important;
  font-size:14px !important;
}
.dzsap-sticktobottom .audioplayer.skin-wave .meta-artist .the-artist,
.dzsap-sticktobottom .audioplayer.skin-wave .meta-artist .the-artist > a{
  overflow:visible !important;
  text-overflow:unset !important;
  white-space:nowrap;
  color:rgba(255,255,255,0.6) !important;
  font-size:11px !important;
}

/* Footer: Zeitanzeige lesbar */
.dzsap-sticktobottom .curr-time,
.dzsap-sticktobottom .total-time{
  color:rgba(255,255,255,0.55) !important;
}

/* Footer: Waveform-Farbe anpassen */
.dzsap-sticktobottom .ap-wave-holder canvas{
  opacity:0.7;
}

/* Playlist: Unterlängen (g,y,p) nicht abschneiden */
.audioplayer.skin-wave .meta-artist .the-name{
  overflow:visible !important;
  line-height:1.3 !important;
}
.zoomsounds-nav.skin-aura .menu-item .the-name{
  overflow:visible !important;
  line-height:1.3 !important;
}

/* === 1) "Anhören, Liken und Folgen!" -> rb-title Style (clean) === */
.button-shared-glow_2{
  display:inline-block !important;
  margin-top:20px !important;
  padding:12px 28px 14px !important;
  font-size:1.3rem !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#f4fbff !important;
  text-align:center !important;
  background:rgba(10,18,30,.78) !important;
  border:1px solid rgba(120,210,255,.38) !important;
  border-radius:10px !important;
  text-decoration:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.42), inset 0 0 0 1px rgba(210,240,255,.08), 0 0 18px rgba(70,160,255,.18), 0 0 34px rgba(40,120,255,.10) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.40), 0 0 10px rgba(180,230,255,.18), 0 0 18px rgba(120,200,255,.10) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  backdrop-filter:blur(2px) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  cursor:pointer;
}
.button-shared-glow_2:hover{
  transform:scale(1.03) !important;
  border-color:rgba(120,210,255,.65) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.5), inset 0 0 0 1px rgba(210,240,255,.15), 0 0 24px rgba(70,160,255,.3), 0 0 44px rgba(40,120,255,.18) !important;
}

/* === 2) Spotify Radio Carousel: Sauberer Hover === */
.spotify-card{
  transform:scale(1) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:inset 0 0 0 0 transparent !important;
  transition:box-shadow .35s ease !important;
  border:none !important;
}
.spotify-card:hover{
  transform:scale(1) !important;
  box-shadow:inset 0 0 0 2.5px rgba(120,210,255,.5), inset 0 0 24px rgba(78,201,225,.15) !important;
}
.spotify-card img{
  transition:transform .4s cubic-bezier(.25,.46,.45,.94), filter .3s ease !important;
}
.spotify-card:hover img{
  transform:scale(1) !important;
  filter:saturate(1.1) contrast(1.04) !important;
}
.spotify-card h3{
  transition:color .3s ease, text-shadow .3s ease !important;
}
.spotify-card:hover h3{
  color:#fff !important;
  text-shadow:0 2px 8px rgba(0,0,0,.6), 0 0 16px rgba(78,201,225,.25) !important;
}

/* Fix: h3 innerhalb button-shared-glow_2 - kein Underline/Glow */
.button-shared-glow_2 h3{
  text-decoration:none !important;
  box-shadow:none !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  color:inherit !important;
  margin:0 !important;
  padding:0 !important;
  line-height:inherit !important;
}

/* === Scanner Wipe: popup-trigger Kacheln (gleich wie Radio/Spotify-Karten) === */
.home .popup-trigger .scanner {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,0.18) 50%, transparent 80%) !important;
  transform: translateX(-130%) !important;
  transition: transform 680ms cubic-bezier(.25,.8,.25,1) !important;
  z-index: 5 !important;
  pointer-events: none !important;
  animation: none !important;
  border-radius: inherit !important;
}
.home .popup-trigger:hover .scanner {
  transform: translateX(130%) !important;
}

/* Carousel Slides: Subtiler Gap */
.h-section.rb-uw.rb-rc .swiper-slide{
  padding:0 12px !important;
  box-sizing:border-box !important;
}

/* Swiper Arrows */
.h-swiper-arrow.swiper-button-prev,
.h-swiper-arrow.swiper-button-next{
  width:28px !important;
  height:44px !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  opacity:.5 !important;
  transition:opacity .25s ease !important;
  z-index:10 !important;
}
.h-swiper-arrow.swiper-button-prev:hover,
.h-swiper-arrow.swiper-button-next:hover{
  opacity:1 !important;
}
.h-swiper-arrow.swiper-button-prev{ left:-4px !important; }
.h-swiper-arrow.swiper-button-next{ right:-4px !important; }

/* Pagination Dots */
.swiper-pagination-bullet{
  width:8px !important;
  height:8px !important;
  transition:width .25s ease, opacity .25s ease !important;
}
.swiper-pagination-bullet-active{
  width:22px !important;
  border-radius:4px !important;
  opacity:1 !important;
}

/* === rb-title: Glow-Badge === */
.home .rb-title {
  margin: 24px 0 12px !important;
  padding: 10px 16px 12px !important;
  display: inline-block !important;
  position: relative !important;
  color: #f4fbff !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  background: rgba(10,18,30,.78) !important;
  border: 1px solid rgba(120,210,255,.38) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.42), inset 0 0 0 1px rgba(210,240,255,.08), 0 0 18px rgba(70,160,255,.18), 0 0 34px rgba(40,120,255,.10) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.40), 0 0 10px rgba(180,230,255,.18), 0 0 18px rgba(120,200,255,.10) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
  overflow: visible !important;
}

/* === Player: Buttons weiss, Counters weiss === */
.btn-zoomsounds .the-icon > svg path,
.btn-zoomsounds .btn-label,
.btn-zoomsounds .the-label,
.zoomsounds-player-btn-like .the-icon > svg path,
.zoomsounds-player-btn-playpause .the-icon > svg path,
.dzsap-sticktobottom .the-icon > svg path {
  fill: #ffffff !important;
  color: #ffffff !important;
}
.btn-zoomsounds:hover .the-icon > svg path,
.btn-zoomsounds:focus .the-icon > svg path,
.zoomsounds-player-btn-like:hover .the-icon > svg path,
.zoomsounds-player-btn-playpause:hover .the-icon > svg path {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Artist-Name (Subline): hellgrau statt schwarz (override ZoomSounds inline) */
body .dzsap-sticktobottom .audioplayer.skin-wave .meta-artist .the-artist,
body .dzsap-sticktobottom .audioplayer.skin-wave .meta-artist .the-artist a {
  color: #e0e0e0 !important;
}

/* Close-Button im StickyPlayer */
body .dzsap-sticktobottom .sticktobottom-close-con {
  background-color: rgba(78,201,225,0.2) !important;
  border-radius: 7px 7px 0 0 !important;
}

/* <picture> inline-gap fix */
.home .popup-trigger picture { display: block; }
.home .popup-trigger > div,
.home .popup-trigger > picture { vertical-align: bottom; }
/* === Inline Player: Buttons transparent + weisse Icons === */
.home .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .playbtn .the-icon-bg,
.home .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .pausebtn .the-icon-bg,
.home .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .player-but .the-icon-bg {
  background-color: rgba(0,0,0,0) !important;
  border: 1.5px solid rgba(255,255,255,0.55) !important;
}
.home .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .con-playpause:hover .the-icon-bg,
.home .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .player-but:hover .the-icon-bg {
  border-color: rgba(255,255,255,0.85) !important;
}
.home .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled svg.svg-icon path {
  fill: rgba(255,255,255,0.85) !important;
}
.home .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled i.svg-icon {
  color: rgba(255,255,255,0.85) !important;
}

/* Playlist-Buttons: weiss statt #444 (override base CSS) */
.home .btn-zoomsounds .the-icon > svg path,
.home .dzsap-sticktobottom .btn-zoomsounds .the-icon > svg path {
  fill: rgba(255,255,255,0.85) !important;
}

/* button-shared-glow_2: Grösser (zurück auf 1.5rem) */
.button-shared-glow_2 {
  font-size: 1.5rem !important;
  padding: 15px 32px !important;
}

/* Mobile: button-shared-glow_2 nicht zu gross → kein Overlap */
@media (max-width: 575.98px) {
  .button-shared-glow_2 {
    font-size: 1.1rem !important;
    padding: 11px 20px !important;
    width: auto !important;
    max-width: 95vw !important;
  }
}
/* ============================================================
   INLINE PLAYER KOMPLETT-FIX (2026-04-08)
   Ziel: Buttons transparent + weisse Icons, Counter weiss,
   Like-Button weiss, alle Overrides mit Vorteil über Base-CSS
   ============================================================ */

/* Play/Prev/Next Kreis: transparent + weisser Rand */
.home .the-icon-bg {
  background-color: rgba(0,0,0,0) !important;
  border: 1.5px solid rgba(255,255,255,0.55) !important;
  box-shadow: none !important;
}
.home .con-playpause:hover .the-icon-bg,
.home .player-but:hover .the-icon-bg {
  border-color: rgba(255,255,255,0.9) !important;
}

/* Alle SVG-Icons im Player: weiss */
.home .audioplayer.skin-wave svg.svg-icon path,
.home .audioplayer.skin-wave svg.svg-icon rect,
.home .audioplayer.skin-wave svg.svg-icon polygon {
  fill: rgba(255,255,255,0.85) !important;
}
.home .audioplayer.skin-wave i.svg-icon,
.home .audioplayer.skin-wave .the-icon {
  color: rgba(255,255,255,0.85) !important;
}

/* Counter-Zahlen (▶ 64): weiss */
.home .zoomsounds-nav.skin-aura .menu-item-views,
.home .zoomsounds-nav.skin-aura .menu-item-views * {
  color: rgba(255,255,255,0.75) !important;
}
.zoomsounds-nav.skin-aura .menu-item-views,
.zoomsounds-nav.skin-aura .menu-item-views * {
  color: rgba(255,255,255,0.75) !important;
}

/* Like-Button: dunkler Hintergrund + cyan-Border */
.home .audioplayer.skin-wave .con-likes,
.home .audioplayer.skin-wave .zoomsounds-player-btn-like {
  background-color: rgba(12,18,28,0.7) !important;
  border: 1px solid rgba(78,201,225,0.4) !important;
  border-radius: 20px !important;
  color: rgba(255,255,255,0.85) !important;
}
.home .audioplayer.skin-wave .con-likes .the-label,
.home .audioplayer.skin-wave .zoomsounds-player-btn-like .the-label {
  color: rgba(255,255,255,0.85) !important;
}
.home .audioplayer.skin-wave .con-likes svg path,
.home .audioplayer.skin-wave .zoomsounds-player-btn-like svg path {
  fill: rgba(255,255,255,0.85) !important;
}

/* Share/Teilen Button: weiss */
.home .audioplayer.skin-wave .player-but-share svg path,
.home .audioplayer.skin-wave .player-but-share i {
  fill: rgba(255,255,255,0.85) !important;
  color: rgba(255,255,255,0.85) !important;
}
/* === KORREKTUREN 2026-04-08 (nach Analyse YP-Backup) ===*/

/* RESET: Like-Button — kein custom Background (war falsch) */
.home .audioplayer.skin-wave .con-likes,
.home .audioplayer.skin-wave .zoomsounds-player-btn-like,
body .audioplayer.skin-wave .con-likes,
body .audioplayer.skin-wave .zoomsounds-player-btn-like {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Like-Button: Original-Grösse aus YP */
body .dzsag-loaded .active .zoomsounds-player-btn-like {
  left: 10px !important;
  width: 93px !important;
  padding-right: 0 !important;
}

/* Zähler (▶ 64) — mit body-Prefix für höhere Spezifität */
body .zoomsounds-nav.skin-aura .menu-item-views,
body .zoomsounds-nav.skin-aura .menu-item-views * {
  color: rgba(255,255,255,0.75) !important;
  opacity: 1 !important;
}

/* dzsap-counter (Zeit/Plays im Inline-Player): weiss */
body .dzsag-loaded .active .dzsap-counter,
body .dzsap-main .dzsap-counter,
body .dzsap-sticktobottom .dzsap-counter {
  color: #ffffff !important;
}

/* dzsap-main Hintergrund (aus YP) */
body .dzsap-main {
  background: rgba(12,14,20,0.97) !important;
  border-top: 1px solid rgba(78,201,225,0.3) !important;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.6) !important;
}

/* Artist + Songname im Player: hell */
body .dzsap-main .the-songname,
body .dzsap-main .the-artist,
body .dzsap-main .track-meta-for-dzsap * {
  color: #e0e0e0 !important;
}
/* === Like-Button: dunkler Hintergrund + rotes Herz + Hover-Puls === */

/* Hintergrund dunkel (override ZoomSounds white) */
body .dzsap-main .con-likes,
body .audioplayer.skin-wave .con-likes,
body .dzsag-loaded .con-likes {
  background-color: rgba(12,14,20,0.88) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
}

/* Like-Text weiss */
body .dzsap-main .con-likes .the-label,
body .audioplayer.skin-wave .con-likes .the-label {
  color: rgba(255,255,255,0.85) !important;
}

/* Herz: rot */
body .dzsap-main .fa-heart,
body .audioplayer.skin-wave .fa-heart,
body .dzsag-loaded .active .fa-heart {
  color: #f93333 !important;
  font-size: 12px !important;
}

/* Hover-Puls auf dem Herz */
@keyframes rb-heart-pulse {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.25); }
}
body .dzsap-main .con-likes:hover .fa-heart,
body .audioplayer.skin-wave .con-likes:hover .fa-heart {
  animation: rb-heart-pulse 0.65s ease-in-out infinite !important;
}
/* === Like-Button FINAL FIX (echte Klasse: .btn-zoomsounds.btn-like) === */

/* Hintergrund dunkel */
body .btn-zoomsounds.btn-like {
  background-color: rgba(12,14,20,0.88) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
}

/* Text weiss */
body .btn-zoomsounds.btn-like .the-label {
  color: rgba(255,255,255,0.85) !important;
}

/* Herz-Icon: rot (override ZoomSounds inline #111111) */
body .btn-zoomsounds.btn-like .the-icon > svg path,
body .btn-zoomsounds.btn-like:hover .the-icon > svg path,
body .btn-zoomsounds.btn-like.active .the-icon > svg path {
  fill: #f93333 !important;
}
body .btn-zoomsounds.btn-like .fa-heart {
  color: #f93333 !important;
}

/* Hover: leichter Puls auf dem Herz-Icon */
@keyframes rb-like-pulse {
  0%, 100% { transform: scale(1);   }
  50%       { transform: scale(1.2); }
}
body .btn-zoomsounds.btn-like:hover .the-icon {
  animation: rb-like-pulse 0.65s ease-in-out infinite !important;
}
/* === Like-Button: .the-bg und ::before override (#eaeaea → dunkel) === */
body .btn-zoomsounds.btn-like::before,
body .btn-zoomsounds.btn-like > .the-bg {
  background-color: rgba(12,14,20,0.88) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* Herz: immer rot — alle States */
body .btn-zoomsounds.btn-like .the-icon > svg path,
body .btn-zoomsounds.btn-like:hover .the-icon > svg path,
body .btn-zoomsounds.btn-like.active .the-icon > svg path {
  fill: #f93333 !important;
}
/* === Popup-Trigger Hover: outline statt box-shadow-border (nie geclippt) === */
.home .popup-trigger:hover,
.home .popup-trigger:focus-visible {
  outline: 2px solid rgba(0,184,255,.5) !important;
  outline-offset: 0px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.55), 0 0 22px rgba(0,140,220,.28) !important;
}
/* === Mobile: button-shared-glow_2 — breiter, Text umbrechen === */
@media (max-width: 767px) {
  .button-shared-glow_2 {
    display: block !important;
    width: 88% !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 1.25rem !important;
    padding: 14px 20px !important;
    line-height: 1.35 !important;
  }
}