@font-face {
    font-family: titilium;
    src: url(/wp-content/themes/meinpodcast/font/titilium/Titillium-Regular.ttf) format('truetype'),url(/wp-content/themes/meinpodcast/font/titilium/Titillium-Regular.otf) format('opentype'),url(/wp-content/themes/meinpodcast/font/titilium/titillium-regular-webfont.woff) format('woff');}

.arrow_scroll{
	background-image:url("../icon/arrow-white.png");
	background-size: 100px 200px;
	background-position: center;
	background-color: #0000007a;
    background-repeat: no-repeat;
	border: none;
	width: 50px;
	top: 0;position: absolute;
	z-index: 1;
	cursor: pointer;
	opacity: 1;
	height: 100%;}
#aktuelle-podcast .arrow_scroll{
	height: 200px;z-index: 3;}

.arrow_scroll:hover{
	opacity: 1;}

.prev{
	transform: rotate(180deg);
	left: 0;
	z-index: 6;}

.next{
	right: 0;}

.slides_container{margin-bottom: 37px;}

/*-----------featured main-----------*/

h1.headline{display: none;}

#featured_wrapper{margin-bottom:46px;}

.featured_text{
	max-width: 800px;
	margin: auto;}
 
.featured_text img {max-width: 400px; margin-top: 20px;}

body .featured_text h2,.featured_text strong{
	font-size: 1.5em;
	margin: 20px 0;
	font-family: titilium;}

h2.featured_headline_title{
	text-align: center;
	font-size: 2em;
	font-weight: normal;
	margin:20px 0 35px;
	/*color: #0066cd;*/}

#featured{float: none;
    display: inline-flex;
    width: 100%;
	height: 250px;
	position: relative;
	margin: 10px 0;}

.featured_slider{width: 100%;overflow: hidden;text-align: center;}
#featured .slides{display: inline-flex;padding: 0 90px;margin: 0;}

#featured .slides li{padding: 0 25px;
	position: relative;
	width:600px;
	height: 250px;}

#featured .slides li .featured_img{
	width: 250px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 250px}
#featured .slides li .featured_img a{color: #fff;text-decoration: none;}
#featured .slides li .feature-sporticon{
	/*width: 35px;*/
	height: 35px;
	display: inline-block;
	position: absolute;
	top: 20px;
	left:20px;}

#featured .slides li .featured_category{text-transform: uppercase;display: block;
padding: 5px 0;}

#featured .slides li .featured_right_wrap{
	position: relative;
	width: 350px;
	padding: 9px 0;
	display: inline-block;float: right;
	vertical-align: top;
	background: #242424;
	height: 252px;}

.featured_right_wrap .featured_play{
	text-align: center;
	display: table;
	margin: 25px auto 15px}

#featured .slides .featured_right_wrap .featured_text{
	text-align: left;
	overflow: hidden;
	margin: 0 20px;color: #fff;}

#featured .slides .featured_right_wrap .featured_play span{
	font-size: .7em;
	color: black;
	display: block;
	margin: 10px 0 0;}

#featured .slides .featured_right_wrap .featured_play img{height: 30px}

#featured .slides .featured_right_wrap .featured_extra{
	display: flex;
	margin: 10px 20px;
	position: absolute;bottom: 0;}

.featured_rss,
.featured_download,
.featured_share,.empfohlen_rss,
.empfohlen_download,
.empfohlen_share{color: transparent;
	width: 20px;
	height: 21px;
    background-size: cover;
	background-position: center;
	border: none;
	cursor: pointer;
	margin: 0 5px;font-size: 0;
    background-color: transparent;
}

.featured_download{
	background-image: url("../icon/Download-icon.svg");}

.featured_rss, .rss_feed{
	background-image: url("../icon/rss-feed_icon.svg");	
}
.featured_rss{
	margin: 0 5px 0 0;}

.featured_share,.share{
	background-image: url("../icon/share_icon.svg");	
	
}

#featured .slides .featured_right_wrap .featured_rss:hover,
#featured .slides .featured_right_wrap .featured_share:hover,
#featured .slides .featured_right_wrap .featured_download:hover{
	opacity: 0.5;
}

#featured .slides li a >img{height: 100%;}

#featured .slides li a img.wp-post-image{width: 100%;height: auto;}

#featured .slides .featured_headline{
	text-align: left;margin: 20px 20px 0}

#featured .slides .featured_headline a{
	color:#fff;}

#featured  .addtolist,#featured .IconDotMenu {
position: absolute;top:30px;
}

#featured .addtolist{left:50px;top:35px;}
#featured .addtolist span{background-color: #fff;}
#featured  .IconDotMenu {right: 50px;

}

.featured_extra_wrap,.featured_extra_rss,.featured_extra_featured_share{
	position: absolute;
	top: 0;
	background: #777;
	opacity: 0;
	z-index: -1;
	transition: all 1s;
	height: 100%;width: 100%;
	text-align: center;color: #2b2b2b;}

.featured_extra_rss h3,.featured_extra_featured_share h3{margin: 40px 5px 10px;text-transform: uppercase;}

.featured_extra_wrap.active,.featured_extra_rss.active,.featured_extra_featured_share.active{opacity: 1;z-index: 5;}

.featured_extra_wrap span,.list_extra_wrap span{color: #2b2b2b;}

.featuredrss-item.deactive span,
.listrss-item span,
.featuredrss-item.deactive span{opacity: 0;transition: opacity 100ms}
	
.featuredrss-item span,
.listrss-item span{
	opacity: 1;transition: opacity 400ms 1000ms;
	color: #2b2b2b;
	margin: 5px 0px;
	display: block;
	font-size: 1;}

.featuredrss-item span{font-size: .92em;}

.featured_extra_rss_wrap{
	display: inline-grid;
	width: 96%;
	margin: 19px 2%;
	grid-template-columns: auto auto auto;}

.featured_extra_rss_wrap.active{
	grid-template-columns: 35px auto auto;}

.back_featuredrss_item,.back_catrss_item{
	background: url(../icon/Abo-Pfeil.png);
	background-position: center;
	background-size: cover;
	width: 0px;
	height: 25px;
	border: none;
	vertical-align: middle;
	cursor: pointer;
	padding: 0;
	margin: 45px 0px 0px;}

.back_featuredrss_item{margin: auto;top: 0;bottom: 0;}

.back_featuredrss_item.active,
.featured_wrap,
.rechts_featured_wrap.active{display: inline-block;}

.featured_wrap{
    display: inline-grid;
    grid-template-columns: auto auto auto;grid-gap: 10px 0}

.link_list_wrap,.link_cur_wrap{
    display: inline-grid;
    grid-template-columns: auto auto auto auto;grid-gap: 10px 0}

.rechts_featured_wrap,
.rechts_list_wrap,.rechts_cur_wrap
	{width:0;background: #666;overflow: hidden;display: flex}

.rechts_featured_wrap_wrap,
.rechts_list_wrap_wrap,
.rechts_cur_wrap_wrap{
	min-width: 200px;margin: auto;}

.rechts_featured_wrap_wrap{margin: 10px 0;}

.rechts_featured_wrap a{display: inline-block;}

.featured_extra_featured_close{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	color: #2b2b2b;
	transition: all 1s;
	background: transparent;
	border: none;
	cursor: pointer;
	margin: 5px;}

.featured_extra_wrap.active .featured_extra_featured_close{
	opacity: 1;
	z-index: 6;}

.featuredrss-item,.listrss-item{
	width: 80px;
	height: 125px;
	vertical-align: middle;
	background: none;
	border: none;
	margin: 15px 5px 0px;
	color: #2b2b2b;
	transition: height 1s;
	display: inline-block;
	overflow: hidden;
	font-size: 0.75em;
	padding: 0 5px;
	cursor: pointer;}

.featuredrss-item img{
	width: 80px;}

.featuredrss-item.active{
	height: auto;
	vertical-align: middle;
	overflow: visible;
	margin: auto !important;}


/*--------- featured Points----------*/
ul.featured_slides_pts{display: block;
    margin-bottom: 10px;
    text-align: center;}

ul.featured_slides_pts li{
	height: 10px;
	width: 10px;
	background: linear-gradient(to right, #fff,#9a9a9a);;
	border-radius: 10px;
	margin: 0px 4px;
	cursor: pointer;
	display: inline-block;transition: background 400ms;}

ul.featured_slides_pts li.active{background: linear-gradient(to right, #fff,#0066cd);}

/*----empfohlene Podcast-*/
#empfohlen_wrapper {
    margin: 30px 0 46px;
}
#empfohlen_main {
    width: 100%;
    height: 200px;
    position: relative;
}
.empfohlen_slider {
    overflow: hidden;
    text-align: left;
}
.empfohlen_slider .slides li .empfohlen_img {
    min-width: 200px;
    width: 200px;
}
.empfohlen_slider .slides li .empfohlen_img a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-size: cover;
}
.empfohlen_slider .slides li a > img {
    height: 100%;
    width: 100%;
}

.empfohlen_slider .slides {
    display: inline-flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.empfohlen_slider .slides li {
    margin-right: 20px;
    position: relative;
    width: 640px;
    height: 200px;
    display: flex;
}

.empfohlen_slider .slides li .empfohlen_img {
    min-width: 200px;
    width: 200px;
}

.empfohlen_slider .slides li .empfohlen_right_wrap {
    position: relative;
    padding: 20px 0px 0 20px;
    background: #fff;
    display: grid;
}
h2.empfohlen_headline {
    margin: 0;
        margin-right: 0px;
    margin-right: 79px;
}
h2.empfohlen_headline a, .empfohlen_category a {
    text-decoration: none;
    color: #000;
}
.empfohlen_slider .slides .empfohlen_right_wrap .empfohlen_text {
    text-align: left;
    overflow: auto;
    margin: 10px 0;
}

.empfohlen_btn {
    position: absolute;
    right: 10px;
    top: 24px;
}
/*---------home aktuelle Podcast---------*/
.orange{color: #0066cd;}

#home-blog-contain{width: 100%;}
#aktuelle-wrapper,.podcast-wrapper{margin-top: 50px;height: 252px;}
#aktuelle-podcast,.Podcast-wrapper{display: inline-grid;width: 100%;position: relative;}

#aktuelle-podcast .aktuelle-podcast_slider,
.Podcast-wrapper .Podcast-scroll{display: inline-block;
	/*width: 100%;*/overflow: hidden;}
#aktuelle-podcast ul,.Podcast-wrapper ul{display: inline-flex;}
#aktuelle-wrapper h2,.Podcast-wrapper h2{margin: 0 0 20px;}
.blog_backgr{position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: contain;
z-index: 1;}
.slides li a img,.Podcast li a img{height: 40px;}

.slides li.blog-container,.Podcast li.blog-container{
	text-align: lefT;
	box-shadow: none;
	width: 200px;
	float: none;
	height: 160px;
	display: inline-table;
	margin-top: 0;color:#2b2b2b}

.slides li.blog-container:first-child,.Podcast li.blog-container:first-child,.fav-podcast_slider li:first-child,.slider_wrap li:first-child{margin: 0px 0 0;}

.slides li.blog-container .songinfo_wrap,
.Podcast li.blog-container .songinfo_wrap{
    display: block;height: 200px;
    position: relative;
    background-color: rgba(0,0,0,0);z-index: 2;
    
}
.slides li.blog-container .songinfo_wrap:hover,
.Podcast li.blog-container .songinfo_wrap:hover{
    background-color: rgba(0,0,0,0.67);
}

.slides li.blog-container .songinfo_wrap .songinfo,
.Podcast li.blog-container .songinfo_wrap .songinfo{
    position: absolute;
    top: 0;bottom: 0;left: 0;right: 0;
    margin: auto;
    opacity: 0;
    width: 40px;
    height: 40px;
}

.blog-container :hover .songinfo_wrap {
    background-color: rgba(0,0,0,0.67);
    /*border-radius: 100%;*/
}

.blog-container .addtolist{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    height: 31px;
    width: 31px;
    opacity: 0;
}

#related-posts .blog-container .addtolist{
    left: 0;opacity: 1;
}

#related-posts .song_btn_menu{
    margin: auto 0 auto auto;
    min-width: 31px;
}


.blog-container .addtolist span{
    width: 17px;
    height: 3px;}

.blog-container .songinfo {
    cursor: pointer;
    background-image: url("../icon/play-icon-white-40px.svg");
    background-size: 30px;
    background-position-x: 8px;
}

.blog-container .IconDotMenu{position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
    width: 30px; 
    opacity: 0;
}

.blog-container .songinfo_wrap:hover .addtolist,
.slides li.blog-container .songinfo_wrap:hover .songinfo,
.slides li.blog-container .songinfo_wrap:hover .IconDotMenu,
.Podcast li.blog-container .songinfo_wrap:hover.songinfo{
    opacity: 1;
}

.slides li.blog-container > a,.Podcast li.blog-container > a{
	color:#2b2b2b;
}

.slides li.blog-container a h3,.Podcast li.blog-container a h3{
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	color:#909090;
	max-width: 200px;
	min-height: 20px;
}

.slides li.blog-container a h3,.Podcast li.blog-container a h3{
   	color:#909090;
}

.slides li.blog-container .blog-inner,
.Podcast li.blog-container .blog-inner{position: relative;
    width: 200px;
    /*background-color: #fff;*/
    background-position: center;
    background-size: cover;
    height: 200px;
    display: inline-block;}

.slides li.blog-container h4,.Podcast li.blog-container h4{
	font-size: 1.2em;margin: 0;
	color: #2b2b2b;

	height: 4.79em;
	overflow: hidden;
	line-height: 1.2em;
}

.akutelle-Podcast-duration,.Podcast-duration{color: #222;}

.akutelle-Podcast-duration:before,.Podcast-duration:before{
	content: "";
	width: 13px;
	height: 13px;
	background: url("../icon/Icon-Time-50px.png");
	background-position: center;
	background-size: cover;
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;}

/*.slides li.blog-container:hover,.Podcast li.blog-container:hover{background: #777;}
.slides li.blog-container:hover > a,
.Podcast li.blog-container:hover > a{text-decoration: none;}
.slides li.blog-container:hover a h4,
.slides li.blog-container:hover a h3,
.slides li.blog-container:hover a span{color: #fff;}
.slides li.blog-container:hover .akutelle-Podcast-duration:before,
.Podcast li.blog-container:hover a h4,
.Podcast li.blog-container:hover a h3,
.Podcast li.blog-container:hover a span{color: #fff;}
.Podcast li.blog-container:hover .Podcast-duration:before{
	filter: invert(100%);
-webkit-filter: invert(100%);}*/

.blog-container{margin: 20px 0 0 20px;}

.slide_logo{  width: 200px;
    /*background-color: #fff;*/
    background-position: center;
    background-size: cover;
    height: 200px;
    display: inline-block;}

.fav-podcast_slider,.slider_wrap{overflow: hidden;}
.fav-podcast_slider li,.slider_wrap li{vertical-align: top;margin: 00px 0 0 20px;}
.fav-podcast_slider li a,.slider_wrap li a{color: #2b2b2b;}
.fav-podcast.arrow_scroll,.Podcast-wrapper .arrow_scroll{height: 200px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.featured_slider .slides{flex-direction: row;}
	
	.featured_slider .slides li{
		margin: 0 25px;
		min-width: 700px;
		width:auto;}

	.featured_extra_rss_wrap {
		display: -ms-grid;
  		-ms-grid-rows: 150px;}
	
	.featured_extra_rss_wrap.active{
	   	-ms-grid-columns: 35px 110px 150px;}
	
	.featured_extra_rss_wrap button:nth-child(1){	
	-ms-grid-column:1;}	
	
	.featured_extra_rss_wrap div:nth-child(2){	
	-ms-grid-column:2;}
	
	.featured_extra_rss_wrap div:nth-child(3){	
	-ms-grid-column:3;}

	.featured_prev,	.featured_next{display: inline-block !important;}
}