.noshow{ display:none !important;}

*{
  font-size:1rem;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	box-sizing: border-box;}

html{
 overflow:hidden !important;}

html,body{
  background:transparent;
	height:100%;
	min-height:100%;
	width:100%;
	margin:0;
	padding:0;}

body{
	overflow-y:scroll;}

/* topshadow */
/*body:before{
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 1;}
*/

/* Foto-Leinwand */

.pcontainer{
  background:linear-gradient(-10deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.7) 40%, rgba(255,255,255,0) 50%, rgba(255,255,255,.7) 60%, rgba(255,255,255,.9) 100%); 
	background-size:cover;
  overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	z-index:-1;}

#laeuft{
	border:none;
	width:100%;
	min-height:2rem;
	max-height:3rem;}

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 10;
  -webkit-column-gap:   0px;
  column-count:         10;
  column-gap:           0px;  }

#news p,
#news article{
 clear:both !important;
 display:block !important;}

img[src*="/news/"]{
  clear:left;
  float:left;
  border:1px solid #333;
  margin:0 1rem 1rem 0;
	box-shadow: 0 8px 6px -6px black;
	max-height:250px;
	max-width:50%;}

img[src*="moderatoren"] {
  float:left;
  border:1px solid #333;
  margin:0 1rem 1rem 0;
	box-shadow: 0 8px 6px -6px black;
	max-height:350px;
	max-width:50%;}


#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;}

@media (max-width: 1200px) {
  #photos {
  -webkit-column-count: 6;
  column-count:         6;
  }}
@media (max-width: 1000px) {
  #photos {
  -webkit-column-count: 4;
  column-count:         4;
  }}
@media (max-width: 800px) {
  #photos {
  -webkit-column-count: 3;
  column-count:         3;
  }}
@media (max-width: 400px) {
  #photos {
  -webkit-column-count: 2;
  column-count:         2;
  }}
/* Ende Foto-Leinwand */
/* scale IE-Image good */
img {
	-ms-interpolation-mode: bicubic;}

/* prevent sub sup mangling line-height */
sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;}

sub { 
	top: 0.4em; }

@media print{
	.noprint,.banner{ display:none !important; }
	a:after{content:" (" attr(href) ") ";font-size:0.8em;font-weight:normal;}
}

:focus, a:active {
	outline: none;}

.two-col, .three-col, .four-col {
	word-wrap: break-word;
	column-count: 3;
	column-gap: 20px;
	column-rule-color:  #f0f0f0;
	column-rule-style:  solid;
	column-rule-width:  1px;}

.two-col {
	column-count: 2;
	column-gap: 30px;}

.four-col {
	column-count: 4;
	column-gap : 15px;}

.two-col img,
.three-col img,
.four-col img{
 max-width:100% !important;}


#logo{
 max-height:6rem;
 max-width:inherit;}

.logohg{
 border-top-left-radius:0;
 background-image:linear-gradient(90deg, #CB0004 0%, #CB0004 50%, #000000 50%, #000000 100%);}

.schwarzhg{
 color:#FFFFFF;
 background-color:#000000;}

nav{
 z-index:1;}

nav ul{
 display:none;}

nav>ul[id="root"],
nav>ul[id="footernav"]{
 display:inline-block;}


ul[id="root"] li,
ul[id="footernav"] li{
 display:inline;
 cursor:pointer;}

nav>ul>li>ul{
  display:none;}

ul[id*="tree"]{
	animation-fill-mode: forwards;
	animation-delay:0s;
	color:#4C4C4C;
	margin-top:-.35rem;
	padding:.5rem;
	border-radius:5px;
	box-shadow:0 0 4px rgba(0,0,0,.5);
	background-color:rgba(255,255,255,.90);
	background-image:linear-gradient(-40deg,transparent 0%,#FFFFFF 35%,#f0f0f0 50%,#FFFFFF 65%, transparent 100%);
	overflow:hidden;}

ul[id*="tree"] li a,
ul[id*="tree"] li span{
 width:100%;
 padding:0 .5rem;
 border-radius:3px;
 line-height:1.25rem;
 display:inline-block;
 cursor:pointer;}

ul[id*="tree"]:hover{
 color:#000000;}

ul[id*="tree"] li a:hover,
ul[id*="tree"] li span:hover{
 background-color:#d0d0d0;
 color:#CB0004;}

ul[id*="tree"] li{
	height:1.25rem;
	display:block;}

@keyframes fadein{    from {opacity:0;transform:rotatex(90deg);}    to {opacity :1;transform:rotatex(0deg);}}
@keyframes fadeout{    from {opacity:1;}    to {opacity:0;left:-10000px;display:none;}}
@keyframes intro{    0% {opacity:0;transform:rotatex(90deg);}
  100% {opacity :1;transform:rotatex(0deg);}}

#logotop{
 display:none;}

#seite{
 border-radius:0;
 box-shadow:0px 0px 12px rgba(0,0,0,.5);
 width:100%;
 max-width:1040px;
 padding:0;
 margin:1% auto;
 display:block;
 clear:both;
 padding:0;}

ul, ol, ol li, ul li {
    list-style: none;}

header, section, footer {
    display:block;
		clear:both;
    width:100%;}

header{
 border-top-left-radius:0;
 border-top-right-radius:0;
 box-shadow: 0 8px 12px -12px rgba(0,0,0,.8);
 background-image:
linear-gradient(-22.5deg, transparent 0%, transparent 20%, #f0f0f0 25%, transparent 30%, transparent 45%, #FFFFFF 50%, transparent 55%, transparent 100%),
linear-gradient(90deg, #CB0004 0%, #CB0004 8%, #000000 16%, #f0f0f0 17%, #f0f0f0 100%);}

section{
 font-size:.9rem;
 background-color:#FFFFFF;}

article{
	hyphens:auto;
	display:block;
	line-height:150%;
	background-image: linear-gradient(90deg,  transparent, transparent, rgba(0,0,0,.6), transparent, transparent);
	background-size: 100% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat; 
	padding: 0 0 .5em 0 !important;
	margin:0 0 1em 0 !important;}

article:last-child{
 background-image:none;}

footer{
 border-bottom-left-radius:0;
 border-bottom-right-radius:0;
 background-color:#4C4C4C;
 vertical-align:top;
 min-height:40px;}

footer div{
	font-size:.85rem;
	line-height:40px;
	color:#fff;}

footer div:first-child{
	padding-left:20px;}

footer div:last-child{
	padding-right:20px;}

a{
	text-decoration:none;}

#content a:not(img),
#innercontent a:not(img){
	color:#CB0001;
  padding:0 2px;
	white-space:nowrap;
	background-image:linear-gradient(180deg, #FFf 0%, #fff 90%, #FFcccc 100%);
	text-decoration:none;}

#content a:not(img):hover,
#innercontent a:not(img):hover{
	color:#CB0004;
  background-repeat:repeat-x;
	background-position:bottom;
	background-size:100px 1px;
	background-image:url(layout/walker2.gif);}

#innercontent a img, header a img{
 background:none !important;}

#switch{
 position:absolute;top:-1000px;left:-1000px;
 border:none; }

.acircle{
 overflow:hidden;
 border-radius:35px;}

nav ul li{
	margin-right:.3em;}

nav ul li:after{
  content: "";
	margin-right:.5em;}

#content{
 padding:10px 20px 20px 30px;
 border-right:1px solid #f0f0f0;
 min-height:400px;}


#banner{
 margin-left:-1px;
 border-left:1px solid #f0f0f0;
 padding:10px 0 20px 0;
 min-height:400px;}

.banner{
 width:100%;
 display:inline-block;
 margin:.2rem 0 1rem 0;}

.banner img{
 width:160px;}

img, td, th, object {
    vertical-align: middle;}

img, fieldset {
    border: 0;}
		
img, td, th, object {
    vertical-align: middle;}

div,dl,dt,dd,p,blockquote,th,td,table,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea{ 
	margin:0;
	padding:0;}

a, address, b, body, div, h1, h2, h3, h4, h5, h6, i, input, label, legend, p, pre, li, select, strong, sub, sup, td, textarea, th {
    color: inherit;}

.tabs ul, .tabs ol, .tabs ol li, .tabs ul li {
    list-style: none;}

p, ul{
	margin-bottom:1em;}
	
strong{
  font-weight:700;}

em, i {
    font-style: italic;}

table {
	border-collapse:collapse;
	border-spacing:0;}

.r{
 text-align:right;}

a[href^="tel:"]{
 white-space:nowrap;
 color:black;
 text-decoration:none;}

/* For mobile phones: */
[class*="col-"]{
  vertical-align:top;
	margin-bottom:2em;
	display:inline-block;}

.vmiddle{
 height:inherit;
  vertical-align:middle;}

.vbottom{
  vertical-align:bottom;}

.shadow {
	box-shadow: 0 8px 6px -6px black;
}

.shade{
  border-radius: 0;
	box-shadow: 0 8px 6px -6px black;}

.small{ display:none;}
.wide{ display:block;}


@media only screen and (min-width: 481px) {
    /* For desktop: */

	.row [class*="col-"] {
		min-width:9rem;}

	.row {
		clear:both;
		width:100%;
		display:block;}

	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;min-width:25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;min-width:50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;min-width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

/*
.col-1 {background-color:silver;}
.col-2 {background-color:green;}
.col-3 {background-color:red;}
.col-4 {background-color:blue;}
.col-5 {background-color:yellow;}
.col-6 {background-color:orange;}
.col-7 {background-color:maroon;}
.col-8 {background-color:lime;}
.col-9 {background-color:lightblue;}
.col-10 {background-color:gold;}
.col-11 {background-color:gray;}
.col-12 {background-color:lightgray;}
*/

	#logocenter{
		width:100%;
		display:block;
		margin:2rem auto;}

	#logocenter>img{
	 max-width:20%;}

}

.clearfix {
 display:inline-block;}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;}

.cb{
	clear:both !important;}

.c{
	text-align:center;}

.l{
	text-align:left;}

* [class*="col-"]{
	padding:0;margin:0;}

.nows{
	white-space:nowrap;}

#weisseseite{
 max-width:960px;
 width:inherit;
 min-height:700px;
 padding:30px;
 background-image:url(images/fade.png);
 border-radius:20px;
 box-shadow:6px 6px 12px rgba(64,64,64,.6);}

#fde{
 border-radius:10px;}

.cursor{
 cursor:pointer;}

.blur {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);}

/*
*::selection {
       background-color: #FFA;
       color: #000;}
*/

/*a[href^="tel:"]:before { content: '\2706'; }
*[rel="extern"]::after { font-family:arial;content: '\1d306'; }
*/
.fourlines:after { content: '\20\20f0'; }
.scissor:before{content: '\2700';}
.scissor2:before{content: '\2702';}
.letter:before{ content: '\2709';}
.pen:before{ content: '\2710';}
.pen2:before{content: '\270e';}
.hand:before{content: '\270B';}
.write:before{content: '\270D';}
.yes:before{ content: '\2713';}
.yes2:before{ content: '\2714';}
.no:before{ content: '\2715';}
.no2:before{ content: '\2716';}

.dead:before{content: '\271e';}
.dead2:before{content: '\271f';}
.star:before{content: '\2729';}
.frage:before{content: '\2754';}
.ausruf:before{content: '\2755';}
.ausruf2:before{content: '\26a0';}
.circle:before{content: '\0ed0';}
	
	
.triple{
 display:block;
 padding:20px;
 margin-left:1em;}

.in{
 display:inline-block;}

#navleft{
 position:absolute;
 top:1em;
 left:0;
 width:200px;}

@media only screen and (max-width: 480px) {
    /* For desktop: */
 .small{ display:block;}
 .wide{ display:none;}

	.row {
		width:inherit;
		display: block;
		margin-bottom:.5rem;}

	.nosmall{display:none;}

	#logocenter{
	 display:none;}

	#logotop{
	 display:block;}

	#logotop img{
		max-width:100%;	}

	.col-4,	.col-6 {width: 90%}

}

@media only screen and (min-width: 768px) {
    /* For desktop: */

 .wide{ display:block;}
 .small{ display:none;}

}

@media only screen and (min-width: 1024px) {
 .wide{ display:block;}
 .small{ display:none;}
}


@media only screen and (orientation: landscape) {
    body {

    }
 .wide{ display:block;}
 .small{ display:none;}
}

.l30{
 padding-left:30px;}

.r30{
 padding-right:30px;}

blockquote {
  line-height:150%;
  background: #f9f9f9;
  border-left: 3px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: '\201C''\201D''\2018''\2019';
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -.4em;
}
 
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.15em;
  vertical-align: -0.4em;
}

.ducktape { 
  background: #f6f6f6;
  margin: 30px auto;
	padding:1em .5em .5em .5em;
  position: relative;
  width: 80%;
  box-shadow: 0 1px 7px hsla(0, 0%, 0%, 0.2);}

.ducktape li:before{
 content: '> ';}
 
/* Corner Effect */
.ducktape:after,
.ducktape:before {
  background: #e6e6e6;
  content: '';
  height: 20px;
  position: absolute;
  top: -15px;
  width: 60px;
  box-shadow: 0 5px 10px -7px hsla(0, 0% ,0%, 0.5);}

.ducktape:after {
  left: -30px;
  transform: rotate(-45deg);}

.ducktape:before {
  right: -30px;
  transform: rotate(45deg);}

.input1,.input2{
  padding:5px 10px;
	width:100%;
	max-width:inherit;
	border-radius:5px;
	border:1px outset #aaa;}

.input1{
  font-size:1rem;
	background-color:rgba(255,255,255,.9);
	margin-bottom:.5em;}

textarea.input1{
	min-height:150px;
	overflow:auto;}

.input1:focus{
	border:1px solid #CB0004;}


.input2{
  display:inline-block;
  font-size:1rem;
	font-weight:bold;
	cursor:pointer;
	background-image:linear-gradient(-30deg, #f0f0f0 0%, #cccccc 100%);}

.input2:hover{
	cursor:pointer;
	background-image:linear-gradient(-30deg, #cccccc 0%, #f0f0f0 100%);}

.ffield{
	width:50%;
	margin:auto;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:2px 2px 4px #999;}

.ffield2{
	width:75%;
	margin:auto;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:2px 2px 4px #999;}

#special-playlists{
   margin:2em 0;
 width:inherit;}

#special-playlists table{
   margin-bottom:1em;
   page-break-inside: avoid;}

.pressonctent{
   max-height:350px;
	 overflow:auto;}

.press{
   page-break-inside: avoid;}

article .press{
	line-height:150%;
	padding: 0 0 1em 0 !important;
	margin: 0 0 1.5em 0 !important;
}

.press h3{
  margin:0 0 1em 0;
	padding:5px 10px;
	border-radius:3px;
	background-color:#CB0004;
	color:#FFFFFF;
	margin-bottom:1em;
	page-break-inside: avoid;}
	 
#special-playlists table th,#special-playlists strong{
display:table-row;
	border-radius:10px 10px 0 0;
 color:#fff;
 background-color:#CB0004;}

#special-playlists table td:first-child{
 width:70%;}

.fullt>th,.fullt>td{
 width:100% !important;}

#special-playlists table tr:nth-child(odd){
 background-color:#f0f0f0;}


h1,h2,h3,h4{
 line-height:150%;
 font-weight:normal;}

h1{
 font-size:1.5rem;
 margin-bottom:1rem;}

h2{
 font-size:1.3rem;
 margin-bottom:1rem; }

h3{
 font-size:1.1rem;}

h4{
 font-weight:600;
 font-size:1rem;}

a[href^="mailto:"] {
 text-decoration:underline;
 color:#CB0004;}

/*
a[rel="external"] {
	target-name:new;
	target-new:tab;}
*/

a[href*="//"]:not([href*="popstop.eu"]) {
	color:#4C4C4C;}

#innercontent a[href*="//"]:not([href*="popstop.eu"]):not([href*="facebook"]):after {
	content: " " url(layout/hrefextern.png);} /*  " " attr(href) " "; } */

.hrstyle {
	width:80%;
	margin:1.5rem 0 0 10%;
	height: 30px;
	border-style: solid;
	border-color: black;
	border-width: 1px 0 0 0;
	border-radius: 20px; }

.hrstyle:before { /* Not really supposed to work, but does */
	display: block; content: "";
	height: 30px;
	margin-top: -31px;
	border-style: solid;
	border-color: black;
	border-width: 0 0 1px 0;
	border-radius: 20px; }

small{
  line-height:.8rem;
  font-size:.8rem;}

.shoppic1,.shoppic2{
 max-height:250px;
 max-width:300px;
 display:block;
 margin:auto;
 border-radius:10px !important;
 margin-left:20px;
 margin-bottom:10px;}

.shopa{
	page-break-inside: avoid;
	display:block;
	clear:both;}


.boxcircle {
	border-radius: 100px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;}

.boxcircle:hover {
	border-radius: 20px;} 

.playlist{
 width:100px;
 text-align:right;}

.bildmoderator{
 box-shadow:3px 3px 8px #222;
 margin-bottom:5px;
 border-radius:10px;
 max-width:80px;
 max-height:80px;}

.dontshow{
 display:none;}

.dbd{
 display:block;
 margin-top:-10px;}

.bildzursendung{
 box-shadow:3px 3px 8px #222;
 margin-top:15px;
 margin-bottom:15px;
 border-radius:10px;
 max-width:420px;
 max-height:300px;}

.bildzursendungtext{
 margin-top:-10px;
 margin-bottom:10px;
 font-size:10pt;
 font-style:italic;}

.playlistlink{
 width:100%;
 margin-left:9px;
 display:inline-block;
 text-align:center;
 cursor:pointer;
 text-decoration:underline;
 color:#CB0004;}

.plistwindow{
 display:none;
 box-shadow:3px 3px 6px #222;
 background-color:#ccc;
 border:3px double #333;
 border-radius:10px;
 max-width:80%;
 max-height:480px;
 overflow:auto;
 padding:10px;}

.button,.buttona{
 cursor:pointer;
 box-shadow:2px 2px 6px #111;
 color:#333 !important;
 display:inline-block;
 text-align:center;  width:68px;height:55px;
 padding-top:5px;
 padding-bottom:5px;
 margin-right:2px;
 text-decoration:none !important;
 background-color:#f0f0f0;
 border:none;
 border-right:1px solid #999;
 border-bottom:1px solid #444;}

.buttona{
 background-color:#e0e0e0;}

.button big,.buttona big{
 font-weight:bold;}

.button:hover,.buttona:hover{
 margin:1px;
 box-shadow:2px 2px 4px #111;}


#sendeplan-liste tr td{
 line-height:125%;
 vertical-align:top;}

.weiter,.weniger{
	display:none;}

#wk{
 width:100%;}

#wk td{
 padding:5px;}

#wk tr td{
 vertical-align:top;}

#wk tr>td:first-child[rowspan]{
 text-align:center;}

#wk tr>td:nth-child(1){
 text-align:left;}

#wk td img{
 max-height:60px;
 max-width:60px;}

.banner img{
	white-space:pre;}

.radiostate{
	font-size:.8em;}

.player{
 display:none;}

#bannersmall{
	width:0;
	display:none;}

#mobilemen{ display:none;}
	
@media only screen and (max-width: 1099px) {
	header .col-2{ width:25%;}
	header .col-8{ width:50%;}

	#bannersmall{
		box-shadow:2px 2px 4px #333;
		height:3rem;
		line-height:3rem;
		font-size:1rem;
		width:100%;
		display:block;
		text-align:center;
		background-color:#999;
		color:#fff;
		border:1px solid #ccc;
		border-style:solid none solid none;	}

	#banner{ background-color:#f0f0f0;
		padding-top:1rem;
		display:block;
		width:100%;
		min-height:0px;
		column-count: 4;
		column-gap: 20px;}

	.col-10{ width:100%}
}


.anmeldung{
	display:inline-block;
	float:left;
	width:30%;
	border-radius:10px;
	border:2px solid red;
	height:11rem;
	font-size:1rem;
	margin:0 20px 1rem 0;
	padding:10px 5px;
	background-color:#f0f0f0;}

.anmeldung img{
	width:50px;
	margin:-1.5rem .5rem .5rem -1rem;}

.anmeldung p{
	margin-left:40px;}

.registerbutton{
	cursor:pointer;
	background-color:#f8f8f8;
	display:inline-block;
	padding:2px 5px !important;
	margin:2px auto .5rem auto;
	border-radius:10px;
	border:2px solid red;
	box-shadow:2px 2px 4px rgba(0,0,0,.3);}

#chooser_div{
	min-width:700px;
	max-width:80%;
	height:350px;
	border-radius:15px;
	box-shadow:4px 4px 12px rgba(0,0,0,.3);
	background:#f0f0f0;
	border:3px solid #ccc;}


#chooser_div iframe{
	border:none;
	margin:0;
	padding:0px;
	width:100%;
	height:100%;
	background-color:transparent;}

#chooser_close{
	cursor:pointer;
	display:inline-block;
	float:right;
	text-align:center;
	color:#fff;
	background-color:#660000;
	font-size:1.2rem;
	width:1.2rem;
	border-radius:3px;}

.choose{
	cursor:pointer;
	display:inline-block;
	float:right;
	text-align:center;
	color:#fff;
	background-color:#006600;
	font-size:1rem;
	width:1rem;
	border-radius:3px;}



@media only screen and (max-width: 879px) {
	.anmeldung{
		display:block;
		width:99%;
		max-width:99%;}

#chooser_div{
	position:absolute;left:10px !important;top:50px !important;
	margin:0;
	min-width:1px;
	width:95% !important;
	max-width:95%;
	min-height:350px;}

}

@media only screen and (max-width: 799px) {
	#footernav{
		display:none;}

	.fnav{
		display:none;
		width:0;}

	.two-col {
    column-count: 1;
    column-gap: 0px;}

	#adminlink{
		display:none;}
}

@media only screen and (max-width: 619px) {
.banner img { max-width:80%;}
	header .col-8{ width:0;display:none;}
	header .col-2{ width:50%;display:inline-block;float:left;}
	#mobilemen{
		display:block;
		overflow:hidden;
		text-align:left;
		clear:both;
		height:2rem;
		line-height:2rem;
		border:1px solid #999;
		border-style:solid none none none;
		background-color:#ccc;}

	#mobilemen ul{ background-color:#ccc;}
	#mobilemen li{ list-style:none;padding:0;margin:0;line-height:2rem;}
	#mobilemen>ul>li:first-child{	text-align:center;}
	#mobilemen .e0{ display:block !important;padding-left:20px;box-shadow:0 1px 1px #888;}
	#mobilemen .e1{ display:block !important;padding-left:40px;box-shadow:0 1px 1px #888;}
	#webmaster{display:block;}
}

#special-playlists table{
 width:100% !important;}

#special-playlists strong{
 width:100% !important;}

#gb{
 width:100%;
 height:100%;
 overflow:auto;}

#root .e0,#root a{
 font-size:.9em !important;}
 
#schalter{
	display:inline-block;
	width:70px;
	height:70px;
	margin:0;
	margin-top:5px;
	cursor:pointer;
	background-image:url(layout/radiooff.png);
	background-size:70px 70px;
	background-repeat:no-repeat;
	text-decoration:none;}

#breadcrumb { display:block;width:100%;clear:both;margin:.5rem 0}

#breadcrumb li{ display:inline;margin:.5rem;padding:.2rem .5rem .2rem 0;list-style:none;}

@import url('https://fonts.googleapis.com/css?family=Bangers&display=swap');
@keyframes rotation {
  to {
    transform: rotate(360deg) translateX(-50%) translateY(-50%);
  }
}

@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
    background-color: #111;
}

.title {
    font-family: "Montserrat";
    text-align: center;
    color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;

    letter-spacing: 1px;
}

h1 {
    background-image: url(h1back.gif);
    background-size: cover;
background-position:center -40px;
    color: transparent;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-transform: uppercase;
	text-align:left;
    font-size: 1.5rem;
		font-weight:900;
    line-height: 1.25;
    margin: 0 0 10px 0;
}
/* styling my button */

.white-mode {
    text-decoration: none;
    padding: 7px 10px;
    background-color: #122;
    border-radius: 3px;
    color: #FFF;
    transition: .35s ease-in-out;
    position: absolute;
    bottom: 15px;
    font-family: "Montserrat";
}

.white-mode:hover {
    background-color: #FFF;
    color: #122;
}