:root {
  --background-color: #ffffff;
  --text-color: #2b2b2b;
  --link-color: #0066cd;
  --nav-background: #242424;
  --card-background: #f5f5f5;
	 /* Skyscraper-Breite hier passend setzen: 160px, 300px, 320px … */
  --content-max: 1080px; /* maximale Breite deines Contents */
  --ad-width: 300px;     /* Breite des Skyscraper-Ads */
  --gap: 24px;     
}
body.dark {
  --background-color: #111827;
  --text-color: #f3f4f6;
  --link-color: #60a5fa;
  --nav-background: #1f2937;
  --card-background: #374151;
}


/*
 Theme Name:   meinpodcast
 Theme URI:    
 Description:  meinpodcast Theme
 Author:       Nguyen Hai Long
 Author URI:   

 Version:      1.0.0
 License:      Regular License
 License URI:  https://themeforest.net/licenses/terms/regular/2.2%20(Copy)
*/

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

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

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

*:focus,*:active,*:checked{outline: none !important;}
body,#footer{
	margin: 0;overflow-x: hidden;
    font-size: 16px;
	font-family: titilium, helvetica, arial, sans-serif !important;
	-webkit-tap-highlight-color: transparent;}
p,span{
/*	font-family: titilium, helvetica, arial, sans-serif !important;
	-webkit-tap-highlight-color: transparent;*/}

.alignright{float:right;}
.alignleft{float:left;}

a{color: var(--link-color);text-decoration: none;}
.dark-toggle{cursor: pointer;width: 40px;background: none;border: none;}

.dark-toggle svg {transition: transform 0.4s ease, opacity 0.4s ease; }

#moon-icon  {display: none; }

body.dark #sun-icon {display: none;}

body.dark #moon-icon {  display: inline;}
.blue{/*color: var(--link-color);*/}
button{cursor: pointer;}

ul,ol{list-style: none;margin: 0;padding: 0}

#content-area ul {padding-left: 40px;list-style:circle;}
#content-area ol {padding-left: 40px;list-style: decimal;}
#site{position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-Y: auto;
    background-color: var(--background-color);color: var(--text-color)}

p a{color: var(--text-color);font-weight: bold;margin: 0;text-decoration: underline;}
#player .player_info a{color: #fff;text-decoration: underline;}
.admin-bar #site{
    top:32px;}

.admin-bar #nav_menu .nav_menu_btn_wrap.toggleoff,
.admin-bar .nav-menu-list.toggleoff{
    top:64px;}
.admin-bar .playlist-container.toggleoff,
.admin-bar #list_btn.toggleoff{
    top:74px;}

.admin-bar .nav-menu-list,
.admin-bar #nav_menu .nav_menu_btn_wrap
{
    top:182px;
}

.admin-bar .playlist-container{
    top:124px;
}

.admin-bar .playlist_expand{top: 76px;}


#headwrapper{

}
#billboard-ad {
 max-width: 980px;
max-height: 260px;
margin: auto;
}
#billboard-ad img{max-width: 100%;height: 100%;
}
#wrapper.toggleoff,#nav_menu .nav_menu_btn_wrap.toggleoff,.nav-menu-list.toggleoff{top: 64px;}

#wrapper{
/*	position: absolute;*/
	top: 120px;
	bottom: 0px;
	left: 0;
	right: 0;
    overflow-y: auto;
    overflow-x: hidden; 
    transition: all 500ms;
    margin-top: 0px;
    padding-top: 20px;
}
.admin-bar #wrapper{top:120px;}

#logo-wide{
    width: 350px;
    margin: 20px auto 0;
}


#logo-wide a {
	margin: auto 0;

	max-width: 100%;}

#logo-wide a img{
	width: 100%;
	height: auto;}

.filtertitle{
	margin-bottom: 0;
	border-bottom: 2px solid;
	padding-bottom: 5px;}


/*nav_menu*/

#nav_menu{
    display: flex;
    position: absolute;
    margin: 0px 0 0px auto;
    top: 10px;
    width: 300px;
    text-align: right;z-index: 40;
  
   }
#nav_menu .nav_menu_right_wrap{
    position: absolute; 
    top: 15px; 
    right: 30px;
    display: flex;
transition: all 500ms;
}

#nav_menu a{
    color: #fff;text-decoration: none;
   }


#nav_menu .nav_menu_right_wrap > div{
    margin: 0 10px 0 0;
    margin-left: 20px;}

#nav_menu .nav_menu_btn_wrap{ 
    top: 135px; 
    position: fixed; transition: all 500ms;
    left: 30px;z-index: 11;}

#nav_menu .home_btn{
    background-image: url("icon/MMP-Logo-Kopfhoerer_100.png");
    font-size: 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    vertical-align: top;}

.dark #nav_menu .home_btn,
#nav_menu .home_btn:hover{
    background-image: url("icon/MMP-Logo-Kopfhoerer-white_100.png");
}

#nav_menu .nav_menu{display: none;}

#nav_menu .cooking_settings{display: flex}
#nav_menu .cooking_settings .fa-cog{
	font-size: 33px;
margin: auto;}
#nav_menu .cooking_settings:hover .fa-cog{
color: #fff;}
.meine-cookie-einstellung{display: none;}
#nav_menu .nav_menu,
#nav_menu .menu_profil,
#nav_menu .search_btn_nav,
#nav_menu .home_btn,
#nav_menu .cooking_settings
{
	width: 30px;
	height: 31px;
/*	border-radius: 100%;*/
	z-index: 9999;
	cursor: pointer;
    padding: 5px;margin: 0;
    position: relative;
    transition: all 500ms;
	margin-bottom: 10px;}

#nav_menu .nav_menu.active,
#nav_menu .menu_profil.active,
#nav_menu .search_btn_nav.active,
#nav_menu .cooking_settings:hover,
#nav_menu .search_btn_nav:hover,
#nav_menu .nav_menu:hover,
#nav_menu .home_btn:hover,
#nav_menu .menu_profil:hover
{	/*left: calc(300px + 1%);*/
    background-color:#242424;}

#nav_menu .nav_menu span{
	margin: 5px auto;
	height: 3px;
	width: 30px;
	background:	#000;
	display: block;
	left: 0px;right: 0; 
    transition: all 500ms;
    position: absolute;}

#nav_menu .nav_menu:hover span,#nav_menu .nav_menu.active span{
	background:	#fff;
}

#nav_menu .nav_menu.active span{width: 31px;}

#nav_menu .nav_menu span:first-child{top: 5px}
#nav_menu .nav_menu span:nth-child(2){top: 0px;bottom: 0;margin: auto; }
#nav_menu .nav_menu span:nth-child(3){bottom: 5px;}

#nav_menu .nav_menu.active span:first-child{top: 14px;transform: rotateZ(-45deg);}
#nav_menu .nav_menu.active span:nth-child(2){opacity: 0; }
#nav_menu .nav_menu.active span:nth-child(3){bottom: 14px;transform: rotateZ(45deg);}

#nav_menu .search_btn_nav{background-image: url("icon/search.png");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;}

#nav_menu .menu_profil{background-image: url("icon/Icon-Hostmobile.png");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;}

.dark #nav_menu .search_btn_nav,
#nav_menu .search_btn_nav:hover,#nav_menu .search_btn_nav.active{background-image: url("icon/search-white.png");
}
.dark #nav_menu .menu_profil,
#nav_menu .menu_profil:hover,#nav_menu .menu_profil.active{background-image: url("icon/Icon-Hostmobile-white.png");
 }

.logout{
	margin-top: 30px;
	display: inline-block;
	margin-bottom: 20px;}

/*Menu wrap right*/
#menu-main-menu{
/*  border-bottom: 1px solid #fff;  */
    padding: 0px;
	/*max-height: 59vh;*/
	overflow: auto;
}

.meine-podcast-navi{
    padding: 10px 0;
}
.nav-menu-list h3{
    margin: 20px 0 5px;
    opacity: 0.8;color: #fff;
}

#menu-main-menu li ,.meine-podcast-navi li{
    padding: 5px 0;
  /*  text-transform: uppercase;*/
    color: #fff;
	text-overflow: ellipsis;
overflow: hidden;
}
#menu-main-menu li a,.meine-podcast-navi li a{
   color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.sub-menu{padding: 5px 0 0 20px;}

.expendlist span:first-child{transform: rotateZ(90deg);}

.toggled > .expendlist span:first-child{transform: rotateZ(0deg);}

.has_children > .children{
	height: 0;
	overflow: hidden;}

.has_children.toggled > .children{
	height: auto;
	overflow: hidden;
	padding-left: 15px;}

/*----start_info_wrap---*/
.start_info_wrap{text-align: center;margin-bottom: 50px;}

.start_info_wrap p {margin: 5px 0;}

.start_info_wrap button {
    border-radius: 30px;
    background-color: #96c3de;
    padding: 10px 21px;
    border: none;
    margin-top: 35px;
    }

.serie_start_wrap {text-align: center;display: flex;}

.serie_start_wrap a {
    color: var(--text-color);text-align: left;
    width: 150px;
    display: inline-block;
    margin: 0 auto 20px;
    vertical-align: top;}

.serie_start_wrap a p{
    margin: 5px 0;}

.serie_start_wrap a img{width: 100%;}

/**/
#audio1{
	display: none;
}

.container{
	padding: 10px 0;
	width: 100%;max-width: 1080px;margin: auto;}

.container-left{
/*	position: absolute;*/
	top: 0px;
	left: 0;
	bottom: 0;
	overflow: auto;
	width: 230px;
	padding: 10px;}

#content-inner{
/*	position: absolute;*/
	left: 0px;
	right: 0;
	bottom: 0;
	top: 0px;
	overflow: auto;
    min-height: calc(100vh - 302px);
}

#content-inner #main{
	/*position: absolute;*/
	left: 0;
	right: 0;
	top: 0px;
	overflow: auto;
	margin: 40px auto 0;
	bottom: 0;}

.episode_cover_page {
  
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
opacity: 0.03;
background-position: top;
z-index: -28;
filter: blur(3px);
}


.playlist_expand{
	/*display: inline-block;
	position: fixed;
	right: -24px;
	top: 44px;
	transform: rotate(-90deg);
	padding: 5px 10px;
	background: #e5e5e5;transition: all 500ms;*/
	cursor: pointer;
	
}

.playlist_expand.active{
	right: 366px;
    z-index: 100;
}

.nav-menu-list{	
	position: fixed;
	top: 135px;
	left: 70px;
    width: 0;
	/*bottom: 92px;*/
	transition: all 500ms;
    background: #0d3362;
    background: var(--nav-background);
	z-index: 10;
	overflow: hidden;
    padding: 0px;
    text-align: left;
    opacity: 0;
	overflow-y: auto;
	max-height: calc(100vh - 225px);
}

.nav-menu-list > div{padding: 20px;width: 235px;}

.nav-menu-list.active{	
	left: 70px;
    width: 275px;
	/*box-shadow: 0px 0px 9px 2px #000;*/
      opacity: 1;
}

#list_btn{
	width: 40px;
	height: 40px;
	background-image: url("icon/playlist_icon-white.svg");
	background-position: center;

	margin: auto 0 auto 3px;
	background-repeat: no-repeat;
	background-color: transparent;
    background-size: 30px;
	border: none;cursor: pointer;

    display: none;
}
#list_btn.active{
    background-color: #242424;
}

.playlist-container{	
	position: absolute;
	top: 124px;
	right: 0px;
bottom: 0;height: 0;
	width: 300px;
	transition: all 500ms;
    background: var(--nav-background);
	overflow: hidden;
	
    padding: 0px 20px;
    opacity: 0;
}
.playlist-container_wrap{width: 300px;}
.admin .playlist-container.active{height: calc(100vh - 220px);}

.playlist-container.active{	
/*	box-shadow: 0px 0px 9px 2px #000;*/
    overflow-y: auto;
    opacity: 1;
   height: calc(100vh - 184px);
     padding: 30px 20px;	
    bottom: 0;
}


.playlist-container h2,
.nav-menu-list h2{
	font-size: 16px;
	margin: 10px 0;}

.playlist-container .deleteAll,
.nav-menu-list .deleteAll{
	position: absolute;
	top: 14px;
	left: 10px;
	background: transparent;
	border: none;
	cursor: pointer;color: #fff;}

.close_playlist{
	position: absolute;
	top: 14px;
	right: 10px;
	background: transparent;
	border: none;
	cursor: pointer;color: #fff;}

.disabled{
	opacity: 0.1;
	pointer-events: none;}

.list_container,.list_container_head{
	list-style: none;
	padding: 0;
	margin-top: 20px;}

.list_container li{
	padding: 10px 0;
	position: relative;}

.list_container li:last-child{border: none}

.list_container li .song_wrap,.list_container_head .song_wrap{
	display: flex;}

.list_container li .song_wrap > div:first-child,.list_container_head .song_wrap > div:first-child{
    margin: 2px 0;
    min-width: 25px;margin-right: 20px;
}

.list_container li .song_wrap > div:nth-child(3),
.list_container_head .song_wrap > div:nth-child(3){
    margin: 0 auto auto 20px;width: 100%;
}
.list_container li .song_wrap > div:nth-child(4),
.list_container_head .song_wrap > div:nth-child(4){
    min-width: 70px;
    margin-left: 20px;text-align: right
}
.list_container li .song_wrap > div:nth-child(5),
.list_container_head .song_wrap > div:nth-child(5){
    min-width: 60px;
    margin-left: 20px;
    display: flex;
}

.song_episode{
	min-width: 41px;margin:0;font-size: 1.3em;  
	line-height: 1.2em;text-align: right}

.song_btn_menu{position: relative}

.song_btn_menu .addtolist{margin: 0;}

.list_container .IconDotMenu{
   /* display: inline-flex;*/
    width: 25px;
    height: 25px;
    vertical-align:middle;
    cursor: pointer;
	margin: 1px 0 1px 5px;
	padding: 5px;
    }
.list_container .song_btn_menu .addtolist{
     width: 35px;
    height: 35px;

    }

.list_container .IconDotMenu span{
    position: unset;
    width: 5px;
    height: 5px;
    margin: 2px auto;
    background-color: var(--text-color);
    border-radius: 100%;
    display: block;}

.list_container.aktuelle a{color: var(--text-color);}
.list_container.aktuelle li .duration {
    margin-bottom: 20px;
    margin-top: 25px;
}
.list_container.aktuelle li .song_btn_menu {
    margin-bottom: 20px;
    margin-top: 23px;
}

.songinfo{cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	background: url("icon/play-icon.svg");	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto 0;
	}
body.dark .songinfo{	
	background-image: url("icon/play-icon-white-25px.svg");	}
#featured .songinfo{
	background-image: url("icon/play-icon-white-25px.svg");	
    width: 40px;height: 40px;
    margin: 20px auto 10px;
    display: block;

	}


.list_container .songinfo{
    margin-top: 18px;
    min-width: 25px;
    margin-right: 10px; 
    border-radius: 100%;
    background-size: 15px;
    /*border: 1px solid #fff;*/
    background-position-x: 7px;}

.list_container li.play .songinfo,
.blog-container.play .songinfo{
	opacity: 1;background-image: url("icon/pause-icon.svg");
background-position: center;
}

.list_container li.pause .songinfo,
.blog-container.pause .songinfo{
	opacity: 1;background-image: url("icon/play-icon.svg");
	
}
#featured .slides li.play .songinfo{
	opacity: 1;background-image: url("icon/pause-icon-white.svg");
background-position: center;
}

#featured .slides li.pause .songinfo{
	opacity: 1;background-image: url("icon/play-icon-white-25px.svg");
	
}

.list_container li .songtitle_wrap{
	display: inline-block;
	vertical-align: middle;
	margin: auto auto 5px 10px;
	}
#songlist_btn_wrap{
	position: fixed;
    top: 0px;
    background: var(--nav-background);
    left: 0px;
	}

.list_container li .songlist_btn_wrap .share{background: none}
.list_container li .songlist_btn_wrap > button,
.list_container li .songlist_btn_wrap > a,
.list_container li .songlist_btn_wrap > div,
#contextMenuContainer li,
#songlist_btn_wrap > button,
#songlist_btn_wrap > a,
#songlist_btn_wrap > div{
	color: var(--text-color);
    padding: 10px 15px 10px;
    font-size: 14px;
  /*  margin: 5px 0 0;*/
   /* width: 100%;*/
    display: block;
    text-align: left;
    /*border-bottom: 1px solid #fff;*/
    text-decoration: none;
    cursor: pointer;
    height: auto;
}

#songlist_btn_wrap button:last-child{border-bottom: none;}
#songlist_btn_wrap .single.share{background: none;width: 100%;}

#contextMenuContainer{
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	list-style: none;}


#contextMenuContainer h3{margin-top: 5px;color: #fff;}
#contextMenuContainer li,
#contextMenuContainer li a{color: #fff;
display: block;}

#contextMenuContainer .hidden {
    visibility: hidden;
    display: inherit;}

#contextMenuContainer section.menuPanel ,#contextMenuContainer section.contextPanel {

	z-index: 999;	background:#242424;
	/*background: var(--nav-background);*/

	}
#contextMenuContainer section.contextPanel{
    width: 300px;  
    min-height: 100px;
    padding: 20px;
}
.close_context{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 27px;
	width: 27px;
	background-color: transparent;
	border: none;
	color: #fff;
	padding: 5px;}

.abowrap a{
	display: inline-block;
	text-align: center;
	margin: 5px 20px 10px auto;
	vertical-align: top;
	max-width: 90px;
	color: var(--text-color);
	font-size: 13px;
	width: 90px;
}
#player .abowrap a{color: #fff;}

.dark .rss,
#player .abowrap a .rss,.abowrap a .rss{background-image:  url('icon/rss-feed_icon-white.svg');}

.sharewrap a,
.sharewrap button{
 margin-right: 10px;
}

#contextMenuContainer.toggled{visibility: visible;}
.hide{display: none;}

#contextMenu{padding: 0;list-style: none;margin: 0;width: 150px;}
#contextMenuContainer li:last-child{border-bottom: none;}

.contextPanel a{color: #fff;}

.share_btn_wrap{margin: 10px 0;}
.share_btn_wrap a div{display: none;}

.share_tt_wrap{margin: 20px 0;display: flex;}
.start_by_check{margin: 6px 5px auto 0;}
.share_tt_wrap label {margin: 0 10px 0 0px;color: #fff;}

.embed_html_code{
    width: 100%;
    padding: 0;
    margin: 0; 
    resize: none;
    border: none;}
/*----------*/

.list_container li .serietitle a,
.list_container li .date{
	color: #9f9f9f;
}

.list_container li .songtitle{
	font-size: 1.3em;
	line-height: 1.2em;
}
.list_container li .songtitle a{
	color: var(--text-color);
}

.list_container li .duration{margin-bottom: 10px;margin-top: 1px;}

.page-numbers.current{color: var(--text-color);}

.paginate-links a{
	color: #9f9f9f;
}

.song_btn_menu .download{	
margin: auto 0 auto 10px;
	width: 25px;	
	height: 25px;
	display: inline-block;
	background-image: url("icon/Download-icon.svg");
	background-position: center;
	background-size: contain;font-size: 0;}

.rss_feed,.share,.info_link{
	margin: auto 0 auto 10px;
	width: 25px;	
	height: 25px;background-size: cover;
	display: inline-block;border: none;
    background-color: transparent;}

.addtolist{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px auto 0px;
	width: 25px;	
	height: 25px;
	text-align: center;
	position: relative;
}

.addtolist span{
	width: 16px;
	height: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: var(--text-color);
	transition: all 400ms;}

#aktuelle-podcast .addtolist span{	background:#fff;} 
 
.addtolist span:nth-child(2){
	transform: rotateZ(90deg);
}

.addtolist.inlist  span:first-child{
	width: 7px;
	height: 3px;
	transform: translate(-4px,2px) rotate(45deg);}

.addtolist.inlist  span:nth-child(2){
	transform: translate(3px) rotateZ(-45deg);
	width: 15px;}

.addtolist.inlist:hover span{
	transform: translate(0,0) rotate(0deg);
	width: 17px;}

.info{
	width: 25px;
	height: 25px;
	margin: auto 0 auto 10px;
	vertical-align: middle;
	text-align: center;
	color: transparent;
	text-decoration: none;
	background-color: transparent;
	font-size: 17px;
	background: url("icon/info-icon-white.svg") no-repeat center;
	background-size: contain;
}


.song_description_wrap{
	height: 0;
	overflow: hidden;
	transition: all 500ms;}

.song_description_wrap .song_description p{margin-top: 0;}

.song_description_wrap.active{
	height: 250px;
}

/*---info---*/
#info_wrap{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;z-index: -1;
	opacity: 0;background-color: var(--background-color);
	transition: all 500ms;
	max-width: 50%;
	margin: auto;
	max-height: 50%;
	border: solid 1px;}

#info_wrap.toggled{
	opacity: 1;
	z-index: 10;
	}

#info_wrap .info_close{
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
	}

#info_wrap .info_content{
	overflow: auto;
    position: absolute;
    bottom: 0;
	top: 0px;
	left: 0px;
	right: 0px;
	padding: 10px;
}

/*-------playlist------*/

.playlist{
	list-style: none;
	padding: 0;
	margin: 10px 0;}

.playlist li{
	border-top: 1px solid #9B9B9B;
	display: flex;
	padding: 10px;}

.playlist li.play,
.playlist li.pause{
    background: #0066cd;
    background: var(--card-background);
	color: var(--text-color);
}

.playlist li div{
	display: inline-block;
	margin: auto;
	margin-left: 0;}

.playlist li div.songinfo{
	background: none;
	width: 100%;
	max-width: 230px;
	height: auto;}

.playlisttitle{
	display: block;
	font-weight: bold;
	white-space: nowrap;
	text-overflow:ellipsis;
	width: 100%;
	overflow: hidden;}

.playlistcat{display: block;}

.playlistduration{display: block;}


.playlist li .refrls{
	min-width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer;margin: auto 0;}

.playlist li .refrls span{
	position: absolute;
	width: 15px;
	height: 3px;
	background: var(--card-background);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 5px;
}

.playlist li.play .refrls span{background: #2b2b2b;}

/* podcast detail*/
.podcast_detail_header{
	display: flex;
	position: relative;}

.podcast_detail_cover{
    margin: auto;
    width: 150px;
    height: 150px;
    background-color: var(--background-color);

}

.podcast_detail_cover img{width: 100%;}



.cat_header{text-align: center;}

.cat_title{
	font-size: 2em;
	font-weight: bold;margin: 40px 0 40px;text-transform: uppercase;}
#description_ct p {margin: 0;}
.ct_wrap{display: none;min-height: 200px;margin-bottom: 80px;}
#kapitel_ct{max-width: 600px;margin: auto;}
.ct_switch{
    border: none;
    background: none;
    color: var(--text-color);
    text-transform: uppercase;
    padding: 5px 20px ;
    margin: 0 5px;
    opacity: 0.5;
    cursor: pointer;font-size: 18px;
}

#abo_ct,#share_ct{text-align: center;}
#abo_ct p,#share_ct p {margin-bottom: 45px;}

.ct_switch.active{
    opacity: 1;}

#abo_ct a,#share_ct a,.share_copy{display: inline-block;
    width: auto;margin:0 20px;
    vertical-align: top;
    text-align: center;
    color: var(--text-color);}

.share_copy button{display: block;margin: auto;}
.share_copy span{display: block;}
.share_copy span,
#abo_ct a div,#share_ct a div{margin: 10px auto 0;}

#abo_ct p a{margin: auto;}


.podcast_detail_header{margin-bottom: 80px;}
/*context Menu*/

.podcast_details_wrap{margin: auto;}
.podcast_description_wrap{display: flex;}

.podcast_description_wrap div{
    margin: 0;
    display: block;
    min-width: 320px;
}
.podcast_moderator_wrap{margin-top: 50px;}

.podcast_moderator_wrap ul{}

.podcast_moderator_wrap ul > li{display: flex;margin-bottom: 20px;}

.podcast_moderator_wrap .ModImageWrap,.ModImageWrap{
    display: inline-block;
    width: 198px;
    height: 198px;
    margin-right: 122px;
    background-size: cover;
    background-position: center;}

.podcast_moderator_wrap >p{}

.mod_extra_info{
    margin: 10px 0;}

.mod_extra_info >ul{
    display: flex;
    margin:5px 0; }

.mod_extra_info >ul > li{}

.mod_extra_info >ul > li:first-child{
    min-width: 175px;
    max-width: 175px;}

#sharingContainer{		
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	list-style: none;
	background: #000000cf;}

#sharingContainer.toggled{visibility: visible;}

#sharingContainer section{
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	background-color: var(--background-color);
	max-width: 770px;
	margin: auto;
	max-height: 361px;
	border: solid 1px;
	padding: 10px;}

#sharingContainer section .sharingContent{
	margin: 10px 0;}

#sharingContainer section .podcastcover{
	width: 100px;
	height: 100px;
	float: left;
	margin: 5px 10px 0 0;}

#sharingContainer section .podcastcover img{
	width: 100%;
	height: auto;
	margin: auto;}

#sharingContainer section .shareingDescription{
	margin: auto auto auto 110px;}

#sharingContainer section .shareingDescription h2{
	margin-top:0px;}

#sharingContainer section .sharelink input,
#sharingContainer section .shareEmbed input{
	width: 99%;
	padding: 0.5%;}
.shareingDescriptionContent{
	max-height: 95px;
	overflow: hidden;}
.sharingContainer{min-height: 210px;}

.sharelink,.shareEmbed{margin: 20px 0;}

.close_sharingContent{
	position: absolute;
	top: 8px;
	right: 5px;
	background: transparent;
	border: none;	
	cursor: pointer;
}

.sharebtncontainer{display: flex;margin: 20px auto;}

.sharebtncontainer button{
	border: none;
	padding: 10px 0;
	width: 19.5%;
	cursor: pointer;
	margin: 0 auto;
}

.sharebtncontainer button:first-child{margin-left: 0;}
.sharebtncontainer button:last-child{margin-right: 0;}
.sharebtncontainer span{vertical-align: middle;}

.email_icon,
.fb_icon,
.twitter_icon,.abo_icon,.link_copy_btn,.link_copy_single_btn,.embed_list_btn,.embed_list_btn_single{
	background-size: contain;
	width: 45px;
	height: 45px;
	display: inline-block;
	margin: 0 3px 5px;
	background-repeat: no-repeat;
	background-position: center;
    font-size: 0;
    vertical-align: top;}

.podcast_description_wrap .social_icon_wrap{
    text-align: left;margin: 20px auto 0;display: inline-block;}

.podcast_description_wrap .social_icon_wrap a,.podcast_moderator_wrap .social_icon_wrap a{margin: 0 6px 0 0;}

.social_icon{vertical-align: top;
	background-size: contain;
	width: 45px;
	height: 45px;
	display: inline-block;
	margin: 0 3px;
	background-repeat: no-repeat;
	background-position: center;font-size: 0;}
.email_icon{
    background-image: url("icon/Icon-Email-black.png");}

.dark .email_icon,
.contextPanel .email_icon,
.mini_tb .email_icon{
    background-image: url("icon/Icon-Email.png");}
.fb_icon{
	background-image: url("icon/F_icon.svg");
	font-size: 0;}

.twitter_icon{
	background-image: url("icon/twitter.png");
}
.insta_icon{
	background-image: url("icon/instagram_icon.png");
}
.pt_icon{
	background-image: url("icon/pinterest.png");
}

.embed_list_btn,.embed_list_btn_single,
.link_copy_btn,
.link_copy_single_btn{
    background-color: transparent;
    border: none;
    background-size: 30px;
}

.embed_list_btn,.embed_list_btn_single{
     background-image: url("icon/Icon-Embed-Schwarz.png");
}

.link_copy_btn,.link_copy_single_btn{
    background-image: url("icon/LinkChain-schwarz.png");
}
.contextPanel .link_copy_btn,.contextPanel .link_copy_single_btn,
.mini_tb .link_copy_single_btn,.mini_tb  .link_copy_btn{
    background-image: url("icon/LinkChain.png");
}

.rss{background-image: url("icon/rss-feed_icon.svg");}
.applepodcast{background-image: url("icon/applepodcast_icon.png");}
.googlepodcast{background-image: url("icon/googlepodcast.png");background-color: var(--background-color);}
.spotify{background-image: url("icon/Spotify.png");}
.deezer{background-image: url("icon/deezer-farbe-48.png");background-color: var(--background-color);}
.audionow{background-image: url("icon/logo-rtlplus.png");background-color: var(--background-color);}
.amazon{background-image: url("https://images-eu.ssl-images-amazon.com/images/I/610LDzZhsUL.png");background-color: var(--background-color);}
.tuneIn{background-image: url("icon/tuneIn.png");background-color: var(--background-color);}
.podbean{background-image: url("icon/podbean.png");background-color: var(--background-color);}

.youtube {
   background-image: url("icon/youtube_social_icon_full_color_100.svg");
}

.tooltip-con{
   	background-color:#555;
   	padding:5px;
   	width:45px;
  	color:white;
	position: absolute;
	font-size: 12px;
	text-align: center;z-index: 10000}

.embed_code_label{position: fixed;
height: 175px;
margin: auto;
bottom: -9999px;}

/*single*/

.single .episode_header{text-align: center;margin-bottom: 30px;position: relative;}

.single .episode_header h2{
	font-size: 2em;
	font-weight: 700;
	margin: 20px 35px;
	text-transform: uppercase;}

.single .episode_header p{
    margin: 0;}

.single .episode_header .date{
    opacity: 0.8}

.single .single_episode{text-align: center;margin-bottom: 40px;}

.single .single_episode .songinfo{
    padding: 15px;
    background-size: 29px;
    border: 1px solid #000;
    border-radius: 100%;
    background-position-x: 17px;
    background-position-y: 13px;}

.single .song_btn_menu{margin: 0px 0 20px;}

.single .download,.single .addtolist{vertical-align: top;margin: 0 5px;}

.single .container #related-posts{margin: 50px 0;}
.single .container #related-posts ul li{width: 33%;display: inline-flex;}
.single .container #related-posts ul li p{margin:auto 20px auto 20px}

.related-posts ul li a.related_serie_title,
#related-posts ul li a.related_serie_title{
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #a3a3a3;
	overflow: hidden;max-width: 200px;}

.related-posts ul li{
	margin: 0 10px 20px 0;
	width: calc(50% - 20px);
	display: inline-flex;
	vertical-align: top;}

.related-posts ul li .blog-inner {
    width: 80px;
    height: 80px;
    background-size: contain;
    background-position: center;
}
.related-posts ul li .blog-inner .songinfo {
    width: 80px;
    height: 80px;
    opacity: 0;
    border-radius: 0;
    background-size: 30px;
    background-position: center;
}
.related-posts ul li .blog-inner:hover .songinfo {
    width: 80px;
    height: 80px;
    opacity: 1;
}

.related-posts ul li a{margin: 0;color: var(--text-color);}
.related-posts ul li p {
    margin: auto 0 auto 20px;
    color: var(--text-color);
}
.single .next_ep_btn ,.single .prev_ep_btn {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;font-size: 0;top: 233px;z-index: 1;
    background-position: center;background-repeat: no-repeat;background-size: 50px;
	bottom: 26px;
	margin: 0;
}
.single .next_ep_btn{right: 0;background-image: url("icon/arrow.png")}
.single .prev_ep_btn{left: 0;background-image: url("icon/arrow.png");transform: rotateZ(180deg)}

/*alle Podcasts*/
.allPodcast_wrap h2{margin-bottom: 40px;}
#allPodcast{text-align: left}

#allPodcast li,#allPodcast li.serie_item {width: 150px;display: inline-block;vertical-align: top;margin: 0 20px 20px 0;overflow: hidden;}
#allPodcast li.serie_item.is-hidden { display: none !important; }
#allPodcast li a{color: var(--text-color);text-align: left;}

#allPodcast li a img{width: 100%;}
.all_podcast_logo{width: 150px;

background-position: center;
background-size: cover;
height: 150px;
display: inline-block;}

.alle_podcast_menu_wrap {
	margin-bottom: 50px;
}
.alle_podcast_menu_wrap #menu-main-menu li {
  vertical-align: top;
}

.alle_podcast_menu_wrap li{display: inline-block;width: 200px;margin: 5px 10px 5px 0px;}

.alle_podcast_menu_wrap.active li.current-menu-item.current_page_item a {border: 1px solid transparent;}
.alle_podcast_menu_wrap #menu-main-menu li .menu-btn,
.alle_podcast_menu_wrap #menu-main-menu li a {
	background: none;
	color: var(--text-color);
	padding: 0px 10px;
	border: 1px solid transparent;
	font-size: 16px;
	border-radius: 20px;white-space: nowrap;}
.alle_podcast_menu_wrap #menu-main-menu li .menu-btn.active,
.alle_podcast_menu_wrap #menu-main-menu li.current-menu-item a,
.alle_podcast_menu_wrap #menu-main-menu li .menu-btn:hover,
.alle_podcast_menu_wrap #menu-main-menu li a:hover,
.alle_podcast_menu_wrap #menu-main-menu li .menu-btn:hover,
.alle_podcast_menu_wrap.active  #menu-main-menu li.current-menu-item.current_page_item a:hover  {
	border: 1px solid #2b2b2b;
}

/* --- GRID CONTAINER --- */
#main-wrapper {
  display: grid;
  justify-content: center; /* center entire grid horizontally */
  grid-template-columns:
    var(--ad-width)
    minmax(0, var(--content-max))
    var(--ad-width);
  gap: var(--gap);
  width: 100%;
  box-sizing: border-box;
}

/* --- LEFT AD --- */
#skyscrapper_left {
  width: var(--ad-width);
  grid-column: 1;
}

/* --- MAIN CONTENT --- */
#grid_wrapper {
  grid-column: 2;
  max-width: var(--content-max);
  width: 100%;
  margin: 0 auto;
}

/* --- RIGHT AD --- */
#skyscrapper_ad {
  width: var(--ad-width);
  grid-column: 3;
}

#mc_embed_signup{max-width: 800px;width: 100%!important;}

/*newslettericon*/
.newsletter_icon {
	position: fixed;
	right: 0;
	bottom: 50px;
	background-image: url("icon/MP-Newsletter-Button.jpg");
	background-color: var(--background-color);
	background-position: center;
	background-size: 90px;
	width: 105px;
	height: 70px;
	background-repeat: no-repeat;
	border-radius: 10px 0 0px 5px;
	box-shadow: 0px 2px 2px 1px #80808054;
	overflow: hidden;
	z-index: 9999;
}



.newsletter_icon a{
  /*font-family: "Raleway", Helvetica, Arial, sans-serif;*/
  padding-left: 17px;
  padding-right: 17px;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 75px;
  color: var(--text-color);
  font-size: 12px;
  padding-top: 50px;
  text-transform: lowercase;
  text-align: center;
font-weight: 600;
   display: block;
}

/*--------------------footer---------------*/
#footer-wrapper{background: #000}
#footer{
    margin: auto 35px;
    padding: 20px 0;color:#A3A3A3;
    background: none;
    width: 100%;
    display: block;
    line-height: 16px;
    font-weight: normal;}

#footer a{color:#A3A3A3;}

#footer h1{
    font-size: 1.5em;
    margin-top: 0;
    text-align: left;
    line-height: 1.5em;}

#footer #footer-nav{float: none;margin-bottom: 0;}

#footer #footer-nav ul {clear: both;
display: inline-block;
margin-bottom: 5px;
margin: 0;
padding: 0;}
#footer #footer-nav li {border: none;float: none;display: block;margin: 0 0 10px 0;padding: 0;}
#footer-nav ul li a {
    color: #A3A3A3;
    font-family: titilium;
    text-transform: none;
    font-size: 16px;
    text-decoration: none;line-height: 16px;font-weight: normal;
}
#copyright{
    margin-top:10px;
    padding-bottom: 10px;
    width: 100%;
    color: #A3A3A3;
    font:400 12px/14px 'Open Sans', sans-serif;
    font-family:titilium;
}


/*sponsor*/
#magenta ,#magenta #site{
	overflow-Y: auto;background-color: #e20074;
	color: #fefefe;}


#magenta .main_home_logo img,#magenta #logo-wide a img{filter: invert();}
#magenta .slides li.blog-container h4, 
#magenta .Podcast li.blog-container h4,
#magenta .fav-podcast_slider li a,
#magenta .slider_wrap li a,
#magenta .slides li.blog-container,
#magenta .Podcast li.blog-container,
#magenta #search_home a,
#magenta .slides li.blog-container a h3,
#magenta .Podcast li.blog-container a h3,
#magenta .list_container li .songtitle a,
#magenta .ct_switch, 
#magenta #abo_ct a, 
#magenta  #share_ct a, 
#magenta  .share_copy,
#magenta .related-posts ul li a{color: #fefefe !important;}

#magenta .list_container li .serietitle a, #magenta .list_container li .date,
#magenta .related-posts ul li a.related_serie_title, #magenta #related-posts ul li a.related_serie_title{color: #bebebe !important;}

#magenta .single .single_episode .songinfo {
	border: 1px solid #fefefe;}

#magenta .single .next_ep_btn,#magenta  .single .prev_ep_btn{background-image: url("icon/arrow-white.png");}
#magenta .song_btn_menu .download{background-image: url("icon/Download-icon-white.svg");}

#magenta .addtolist span,#magenta .list_container .IconDotMenu span{background: #fefefe;}
#magenta .email_icon{background-image: url("icon/Icon-Email.png");}
#magenta .rss {
    background-image: url("icon/rss-feed_icon-white.svg");
}

#magenta .link_copy_btn, #magenta .link_copy_single_btn {
    background-image: url("icon/LinkChain.png");
}

#magenta .slide_logo{position: relative;}


#magenta .songinfo{background-image: url(icon/play-icon-white-25px.svg);}

#magenta #nav_menu .menu_profil{background-image: url("icon/Icon-Hostmobile-white.png");}
#magenta #nav_menu .search_btn_nav{background-image: url("icon/search-white.png");}
#magenta #nav_menu .home_btn{background-image: url("icon/MMP-Logo-Kopfhoerer-white_100.png");}

/* --- RESPONSIVE: stack on smaller screens --- */
@media (max-width: 1200px) {
  #main-wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
	      display: flex;
  }
  #skyscrapper_left,
  #skyscrapper_ad {
    display: none !important; /* hide skyscrapers on small screens */
  }
  #grid_wrapper {
    margin: 0 auto;
  }
}
@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {
	.list_container li .song_wrap > div:first-child, .list_container_head .song_wrap > div:first-child{margin-top: 0;}
	.song_episode{margin: 1px 0 0}
	
	.list_container li .song_wrap > div:nth-child(3), .list_container_head .song_wrap > div:nth-child(3){
		margin: 1px auto auto 20px;
	}
	
	.list_container li .duration{margin-top: 5px;}
}