/*
Theme Name: P-Magazin 2023 
Author: Dennis Hingst
Author URL: http://www.qundg.de/
*/

/****************************************/
/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

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

/****************************************/
/* init */

html
{
	height: 100%;
}

body
{
	min-height: 100%;
}

body
{
	background: #fff url(images/background.png);
}

body,
input,
textarea
{
	color: #000;
	font-family: Regular, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
}

input,
textarea,
button
{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/****************************************/
/* standards */

b,
strong
{
	font-weight: 700;
}

i,
em
{
	font-style: italic;
}

.hidden,
.show-on-mobile,
#tablet-skyscraper
{
	display: none !important;
}

.arrowlink
{
	background: url(images/arrow.png) center left no-repeat;
	padding-left: 16px;
}

.blacktext
{
	color: #000 !important;
}

/****************************************/
/* links */

a
{
	color: #757575;
	text-decoration: none;
}

a:hover
{
	color: #9AB213;
}

.article-body a
{
	color: #9AB213;
	font-weight: 700;
}

.article-body a:hover
{
	color: #757575;
}

.article-body a.greylink
{
	color: #757575;
}

.article-body a.greylink:hover
{
	color: #9AB213;
}

/****************************************/
/* headlines */

h1,
h2,
h3,
h4,
h5,
h6
{
	line-height: 1;
	margin-bottom: 10px;
}

h1
{
	font-size: 34px;
}

h2
{
	font-size: 28px;
}

h3
{
	font-size: 22px;
}

h4
{
	font-size: 20px;
}

h5
{
	font-size: 18px;
}

h6
{
	font-size: 16px;
}

h1.title,
h2.title
{
	font-size: 32px;
	font-weight: 700;
	color: #9AB213;
	margin-bottom: 0;
}

h1.title > a,
h2.title > a
{
	color: #9AB213;
}

.subtitle
{
	color: #313131;
	display: block;
	font-size: 22px;
	line-height: 1;
	margin-top: 6px;
}

.subtitle a
{
	color: #313131;
}

.subtitle a:hover
{
	color: #9AB213;
}

/****************************************/
/* geruest */

#wrapper
{
	max-width: 960px;
/* 	padding-right: 200px; */
	margin: 0 auto;
	height: 100%;
    position: relative;
}

#inner
{
	padding: 0 30px 30px;
	background: #fff;
	min-height: 100%;
    position: relative;
}

#inner:before,
#inner:after
{
    background-image: url(images/shadow_wrapper_left.png);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    width: 10px;
}

#inner:after
{
    background-image: url(images/shadow_wrapper_right.png);
    left: 100%;
}

#skyscraper
{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 160px;
}

#canvas
{
	overflow: hidden;
}

#content,
#sidebar
{
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content
{
	width: 75%;
	padding-right: 30px;
	border-right: 1px solid #ccc;
}

#sidebar
{
	width: 25%;
	padding-left: 30px;
	border-left: 1px solid #ccc;
	margin-left: -1px;
}

/****************************************/
/* header */

#header {
	position: relative;
	margin-top: 0px;
	padding: 20px 0 20px 0;
}

#header a {
	display: block;
	height: 100px;
}

#header a img {
	height: 100%;
	width: auto;
}

#header .mobile-view {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#header .mobile-view a {
	height: 50px;
}

@media (min-width: 767px) {
	#header .mobile-view {
		display: none;
	}
}

#logo /* img */
{
	vertical-align: baseline;
	margin-left: -40px;
}

#meta
{
	position: absolute;
	bottom: 34px;
	right: 30px;
}

#meta li
{
	display: block;
	text-align: right;
}

#meta a
{
	color: #ccc;
}

#meta a:hover
{
	color: #9AB213;
}

h1.page-title {
	margin: 0 0 30px 0;
}

/****************************************/
/* navigation */

#nav
{
	position: relative;
	margin-bottom: 40px;
	color: #757575;
}

#nav:before,
#nav:after
{
	position: absolute;
	bottom: 100%;
	left: 0;
	height: 6px;
	width: 100%;
	display: block;
	content: '';
	background: url(images/shadow_nav_top.png) center no-repeat;
	z-index: 1;
}

#nav:after
{
	top: 100%;
	bottom: auto;
	background: url(images/shadow_nav_bottom.png) center no-repeat;
}

#nav-content-search
{
	display: none;
}

#nav span.fakelink
{
	cursor: default;
}

#nav span.fakelink:hover
{
	color: #9AB213;
}

/* erste ebene */

#nav .parent
{
	text-transform: uppercase;
	font-size: 22px;
}

#nav .parent:after
{
	display: block;
	content: '';
	clear: both;
}

#nav .parent > li
{
	float: left;
}

#nav .parent > li:after
{
	float: left;
	display: block;
	content: '|';
	padding: 8px 0;
	cursor: default;
}

#nav .parent > li > a,
#nav .parent > li > span.fakelink
{
	display: block;
	float: left; /* sonst floaten die '|' nicht daneben */
	padding: 8px 16px;
}

/* zweite und dritte ebene */

#nav .sub-menu
{
	font-size: 18px;
	text-transform: none;
	display: none;
}

/* speziell fuer zweite ebene */

#nav .parent > li:hover > .sub-menu
{
	display: block;
}

#nav .parent > li > .sub-menu
{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 2;
	background: url(images/background_nav.png);
	box-shadow: inset 20px 0 10px -10px #fff, inset -20px 0 10px -10px #fff;
}

#nav .parent > li > .sub-menu:before,
#nav .parent > li > .sub-menu:after
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	display: block;
	content: '';
	background: url(images/shadow_nav_top.png) center no-repeat;
}

#nav .parent > li > .sub-menu:after
{
	top: 0;
	bottom: auto;
	background: url(images/shadow_nav_bottom.png) center no-repeat;
}

#nav .parent > li > .sub-menu > li
{
	float: left;
}

#nav .parent > li > .sub-menu > li:after
{
	float: left;
	display: block;
	content: '|';
	padding: 8px 0;
	cursor: default;
}

#nav .parent > li > .sub-menu > li:last-child:after
{
	display: none;
}

#nav .parent > li > .sub-menu > li > a,
#nav .parent > li > .sub-menu > li > span.fakelink
{
	display: block;
	float: left; /* sonst floaten die '|' nicht daneben */
	padding: 8px 16px;
}

/* speziell fuer dritte ebene */

#nav .sub-menu > li:hover > .sub-menu
{
	display: block;
}

#nav .sub-menu .sub-menu
{
	position: absolute;
	top: 100%;
	background: #fff;
	box-shadow: 0 0 8px -3px #333;
	padding: 6px 50px 6px 12px;
	line-height: 28px;
}

#nav .sub-menu .sub-menu:before
{
	position: absolute;
	bottom: 100%;
	left: 16px;
	display: block;
	content: '';
	width: 23px;
	height: 11px;
	background: url(images/nav_marker.png) no-repeat;
}

#nav .sub-menu .sub-menu:after /* sonst geht das hover zwischen zweiter und dritter ebene verloren */
{
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	display: block;
	content: '';
	height: 10px;
}

#nav .sub-menu .two-col-submenu > ul.sub-menu
{
	padding-right: 12px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-width: 250px;
	-moz-column-count: 2;
	-moz-column-width: 250px;
	-moz-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
	column-width: 250px;
	width: 550px;
}

/* besonders hervorgehoben: diesen monat */

#nav .parent > li.nav-highlight
{
	float: right;
}

#nav .parent > li.nav-no-border:after,
#nav .parent > li.nav-highlight:after
{
	display: none;
}

#nav .parent > li.nav-red > a,
#nav .parent > li.nav-red > span.fakelink,
#nav .parent > li.nav-red a:hover,
#nav .parent > li.nav-red span.fakelink:hover
{
	color: #E36666;
}

#nav .parent > li.nav-highlight > .sub-menu > li
{
	float: right;
}

#nav .parent > li.nav-highlight > .sub-menu > li:before
{
	float: right;
	display: block;
	content: '|';
	padding: 8px 0;
	cursor: default;
}

#nav .parent > li.nav-highlight > .sub-menu > li:after,
#nav .parent > li.nav-highlight > .sub-menu > li:first-child:before
{
	display: none;
}

/****************************************/
/* slideshow: favoriten des monats */

#slider
{
	background: url(images/background_yellow.png);
	height: auto;
	margin-bottom: 20px;
	box-shadow: -10px 10px 20px -23px #000 inset;
	position: relative;
    overflow: hidden;
}

#slider,
.slider-item,
.slides,
.flex-viewport
{
	border-radius: 15px;
}

.slider-image
{
	float: left;
	width: 60%;
	height: 240px;
	overflow: hidden;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.slider-content
{
	float: left;
	width: 40%;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 18px 20px 60px 20px;
}

a.slider-title
{
	color: #000;
	font-size: 22px;
	font-weight: 700;
}

a.slider-eventlink
{
	color: #000;
}

.slider-meta
{
	margin: 8px 0;
}

.flex-direction-nav
{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #000;
	width: 40%;
	text-align: center;
	/* height: 50px; */
	line-height: 24px;
	border-bottom-right-radius: 15px;
	border-left: 1px solid #000;
}

a.flex-prev {
	display: none;
}

a.flex-next {
	display: block;
	position: absolute;
	bottom: 100px;
	left: 80%;
	width: 54px;
	height: 50px;
	text-indent: -9999px;
	float: right;
	border-right: none;
	background: url(images/next.svg) center no-repeat;
	background-size: 35%;
}

.mobile-favorit-month {
	display: none;
	border-radius: 15px;
	background: url(images/background_yellow.png);
	margin-bottom: 20px;
	box-shadow: -10px 10px 20px -23px #000 inset;
}

.mobile-favorit-month a {
	display: block;
	padding: 20px;
	color: black;
	font-weight: 700;
	text-align: center;
}

@media only screen and (max-width: 767px)
{
	a.flex-next {
		bottom: auto;
		left: auto;
		right: 0;
		top: -50px;
	}
	.mobile-favorit-month {
		display: block;
	}
}


a.slider-all {
	color: #fff;
	text-align: left;
    line-height: 18px;
    display: block;
	padding: 10px;
	padding-left: 20px;
}



/****************************************/
/* artikel */

.article
{
	background: #F7F7F7;
	margin-bottom: 20px;
	padding:  12px 16px;
}

.article:last-child
{
	margin-bottom: 0;
}

.article-head
{
	/* background: url(images/divider.png) center bottom repeat-x; */
	padding-bottom: 16px;
	/* margin-bottom: 12px; */
}

.article-meta
{
	color: #757575;
	font-size: 17px;
	line-height: 22px;
	margin-top: 4px;
}

.article-body
{
	overflow: hidden;
}

.article-body p
{
	margin-bottom: 10px;
}

.article-body p:last-child
{
	margin-bottom: 0;
}

.article-thumbnail
{
	float: left;
	margin: 0 12px 12px 0;
}

.article-thumbnail img
{
	display: block;
}

.article-buttons
{
	overflow: hidden;
	clear: both;
}

.article-icons
{
	margin-top: 16px;
	overflow: hidden;
}

.article-social
{
	overflow: hidden;
}

.article-icons img {
	display: block;
	margin-right: 16px;
	float: left;
}

.article-icons-button iframe
{
	display: inline-block;
	vertical-align: top;
}

.article-buttons .article-icons-button
{
	margin-bottom: 16px;
	display: inline-block;
}

.article-social .fb-like
{
	margin-right: 16px;
}

.article-tags
{
	background: url(images/divider.png) center top repeat-x;
	padding-top: 16px;
	margin-top: 12px;
}

.article-tags:after
{
	display: block;
	content: '';
	clear: both;
}



/****************************************/
/* bilder in artikeln */

.article-image
{
	margin-bottom: 10px;
	overflow: hidden;
	max-width: 100%;

}

@media all and (max-width: 510px) {
	.article-image, .article-image-alignleft, .article-image-alignright {
		width: 100% !important;
	}
}


.article-image-aligncenter
{
	margin-bottom: 0 auto 10px auto;
}

.article-image-alignright
{
    float: right;
	margin-left: 12px;
}

.article-image-alignleft
{
    float: left;
	margin-right: 12px;
}

.article-image img
{
	max-width: 100%;
    width: auto;
	height: auto;
}

.article img
{
	max-width: 100%;
    width: auto;
	height: auto;
}

.article-image-caption
{
	color: #444;
	text-align: right;
	font-size: 12px;
	@media all and (max-width: 600px) {
		font-size: 12px !important;
	}
}

.article-image-caption em
{
	font-style: normal;
	float: left;
	text-align: left;
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 4px;
	color: #757575;
}

/****************************************/
/* kategorie-übersicht */

.overview-item /* umfasst bild sowie titel und info */
{
	display: block;
	background: url(images/shadow_category.png) center top no-repeat;
	padding: 14px 0;
	padding-left: 130px;
	position: relative;
	min-height: 110px;
}

@media (max-width: 768px) {
	.overview-item {
		padding-left: 100px;
	}
}

.overview-item .buttons {
	margin-top: 15px;
}

.overview-item .buttons a {
	padding: 5px 10px 8px 10px;
	background-color: #ffffff;
	transition: all ease .3s;
	margin-right: 5px;
}

.overview-item .buttons a:last-child {
	margin-right: 0;
}

.overview-item .buttons a:hover {
	background-color: #efefef;
}

.overview-item:first-child .overview-link /* beim obersten element kein rahmen nach oben */
{
	background-image: none;
}

.overview-image {
	position: absolute;
	top: 14px;
	left: 0;
	text-align: center;
}

.overview-image img {
	max-width: 90px;
	max-height: 110px;
}

.overview-title,
.overview-meta,
.overview-teaser
{
	display: block;
}

.overview-title
{
	font-size: 22px;
	line-height: 22px;
	color: #313131;
	margin-bottom: 6px;
}

.overview-meta,
.overview-teaser
{
	font-size: 16px;
	line-height: 20px;
	color: #757575;
}

/****************************************/
/* highlight-liste fuer favoriten und ausgehtipps */

.js .recommendations-loading
{
	height: 200px;
	position: relative;
}

.js .recommendations-loading:after
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FDEC1C;
	display: block;
	content: '';
	z-index: 99;
	border-radius: 15px;
}

.recommendations-loading-text
{
	display: none;
}

.js .recommendations-loading .recommendations-loading-text
{
	position: absolute;
	display: block;
	text-align: center;
	top: 70px;
	left: 0;
	right: 0;
	font-size: 28px;
	z-index: 100;
}

.recommendations-item
{
	background: #fdec1c;
}

.recommendations-item.odd
{
	background: #f7f7f7;
}

.recommendations-head
{
	position: relative;
}

a.recommendations-link
{
	padding: 8px 12px;
	display: block;
	overflow: hidden;
	color: #000;
   	height: 37px;

}

@media all and (max-width: 770px) {
	a.recommendations-link {
		height: auto;
	}
}

a.recommendations-link:hover
{
	color: #9AB213;
}

.recommendations-body
{
	display: none;
	overflow: hidden;
	padding: 8px 12px;
}

.recommendations-image
{
	float: left;
	max-width: 140px;
	margin: 0 12px 8px 0;
}

/****************************************/
/* speziell fuer favoritenliste */

.favorites-item.past
{
	background: #f9f5c6;
	display: none;
}

.favorites-item.odd
{
	background: #f7f7f7;
}

.favorites-date,
.favorites-title
{
	float: left;
	display: block;
}

.favorites-subtitle
{
	float: right;
	display: block;
}

.favorites-date
{
	width: 80px;
	padding-right: 12px;
}

.favorites-title
{
	padding-right: 12px;
	font-weight: 700;
}

.favorites-meta
{
	font-weight: 700;
}

.favorites-videolink
{
	margin-top: 12px;
}

.favorites-item.past .favorites-title
{
	font-weight: 400;
}

.favorites-item.past a.recommendations-link
{
	color: #aaa;
}

.favorites-item.past .recommendations-image,
.favorites-item.past .favorites-videolink
{
	opacity: 0.5;
}

.favorites-item.past .favorites-body
{
	color: #aaa;
}

/****************************************/
/* speziell fuer ausgehtipps */

#ausgehtipps-noresults
{
	padding: 8px 12px;
	font-weight: 700;
}

#ausgehtipps-filters
{
	margin-bottom: 18px;
	padding: 18px 10px;
	box-shadow: -10px 10px 20px -23px #000 inset;
	border-radius: 15px;
	background: url(images/background_yellow.png);
	display: none;
}

body.js #ausgehtipps-filters
{
	display: block;
}

#ausgehtipps-categories
{
	overflow: hidden;
}

.ausgehtipps-categories-third {
	width: 33%;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#ausgehtipps-categories-what2 {
	width: 34%;
}

#ausgehtipps-categories-what2-inner {
	display: none;
}

#ausgehtipps-categories label
{
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 3px;
}

#ausgehtipps-categories select
{
	width: 100%;
	padding: 3px;
}

/* detailauswahl */

#ausgehtipps-categories-details-toggle {
	display: block;
	text-align: center;
	padding: 6px;
	font-size: 18px;
	color: #000;
	background-color: #EDDD15;
	margin: 18px 8px 0;
	border-radius: 5px;
	cursor: pointer;
}

#ausgehtipps-categories-details-toggle:hover {
	background-color: #F2E218;
}

#ausgehtipps-categories-details {
	margin-top: 14px;
	overflow: hidden;
	display: none;
}

#ausgehtipps-categories-details li {
	width: 33%;
	margin: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.6;
	float: left;
}

/* liste */

#ausgehtipps-list
{
	margin-bottom: 16px;
}

.ausgehtipps-title
{
	font-weight: 700;
}

.ausgehtipps-where
{
	float: right;
}

.ausgehtipps-body p
{
	margin-bottom: 0;
}

/****************************************/
/* links fliessendes foto auf detailseite */

.floatleft-image
{
	float: left;
	display: block;
	margin: 0 16px 12px 0;
}

/****************************************/
/* anzeigen */

.partners
{
	margin-bottom: 20px;
	padding: 0 15px;
}

.partners:before,
.partners:after
{
	background: url("images/shadow_partners_top.png") center no-repeat;
	content: '';
	display: block;
	height: 17px;
	width: 100%;
}

.partners:after
{
	background: url("images/shadow_partners_bottom.png") center no-repeat;
}

.partners-title
{
	display: block;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-size: 14px;
}

.partners img
{
	max-width: 100%;
	display: block;
}

.partners-two
{
	overflow: hidden;
}

.partners-two-first,
.partners-two-second
{
	width: 48%;
	float: left;
}

.partners-two-first
{
	margin-right: 4%;
}

/****************************************/
/* seiten durchblättern */

.pagination
{
	overflow: hidden;
	margin-bottom: 20px;
}

.pagination-previous,
.pagination-next
{
	float: left;
	background: #f7f7f7;
}

.pagination-next
{
	float: right;
}

.pagination-previous a,
.pagination-next a
{
	display: block;
	padding: 8px 12px;
}

/****************************************/
/* sidebar-inhalte */

.widget
{
    margin-bottom: 20px;
    background: url("images/shadow_widget.png") center bottom no-repeat;
	padding-bottom: 28px;
	max-width: 200px;
}

.widget:last-child
{
    margin-bottom: 0;
}

.widget h3
{
    color: #333333;
    font-size: 18px;
    margin-bottom: 8px;
}

.widget img
{
	max-width: 100%;
}

/* winwin */

#winwin-button
{
	display: block;
}

/* pdf-cover */

#widget-cover
{
    position: relative;
}

#widget-cover:after
{
    background: url(images/button_download.png) no-repeat;
    bottom: 10px;
    content: '';
    display: block;
    height: 79px;
    width: 79px;
    left: 80px;
    position: absolute;
}

/* suche */

.search
{
	border: 1px solid #e0e0e0;
	padding-right: 42px;
	padding-left: 6px;
	position: relative;
	background: #fff;
	display: inline-block; /* damit es nicht automatisch die volle breite einnimmt */
}

#nav-content-search .search
{
	display: block;
	margin: 2px 12px;
}

#sidebar .search
{
	display: block;
}

.searchfield
{
	width: 100%;
	height: 22px;
	line-height: 22px;
	margin: 7px 0;
	border: 0;
	padding: 0;
	padding-left: 7px;
}

.searchsubmit
{
	width: 100%;
	position: absolute;
	width: 36px;
	top: 0;
	right: 0;
	bottom: 0;
	background: #BAC962;
	border: 0;
	padding: 0;
	margin: 0;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.searchsubmit:hover
{
	background: #C6D479;
}

/****************************************/
/* lightbox (plugin) */

#slb_container{
	min-height: 80px;
}

#slb_viewer {
	max-width: 100% !important;
	height: auto !important;
}

#slb_container {
	max-width: 100% !important;
	height: auto !important;
}

#slb_content > img {
	max-width: 100% !important;
}

.slb_data
{
    display: none !important;
}

/****************************************/
/* footer */

#footer-wrapper
{
	background: #7d9010;
	position: relative;
}

#footer-wrapper:before
{
	display: block;
	content: '';
	height: 10px;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	background: url(images/shadow_footer.png);
}

#footer
{
	max-width: 930px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 230px 20px 0;
}

#footer a
{
	color: #fff;
}

#footer-content
{
	display: table;
}

#footer-left,
#footer-middle,
#footer-right
{
	display: table-cell;
	vertical-align: top;
	padding: 0 60px 0 30px;
}

#footer-left
{
	border-right: 1px solid #9eac4c;
}

#footer-middle
{
	border-right: 1px solid #9eac4c;
	border-left: 1px solid #6e7d0e;
}

#footer-right
{
	border-left: 1px solid #6e7d0e;
	padding-right: 0;
}

#footer-logo
{
	display: block;
}

#footer-to-top /* a */
{
	float: right;
}

/****************************************/
/****************************************/
/****************************************/
/* mobile */

/****************************************/
/* geruest fuer alle kleinen bildschirme bis einschliesslich ipad anpassen */

@media only screen and (max-width: 1024px)
{

#skyscraper
{
	display: none;
}

#wrapper
{
	padding-right: 0;
	overflow: hidden;
	max-width: none;
}

#footer
{
	padding-right: 30px;
	max-width: none;
}

} /* media query */

/****************************************/
/* skyscraper-werbung wird auf tablets in der sidebar gezeigt */

@media only screen and (max-width: 1024px) and (min-width: 768px)
{

#tablet-skyscraper
{
	display: block !important;
}

#tablet-skyscraper img
{
	display: block;
	max-width: 100%;
}

} /* media query */

/****************************************/
/* weniger padding um platz auf kleinen bildschirmen besser zu nutzen */

@media only screen and (max-width: 900px)
{

#inner
{
	padding-left: 12px;
	padding-right: 12px;
}

#content
{
	padding-right: 12px;
}

#sidebar
{
	padding-left: 12px;
}

#nav .parent > li > a,
#nav .parent > li > span.fakelink,
#nav .parent > li > .sub-menu > li > a,
#nav .parent > li > .sub-menu > li > span.fakelink /* damit die navi auf tablets nicht umbricht */
{
	padding-left: 8px;
	padding-right: 8px;
}

} /* media query */

/****************************************/
/* spezielles layout fuer smartphones */

@media only screen and (max-width: 767px)
{

.show-on-mobile
{
	display: block !important;
}

.hide-on-mobile
{
	display: none !important;
}

#content,
#sidebar
{
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
	border: 0;
}

#content
{
	margin-bottom: 30px;
}

#sidebar
{
	padding: 0 20px;
}

/****************************************/
/* headlines */

h1
{
	font-size: 28px;
}

h2
{
	font-size: 24px;
}

h1.title,
h2.title
{
	font-size: 28px;
}

.subtitle
{
	font-size: 20px;
	margin-top: 4px;
}

/****************************************/
/* header */

#header
{
	background: none;
	padding: 30px 0;
	margin-bottom: 0;
	height: auto;
}

#header a.desktop {
	display: none;
}

#logo
{
	width: 60%;
	max-width: 180px;
	margin-left: 0;
}

#meta
{
	bottom: 4px;
	right: 0;

	display: none; /* neu */
}

#meta li
{
	float: none;
	text-align: right;
	margin: 5px 0 0;
}

#meta li:after
{
	display: none;
}

/****************************************/
/* navigation */

#nav
{
	background: url(images/background_nav.png);
	margin-bottom: 20px;
}

#nav-content-search
{
	padding: 10px 0;
}

#nav-content-menu
{
	display: none;
}

#nav-toggle
{
	display: block;
	color: #757575;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	overflow: hidden;
}

#nav-toggle-menu
{
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	background: url(images/nav_icon.png) center no-repeat;
}

#nav-toggle-search
{
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(images/icon_search.png) center no-repeat;
}

#nav a:hover,
#nav .parent > li.nav-highlight a:hover,
#nav .parent > li.nav-highlight span.fakelink:hover
{
	color: #757575;
}

/* erste ebene */

#nav .parent
{
	padding: 10px 12px 10px 36px;
}

#nav .parent > li,
#nav .parent > li > a,
#nav .parent > li > span.fakelink
{
	float: none !important;
}

#nav .parent > li:after
{
	display: none;
}

#nav .parent > li > a,
#nav .parent > li > span.fakelink
{
	padding: 3px 0;
}

/* zweite ebene */

#nav .parent > li > .sub-menu
{
	display: block;
	position: static;
	background: none;
	box-shadow: none;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#nav .parent > li:last-child > .sub-menu
{
	margin-bottom: 0;
}

#nav .parent > li > .sub-menu:before,
#nav .parent > li > .sub-menu:after
{
	display: none;
}

#nav .parent > li.nav-highlight > .sub-menu > li,
#nav .parent > li > .sub-menu > li,
#nav .parent > li > .sub-menu > li > a,
#nav .parent > li > .sub-menu > li > span.fakelink
{
	float: none;
}

#nav .parent > li.nav-highlight > .sub-menu > li:before,
#nav .parent > li > .sub-menu > li:after
{
	display: none;
}

#nav .parent > li > .sub-menu > li > a,
#nav .parent > li > .sub-menu > li > span.fakelink
{
	padding: 4px 0 4px 16px;
}

/* dritte ebene */

#nav .sub-menu > li:hover > .sub-menu
{
	display: none;
}

#nav .sub-menu .sub-menu
{
	box-shadow: none;
	position: static;
	background: none;
	padding: 0;
	margin-bottom: 10px;
	text-transform: none;
}

#nav .sub-menu .sub-menu:before,
#nav .sub-menu .sub-menu:after
{
	display: none;
}

#nav .sub-menu .sub-menu a,
#nav .sub-menu .sub-menu span.fakelink
{
	padding-left: 32px;
	display: block;
}

#nav .sub-menu .two-col-submenu > ul.sub-menu
{
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	-webkit-column-width: auto;
	-moz-column-count: 1;
	-moz-column-gap: 0;
	-moz-column-width: auto;
	column-count: 1;
	column-gap: 0;
	column-width: auto;
	width: auto;
}

/****************************************/
/* slider */

#slider
{
	display: none;
}

.slider-image
{
	display: none;
}

.slider-content
{
	float: none;
	width: auto;
}

.flex-direction-nav
{
	width: 100%;
	border-bottom-left-radius: 15px;
}

/****************************************/
/* artikel */

.article
{
	padding:  8px 10px;
}

.article-thumbnail img
{
	max-width: 100px;
	max-height: 100px;
}

/****************************************/
/* ausgehtipps */

.ausgehtipps-categories-third,
#ausgehtipps-categories-what2 {
	width: auto;
	padding: 0 8px;
	float: none;
}

#ausgehtipps-categories-what2-inner,
#ausgehtipps-categories-where {
	margin-top: 8px;
}

/****************************************/
/* ausgehtipps und favoriten */

img.recommendations-image /* img */
{
	max-width: 80px;
}

.favorites-date,
.favorites-title,
.favorites-subtitle,
.ausgehtipps-title,
.ausgehtipps-where
{
	float: none;
	display: block;
}

/****************************************/
/* kategorieliste */

/* a.overview-link {
	padding-left: 80px;
} */

a.overview-link:hover {
	background-color: transparent;
}

/* .overview-image img {
	max-width: 70px;
	max-height: 70px;
} */

/****************************************/
/* anzeigen */

.partners
{
	padding-left: 0;
	padding-right: 0;
}

.partners-two
{
	margin: 0 auto;
	max-width: 290px;
}

.partners-two-first,
.partners-two-second
{
	float: none;
	width: auto;
}

.partners-two-first
{
	margin: 0 0 10px 0;
}

/****************************************/
/* sidebar-inhalte */

.widget
{
    background: url("images/shadow_widget.png") left bottom no-repeat;
}

/****************************************/
/* footer */

#footer-left
{
	display: none;
}

#footer-middle
{
	border-left: 0;
	padding-right: 30px;
}

#footer-right
{
	padding-left: 20px;
}

} /* media query */

/****************************************/
/* noch spezielleres layout fuer smartphones im hochformat */

@media only screen and (max-width: 320px)
{

/* sidebar-inhalte */

.widget
{
    background: url("images/shadow_widget.png") center bottom no-repeat;
}

} /* media query */


/*Anpassungen Max*/

.article-icons-button img, .videolink-f img {
	height: 20px !important;
	width: auto !important;
}

@media all and (max-width: 500px) {
	.article-icons-button, .videolink-f {
		margin-right: 5px !important;
	}
	.videolink-f img, .article-icons-button img {
		height: 15px !important;
		width: auto !important;
	}
}

/* Bestellformular */

.wpcf7 {
    margin:40px 0 140px 0 !important;
}

.wpcf7 input, .wpcf7 textarea {
    width: calc(100% - 16px);
    margin: 0 2px;
    display: block;
    box-shadow: none;
    padding: 5px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.01);
    border: 1px solid #ccc;
}

.wpcf7 label {
    padding-left: 4px;
}

.wpcf7 h3 {
    margin-top: 20px;
}

.wpcf7 hr {
    border:1px solid #dedede
}

.wpcf7 input[type="submit"] {
    background-color: #777;
    border: none;
    padding: 10px 5px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #555;
}

/* 05-Sep */
.banner, .sky, .sky-rechte-spalte { 
/*	background-color: #f9f9f9; */
	font-size: 11px; 
}

.sky#sky-slot-2{position: fixed;left: calc(50vw + 480px);top: 140px;}
.sky2#sky-slot-3{position: fixed;right: calc(50vw + 480px);top: 140px;}

.banner1 {
/*        border: 2px solid #c00d0e;*/
    margin: 15px 0 15px 0;
    text-align: center;
/*        height: 100px;*/
}

div#taboola-below-home-thumbnails {
    margin-top: 30px;
    margin-top: 20px;
}

.sky#sky-slot-2, .sky2#sky-slot-3 {
/*     width: 150px;
    height: 400px; */
/*        border: 2px solid #c00d0e;*/
}

/*.sky-3-rechte-spalte#sky-slot-4, .sky-rechte-spalte#sky-slot-6 {
/*        border: 2px solid #c00d0e;*/
/*     width: 180px; */
/*    text-align: center;*/
/*    height: 442px;*/
}*/
#sky-slot-3 #adInSky2 .sdgAnzeigenkennung {
	text-align: right !important;
}

.banner2#sky-slot-5, .banner3#banner-slot-7, .banner-10#banner-slot-10, .banner4#banner-slot-8, .banner5#banner-slot-9, .banner6#banner-slot-10, .am-seitenende-pubperform#banner-slot-10, .banner3#sky-slot-7, .banner4#sky-slot-8, .banner5#sky-slot-9  {
/*        border: 2px solid #c00d0e;*/
/*    width: 100%;*/
/*     text-align: center; */
/*    margin-bottom: 15px;*/
/*        height: 100px;*/
}
.content-banner {
    margin-bottom: 35px;
}
.single-cls .content-banner {
    margin-top: 25px;
}
.category-cls .content-banner {
    margin-top: 14px;
}

.single-cls .content-banner.mobile-ads, .category-cls .content-banner.mobile-ads, .content-banner.mobile-ads {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.banner#banner-slot-10{
/*		border: 2px solid #c00d0e;*/
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
/* 	height: 100px; */
	margin-top: 15px;

}

@media all and (min-width: 750px) {
	#banner-slot-10 {
		width:900px;
		height:300px;
		background-color:white;
		border-top:1px solid rgb(204, 204, 204);
	}
	#banner-10-margin {
		width:900px;
		height:20px;
		background-color:white;
	}
}

.footer-ad#sky-slot-11 {
    position: fixed;
    left: calc(50vw + 404px);
    bottom: 0;
/*     width: 150px; */
/*        border: 2px solid #c00d0e;*/
    margin-top: 30px;
}


.mobile-interstitial, .mobile-footer-ad  {
    width: 100%;
/*        border: 2px solid #c00d0e;*/
    max-width: 95%;
    margin: 10px auto;
    text-align: center;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topmobile1, .topmobile2, .topmobile3-4, .top-mobile5 {
    width: 100%;
/*        border: 2px solid #c00d0e;*/
    max-width: 95%;
    margin: 10px auto;
    text-align: center;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
/*     height: 250px; */
}

#adInSticky { text-align:center; }

#adInSticky #sdg_stickybanner_anz { max-width:728px; margin:0 auto; text-align:left; }

#sky-slot-2 div#sdgSlotHull-sky {
    position: fixed !important;
    top: 140px !important;
}

.content-banner .sdgAdServerAnchor { height:auto !important; }
.content-banner .sdgSticky,  .content-pubperform .sdgSticky { display: flex; justify-content: center; align-items: center; }
div#sky-slot-4 #adInSky3{
    margin-top: 20px;
    background: url(images/shadow_widget.png) center top no-repeat;
}
div#adInSky3 {
    padding-top: 30px;
}
/* Jetpack related posts */

.article-body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-weight: 700;
}

.article-body #jp-relatedposts a.jp-relatedposts-post-a:hover {
	text-decoration: none;
}

.article-body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
	text-decoration: none;
}

.article-body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
	clear: none;
}

@media only screen and (max-width: 640px) {
	.article-body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
		clear: none;
	}
}
@media screen and (max-width: 480px){
	#taboola-below-home-thumbnails[data-feed-main-container-id="taboola-below-home-thumbnails"].tbl-feed-full-width, #taboola-below-article-thumbnails[data-feed-main-container-id="taboola-below-article-thumbnails"].tbl-feed-full-width {
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}
}

/* menu icons */

#nav-content-menu li.icon-instagram a,
#nav-content-menu li.icon-facebook a {
	background-repeat: no-repeat;
	background-size: 20px;
	background-origin: content-box;
	text-indent: -9999px;
	padding-top: 12px;
	padding-right: 20px;
}

#nav-content-menu li.icon-instagram a {
	background-image: url("https://www.p-stadtkultur.de/wp-content/themes/p-layout-2023/images/P_SocialMedia_40x40px_Instgram.png");
}

#nav-content-menu li.icon-facebook a {
	background-image: url("https://www.p-stadtkultur.de/wp-content/themes/p-layout-2023/images/P_SocialMedia_40x40px_Facebook.png");
	margin-right: 10px
}

.searchfield {
	background-size: 20px;
	background-repeat: no-repeat;
	background-origin: content-box;
}

.searchfield:placeholder-shown {
    background-image: url("https://www.p-stadtkultur.de/wp-content/themes/p-layout-2023/images/lupe.png");
}