/*
@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Teko:wght@300;400;500;600&display=swap');
*/
@import url('https://www.metal-only.de/fileadmin/tpl/css/fonts.css');
html{height:100%;}
body{height:100%;margin:0;padding:0; font-size:20px; font-weight: 400; font-family: 'Teko', sans-serif; line-height:25px; color:#333; text-align:left; 
background:url(../img/bg.jpg) fixed;}
ul,div,form{margin:0;padding:0;}
ol{margin:0; padding-left:20px;}
a,textarea,input,a:hover,a:focus,button {outline: 0px; text-decoration:none;}
img, embed, video {max-width: 100%; height: auto; width: 100%; border:0 !important; width: auto\9; /* ie8 */}
img{border:0 !important;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.metalonly{width:100%; margin:0 auto; padding:0; min-width:320px; max-width:1200px; position:relative;}
.metalonly:before,
.metalonly:after { content:""; display:table; }
.metalonly:after { clear:both;}

.full{clear:both; float:left; width:100%;}
.boxed{max-width:1200px!important; margin:0 auto; padding:0; padding:15px;}
.boxed:before,
.boxed:after { content:""; display:table; }
.boxed:after { clear:both;}

/* TEXT */
h1,h2,h3,h4,h5,h6,p,.bodytext{display:block; margin:0; padding:0; font-weight: 400; line-height:25px; text-align:left; color:#000;}
header {clear:both;}
h1{clear:both; float:left; width:100%; margin:0 0 20px 0;font-family: 'Metal Mania', cursive; font-size:1.7em;}
article h1{clear:both; float:left; width:100%; margin:0 0 20px 0;font-family: 'Metal Mania', cursive; font-size:1.7em;}
article h2{font-size:1.35em;}
article h2 a{color:#000;}
article h2 a:hover{text-decoration:underline;}
article h3{}
article h4{font-size: 1em;}
article h5{font-size: 0.9em;}
article p{clear:both;}
article p b,
article p strong{font-weight:500;}
article p a{color:#000; text-decoration:underline;}
article p a:hover{ text-decoration:none;}
article ul{clear:both; float:left; width:100%; padding-left:25px; margin:0 0 3.3% 3.3%;}
article ul li{ color:#000;}
article ul.spMic,
article ul.spTxt{margin:0 0 3.3% 0%; list-style:none;}
article ul.spMic li,
article ul.spTxt li{position:relative; margin-bottom:10px; font-size:1em; color:#000;}
article ul.spMic li:before,
article ul.spTxt li:before{position:absolute; left:-20px; top:0; display: inline-block;font-family:FontAwesome; font-size: 19px; text-rendering: auto;-webkit-font-smoothing: antialiased;  content:"\f130";}
article ul.spTxt li:before{content:"\f0f6";font-size: 15px; text-rendering: auto; top:-2px;}

article ul.spContest{margin-left:0;}
article ul.spContest li{float:left; width:25%;}
@media only screen and (max-width: 1100px) {article ul.spContest li{width:33%;}}
@media only screen and (max-width: 768px) {article ul.spContest li{width:50%;}}
@media only screen and (max-width: 550px) {article ul.spContest li{width:100%;}}
article ul.spContest2{margin-left:0;}
article ul.spContest2 li{float:left; width:50%;}
@media only screen and (max-width: 768px) {article ul.spContest2 li{width:100%;}}
article ul.spContest3{margin-left:0;}
article ul.spContest3 li{float:left; width:100%;}


.header,
.main,
.footer{clear:both; float:left; width:100%; }
/*
.header {position:relative; min-height:177px; background:#000 url(../img/metal-head-s.jpg) no-repeat top center;}
.header .head{padding:0px 30px;}
.header .head .logo{float:left; width:100%; max-width:380px; margin:15px 0 0 0px;}
.header .head nav{clear:both; float:left; width:100%; padding:0 0 0 10px; margin:5px 0 0 0;}
.header .head nav .nav-main{clear:both; float:left; width:100%; list-style:none;}
.header .head nav .nav-main li{float:left; margin-left:30px;}
.header .head nav .nav-main li:first-child{margin-left:0;}
.header .head nav .nav-main li a{font-size:1.200em; font-family: 'Metal Mania', cursive; color:#fff; line-height:30px; letter-spacing:1px;}
*/
.header {position:relative; min-height:169px; background:#000 url(../img/metal-head-s.jpg) no-repeat top center;}
.header .head{float:left; width:100%;}
.header .head .con{float:left; width:100%; padding:0px 30px;}
.header .head .logo{float:left; width:100%; max-width:380px; margin:15px 0 0 0px;}
.header .head .logo img{float:left;}
.header .head .logo .big,
.header .head .logo .small{float:left;}
.header .head .mobil,
.header .head .logo .small{display:none;}
.header .head .logo .small img{max-width:169px;}


.header .head .banner{float:right; margin:50px 0 0 0; max-width:468px;}
.header .head nav{clear:both; float:left; width:100%; padding:0 0 0 10px; margin:5px 0 0 0;}
.header .head nav .nav-main{clear:both; float:left; width:100%; list-style:none; position:relative;}
.header .head nav .nav-main li{float:left; margin-left:30px;}
.header .head nav .nav-main li:first-child{margin-left:0;}
.header .head nav .nav-main li a{font-size:1.200em; font-family: 'Metal Mania', cursive; color:#fff; line-height:30px; letter-spacing:1px;}
.header .head nav .nav-main li.sel a{color:#bbb;}
.header .head nav .nav-main li.sel ul li a{color:#fff;}
.header .head nav .nav-main .sub{clear:both; float:left; list-style:none; position:absolute; z-index:999; background:rgba(0,0,0,0.80); width:100%; left:0; display:none; padding:20px 0 5px 0;}
.header .head nav .nav-main .sub li{float:left; margin:0; width:18%; margin:0 0 10px 2%; text-align:left;}
.header .head nav .nav-main .sub li a{font-family: 'Teko', sans-serif; font-weight:400; font-size:1em; line-height:25px; padding:0 0px 0 0px;}
.header .head nav .nav-main .sub li a:hover{/*text-transform:uppercase;*/ /*text-decoration:underline;*/ border-bottom:1px solid #fff;}
.header .head nav .nav-main .sub li.sel a{color:#bbb;}
.header .head nav .nav-main .sub li.sel a:hover{border:0;}
.header .head nav .nav-main li:hover .sub{display:block;}

.fixedH {position: fixed!important; text-align:center; z-index: 666;left: 0;top: 0; margin:0; min-height:40px; display: none; width:100%; background:url(../img/metal-head-s.jpg) no-repeat top center; /*transition:all 0.25s ease;*/ /*-webkit-box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.75);box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.75);*/}
.fixedH .logo {display:none!important; margin:0!important;}
.fixedH .logo .big{display:none;}
.fixedH .banner{display:none!important;}
.fixedH .con{float:none!important; width:100%; margin:0 auto; padding:0; min-width:320px; max-width:1200px;}

.main {background:#fff;}
.main .content{float:left; width:75.41%; /*padding:40px;*/ padding:30px;}
.main .content article{clear:both; float:left; width:100%;}
.main aside{float:left; width:24.59%; background:#f3f3f3; border-left:1px solid #e7e7e7; min-height:100%;}


.showAll{clear:both; float:left; width:100%; margin:10px 0 40px 0; text-align:center;}
.showAll .btn{clear:both; display:inline-block; margin:0; padding:5px 20px 2px 20px; color:#fff; line-height:30px;font-family: 'Metal Mania', cursive; font-size:1em;  letter-spacing:1px; background-image: linear-gradient(to bottom, #000 50%, #fff 50%);transition: background-position 0.3s;background-size: 100% 200%;border-bottom:2px solid #000; transition: all 0.25s ease;}
.showAll .btn:hover{ background-position: 0 -100%; color:#000;}


.toplist-newsnav{clear:both; float:left; margin:0 0 3% 0; padding:0; list-style:none;}
.toplist-newsnav li{float:left; margin:0 10px 10px 0;}
.toplist-newsnav li a{display:block; float:left; background:#fff; border:1px solid #000; padding:3px 15px 0 15px; color:#000; line-height:26px; font-size:0.9em; letter-spacing:1px; transition:all 0.2s ease;}
.toplist-newsnav li.sel a,
.toplist-newsnav li a:hover{background:#000; color:#fff;}

/* box review */
.box-reviews {clear:both;}
.box-reviews h2{clear:both; font-family: 'Metal Mania', cursive; font-size:2.250em; line-height:50px; margin:0 0 20px 0;}
.box-reviews .list-reviews{clear:both; float:left; width:100%; list-style:none;margin:0; padding:0;}
.box-reviews .list-reviews li{float:left;width: 31.13%; margin:0 0 3.3% 3.3%;}
.box-reviews .list-reviews li:first-child{margin-left:0;}
.box-reviews .list-reviews li:nth-child(3n+1){margin-left:0; clear:both;}
.box-reviews .list-reviews li a{display:block; float:left; width:100%;}
.box-reviews .list-reviews li .m img{clear:both; float:left; transition: all 0.4s ease;}
.box-reviews .list-reviews li .m{clear:both; float:left; width:100%; overflow:hidden; position:relative;}
.box-reviews .list-reviews li a:hover .m img{-webkit-transform: scale(1.1) rotate(3deg);-ms-transform: scale(1.05) rotate(3deg);transform: scale(1.1) rotate(3deg);}
.box-reviews .list-reviews li span{clear:both; float:left; width:100%; margin:10px 0 0 0; padding:6px 3px 3px 7px; border-left:3px solid #010000; font-size:1em; font-weight:400; line-height:20px; color:#000;background-image: linear-gradient(to right, #fff 50%, #000 50%);transition: background-position 0.3s;background-size: 200% 100%;}
.box-reviews .list-reviews a:hover span{background-position: -100% 0;color:#fff;font-weight:400;}
.box-reviews .list-reviews li span span{border:0; margin:0; padding:0;  line-height:16px; font-size:0.800em; font-weight:300; color:#9c9c9c;}
.box-reviews .list-reviews a:hover span span{color:#9c9c9c;}


/* box interview */
.box-interview {clear:both;}
.box-interview h2{clear:both; font-family: 'Metal Mania', cursive; font-size:2.250em; line-height:50px; margin:0 0 20px 0;}
.box-interview .list-interview{clear:both; float:left; width:100%; list-style:none;margin:0; padding:0;}
.box-interview .list-interview li{float:left;width: 31.13%; margin:0 0 3.3% 3.3%;}
.box-interview .list-interview li:first-child{margin-left:0;}
.box-interview .list-interview li:nth-child(3n+1){margin-left:0; clear:both;}
.box-interview .list-interview li a{display:block; float:left; width:100%;}
.box-interview .list-interview li .m img{clear:both; float:left; transition: all 0.4s ease;}
.box-interview .list-interview li .m{clear:both; float:left; width:100%; overflow:hidden; position:relative;}
.box-interview .list-interview li .player{clear:both; float:left; width:100%; background:none; }
.box-interview .list-interview li .player object{clear:both; float:left; max-width: 100%; height: 30px; width: 100%; border:0 !important; width: auto\9;}
.box-interview .list-interview li .player audio{width:100%;}
.box-interview .list-interview li .player audio::-internal-media-controls-download-button {display:none;}
.box-interview .list-interview li .player audio::-webkit-media-controls-enclosure {overflow:hidden;}
.box-interview .list-interview li .player audio::-webkit-media-controls-panel {width: calc(100% + 30px); /* Adjust as needed */}
.box-interview .list-interview li.item .headline{clear:both;  float:left; line-height:24px; font-size:1.1em; font-weight:500; color:#000;}
.box-interview .list-interview li.item span{clear:both; display:block; line-height:20px; font-size:0.800em; font-weight:300; color:#9c9c9c;}
.box-interview .list-interview li.item span:before{float:left; content:'||'; margin-right:3px;}

/*
.box-interview .list-interview li a:hover .m img{-webkit-transform: scale(1.1) rotate(3deg);-ms-transform: scale(1.05) rotate(3deg);transform: scale(1.1) rotate(3deg);}
.box-interview .list-interview li span{clear:both; float:left; width:100%; margin:10px 0 0 0; padding:3px 0 0 7px; border-left:3px solid #010000; font-size:1em; font-weight:500; line-height:20px; color:#000;background-image: linear-gradient(to right, #fff 50%, #000 50%);transition: background-position 0.3s;background-size: 200% 100%;}
.box-interview .list-interview a:hover span{background-position: -100% 0;color:#fff;font-weight:400;}
.box-interview .list-interview li span span{border:0; margin:0; padding:0;  line-height:16px; font-size:0.800em; font-weight:300; color:#9c9c9c;}
.box-interview .list-interview a:hover span span{color:#9c9c9c;}
*/

/* box news */
.box-news {clear:both;}
.box-news h2{clear:both; font-family: 'Metal Mania', cursive; font-size:2.250em; line-height:50px; margin:0 0 20px 0;}
.box-news .list-news{clear:both; float:left; width:100%; list-style:none;margin:0; padding:0;}
.box-news .list-news li{float:left;width: 48.35%; margin:0 0 3.3% 3.3%;}
.box-news .list-news li:first-child{margin-left:0;}
.box-news .list-news li:nth-child(2n+1){clear:both; margin-left:0;}
.box-news .list-news li.item {padding:20px; border:1px solid #989898; position:relative;}
.box-news .list-news li.item .headline{clear:both;  float:left; line-height:24px; font-size:1.1em; font-weight:500; color:#000;}
.box-news .list-news li.item span{clear:both; display:block; line-height:20px; font-size:0.800em; font-weight:300; color:#9c9c9c;}
.box-news .list-news li.item span:before{float:left; content:'||'; margin-right:3px;}
.box-news .list-news li.item .m{clear:both; float:left; margin:10px 0;}
.box-news .list-news li.item .teaser{clear:both; float:left; position:relative;}
.box-news .list-news li.item .teaser p{clear:both; float:left; font-size:0.95em; font-weight:400; line-height:20px; color:#000;}
.box-news .list-news li.item .btn{display:block; float:left; background:#000; height:40px; width:40px; position:absolute; bottom:-20px; left:50%; margin-left:-20px;-webkit-border-radius: 200px 200px 200px 200px;-moz-border-radius: 200px 200px 200px 200px;border-radius: 200px 200px 200px 200px;border: 1px solid #989898;background: #ffffff;color:#989898;text-align:center;line-height:45px;font-size:1.2em;transition:all 0.25s ease;}
.box-news .list-news li.item .btn:hover{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
.box-news .list-news li.item .teaser:after{content:' '; width:100%; height:50px; position:absolute; bottom:0; left:0;pointer-events: none;background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);}


.box-news .list-news li.item .teaser .media{clear:both; float:left; width:100%; margin:3px 0 10px 0; display:block; position: relative;padding-bottom: 58%;/*padding-bottom: 70%; padding-bottom: 56.25%; Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px;height: 0;overflow: hidden;}
.box-news .list-news li.item .teaser .media p{margin:0; padding:0;}
.box-news .list-news li.item .teaser .media iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width: 100%!important;}
.box-news .list-news li.item .teaser .media img {width:100%;}
.box-news .list-news li.item .teaser .media2{clear:both; float:left; width:100%; margin:3px 0 10px 0; display:block; position: relative;padding: 0px;;}
.box-news .list-news li.item .teaser .media2 p{margin:0; padding:0;}
.box-news .list-news li.item .teaser .media2 iframe {max-width: 100%!important;}

.box-news .list-news li.item .teaser .media3{clear:both; float:left; width:100%; margin:3px 0 10px 0; display:block; position: relative;padding-bottom: 58%;/*padding-bottom: 70%; padding-bottom: 56.25%; Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px;height: 0;overflow: hidden;}
.box-news .list-news li.item .teaser .media3 p{margin:0; padding:0;}
.box-news .list-news li.item .teaser .media3 iframe {position: absolute;top: -100%;left: 0;width: 100%;height: 100%;max-width: 100%!important;}
.box-news .list-news li.item .teaser .media3 img {width:100%;}

.page-navigation{clear:both; float:left; width:100%; border-top:1px solid #f2f2f2; margin:20px 0 0 0; padding:10px 0 0 0;}
.page-navigation p{float:left; }
.news .page-navigation ul{clear:none; float:right; width:auto; margin:0; padding:0;}
.news .page-navigation ul li{float:left; margin:0 3px; width:auto; display:inline-block;  font-weight: 400; line-height: 25px; text-align: left; color: #000;}
.news .page-navigation ul li.current{color: #666;}
.news .page-navigation ul li a{ font-weight: 400; line-height: 25px; text-align: left; color: #000;}
.news .page-navigation ul li:nth-child(2n+1){clear:none!important; margin-left:0;}
.news .page-navigation ul li:nth-child(3n+1){clear:none!important; margin-left:0;}


/* Reviews Show */
.show-review{clear:both; float:left; width:100%;}
.show-review .row{margin-bottom:30px;}
.show-review h1{clear:both; float:left; width:100%; font-size:1.500em; line-height:34px; font-family: 'Metal Mania', cursive;}
.show-review .review-info{clear:both; float:left; margin:30px 0; border-spacing:0; border-collapse:0; border:0;}
.show-review .review-info tr {vertical-align:top;}
.show-review .review-info tr td{color:#585858; font-size:1em; line-height:24px;}
.show-review .review-info tr td:nth-child(1){padding-right:40px; letter-spacing:1px;}
.show-review .review-info tr td:nth-child(2){letter-spacing:1px;}
.show-review .review-media{}
.show-review .review-media img{float:left; width:100%;}
.show-review .review-top p{clear:both; float:left; margin:30px 0; color:#585858; font-size:0.95em; line-height:30px; letter-spacing:0.04em;}
.show-review .review-detail{clear:both; float:left; width:100%; margin-bottom:30px;}
.show-review .review-detail p{font-size:0.950em;letter-spacing:0.5px; line-height:22px;}

.show-review .boxx{clear:both; float:left; width:100%; background:#fafafa; padding:20px; margin-bottom:30px;}
.show-review .boxx .headline{font-size:1em; font-weight:500; color:#000; line-height:28px; text-transform:uppercase;letter-spacing:1px;}
.show-review .boxx ol{/*list-style-type:decimal-leading-zero;*/ font-size:0.95em;letter-spacing:0.5px;color:#222;margin:0; padding-left:20px;}
.show-review .boxx ol li{ font-size:0.95em;}
.show-review .boxx ul{list-style:none; font-size:0.95em;letter-spacing:0.5px;color:#222; margin:0; padding:0;}
.show-review .boxx ul li{}
.show-review .boxx ul li a,
.show-review .boxx ol li a{color:#222;}
.show-review .boxx ul li a:hover:after,
.show-review .boxx ol li a:hover:after{content:"\f054"; margin-left:5px; font: normal normal normal 0.7em/1 FontAwesome;}
.show-review .boxx p{font-size:0.95em;letter-spacing:0.5px;color:#222;}

.main aside .boxx {clear:both; float:left; width:100%;}
.main aside .boxx .headline{clear:both; float:left; width:100%; line-height:40px; text-align:center; color:#fff; font-family: 'Metal Mania', cursive; font-size:1.100em; letter-spacing:1px; background:url(../img/metal-boxx.png); background-size:cover;}
.main aside .boxx .headline span{color:#00b215;}
.main aside .boxx .headline .off{color:#d90000;}
.main aside .boxx .data{clear:both; float:left; width:100%; padding:20px;}
.main aside .boxx .data a img{float:left;}
.main aside .boxx .data .list-radio{clear:both; float:left; list-style:none;margin:0; padding:0;}
.main aside .boxx .data .list-radio li{clear:both;}
.main aside .boxx .data .list-radio li a{}
.main aside .boxx .full{padding:0!important;margin:5px 0;}
.main aside .onair .streaminfo {text-align:center;}
.main aside .onair .streaminfo img{width:auto;}
.main aside .onair .streaminfo span{clear:both; display:block; font-size:0.900em; font-weight:500;}
.main aside .onair .streaminfo span span{ display:inline-block; font-size:1em; font-weight:400;}
.main aside .search .bshide{display:none;}

.main aside .searchbox{}
.main aside .searchbox .inps{clear:both;float:left; width:100%;}
.main aside .searchbox .inps input[type="text"]{float:left; margin:0; border:1px solid #000; width:84%; height:40px; line-height:30px; margin:0; font-size:1.2em; font-family: 'Teko', sans-serif; color:#000; padding:5px 15px;}
.main aside .searchbox .inps input[type="submit"]{float:left; border:0; width:16%; cursor:pointer; background:#000 url(../img/search.png) no-repeat center center; height:40px; margin:0; padding:0;}
.main aside .searchbox .social {clear:both; float:left; margin:20px 0 0 0; font-size:1.1em; font-family: 'Metal Mania', cursive; }
.main aside .searchbox .social .follow{display:inline-block; margin:0 0 0 4px; width:42px; height:42px; text-align:center; line-height:45px;background:url(../img/follow.png) no-repeat; color:#fff;}


.main aside .boxx .list-radio{clear:both; float:left; list-style:none;margin:0; padding:0;}
.main aside .boxx .list-radio li{clear:both; float:left; margin:0 0 15px 0;}
.main aside .boxx .list-radio li a{display:block; float:left; color:#444; font-size:1.100em; line-height:35px;}
.main aside .boxx .list-radio li a:before{float:left; content:''; height:35px; width:35px; margin-right:8px; line-height:35px;}
.main aside .boxx .list-radio li a:hover a{color:#000;}
.main aside .boxx .list-radio li a.pl-web:before{background: url(../img/player/radio-de.png) no-repeat; background-size:cover;}
.main aside .boxx .list-radio li a.pl-winamp:before{background: url(../img/player/winamp.png) no-repeat; background-size:cover;}
.main aside .boxx .list-radio li a.pl-wmp:before{background: url(../img/player/win-media.png) no-repeat; background-size:cover;}
.main aside .boxx .list-radio li a.pl-phono:before{background: url(../img/player/phonostar.png) no-repeat; background-size:cover;}
.main aside .boxx .list-radio li a.pl-vlc:before{background: url(../img/player/vlc.png) no-repeat; background-size:cover;}
.main aside .boxx .list-radio li a:hover:before{-webkit-transform: scale(1.1) rotate(3deg);-ms-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}


.main aside .supporter .data {text-align:center;}
.main aside .supporter .data a{clear:both; display:inline-block; margin:0 0 10px 0;}
.main aside .supporter .data a img{float:left;  width:auto;}


.main .list-team{clear:both; float:left; width:100%; list-style:none; margin:0; padding:0;}
.main .list-team li{float:left; width: 22.52%; margin:0 0 5% 3.3%; text-align:center;}
.main .list-team li:first-child{margin-left:0%;}
.main .list-team li:nth-child(4n+1){clear:both; margin-left:0%;}
.main .list-team li a{font-weight:400; text-decoration:none; color:#000;}
.main .list-team li .ti{text-align:center;font-weight:400;}
.main .list-team li .ti b{font-weight:500;font-family: 'Metal Mania', cursive; font-size:1.25em;}
.main .list-team li .ti span{font-weight:300; }


.show-news{clear:both; float:left; width:100%;}
.show-news h1{clear:both;  float:left; font-family: 'Metal Mania', cursive; font-size:1.5em; line-height:40px; color:#000;}
.show-news .news-text{clear:both; float:left; display:block; width:100%;  margin:0 0 30px 0; text-align:center;}
.show-news .news-text img{max-width:auto; width:auto; display:inline-block;}
.show-news .news-text p{ text-align:left;}
.show-news .news-text .media{clear:both; float:left; width:100%; margin:10px 0 10px 0; display:block; position: relative;padding-bottom: 58%; /*padding-bottom: 56.25%; Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px;height: 0;overflow: hidden;}
.show-news .news-text .media p{margin:0; padding:0;}
.show-news .news-text .media iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.show-news .news-bottom{clear:both; display:block; width:100%; border-top:1px solid #f2f2f2; margin:30px 0; padding:2px 0 0 0;}
.show-news .news-bottom .back,
.show-news .news-bottom .timeblk{float:right; line-height:30px; font-size:0.9em; font-weight:300; color:#9c9c9c; text-align:right; letter-spacing:0.025em;}
.show-news .news-bottom .timeblk time,
.show-news .news-bottom .timeblk .author{display:inline-block;}
.show-news .news-bottom .back{float:left; padding:0; font-size:0.95em; font-weight:400; color:#000; text-transform:uppercase;}
.show-news .news-text a{color:#666;}
.show-news .news-text a:hover{color:#000;}


.show-news .partnerprogramm{clear:both; display:block; width:100%; border-top:1px solid #f2f2f2; margin:30px 0 0 0; padding:30px 0 0 0; text-align:center;}
.show-news .partnerprogramm .link-amazon .top{display:inline-block; line-height:40px; font-size:2em;font-weight:400; color:#292929; text-align:center; letter-spacing:0.025em;}
.show-news .partnerprogramm .link-amazon .md{display:inline-block; height:40px;}
.show-news .partnerprogramm .link-amazon .md img{display:inline-block; max-width:128px;}
.show-news .partnerprogramm .link-amazon .info{margin-top:10px;display:block;line-height:20px; font-size:16px; font-weight:300; color:#000; text-align:center; letter-spacing:0.025em;}

.sendeplan{clear:both; float:left; width:100%; margin:0; text-align:center;}
.sendeplan .time{float:left; width:9%;}
.sendeplan .hide1,
.sendeplan .hide2,
.sendeplan .hide3{display:none;}
.sendeplan .day{float:left; width:13%;}
.sendeplan .list{clear:both; float:left; list-style:none; width:100%; margin:0; padding:0;}
.sendeplan .list li{clear:both; float:left; list-style:none; width:100%; border-top:1px solid #fff; border-left:1px solid #fff; line-height:35px; color:#000;}
.sendeplan .list li:nth-child(1n){background:#e6e6e6;}
.sendeplan .list li:nth-child(2n){background:#ccc;}
.sendeplan .list li:first-child{background: url(/fileadmin/tpl/img/plan-top2.png) no-repeat bottom left; padding-top:5px; background-size:cover; border-left:0; color:#fff;}
.sendeplan .list li a{float:left; width:100%; display:block; line-height:32px; padding-top:3px; text-align:center; color:#000;}
.sendeplan .list li a.mh{background:#a1a1a1;}
.sendeplan .list li a .modinfo{display:none;}
.sendeplan .list li a.nowonair{ /*animation: blinker 0.2s linear infinite;*/  text-shadow: 0px -1px 4px white, 0px -2px 20px yellow, 0px -10px 20px #ff8000, 0px -9px 20px red;}

@keyframes blinker {  
  0% {text-shadow: 0px -1px 2px white, 0px -2px 10px yellow, 0px -5px 10px #ff8000, 0px -9px 20px red; }
  100% {text-shadow: 0px -1px 4px white, 0px -2px 20px yellow, 0px -10px 20px #ff8000, 0px -9px 20px red;}
}
.plantooltip{background:#fff; color:#000; text-align:center;}
.plantooltip span{display:block; padding:0; line-height:14px;}
.plantooltip .mod{font-family: 'Metal Mania', cursive; font-size:2em; line-height:30px; letter-spacing:2px;}
.plantooltip .gerne{padding:10px 5px;}


.streamInfoNow .showInfo{clear:both;float:left; width:100%; margin:0 0 20px 0;}
.streamInfoNow .showInfo h2{text-align:center; width:100%;}
.streamInfoNow .showInfo .headline{margin:20px 0 20px 0;text-align:center;font-family: 'Metal Mania', cursive;font-size: 1.500em;letter-spacing: 1px; color:#000;}
.streamInfoNow .showInfo .mm{margin:0px 0 20px 0;text-align:center;}
.streamInfoNow .showInfo .mm img{display:inline-block; float:none; width:auto; max-width:200px;}
.streamInfoNow .showInfo p{text-align:center;}


.radiolistbox{clear:both; float:left; width:100%; text-align:center; padding:20px 0 10px 0;}
.list-radio3{clear:both;  float:none; display:inline-block; list-style:none; margin:0; padding:0; width:auto;}
.list-radio3 li{float:left; margin:0 0 15px 20px;}
.list-radio3 li a.pl-web:before{background: url(../img/player/radio-de.png) no-repeat; background-size:cover;}
.list-radio3 li a.pl-winamp:before{background: url(../img/player/winamp.png) no-repeat; background-size:cover;}
.list-radio3 li a.pl-wmp:before{background: url(../img/player/win-media.png) no-repeat; background-size:cover;}
.list-radio3 li a.pl-phono:before{background: url(../img/player/phonostar.png) no-repeat; background-size:cover;}
.list-radio3 li a.pl-vlc:before{background: url(../img/player/vlc.png) no-repeat; background-size:cover;}
.list-radio3 li a{ display:block; float:left; color:#444; font-size:1.100em; line-height:35px;}
.list-radio3 li a:before{clear:both; display:block;content:''; height:35px; width:35px; margin:0 auto; line-height:35px;/*background: url(../img/player/radio-de.png) no-repeat;*/}
.list-radio3 li a:hover:before{-webkit-transform: scale(1.1) rotate(3deg);-ms-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
.list-radio3 li:hover a{color:#000;}


.frmWunsch{clear:both; float:left; width:100%;}
.frmWunsch .line{clear:both; float:left; width:60%; margin:0 0 10px 0;}
.frmWunsch .line label{float:left; width:15%; color:#000; line-height:30px;}
.frmWunsch .line input[type="text"]{float:left; width:100%; max-width:85%; border:1px solid #000; height:30px; line-height:18px; padding:5px; font-family: 'Teko', sans-serif; font-size:0.85em; line-height:25px; color:#000;}
.frmWunsch .line input[type="reset"]{float:left;}
.frmWunsch .line textarea{float:left; width:100%; max-width:85%; min-height:150px; border:1px solid #000;  color:#000; line-height:18px; padding:5px;font-family: 'Teko', sans-serif; font-size:0.85em; }
.frmWunsch .line textarea:disabled{background:#f2f2f2; font-family: 'Teko', sans-serif; font-size:0.8em;}
.frmWunsch .line .btn{float:right;}
.frmWunsch .topinfo{clear:both; float:left; width:100%; margin:0 0 20px 0;}
.frmWunsch .subinfo{clear:both; float:left; width:100%; margin:30px 0 0 0; }
.frmWunsch .line .btn{display:inline-block; border:0;margin:0; cursor:pointer; padding:5px 20px 2px 20px; color:#fff; line-height:30px;font-family: 'Metal Mania', cursive; font-size:1em;  letter-spacing:1px; background-image: linear-gradient(to bottom, #000 50%, #fff 50%);transition: background-position 0.3s;background-size: 100% 200%;border-bottom:2px solid #000; transition: all 0.25s ease;}
.frmWunsch .line .btn:hover{ background-position: 0 -100%; color:#000;}

.message {clear:both; float:left; width:100%; margin:0 0 10px 0; background:#000; color:#fff; padding:6px 15px 3px 15px; line-height:30px;}
.message a{color:#ccc;}



.main .list-partner{clear:both; float:left; width:100%; list-style:none; margin:0; padding:0;}
.main .list-partner li{float:left; width: 23.125%; margin:0 0 2% 2.5%;}
.main .list-partner li:first-child{margin-left:0;}
.main .list-partner li:nth-child(4n+1){clear:both; margin-left:0;}


.list-resultblk{clear:both; float:left; width:100%; list-style:none; margin:0; padding:0;}
.list-resultblk li{clear:both; float:left; width:100%;margin:20px 0 0 0;}
.list-resultblk li a{color:#000;}


.tx-indexedsearch-searchbox{clear:both; float:left; width:100%; margin:0 0 10px 0; padding:0;}
.tx-indexedsearch-searchbox .tx-indexedsearch-form{float:left; margin:0;width:84%;}
.tx-indexedsearch-searchbox .tx-indexedsearch-form input[type="text"]{float:left; margin:0; border:1px solid #000; width:100%; height:40px; line-height:30px; margin:0; font-size:1.2em; font-family: 'Teko', sans-serif; color:#000; padding:5px 15px;}
.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit{float:left; border:0; width:16%;}
.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit input[type="submit"]{float:left; border:0; width:100%; cursor:pointer; background:#000 url(../img/search.png) no-repeat center center; height:40px; margin:0; padding:0; font-size:0; line-height:0;}
.tx-indexedsearch-res .tx-indexedsearch-redMarkup{color:#00b215; font-weight:400;}

.tx-indexedsearch-browsebox{clear:both; width:100%;list-style:none; margin:0; padding:0;}
.tx-indexedsearch-browsebox li{float:left; margin:10px 10px 0px 0;}
.tx-indexedsearch-browsebox li a{float:left; display:block; color:#000; font-weight:400;}
.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{ font-weight:500;}


/*footer*/
.footer{padding:20px 30px; background:rgba(33,33,33,0.7); margin: 0 0 20px 0;}
.footer .amazon-shop{clear:both; display:block; max-width:256px;}
.footer .headline{clear:both; float:left; width:100%; margin:0 0 20px 0; font-weight:300; letter-spacing:1px; text-align:center; color:#fff; font-size:1.2em; line-height:30px;}
.footer .data{clear:both; float:left; width:100%; text-align: center;}
.footer .data p{clear:both; float:left; width:100%; color:#fff; font-size:0.8em; font-weight:300; line-height:20px; text-align:center; letter-spacing:0.025em;}
.footer .data a{display:inline-block;}
.footer .span3_12{width:25%;border-right:1px solid #999;padding:0 2%;margin:0;}
.footer .span3_12:last-child{border:0;}

.foosupport{clear:both; float:left; width:100%; padding:0; margin:3.3% 0 0 0; padding:3.3% 0 2.6% 0;  border-top:1px solid #999;}
.foosupport .headline{clear:both; float:left; width:100%; padding-left:30px; line-height:40px; text-align:left; color:#fff; font-family: 'Metal Mania', cursive; font-size:1.100em; letter-spacing:3px; background:url(../img/metal-boxx.png);}
.foosupport .data{clear:both; float:left; width:100%; padding:0 3.3%; list-style:none; }
.foosupport .data li{float:left; width: 22.52%; margin:0 0 0 3.3%;}
.foosupport .data li img{float:left;}
.foosupport .data li:first-child{margin-left:0;}

.footer .lastline{clear:both; float:left; width:100%; margin:0;  padding:20px 0 0 0; border-top:1px solid #999;}
.footer .lastline ul{clear:both; float:left; list-style:none; margin:0;}
.footer .lastline ul li{float:left;font-weight:300; letter-spacing:1px; text-align:left; color:#fff; font-size:0.9em; line-height:30px; text-transform:uppercase;}
.footer .lastline ul li a{font-weight:300; letter-spacing:1px; text-align:left; color:#fff; font-size:0.9em; line-height:30px; text-transform:uppercase;}
.footer .lastline ul li a:hover{text-decoration:underline;}
.footer .lastline ul li:before {content:'|'; float:left; margin:0 4px;}
.footer .lastline ul li:first-child:before {display:none;}

.footer span{float:right;font-weight:300; letter-spacing:1px; text-align:left; color:#fff; font-size:0.85em; line-height:30px;}
.footer span a{color:#fff; }
.footer span a:hover{text-decoration:underline;}




/* FxForm */
.devError{clear:both; float:left; margin:15px 0 15px 0; width:100%; padding:15px; border:0; background:#d90000; color:#fff;}
.devError p{ color:#fff!important;}
.fxform textarea{clear:both; float:left; width:100%; background:none; height:160px; color:#3f3f3f; padding:10px; margin:0 0 0px 0; border:0; border-bottom:1px solid #3f3f3f; border-left:1px solid #3f3f3f; font-size:16px; line-height:22px;}
.fxform select,
.fxform input[type="text"]{clear:both; float:left; background:none; width:95%; color:#3f3f3f; height:40px; padding:0 10px; margin:0 0 25px 0; border:0; border-bottom:1px solid #3f3f3f; font-size:16px; line-height:40px;}
.fxform select:hover,
.fxform textarea:hover,
.fxform input[type="text"]:hover,
.fxform input[type="text"]:focus{border-color:#007a6b;}
.fxform select:focus,
.fxform textarea:focus,
.fxform input[type="text"]:focus{background:#fff; }
.fxform select:hover option,
.fxform select:focus option{color:#ffeb3b;}
.fxform .senden {clear:both; margin:30px auto 0 auto; background:#3f3f3f; border:1px solid #3f3f3f; display:block;font-weight:500;cursor:pointer;color:#fff; font-size:1.11em; padding:10px 25px;text-decoration:none; text-transform:none; line-height:30px;-webkit-transition: background-color .5s ease-out;-moz-transition: background-color .5s ease-out;-o-transition: background-color .5s ease-out;transition: background-color .5s ease-out;}
.fxform .senden:hover {background-color:#fff; color:#3f3f3f;}
.fxform .senden:active {position:relative;top:1px;}
*::-webkit-input-placeholder {color: #3f3f3f;}
*:-moz-placeholder {color: #3f3f3f;}
*::-moz-placeholder {color: #3f3f3f;}
*:-ms-input-placeholder {color: #3f3f3f;}



.devError{margin:30px 0; width:100%; padding:15px; border:1px solid #c20000; background:#c20000; color:#fff;}
.devError p{ color:#fff; font-size:1em; line-height:20px;}
.boxKontakt{clear:both; float:left; width:100%; text-align:left; margin:20px 0;}
.boxKontakt textarea{clear:both; float:left; width:100%; height:160px; padding:10px; margin:0 0 0px 0; border:1px solid #e3e3e3; line-height:22px; letter-spacing:0;font-family: 'Teko', sans-serif; font-size:1em; }
.boxKontakt  select,
.boxKontakt  input[type="text"]{clear:both; float:left; width:100%; height:44px; padding:5px 10px; margin:0 0 20px 0; border:1px solid #e3e3e3; letter-spacing:1px; line-height:34px;font-family: 'Teko', sans-serif; font-size:1em; }
.boxKontakt select:hover,
.boxKontakt select:focus,
.boxKontakt textarea:hover,
.boxKontakt textarea:focus,
.boxKontakt  input[type="text"]:hover,
.boxKontakt  input[type="text"]:focus{border-color:#000;}
.boxKontakt select:hover option,
.boxKontakt select:focus option{color:#000;}
.boxKontakt  .senden {clear:both; float:right; width:100%; background:#000; border:1px solid #000; display:inline-block;cursor:pointer;color:#fff; font-family: 'Teko', sans-serif; font-size:1.25em; letter-spacing:3px;margin:20px 0px;text-decoration:none; text-transform:uppercase; line-height:40px;-webkit-transition: background-color .5s ease-out;-moz-transition: background-color .5s ease-out;-o-transition: background-color .5s ease-out;transition: background-color .5s ease-out;}
.boxKontakt  .senden:hover{background-color:#333;}
.boxKontakt  .senden:active {position:relative;top:1px;}
.boxKontakt  .subtxt p{font-size:13px;}
.boxKontakt  .captcha {line-height:40px; text-align:left; letter-spacing:2px;}


.csc-sitemap ul{clear:both; float:left; width:100%; margin:0 0 0 0px; padding:0; list-style:none;}
.csc-sitemap ul li{overflow:hidden; clear:both; float:left;  margin:0 0 10px 0; padding:0; color:#000; font-size:0.95em; font-weight:400; line-height:20px;}
.csc-sitemap ul li a{color:#000; font-size:1em; font-weight:400; line-height:20px;}
.csc-sitemap ul li:before{display: inline-block;font-family:FontAwesome; font-size: 18px; text-rendering: auto;-webkit-font-smoothing: antialiased;  content: "\f105";margin-right:8px;}
.csc-sitemap ul li:hover:before{color:#000;}
.csc-sitemap ul li a:hover{text-decoration:underline;}
.csc-sitemap ul li ul{margin:0 0 0 0px;padding:0 0 0 15px; border-left:1px solid #ccc;}
.csc-sitemap ul li ul li {margin:3px 0 0 0;}
.csc-sitemap ul li ul li a{font-size:0.95em;}
.csc-sitemap ul li ul li:before{display:none;}
.csc-sitemap ul li.cur a{color:#000;}
.csc-sitemap ul li.cur ul li a{color:#004494;}
.csc-sitemap ul li.cur ul li.cur a,
.csc-sitemap ul li.cur ul li a:hover{text-decoration:underline;}
.csc-sitemap ul li.akt:before{color:#000;}
.csc-sitemap ul li.akt ul li a{color:#000;}
.csc-sitemap ul li.akt ul li.cur a,
.csc-sitemap ul li.akt ul li a:hover{text-decoration:underline;}

/*----*/
article .nofull{display:inline-block; text-align:center;}
article .nofull img{width:auto;}
article .nofullab{display:inline-block; text-align:center;margin-right:20px;}
article .nofullab img{width:auto;}


.galerie{clear:both; float:left;}
.galerie .csc-textpic-imagewrap{clear:both; float:left;}
.galerie .csc-textpic-imagewrap a{float:left; display:block; width: 24.25%; margin:0 0 1% 1%; overflow:hidden; max-height:130px;}
.galerie .csc-textpic-imagewrap a:first-child{clear:both; margin-left:0;}
.galerie .csc-textpic-imagewrap a:nth-child(4n+1){clear:both; margin-left:0;}


@media only screen and (max-width: 1100px) {.galerie .csc-textpic-imagewrap a{max-height:115px;}}
@media only screen and (max-width: 1000px) {.galerie .csc-textpic-imagewrap a{max-height:105px;}}
@media only screen and (max-width: 900px) {.galerie .csc-textpic-imagewrap a{max-height:120px;}}
@media only screen and (max-width: 767px) {.galerie .csc-textpic-imagewrap a{max-height:105px;}}
@media only screen and (max-width: 700px) {
  .galerie .csc-textpic-imagewrap a{width: 32.33%;max-height:130px;}
  .galerie .csc-textpic-imagewrap a:nth-child(4n+1){clear:none; margin-left:1%;}
  .galerie .csc-textpic-imagewrap a:nth-child(3n+1){clear:both; margin-left:0;}
}
@media only screen and (max-width: 650px) {.galerie .csc-textpic-imagewrap a{max-height:100px;}}
@media only screen and (max-width: 500px) {
  .galerie .csc-textpic-imagewrap a{width: 49%;max-height:125px;  margin:0 0 2% 2%;}
  .galerie .csc-textpic-imagewrap a:nth-child(3n+1){clear:none; margin-left:2%;}
  .galerie .csc-textpic-imagewrap a:nth-child(2n+1){clear:both; margin-left:0;}
}

@media only screen and (max-width: 400px) {
  .galerie .csc-textpic-imagewrap a{max-height:100px;}
}

/* Grid */
/*  12er Grid */
.row {clear:both; float:left; width:100%; padding:0px; margin:0px;}
.row:before,
.row:after {content:""; display:table; }
.row:after {clear:both;}
.row {zoom:1;}
.col {display: block; float:left; margin:0 0 0 3.3%;}
.col2{display: block; float:left; margin:0 0 0 3.3%; padding:0 0 30px 0;}
.col3{display: block; float:left; margin:0 0 0 3.3%; padding:0 0 20px 0;}
.col4{display: block; float:left; margin:0 0 0 3.3%; padding:0 0 40px 0;}
.col:first-child,
.col3:first-child,
.col4:first-child,
.col2:first-child{margin-left: 0;}
.col img,
.col2 img,
.col4 img,
.col3 img{width:100%; max-width:100%; float:left;}

.switsh_1{float:right; margin:0 0 0 3.3%;}
.switsh_2{float:left; margin:0;}

.span12_12 {width: 100%;}
.span11_12 {width: 91.39%;}
.span10_12 {width: 82.78%;}
.span9_12 {width: 74.17%;}
.span8_12 {width: 65.56%;}
.span7_12 {width: 56.95%;}
.span6_12 {width: 48.35%;}
.span5_12 {width: 39.74%;}
.span4_12 {width: 31.13%;}
.span3_12 {width: 22.52%;}
.span2_12 {width: 13.91%;}
.span1_12 {width: 5.308%;}
/* Grid Ende */

.sideDonation{clear:both; float:left; width:100%;}

.gmaps{border:0; width:100%; height:480px; margin:0;}

.V0,.V5,.V10,.V15,.V20,.V25,.V30,.V50,.V70{clear:both;margin:0px;font-size:0px;line-height:0px;width:0px;height:0px;padding:0px;}
.V5{height:5px;}
.V10{height:10px;}
.V15{height:15px;}
.V20{height:20px;}
.V25{height:25px;}
.V30{height:30px;}
.V50{height:50px;}
.V70{height:50px;}





@media only screen and (max-width: 1200px) {
  .header .head .con,
  .main .content,
  .footer{padding-left:10px; padding-right:10px;}
  
  .header .head nav .nav-main li a{font-size:1em;}
  .footer{margin:0;}
}



@media only screen and (max-width: 1100px) {
  .main aside .searchbox .social{text-align:center; width:100%;}
  .main aside .searchbox .social span{display:block; padding-bottom:10px;}
}


@media only screen and (max-width: 1050px) {
  .header .head nav .nav-main li{margin-left:20px;}
  .header .head nav .nav-main li a{font-size:0.9em;}
  .header .head nav .nav-main .sub li{width:23%; margin:0 0 10px 2%;}
  
}  

@media only screen and (max-width: 980px) {
  .footer .lastline .span4_12,
  .footer .lastline .span8_12{margin:0; width:100%; text-align:center;}
  
  .footer .lastline ul{float:none; display:inline-block;}
  .footer .lastline .span8_12 span{float:none; display:inline-block; font-size:0.8em;text-align:center; line-height:20px;}
  .footer .lastline .span8_12 span a{color:#ccc;}
  
  .main aside .boxx .list-radio li a{font-size:1em; font-weight:300;}
}  

@media only screen and (max-width: 900px) {
  .main .content{width:100%;}
  .main aside{width:100%;}
  .main aside .boxx {clear:none; float:left; width:33.33%;}
  .main aside .boxx:nth-child(3n+1) {clear:both;}
  .main aside .search .bshide{display:block;}
  

  .header .head {text-align:center;}
  .header .head .logo,
  .header .head .banner{clear:both; float:left; width:100%; max-width:100%; text-align:center; margin:0;}
  .header .head .logo a,
  .header .head .banner a{display:inline-block;}
  
  .header .head nav {float:none;display:inline-block; width:auto; padding-left:0;}
  .header .head nav .nav-main li{margin-left:14px;}
  .header .head nav .nav-main li a{font-size:0.82em;}
  .header .head nav .nav-main .sub li{width:31%; margin:0 0 10px 2%;}
  .header .head nav .nav-main .sub li a{font-size:0.9em;}
  
  .footer .span3_12{width: 48.35%;}
  .footer .span3_12:nth-child(1),
  .footer .span3_12:nth-child(2){margin-bottom:30px;}
  .footer .span3_12:nth-child(2){border-right:0;}
  .footer .span3_12:nth-child(4){margin-bottom:30px;}
}  


@media only screen and (max-width: 767px) {
  
  .col,
  .col2,
  .col3,
  .col4{margin: 0 0 0 0;}
  .span11_12,
  .span10_12,
  .span9_12,
  .span8_12,
  .span7_12,
  .span6_12,
  .span5_12,
  .span4_12,
  .span3_12,
  .span2_12,
  .span1_12 {width: 100%;}

  .header {min-height:118px;}
  .header .head .banner{display:none;}
  .header .head nav{display:none;}

  .header .head .mobil{display:block; position:absolute; bottom:5px; left:10px; color:#fff; font-size:1.25em; font-weight:normal; cursor:pointer;}
  
  .header .fixedH .logo {display:block!important; float:none; max-width:169px; height:40px; margin:0 auto!important;}
  .header .fixedH .logo .small{display:block;}
  .header .fixedH .logo .big{display:none;}
}


@media only screen and (max-width: 700px) {
  .main aside .boxx { width:50%;}
  .main aside .boxx:nth-child(3n+1) {clear:none;}
  .main aside .boxx:nth-child(2n+1) {clear:both;}
  
  .main .list-team li{width: 31.13%;}
  .main .list-team li:nth-child(4n+1){clear:none; margin-left:3.3%;}  
  .main .list-team li:nth-child(3n+1){clear:both; margin-left:0%;}  


  .frmWunsch .line{width:100%;}
  .frmWunsch .line label{width:20%;}
  .frmWunsch .line input[type="text"]{ max-width:80%;}
  .frmWunsch .line textarea{ max-width:80%;}

  .box-reviews .list-reviews li{width: 48.35%;}
  .box-reviews .list-reviews li:nth-child(3n+1){margin-left:3.3%; clear:none;}
  .box-reviews .list-reviews li:nth-child(2n+1){margin-left:0; clear:both; }
  
  .box-interview .list-interview li{width: 48.35%;}
  .box-interview .list-interview li:nth-child(3n+1){margin-left:3.3%; clear:none;}
  .box-interview .list-interview li:nth-child(2n+1){margin-left:0; clear:both; }
  
}

@media only screen and (max-width: 666px) {
  .sendeplan .time{float:left; width:12%;}
  .sendeplan .hide1{display:block;}
  .sendeplan .day{float:left; width:22%;}
  .sendeplan .list li:first-child{background:#000;}
}

@media only screen and (max-width: 500px) {
  .main aside .boxx {clear:both; width:100%;}
  
  .main .list-team li{width: 48.35%;}
  .main .list-team li:nth-child(3n+1){clear:none; margin-left:3.3%;}  
  .main .list-team li:nth-child(2n+1){clear:both; margin-left:0%;}    
  
  .box-news .list-news li{clear:both;width:100%; margin-left:0;}
  
  .footer .span3_12{width: 100%; border-right:0; border-bottom:1px solid #999; margin:0; padding-bottom:30px;}
  .footer .span3_12:nth-child(4){margin-bottom:0px; padding-bottom:0;margin-top:30px;}
  
.main .list-partner li{width: 48.35%; }
.main .list-partner li:nth-child(3n+1){clear:none; margin-left:3.3%;}
.main .list-partner li:nth-child(2n+1){clear:both; margin-left:0;}
}


@media only screen and (max-width: 480px) {
  .header .head .logo {max-width:80%; float:none; margin:0 auto;}
}


@media only screen and (max-width: 450px) {
  .sendeplan .time{float:left; width:16%;}
  .sendeplan .hide1{display:none;}
  .sendeplan .hide2,
  .sendeplan .hide3{display:block;}
  .sendeplan .day{float:left; width:28%;}
  
  .frmWunsch .line{width:100%;}
  .frmWunsch .line label{width:100%;}
  .frmWunsch .line input[type="text"]{ max-width:100%;}
  .frmWunsch .line textarea{ max-width:100%;}  
  
  

  .box-reviews .list-reviews li,
  .box-interview .list-interview li,
  .box-reviews .list-reviews li:nth-child(2n+1),
  .box-interview .list-interview li:nth-child(2n+1),
  .box-reviews .list-reviews li:nth-child(3n+1),
  .box-interview .list-interview li:nth-child(3n+1){width: 100%; margin-left:0!important; margin-bottom:6.6%;}
  .box-interview .list-interview .player{margin-top:2px;}
  

  
  .list-radio3 li{clear:both; text-align:center; width:100%; margin-left:0;}
  .list-radio3 li a{display:block;  width:100%;}

}



/* --------- */
.mo-slider {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.mo-slider li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.mo-slider li:hover {cursor:wait;}
.mo-slider li:first-child {position: relative;display: block;float: left;}
.mo-slider img {display: block;height: auto;float: left;width: 100%;border: 0;}

/* --------- */

#sidr{display:none;}
.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1em;
  font-weight: 300;
  letter-spacing:1px;
  background: #333;
  color: #fff;
  box-shadow: 0 0 5px 5px #222 inset;
}
.sidr .sidr-inner {
  padding: 0 0 8px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}

.sidr ul {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #4d4d4d;
}
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 30px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #1a1a1a;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  border-top: 0;
  line-height: 31px;
}
.sidr ul li:hover > a,
.sidr ul li:hover > span, .sidr ul li.active > a,
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px #222 inset;
}
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #fff;
}
.sidr ul li ul {
  border-bottom: 0;
  margin: 0;
}
.sidr ul li ul li {
  line-height: 26px;
  font-size: 0.85em;
}
.sidr ul li ul li:last-child {
  border-bottom: 0;
}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  border-top: 0;
  line-height: 27px;
}
.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px #222 inset;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
  color: rgba(255, 255, 255, 1);
  padding-left: 30px;
}


@media (max-width: 767px)
{
  .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:240px;overflow-x:none;overflow-y:auto;left: -0px !important;}
  .sidr.right{left:auto;right:-240px}
  .sidr.left{left:-240px;right:auto}
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 70);}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#fff;border:1px solid #000;}
.cboxIframe{background:#000;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff; padding:1px;}
#cboxLoadingGraphic{/*background:url(../images/loading.gif) no-repeat center center;*/}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-22px; background:url(../img/controls.png) no-repeat 0 0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


.cc-message{font-size:13px; line-height:16px; padding:7px;}


.CookieInfo {position: fixed;display:table;padding:0;box-sizing:border-box;width: 100%;opacity: 1;transition: all 1s ease;bottom: 0px;z-index: 1000; border-top:0px solid #fff;}
.CookieInfo .btninfo{display:table-cell;width:calc(100% - 150px);box-sizing:border-box;padding:10px;font-size:0.8rem;font-weight:400;line-height:20px;color:#fff;font-family: Arial, Helvetica, sans-serif;}
.CookieInfo .btninfo a{color:#fff;text-decoration:underline;}
.CookieInfo .btninfo a:hover{text-decoration:none;}
.CookieInfo .btnok{color: #000;width:150px;text-align:center;display:table-cell;vertical-align:middle; transition:background 0.3s ease;font-family: Arial, Helvetica, sans-serif;}
.CookieInfo .btnok a{color:#000; text-decoration:none; padding:15px 0;font-size:1rem;font-weight:600;}
.CookieInfo {background: #000;}
.CookieInfo .btninfo{}
.CookieInfo .btnok{background: #fff;}
.CookieInfo .btnok:hover{background: #fff;}
@media only screen and (max-width: 750px){
  .CookieInfo .btninfo{float:left;display:block;width:calc(100%); text-align:Center;}
  .CookieInfo .btnok{float:left;display:block;width:calc(100%);}
  .CookieInfo .btnok a{display:block; float:left; width:100%; padding:5px 0;}
}