body {
     
       
    background:#101123 left top repeat-x fixed;
	border:0;
    font:14px Arial,Helvetica,sans-serif;
    line-height:18px;
    color: #adadad;
	margin:0
    }
   
    .wrap {
     overflow: hidden; 
    /* margin: 10px; */
      }
    .box {
       float: left;
       position: relative;
       width: 20%;
       padding-bottom: 20%;
    }
    .boxInner {
       position: absolute;
       left: 5px;
       right: 5px;
       top: 5px;
       bottom: 5px;
       overflow: hidden;
    }
    .boxInner img {
       width: 100%;
    }
    .boxInner .titleBox {
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       margin-bottom: -50px;
       background: #000;
       background: rgba(0, 0, 0, 0.5);
       color: #FFF;
       padding: 5px;
       text-align: center;
       -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
       transition: all 0.3s ease-out;
    }
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
    }
    
      @media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
       .box {
          width: 25%;
          padding-bottom: 25%;
       }
    }
    @media only screen and (min-width : 481px) {
       /* Smartphone view: 1 tile */
       .box {
          width: 25%;
          padding-bottom: 25%;
       }
    }
    @media only screen and (min-width : 650px) {
       /* Tablet view: 2 tiles */
       .box {
          width: 20%;
          padding-bottom: 20%;
       }
    }
    @media only screen and (min-width : 1050px)  {
       /* Small desktop / ipad view: 3 tiles */
       .box {
          width: 16.6%;
          padding-bottom: 16.6%;
       }
    }
    @media only screen and (min-width : 1290px)  {
       /* Medium desktop: 4 tiles */
       .box {
          width: 14.28%;
          padding-bottom: 14.28%;
       }
    }
 * {
  box-sizing: border-box;
}   
.container{
    background: #2e2e2e;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}

@media(max-width:480px){
	.container{ width: 100.0%; }

    .col-4 { width: 100.0%;}
    .col-9 { width:100% }
    .col-3 { width:100% }
    .nav1 .nav_form { width:98% }
          .nav_item { width:100% }
          .promo_link { width:49.5% }

 
}
@media(min-width:480px){
	.container{ width: 100.0%; }

    .col-4 { width: 50.0%;}
    .col-9 { width:100% }
    .col-3 { width:100% }
    .nav1 .nav_form { width:98% }
          .nav_item { width:100% }
          .promo_link { width:49.5% }
}
@media (min-width:768px){
	.container{ width: 100.0%; }

    .col-4 { width: 50.0%; }
    .col-9 { width:100% }
    .col-3 { width:100% }
    .nav1 .nav_form { width:350px }
          .nav_item { width:270px }
          .promo_link { width:32.5% }
}
@media (min-width:992px){
	.container{width: 100.0%;}

    .col-4 { width: 50.0%;}
    .col-9 { width:75% }
    .col-3 { width:25% }
    .promo_link { width:24.5% }
}
@media (min-width:1200px){
.container{width:1170px}

.col-4 {width: 33.3%;}
.col-9 { width:75% }
.col-3 { width:25% }
.promo_link { width:19.5% }
}
.row{
	margin-right:-15px;
	margin-left:-15px
}
.row:after,.row:before{
	display:table;
	content:" "
}
.row:after{
	clear:both
}

.col-info {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
	padding-top:5px;
	width: 100%;
}
.col-4, .col-9, .col-3 {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
.col-4, .col-info, .col-9, .col-3 {
  float: left;
}

i.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body i.fa {
    margin-right: 0
}
.clear
 {
    clear: both;
}

.clear_title5 {
    height: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.clear_title, .clear_title5, .clear_title10, .clear_title10_2, .clear_title20
 {
    clear: both;
    background: url(https://deutschlandradio.22web.org/public/img/h.png) left bottom repeat-x;
    width: 100%;
    height: 3px;
    margin-bottom: 10px;
}


.phear .radio-logo.fa-volume-up:before{
	position:absolute;
	top:12px;
	left:17px;
	font-size:30px
}
.phear .radio-logo.fa-volume-up.anim:before{
	animation-duration:1000ms;
	animation-name:blink;
	animation-iteration-count:infinite;
	animation-direction:alternate
}
.phear .radio-logo.fa-volume-up img{
	opacity:.3
}
@font-face{
	font-family:'icomoon';
	src:url('https://de.zultv.net/public/fonts/iconmoon/icomoon.woff') format('woff'),url('https://de.zultv.net/public/fonts/iconmoon/icomoon.eot?#iefixa') format('embedded-opentype'),url('https://de.zultv.net/public/fonts/iconmoon/icomoon.ttf?bh2uiaaaa') format('truetype'),url('https://de.zultv.net/public/fonts/iconmoon/icomoon.svg?bh2uiaaaa#icomoon') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap
}
[class^="fa-"]:before,[class*=" fa-"]:before{
	font-family:'icomoon' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	margin-right:3px;
	text-decoration:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
[class*="fa-close-after"]:after{
	font-family:'icomoon' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	margin-right:3px;
	text-decoration:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.fa-close-after:after{
	content:"\f00d"
}
.fa-messenger:before{
	content:"\e904";
	color:#0084ff
}
.fa-viber:before{
	content:"\e905";
	color:#665cac
}
.fa-huawei:before{
	content:"\e900";
	color:#f00
}
.fa-lyrics:before{
	content:"\e901"
}
.fa-microphone:before{
	content:"\e902"
}
.fa-sun-regular:before{
	content:"\e903"
}
.fa-fullscreen-exit:before{
	content:"\e906"
}
.fa-cast:before{
	content:"\e907"
}
.fa-fullscreen:before{
	content:"\e908"
}
.fa-hand-holding-usd-solid:before{
	content:"\e909"
}
.fa-comments:before{
	content:"\e90a"
}
.fa-instagram:before{
	content:"\e90b"
}
.fa-image:before{
	content:"\e90d"
}
.fa-headphones:before{
	content:"\e910"
}
.fa-video-camera:before{
	content:"\e914"
}
.fa-play:before{
	content:"\ea15"
}
.fa-pause:before{
	content:"\ea16"
}
.fa-previous:before{
	content:"\ea18"
}
.fa-next:before{
	content:"\ea19"
}
.fa-backward:before{
	content:"\ea1a"
}
.fa-forward:before{
	content:"\ea1b"
}
.fa-music:before{
	content:"\f001"
}
.fa-search:before{
	content:"\f002"
}
.fa-heart:before{
	content:"\f004"
}
.fa-star:before{
	content:"\f005"
}
.fa-star-o:before{
	content:"\f006"
}
.fa-th-list:before{
	content:"\f00b"
}
.fa-close:before{
	content:"\f00d"
}
.fa-home:before{
	content:"\f015"
}
.fa-play-circle-o:before{
	content:"\f01d"
}
.fa-list-alt:before{
	content:"\f022"
}
.fa-volume-off:before{
	content:"\f026"
}
.fa-volume-down:before{
	content:"\f027"
}
.fa-volume-up:before{
	content:"\f028"
}
.fa-list:before{
	content:"\f03a"
}
.fa-backward1:before{
	content:"\f04a"
}
.fa-forward1:before{
	content:"\f04e"
}
.fa-arrow-left:before{
	content:"\f060"
}
.fa-arrow-right:before{
	content:"\f061"
}
.fa-chevron-up:before{
	content:"\f077"
}
.fa-chevron-down:before{
	content:"\f078"
}
.fa-star-half:before{
	content:"\f089"
}
.fa-heart-o:before{
	content:"\f08a"
}
.fa-twitter:before{
	content:"\f099"
}
.fa-facebook:before{
	content:"\f09a"
}
.fa-bullhorn:before{
	content:"\f0a1"
}
.fa-bell-o:before{
	content:"\f0a2"
}
.fa-sort:before{
	content:"\f0dc"
}
.fa-bell:before{
	content:"\f0f3"
}
.fa-angle-double-up:before{
	content:"\f102"
}
.fa-angle-double-down:before{
	content:"\f103"
}
.fa-angle-left:before{
	content:"\f104"
}
.fa-angle-right:before{
	content:"\f105"
}
.fa-star-half-empty:before{
	content:"\f123"
}
.fa-calendar-o:before{
	content:"\f133"
}
.fa-sort-amount-asc:before{
	content:"\f160"
}
.fa-sort-amount-desc:before{
	content:"\f161"
}
.fa-thumbs-up:before{
	content:"\f164"
}
.fa-thumbs-down:before{
	content:"\f165"
}
.fa-youtube-play:before{
	content:"\f16a"
}
.fa-apple:before{
	content:"\f179"
}
.fa-android:before{
	content:"\f17b"
}
.fa-whatsapp:before{
	content:"\f232"
}
.fa-assistive-listening-systems:before{
	content:"\f2a2"
}
.fa-user:before{
	content:"\e971"
}
.fa-tiktok:before{
	content:"\e90c"
}
.btn-top {
  display: none;
  cursor: pointer;
  position: fixed; 
  bottom: 20px;
  right: 30px;
  z-index: 99;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: Gray;
  color: Gainsboro;
  border: none;
}

.btn-top i{
 font-size:28px;
}
.btn-top:hover {
 color: white;
}