.about{z-index:5;color:#ccc;width:100%;display:flex;position:relative}.about .content{z-index:1;flex-direction:row;width:100%;margin-top:20px;display:flex}.about .content .text{box-sizing:border-box;padding:50px;font-size:1rem}.about .content .text h2{color:#eee;margin-bottom:10px;font-size:1.8rem;font-weight:400}.about .content .text a{color:#ccc}.about .content .text a:hover{color:#6b0279}.about .content .imgcontainer{box-sizing:border-box;width:40vw;min-width:30vw;max-width:40vw;margin-left:auto;display:flex}.about .content .imgcontainer img{object-fit:contain;flex:none;width:100%;height:auto;display:block}@media screen and (max-width:750px){.about .skyimagebg{height:100%}.about .content{flex-direction:column;margin-top:-150px}.about .content .imgcontainer{width:100%;max-width:100%;margin:0;padding:50px}}
.card{flex-direction:column;flex-shrink:0;align-items:center;padding:20px;display:flex}.card a{color:#fff}.card .btn{text-align:center;background:linear-gradient(130deg,#ffffff03 20%,#ffffff4d 100%) 0/200% 200%;border:2px solid #fff3;border-radius:100%;width:125px;height:125px;transition:background-position .8s,border .5s}.card .btn svg{width:40%;height:100%;transition:all .5s}.card .btn svg.hover{transition:all .5s}.card .btn:hover{background-position:100%;border:2px solid #ffffffb3}.card .btn:hover.Spotify svg{fill:#1db954;transition:all .5s}.card .btn:hover.Youtube svg{fill:red;transition:all .5s}.card .btn:hover.Soundcloud svg{fill:#f50;transition:all .5s}.card .btn:hover.AppleMusic svg{fill:#fb5c74;transition:all .5s}.card .btn:hover.AmazonMusic svg{fill:#0dbff5;transition:all .5s}.card .btn:hover.Tidal svg{fill:#000;transition:all .5s}.card .btn:hover.X svg{fill:#1da1f2;transition:all .5s}.card .btn:hover.Facebook svg{fill:#1778f2;transition:all .5s}.card .btn:hover.Instagram svg{fill:#c13584;transition:all .5s}.card h1{margin-top:20px;font-size:1.3rem;font-weight:400}.card p{text-align:center;margin-top:10px;font-size:1rem}.card.small{padding:15px}.card.small .btn{width:75px;height:75px}.card.small h1{font-size:1.1rem}.card.small p{font-size:.9rem}@media screen and (max-width:750px){.card{padding:20px 5px}.card .btn{width:100px;height:100px}}
.streaming{z-index:6;color:#fff;margin-top:50px;display:flex;position:relative}.streaming .container{box-sizing:border-box;z-index:1;padding:50px}.streaming .container.glowbox{z-index:-1;background-color:#9b4c4c;border-top-right-radius:25px;border-bottom-right-radius:25px;width:60vw;height:100%;position:absolute;top:0;left:0}.streaming .container.left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(75deg,#ffffff03 0%,#ffffff1a 100%);border:1px solid #ffffff1a;border-left:none;border-top-right-radius:25px;border-bottom-right-radius:25px;flex-direction:column;align-items:center;width:60vw;display:flex;position:relative;overflow:hidden}.streaming .container.left .glow{z-index:-1;pointer-events:none;will-change:transform,opacity,filter;background-image:radial-gradient(#0088ff1a 0%,#08f0 70%);border-radius:50%;width:1300px;height:1300px;transition:opacity .2s linear;display:block;position:absolute;top:0;left:0;transform:translate(0)}.streaming .container.right{width:40vw}.streaming .container .headline h1{letter-spacing:5px;text-transform:uppercase;color:#eee;font-weight:400}.streaming .container .content{box-sizing:border-box;flex-wrap:wrap;justify-content:space-evenly;width:100%;margin-top:50px;display:flex}@media screen and (max-width:750px){.streaming{flex-wrap:wrap}.streaming .container.left{border-top-right-radius:0;width:100vw;padding:0}.streaming .container.left .glow{display:none}.streaming .container.left .content{width:100vw}.streaming .container.left .headline{text-align:center;margin-top:50px}.streaming .container.right{display:none}}
.releasesSection{z-index:10;color:#ccc;justify-content:center;width:100%;display:flex;position:relative}.releasesSection .container{box-sizing:border-box;flex-direction:column;width:100%;padding:50px 0;display:flex}.releasesSection .container .headline{width:100%;margin-top:50px}.releasesSection .container .headline h1{letter-spacing:5px;text-transform:uppercase;text-align:center;color:#eee;font-weight:400}.releasesSection .container .content{flex-wrap:wrap;justify-content:center;padding:50px;display:flex}.releasesSection .container .content .releases{flex-wrap:wrap;justify-content:space-evenly;width:100%;display:flex}.releasesSection .container .content .release{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(75deg,#ffffff0d 0%,#ffffff1a 100%);border:1px solid #ffffff1a;border-radius:30px;flex:0 0 400px;width:400px;min-width:400px;max-width:400px;height:400px;min-height:400px;max-height:400px;margin-bottom:20px;padding:15px;transition:scale .5s,all .5s;overflow:hidden;box-shadow:5px 5px 5px #0000001a}.releasesSection .container .content .release:hover{transition:scale .5s,all .5s;transform:scale(1.13)}.releasesSection .container .content .release .label{text-align:center;border-bottom:35px solid #672626;border-left:35px solid #0000;border-right:35px solid #0000;width:100px;height:10px;font-size:.72rem;line-height:54px;position:absolute;top:20px;right:-42px;transform:rotateY(0)rotate(45deg)}.releasesSection .container .content .release .coverWrapper{border-radius:20px;width:100%;height:100%;overflow:hidden}.releasesSection .container .content .release img{border-radius:0;width:100%;height:auto;transition:scale .5s,all .5s}.releasesSection .container .content .release img:hover{box-shadow:0 10px 13px -7px #fff0,0 15px 50px -30px #ffffff4d}.releasesSection .container a{text-align:center;color:#ccc;font-size:1.3rem}@keyframes swipe{0%{transform:translate(0)}to{transform:translate(-15px)}}@media screen and (max-width:750px){.releasesSection .container .headline{font-size:1.3rem}.releasesSection .container .content{justify-content:start;margin-top:30px;padding:10px}.releasesSection .container .content .releases .release{flex:0 0 300px;width:300px;min-width:300px;max-width:300px;height:300px;min-height:300px;max-height:300px}.releasesSection .container .content .releases .release:hover{transform:none}.releasesSection .container .content .releases .release .label{border-bottom:30px solid #672626;border-left:30px solid #0000;border-right:30px solid #0000;width:60px;height:10px;font-size:.43rem;line-height:50px;top:7px;right:-33px}}
.pictures{box-sizing:border-box;color:#ccc;justify-content:center;align-items:center;width:100%;margin-top:50px;padding:100px 0;display:flex;position:relative}.pictures .content{z-index:1;flex-direction:column;width:50vw;display:flex;overflow:hidden}.pictures .picture{width:30vw;position:relative}.pictures .picture img{width:100%;height:auto;box-shadow:0 0 15px -1px #000000b3}.pictures .picture .quote{color:#ccc;background:#000000b3;border-radius:10px;width:50%;padding:25px;font-size:1.2rem;position:absolute;top:50%;right:-250px;transform:translateY(-50%)}.pictures .picture .quote .qm{font-size:30px;font-style:italic;position:absolute;top:5px;left:10px}.pictures .picture .quote p{text-align:right;color:#828282;font-size:1.1rem}.pictures .picture:nth-child(2n){align-self:flex-end;margin-right:0}.pictures .picture:nth-child(odd){align-self:flex-start;margin:-3vw 0 -3vw -3vw}@media screen and (max-width:750px){.pictures .content{width:80vw}.pictures .content .picture{width:50vw}.pictures .content .picture .qm{font-size:1.8rem}.pictures .content .picture .quote{display:none}.pictures .content .picture .quote p{margin-top:5px;font-size:.45rem}}
.socials{color:#fff;display:flex;position:relative}.socials .container{box-sizing:border-box;padding:50px}.socials .container.left{background:url(../media/shootingstar.94069e37.webp) 50%/150px no-repeat;width:70vw}.socials .container.right{width:30vw}.socials .container .headline h1{letter-spacing:5px;text-transform:uppercase;text-align:center;color:#eee;font-weight:400}.socials .container .content{box-sizing:border-box;flex-wrap:wrap;justify-content:space-evenly;margin-top:20px;display:flex}@media screen and (max-width:750px){.socials .container.left{display:none}.socials .container.right{width:100vw}}
.footer{box-sizing:border-box;color:#aaa;background:#1b1b1b;width:100%;padding:30px;font-size:.8rem;display:flex}.footer .left{cursor:pointer;width:50vw}.footer .left .impressum{flex-direction:row;margin-top:20px;display:flex;position:relative}.footer .left .impressum .impressum-placeholder{color:#666;font-size:.9rem}.footer .right{text-align:right;width:50vw}