
/* DKDM V13 GLOBAL – Lichtbuehne fuer die komplette Homepage */
html,body{min-height:100%;background:#020d1b!important}
body{position:relative;background:
radial-gradient(circle at 14% 18%,rgba(55,155,255,.35),transparent 24%),
radial-gradient(circle at 86% 24%,rgba(215,238,255,.23),transparent 23%),
linear-gradient(135deg,#010914 0%,#08284c 48%,#020c19 100%)!important;
background-attachment:fixed!important;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;top:-45vh;width:34vw;height:180vh;pointer-events:none;z-index:0;transform-origin:50% 0;filter:blur(13px);mix-blend-mode:screen}
body:before{left:3vw;background:linear-gradient(101deg,transparent 28%,rgba(60,160,255,.06) 36%,rgba(100,195,255,.62) 48%,rgba(240,250,255,.43) 53%,transparent 72%);animation:dkdm13A 9s ease-in-out infinite alternate}
body:after{right:2vw;background:linear-gradient(79deg,transparent 28%,rgba(235,247,255,.07) 36%,rgba(214,239,255,.48) 48%,rgba(64,155,255,.62) 54%,transparent 72%);animation:dkdm13B 12s ease-in-out infinite alternate}
@keyframes dkdm13A{0%{transform:rotate(-24deg) translateX(-17vw);opacity:.42}50%{opacity:1}100%{transform:rotate(25deg) translateX(23vw);opacity:.62}}
@keyframes dkdm13B{0%{transform:rotate(24deg) translateX(17vw);opacity:.52}55%{opacity:1}100%{transform:rotate(-23deg) translateX(-23vw);opacity:.46}}
.dkdm13-sparkles{position:fixed;inset:0;z-index:0;pointer-events:none}
.dkdm13-sparkles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 9px 3px rgba(130,205,255,.9);animation:dkdm13tw 3s ease-in-out infinite}
.dkdm13-sparkles i:nth-child(1){left:8%;top:25%}.dkdm13-sparkles i:nth-child(2){left:22%;top:68%;animation-delay:1s}.dkdm13-sparkles i:nth-child(3){left:38%;top:36%;animation-delay:2s}.dkdm13-sparkles i:nth-child(4){left:55%;top:78%;animation-delay:.7s}.dkdm13-sparkles i:nth-child(5){left:71%;top:31%;animation-delay:1.6s}.dkdm13-sparkles i:nth-child(6){left:88%;top:61%;animation-delay:2.4s}
@keyframes dkdm13tw{0%,100%{opacity:.12;transform:scale(.6)}50%{opacity:1;transform:scale(1.8)}}
body>*:not(.dkdm13-sparkles){position:relative;z-index:2}
.card,.tile,.kachel,.panel,.box,.product-card,.shop-card,.info-card,.support-card,.support-box,main section,main article{
background-color:rgba(3,18,38,.48)!important;border-color:rgba(105,180,235,.34)!important;
backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.dkdm2-nav{position:sticky!important;top:0!important;z-index:60000!important;background:rgba(1,13,27,.88)!important;backdrop-filter:blur(12px)!important}
/* SHOP: Desktop 5 kompakte Karten */
@media(min-width:1100px){
.shop-grid,.products-grid,.product-grid,.songs-grid,.music-grid,.cards-grid{
display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.product-card,.shop-card,.song-card{min-width:0!important;margin:0!important}
.product-card img,.shop-card img,.song-card img,.cover img{max-width:100%!important;height:auto!important;object-fit:contain!important}
}
@media(min-width:760px) and (max-width:1099px){.shop-grid,.products-grid,.product-grid,.songs-grid,.music-grid,.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:759px){.shop-grid,.products-grid,.product-grid,.songs-grid,.music-grid,.cards-grid{grid-template-columns:repeat(1,minmax(0,1fr))!important}}
