.page404,.page404_txt{text-align:center;color:#d01717;margin:0 auto}#mySidenav_left a,#mySidenav_right a{transition:.3s;text-decoration:none;border-right:1rem solid #04aa6d;color:#000;position:absolute}#debugBtn,#mySidenav_left a,.add-and-del-icon,.total{position:absolute}.pl>.active>a,.pl>.active>a:hover{background-color:purple!important;cursor:pointer}body{overflow:scroll}.page404{font-size:5rem}.page404_txt{font-size:2rem}.usernav{background-color:#6bad08ea}.adminnav{background-color:#03744a}#debug_data,#debug_session{display:block;background-color:#fff;padding:1rem;border:1px solid #04aa6d}.debug_btn_off,.debug_btn_on{background-color:#04aa6d;color:#fff}#mySidenav_left a{left:-14.6rem;top:.5rem}#mySidenav_left a:hover,#mySidenav_right a:hover{left:0}#mySidenav_right a{left:-45.3rem;top:29rem;height:50%;min-width:46.3rem;max-width:46.3rem;overflow-x:hidden}#debugBtn{margin-left:1rem;top:1rem;right:4rem}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background-color:unset!important}code{display:block;font-family:monospace;white-space:pre;padding:0 1em;background-color:#eee}#progress{background-color:#f3f3f3;border:0;height:1rem;width:100%;border-radius:5px}progress::-webkit-progress-value{background-color:#04aa6d}progress::-moz-progress-bar{background-color:#04aa6d}.card-body{cursor:pointer}#saudio{display:none}#favliste,#favliste_del{list-style:none;padding:0}.nav-user ul.dropdown-menu.show li a.dropdown-item.active{color:#fff;background-color:#198754}.nav-user ul.dropdown-menu.show li a:hover{color:#fff;background-color:#9ab2a6}#gmap,.player_bgdr{width:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;min-height:30vh}@media (min-width:768px){#gmap,.player_bgdr{min-height:70vh}}@media (min-width:992px){#gmap,.player_bgdr{min-height:20vh}}@media (min-width:1200px){.player_bgdr{min-height:30vh}}.box-shadow,.player-shadow{-webkit-box-shadow:0 1px 1px rgba(72,78,85,.6);box-shadow:0 1px 1px rgba(72,78,85,.6);-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-ms-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;border-left:.5rem solid purple}.player-shadow{border:none}.box-shadow:hover{-webkit-box-shadow:0 10px 20px rgba(72,78,85,.6);box-shadow:0 10px 20px rgba(72,78,85,.6);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);animation:2s infinite alternate mymove}@keyframes mymove{from{border-left:.5rem solid purple}to{border-left:.5rem solid #b7cd0a}}@keyframes beat{to{transform:scale(1.4)}}.add-and-del-icon{right:.5rem;bottom:.2rem;cursor:pointer;font-size:1.3rem!important}.add-and-del-icon:hover{animation:.3s infinite alternate beat}@media (max-width:576px){.add-and-del-icon{font-size:1.8rem!important}}@media (max-width:768px){#favoriten-tab-pane,#station-container{height:45vh;overflow:hidden;max-height:100%;overflow-y:auto}}.total{bottom:1rem;display:inline;background-color:rgba(255,255,255,.8);left:1%;right:1%}.border_left_red{border-left:.5rem solid red}.pl>li>a{background-color:#fff;color:purple;word-break:normal!important}.pagiicon{pointer-events:none!important}.page-link{font-size:1.2rem!important}.disabled>.page-link,.page-link.disabled{color:#000!important}.pl>li>a:focus,.pl>li>a:hover,.pl>li>span:focus,.pl>li>span:hover{color:#5a5a5a;background-color:#eee;border-color:#ddd;cursor:pointer;word-break:normal!important}.pl>.active>a{color:#fff;border:1px solid purple!important}.pl>.active>a:hover{color:#fff;border:1px solid purple}.linkcloud{font-size:.8rem;padding:.5rem}i.bi.play-icon{font-size:2rem!important;padding-top:2px!important}#radioprogress{height:.2rem;-webkit-appearance:none;background-color:#fff!important}#radioprogress::-webkit-progress-bar{background-color:#fff!important}#radioprogress::-webkit-progress-value{background-color:purple!important}#radioprogress::-moz-progress-bar{background-color:purple}.soundwave-container{height:40px;width:auto;display:flex;align-items:flex-end}.bar{width:6px;height:100%;background:purple;border-radius:2px;margin:0 2px;animation:1.9s steps(20,end) infinite equalizer}.bar:first-child{animation-duration:1.9s}.bar:nth-child(2){animation-duration:2s}.bar:nth-child(3){animation-duration:1.7s}.bar:nth-child(4){animation-duration:2.1s}@keyframes equalizer{0%,36%,68%,84%,92%{height:60%}4%,64%,88%{height:50%}24%,32%,44%,8%{height:40%}12%,20%,52%,60%{height:30%}16%,40%{height:20%}28%,56%{height:10%}48%,72%,80%,96%{height:70%}100%,76%{height:80%}}input[type=range]{height:46px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 0 0 #fff;background:purple;border-radius:1px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #fff;border:2px solid purple;height:38px;width:16px;border-radius:6px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-19px}input[type=range]:focus::-webkit-slider-runnable-track{background:purple}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 0 0 #fff;background:purple;border-radius:1px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #fff;border:2px solid purple;height:38px;width:16px;border-radius:6px;background:#fff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;animate:0.2s;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:purple;border:0 solid #fff;border-radius:2px;box-shadow:0 0 0 #fff}input[type=range]::-ms-fill-upper{background:purple;border:0 solid #fff;border-radius:2px;box-shadow:0 0 0 #fff}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #fff;border:2px solid purple;height:38px;width:16px;border-radius:6px;background:#fff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:purple}input[type=range]:focus::-ms-fill-upper{background:purple}.logoani{width:170px;height:50px}.logoani>text{animation:5s stroke;stroke-width:2;stroke:rgb(255,255,255);font-size:1.5rem;fill:rgb(255,255,255)}@keyframes stroke{0%{fill:rgba(255,255,255,0);stroke:rgb(255,255,255);stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:rgba(255,255,255,0);stroke:rgb(255,255,255)}80%{fill:rgba(255,255,255,0);stroke:rgb(255,255,255);stroke-width:3}100%{fill:rgb(255,255,255);stroke:rgb(255,255,255);stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}