:root{--primary-color:transparent;--overlay-color:rgba(255,255,255,0.85);--button-color:rgba(0,255,255,0.85);--regenbogen:linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);--menu-speed:0.75s}
*{margin:0;padding:0;box-sizing:border-box}
body{width:100%;font-size:14pt;font-family:Helvetica,Arial,Verdana,sans-serif;font-weight:bold;font-style:normal;color:black;background-color:white;line-height:1.2em;margin-left:0;margin-right:2em}
[bg],p{padding:10px;margin-top:1em;margin-bottom:1em;background-color:#ccc;border:0.2em groove gold;border-radius:10px;text-align:left}
h1{padding:1em;color:white;border:0.2em groove gold;border-radius:1em;font:bold 1.7em/150% Verdana;text-align:left}
div{padding:0;margin-top:0em;margin-bottom:0em}
#\30 -9,#A,#B,#C,#D,#E,#F,#G,#H,#I,#J,#K,#L,#M,#N,#O,#P,#Q,#R,#S,#T,#U,#V,#W,#X,#Y,#Z,#§,#Musik,#help,#test{background-color:darkblue;color:white}
.details{position:absolute;top:0;left:0;height:100%;width:100%;overflow-x:scroll;background-color:navy;display:none}
.details:target{display:block}
[cl2]:before{content:" ↯ "}
.close,[cl2],[cl1]{background-color:cyan;border:solid white;border-radius:8px;text-decoration:none}
.close,[cl1]{color:white}
[cl2]{color:yellow}
[cl]{position:fixed;bottom:1em;left:1em;color:white;padding:1.2rem;text-decoration:none}
table.g0{height:100vh;width:100vw;border:2px groove cyan;text-align:center}
.g0a,.g0a a[href]{background-color:gold;color:navy;text-decoration:none;box-shadow:0 0 0.5em #888}
.g0a:hover,.g0:hover{background-color:darkblue;color:white}
.g0a:hover a:hover{background-color:darkblue;color:gold}
.g0b,.g0b a[href]{background-color:lightblue;color:darkblue;text-decoration:none;box-shadow:0 0 0.5em #888}
@media screen and (min-width:1600px){.details{padding:2em;display:none}
table{width:100%;border:1px solid gray;border-radius:0.4em;background:white;color:black}
tr{border:1px solid darkgreen;border-radius:0.2em}
td{border:1px solid black;border-radius:0.3em}
th{border:1px solid black;border-radius:0.3em}
.text{display:block;background-color:red;background-image:var(--regenbogen);color:white;border-radius:8px;padding-left:5mm;padding-right:2em;font:bold 1.1em Verdana;text-align:left}
.text{color:white;padding-left:5mm;padding-right:3em;font:bold 1.1em Verdana;text-decoration:none;text-align:left}
.titel:hover,.text:hover{background-color:transparent;color:gold}
h5,h5 a{background-color:transparent;color:red;font:bold 2em Verdana;color:red;text-align:center}
select,button,input{width:100%}
iframe{width:100%;height:400px}
ALL,TVS,PLAYLISTS,RADIOS,PODCASTS,ARTS,PARKS,PERSON,GROUP,MUSIK{font-size:40px;}
[cl1],[cl2],.close{font-size:3rem;padding:0.2rem}
.w2{display:none}
}
@media screen and (max-width:1600px){iframe{width:100%;height:400px}
.details{padding:1em;display:none}
ALL,TVS,PLAYLISTS,RADIOS,PODCASTS,ARTS,PARKS,PERSON,GROUP,MUSIK{font-size:20px;}
[cl1],[cl2],.close{font-size:1.6rem;padding:0.2rem}
}
@media screen and (max-width:480px){.details{padding:0;display:none}
p{padding:0.2em 1em}
pre{font-size:0.4em}
ALL,TVS,PLAYLISTS,RADIOS,PODCASTS,ARTS,PARKS,PERSON,GROUP,MUSIK{font-size:10px;}
[ig],video,img{background-color:white;width:20px;height:15px;border:1px groove gold}
[cl1],[cl2],.close{font-size:1.4rem;padding:0.2rem}
}
@media screen and (orientation:portrait){.w1{display:none}
.g0a,.g0b{height:8vh;width:12vw;text-align:center;font-size:2em}
[cl1],[cl2],.close{font-size:1.4rem;padding:0.2rem}
[ig],video,img{background-color:white;margin:5px;width:40px;height:30px;border:2px groove gold}
[lb]:after{overflow:hidden;background-color:darkblue;color:lightblue;content:" "attr(alt)}
}
@media screen and (orientation:landscape){.w2{display:none}
.g0a,.g0b{height:10vh;width:7vw;text-align:center;font-size:3em}
summary{font:bold 1.8em/1.6em verdana,sans-serif}
[ig],video,img{background-color:white;margin:5px 16px;width:80px;height:60px;border:3px groove gold}
[lb]:after{overflow:clip;font-size:1.6em;background-color:darkblue;color:lightblue;content:" "attr(title);width:90%}
}
.close:after{content: "🚪";color:white;}