/*
 Theme Name:   Santiago / polis Magazin
 Theme URI:    https://polis-magazin.com/
 Description:  Theme des polis Magazin, basierend auf dem Theme "Santiago" von FairPixels
 Author:       Arne Kamola
 Author URI:   https://arne.kamola.de
 Template:     fp_santiago
 Version:      1.2.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain:  fairpixels-polis
*/


/* Teaser Site adjustments starting at line 849 */

@import url('proof/proof.css');
@import url('amiri/amiri.css');
@import url('titillium-web/titillium-web.css');

/* Marquee */
/* @see https://reneroth.xyz/marquees-in-css/ */

.marquee {
	max-width: 100vw;
	white-space: nowrap;
	overflow: hidden;
}

.marquee .scrolling {
	display: inline-block;
	animation: marquee 20s linear infinite;
}

@keyframes marquee {
	0%   {transform: translate3d(0,0,0);}
	100% {transform: translate3d(-100%,0,0);}
}

/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
/*.marquee span:hover {
	animation-play-state: paused 
}*/

.announcement {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	padding: 15px 0;
	border-top: 3px solid #F0F;
	border-bottom: 3px solid #F0F;
	background: rgba(255,0,255,.05);
	color: #F0F;
	font: 600 1.5em 'Proof', sans-serif;
	letter-spacing: .025em;
}

/* Topbar */

#topbar {
	position: fixed;
	top: 0;
	right: -50px;
	z-index: 100;
	width: 100%;
}

.admin-bar #topbar {
	top: 32px;
}

#topbar .social ul li i {
	margin-top: 7px;
}

/* Primary Menu */

.primary-menu {
	font-family: 'Proof', 'Oswald', Helvetica, Arial, sans-serif;
	background: transparent;
	background-image: none;
	border-top: 3px solid #000;
    border-bottom: 1px solid #000;
}

.primary-menu ul li::after {
	content: none;
}

.primary-menu ul li a {
	margin: 5px 3px 0;
	padding: 12px 5px;
	border: 0 none;
	font-size: 16px;
}

.primary-menu ul li:first-child a {
	margin-left: 0;
}

.primary-menu .current-menu-item a,
.primary-menu .current_page_item a,
.primary-menu > ul > li > a:hover {
	border-bottom: 3px solid #000;
	background: #FFF;
	color: #000;
}

/* Menu Item: Jobx */
.primary-menu ul li.jobs a {
	padding-bottom: 9px;
	border: 1px solid #000;
}

.primary-menu ul li.jobs a:hover {
	background: #000;
	color: #FFF;
	border: 1px solid #000;
}

/* Menu Item: Shop */
.primary-menu ul li.pm-menu-right {
	float: right;
}

.primary-menu ul li#menu-item-24136 a,
.primary-menu ul li#menu-item-30315 a {
	margin-top: 0;
	margin-right: 0;
	border-top: 5px solid #000;
	border-bottom: 3px solid #000;
	background: #000;
	color: #FFF;
}

.primary-menu .current-menu-item#menu-item-24136 a,
.primary-menu .current_page_item#menu-item-24136 a,
.primary-menu > ul > li#menu-item-24136 > a:hover,
.primary-menu .current-menu-item#menu-item-30315 a,
.primary-menu .current_page_item#menu-item-30315 a,
.primary-menu > ul > li#menu-item-30315 > a:hover {
	border-top-color: #FFF;
	background: #FFF;
	color: #000;
}

/* "Old menu", 2021-01-27, @akamola
/*.primary-menu ul li a {
	padding: 10px 8px;
	margin: 10px 3px 6px;
	font-size: 16px;
}

.primary-menu ul li:first-child a {
	margin-left: 0;
}

.primary-menu ul li:last-child a {
	margin-right: 0;
}

.primary-menu ul li.menu-item-object-category:after:last-child {
	content: '';
}

.primary-menu ul li.pm-menu-right {
	float: right;
}

.primary-menu ul li.pm-menu-right:after {
	content: '';
}

.primary-menu ul li#menu-item-24136 a,
.primary-menu ul li#menu-item-30315 a {
	padding-top: 9px;
	padding-bottom: 9px;
	border: 1px solid #555;
}

.primary-menu .current-menu-item#menu-item-24136 a,
.primary-menu .current_page_item#menu-item-24136 a,
.primary-menu > ul > li#menu-item-24136 > a:hover,
.primary-menu .current-menu-item#menu-item-30315 a,
.primary-menu .current_page_item#menu-item-30315 a,
.primary-menu > ul > li#menu-item-30315 > a:hover {
	border-color: #000;
}*/

/* Fix responsive menu */
.slicknav_menu {
	z-index: 5;
}

/* Content */

.container {
	width: 1100px;
	margin: 0 auto;
}

/* Fix overflow of menu*/
.container.hfeed{
	overflow: visible !important;
}

@media only screen and (min-width: 768px) and (max-width: 1129px) {
	.container {
		width: 750px;	
		position: relative;
	}
}
@media only screen and (min-width: 570px) and (max-width: 767px) {
	.container {
		width: 550px;	
		position: relative;
	}
}
@media only screen and (min-width: 460px) and (max-width: 569px) {
	.container {
		width: 440px;
		position: relative;	
	}
}
@media only screen and (max-width: 459px) {
	.container {
		width: 300px;	
		position: relative;
	}
}

/* Content Area */

#main {
	position: relative;
	overflow: visible;
}

.content-wrap {
	overflow: visible;
}


/* Footer */


#footer {
	clear: both;
	background: #000;
	color: #FFF;
}


#footer .widget ul li {
	font-size: 13px;
}

/* Footer Info (Partners + Info) */

#footer .footer-info {
	background: #000;
	color: #FFF;
}

#footer .footer-info .inner-wrap.info {
	margin: 0 auto;
	font: inherit;
}

#footer .footer-widgets .widget {
	margin-top: 15px;
}

#footer .footer-widgets  .textwidget {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

#footer .footer-widgets  .textwidget:after {
	display: block;
	content: " ";
	margin: 10px;
	flex: 999 999 auto;
}

#footer .footer-widgets .textwidget p {
	flex: 0 0 auto;
	margin: 10px;
}

#footer .footer-widgets img {
	filter: grayscale(1) brightness(0) invert(1);
}

#footer .footer-info .info {
	border-top: 1px solid #FFF;
}

#footer .footer-info .info p {
	margin: 15px 0 50px;
	color: #fff;
}

#footer .footer-widgets {
	background: #000000;
}

#footer .footer-info {
	background: #000;
	padding: 	50px 0 0 0;
}

.footer-logos {
		clear: both;
   		display: flex;
    	align-items: center;
		max-width: 1100px;
		margin: 0 auto;
		background: #000;
}
	
.footer-logos .widget {
		float:					none;
		min-width: 				141px;
		width:					auto;
		max-width: 				16.666%;
		margin:					30px 10px;
}
	
.footer-logos .widget:first-child {
		margin-left: 0;
}
	
.footer-logos .widget:last-child {
		margin-right: 0;
}

/* Ads */

/* Skyscraper right */
.g-3 {
	position: absolute;
	top: 0;
	right: -200px;
	width: 160px;
	height: 600;
}

/* Skyscraper left */
.g-4 {
	position: absolute;
	top: 0;
	left: -200px;
	width: 160px;
	height: 600;
}

/* Quickfix for Skyscaper */
	@media only screen and (max-width: 1502px){
		.g-3, .g-4{
			display: none;
		}
	}



/* Mobile Skyscraper Add: 2022-04-12 */

.ad-mobile .wp-block-columns{
	margin-bottom: 0;
}

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

	
	.ad-mobile.wp-block-columns > *:not(:last-child){
		margin-bottom:  2em;
	}


	.ad-mobile .g-single{
		display: flex;
		flex-direction: column;
		align-items: center;
	}


	.ad-mobile.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
	}


	#block-17 .wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1 {
		flex-wrap: wrap;
	}
}

/* Snippet from /wp-includes/css/dist/block-library/style.css?ver=5.9.3 because the style didn't load online*/
/* Added .ad-mobile infront to avoid unintentional changes */ 

 .ad-mobile.wp-block-columns {
	  display: flex;
	  box-sizing: border-box;
	  flex-wrap: wrap;
	  /**
	  * All Columns Alignment
	  */
}

@media (min-width: 600px) and (max-width: 781px){
	.ad-mobile.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
		flex-basis: calc(50% - calc(2em / 2)) !important;
		flex-grow: 0;
	}
}

@media(min-width: 600px){
	.ad-mobile.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child){
  		margin-left:  2em;
  	}
}

@media (min-width: 782px) {
 	.ad-mobile.wp-block-columns {
    	flex-wrap: nowrap;
  	}

  	.ad-mobile.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis]{
  		flex-grow:  0;
  	}
	.ad-mobile.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
  		flex-basis: 0;
    	flex-grow: 1;
	
  }
}

/* Snippet end */ 

@media only screen and (min-width: 1501px){

	.ad-mobile{
		display: none;
		}

	/* Adjust the block ID */ 
    #block-17{
		display:none;
	}
}


/* Mobile Skyscraper end*/


/* Content */

li {
	font-size: 1.15em;
}

li li {
	font-size: 1em;
}

/* Sidebar */

#sidebar{
	float: right;
}

#sidebar #adrotate_widgets-5.widget .widget-title {
	margin-bottom: 0;
	padding-bottom: 0;
	background: unset;
	text-align: right;
}

#adrotate_widgets-5 .widget-title h4 {
	background: transparent;
	color: #AAA;
	font-size: 12px;
}


/* Promotion Sidebar to display more AD Rotate 	Widgets	*/

#sidebar-promotion{
	margin-bottom: 45px;
	width: 300px;
	float: left;
	background: url(images/sep.png) repeat-x left bottom;
	padding-bottom: 20px;

}
#sidebar-promotion .search-form{
	margin-bottom:  20px;

}
#sidebar-promotion .search-field{
	width: 274px;
	padding: 8px 12px;
	height: 18px;
}
#sidebar-promotion:nth-child(n+2){
	display: flex;
	flex-wrap: wrap;
	}
#sidebar-promotion > li{
	list-style-type: none;
}



#sidebar-promotion >  .adrotate_widgets{
	width: 45%;

	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;

	margin: 0;
	margin-bottom: 20px;
	padding-bottom: 5px;
}


#sidebar-promotion >  .adrotate_widgets:nth-child(odd){
	margin-right: 20px;
}
#sidebar-promotion >  .adrotate_widgets:nth-child(-n+4){
	border-bottom: 2px solid;
	padding-bottom: 20px;

}


#sidebar-promotion > .widget_block{

	width: 100%;
	padding-bottom: 10px;
	background: url(images/sep.png) repeat-x left bottom;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#sidebar-promotion > .widget_block > *{
	font-size: 18px;
}

#sidebar-promotion > .adrotate_widgets > .a-single{
	display: flex;
	flex-direction: column-reverse;
}

#sidebar-promotion > .adrotate_widgets > .a-single > a > img  {
    box-shadow: 0 3px 6px #ccc;
}

#sidebar-promotion > .adrotate_widgets > .a-single > div >  a > * {
	color: black;
	padding-left: 5px;
	width: 90%;
	font-size: 13px;
	font-family: 'proof';

	text-transform: uppercase;
}



#sidebar-promotion > .adrotate_widgets > div {
	margin-bottom: -6px;
}



#sidebar-promotion > .adrotate_widgets >  .widgettitle{
	padding: 5px;
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;

	display: block;
	word-wrap: break-word;
	}



@media(max-width:1129px) and (min-width: 460px){
	#sidebar-promotion .widget_search{
		width: 100%;

	}
	#sidebar-promotion .search-form{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	#sidebar-promotion .search-field{
		width: 100%;

	}
	#sidebar-promotion{
		width: 100%;
		flex-wrap: wrap !important;
		justify-content: space-around !important;
	}

	#sidebar-promotion > .adrotate_widgets{
		border: none !important;
		width: 20%;
	}

	#sidebar-promotion > .adrotate_widgets:nth-child(even){

		margin-right: 20px ;
	}

}

@media(max-width: 459px){

	#sidebar-promotion{
		width: 100%;
		justify-content: space-around;
	}



}

/* Correction for metro.polis Wuppertal */
#text-15 a {
	text-decoration: underline;
}

/* Post */

.entry-header h1 {
	/*font: 600 3em/1em 'Proof', Helvetica, Arial, sans-serif;*/
	text-transform: uppercase;
}

.entry-header > .entry-slider {
	margin-top: 0;
}

.entry-content a {
	border-bottom: 2px solid #000;
	background: transparent;
	color: #000;
	transition: all .5s;
}

.entry-content a:hover {
	border-bottom: 2px solid transparent;
}

.entry-footer {
	clear: both;

}


.entry-footer a {
	margin-bottom: 15px;
}

.entry-footer .icon {
	height: 21.5px;
}
.entry-meta .social span {
	padding-right: 0;
	padding-left: 10px;
}

.entry-meta .social a {
	transition: all .5s;
}

.entry-meta .social a:hover,
.entry-meta .social .wa a:hover {
    background: #000;
}

.entry-meta .social .wa a {
	background: #00e771;
}

.entry-meta .social .wa a svg {
	width: 18px;
	height: 18px;
	margin-top: 3px;
	fill: #FFF;
}

.entry-meta .social i {
	margin-left: 1px;
}

.print-teaser p {
	padding-left: 20px;
	padding-right: 20px;
}




/* content-single post Adjustments  adding the according magazin-link to the post*/


.magazin-container{
	width: 100%;
}

#magazin-link{
	display: flex;
	align-items: center;
	justify-content: space-around;
	min-width: 200px;
	position: relative;
	border: 1px solid #DDDDDD;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 0px 4px #DDDDDD;

}

#magazin-link:hover {
	border:  1px solid black;
}


#magazin-link:hover .magazin-cover{
	box-shadow:  0px 0px 8px black;
}

.magazin-cover{
	height: 100px;
	margin: 10px 5px 10px 5px;
	box-shadow: 0px 0px 4px black;
	transition: 1s;
}



.magazin-background{
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -100;


}

.headlines{
	display: inline-block;
	margin: 0 10px 0 10px;
}

.headlines p {
	margin-bottom:  0px;
	line-height: 15px;
	color: black;

}



/* Homepage */

.cat-large .post-list .wp-post-image {
	width: auto !important;
	height: auto !important;
}

/* Contact Form */

#wpcf7-f26474-p136-o1 {
	clear: both;
	border-top: 3px solid #000;
}

#wpcf7-f26474-p136-o1 h3 {
	margin-bottom: 20px;
}

#wpcf7-f26474-p136-o1 form {
	margin: 20px 10px;
}

#wpcf7-f26474-p136-o1 input[type=text],
#wpcf7-f26474-p136-o1 input[type=email] {
	width: 100%;
	width: calc( 100% - 20px );
	padding: 5px 10px;
	border: 1px solid #AAA;
	font-size: 1em;
}

#wpcf7-f26474-p136-o1 textarea {
	width: 100%;
	width: calc( 100% - 20px );
	padding: 5px 10px;
	border: 1px solid #AAA;
	font-size: 1em;
}

/* Order Form */

#order {
	font-size: 1.15em;
}

#order fieldset {
	border-color: #000;
}

#order fieldset legend {
	background: transparent;
	color: #000;
	font-weight: bold;
}

#order fieldset fieldset legend {
	margin-left: 10px;
}

#order input[type="text"],
#order textarea {
	border-color: #DDD;
}

#order select {
	font-size: .8em;
}

#order p {
	margin-top: 0;
	font-size: 1em;
}

#order-section-shipping-costs {
	margin-top: 1em;
	margin-bottom: 0 !important;
	padding: 0 !important;
	border-bottom: 0 none !important;
	border-left: 0 none !important;
	border-right: 0 none !important;
}

#order button {
	border: 1px solid #000;
	background: transparent;
	color: #000 !important;
	text-transform: unset;
}

#order button:active,
#order button:focus,
#order button:hover {
	background: #000;
	color: #FFF !important;
}

#order button[disabled="disabled"] {
	opacity: .3;
}

#order-website-hp-form{
	display: none;
}

/* Newsletter Widgets */

#sidebar .widget#text-9 {
	background: #000;
	color: #FFF;
}

#sidebar .widget#text-9 .widget-title {
	background-image: url('images/sep-white.png');
}

#sidebar .widget#text-9 h4 {
	margin: 0 20px;
	padding-top: 15px;
	background: transparent;
	color: #FFF;
}

#text-9 .textwidget {
	margin: 0 20px;
}

#text-9 .textwidget a {
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
}

#text-9 .textwidget a:active,
#text-9 .textwidget a:focus,
#text-9 .textwidget a:hover {
	background: #FFF;
	color: #000;
}

/* Newsletter (SendPress) */

.sendpress-signup-form input[type=text] {
	padding: 3px 5px
}

.sendpress .website {
	display: none;
}

/* Newsletter (MailChimp) */

#mc_embed_signup {
	background: #000;
	color: #FFF;
	box-shadow: 0 0 5px #DDD;
}

#mc_embed_signup a {
	background: transparent;
	color: #FFF;
	text-decoration: underline;
}

#mc_embed_signup a:active,
#mc_embed_signup a:hover {
	text-decoration: none;
}

#mc_embed_signup_scroll {
	padding: 20px;
}

.mc-field-group {
	margin-bottom: 20px;
}

#mc_embed_signup label {
	font-size: 1.1em;
}

#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"] {
	width: 100%;
	width: calc( 100% - 20px );
	padding: 5px 10px;
	font-size: 1em;
}

#mc_embed_signup .button {
	border: 1px solid #FFF;
	background: #000;
	color: #FFF;
	text-transform: unset;
	transition: .3s all;
}

#mc_embed_signup .button:active,
#mc_embed_signup .button:focus,
#mc_embed_signup .button:hover {
	background: #FFF;
	color: #000 !important;
}

/* Event Widget */

#sidebar .EO_Event_List_Widget.widget {
	padding-bottom: 20px;
	background: transparent url('https://polis-magazin.com/wp-content/themes/tp_santiago-polis/images/was-geht-bg.svg') no-repeat;
	background-size: 125%;
	overflow: visible;
}

.EO_Event_List_Widget .widget-title h4 {
	margin-left: 20px;
}

ul.eo-events-widget {
	margin-left: 20px;
}

ul.eo-events-widget li {
	border-color: rgba(0, 0, 0, .1);
}

.eo-events-widget a {
	border-bottom: 2px solid #000;
}

.eo-events-widget a:hover {
	background: transparent;
	color: #000;
	border-bottom-color: transparent;
}

.eo-events-widget .date {
	display: block;
}

.eo-events-widget .divider {
	display: none;
}

/* Event Details */

.eventorganiser-event-meta {
	padding: 25px;
}

.eventorganiser-event-meta-details {
	float: left;
	/*max-width: 60%;*/
	max-width: 55%;
	margin-bottom: 25px;
}

.eo-event-venue-map {
	margin-bottom: 25px;
}

.eo-venue-map {
	z-index: 50 !important;
}

.event-template-default .entry-image .attachment-fp770_375 {
	width: 770px;
	height: auto;
}

.event-template-default .entry-content {
	background-image: url('https://polis-magazin.com/wp-content/themes/tp_santiago-polis/images/was-geht-bg.svg');
	background-position: center -150px;
	background-repeat: no-repeat;
	background-size: 125%;
	overflow: visible;
}

.event-template-default .entry-content p {
	background: transparent;
	color: #000;
}

.event-desc {
	clear: both;
}

.event-desc h2 {
	padding-top: 30px;
	text-transform: uppercase;
}

/* Book tip */

.eo-bookcover {
	width: 40%;
	float: right;
	text-align: right;
}

.eo-bookcover a,
.eo-bookcover a:hover {
	border-bottom: 0 none;
}

.eo-bookcover .bookcover {
	width: 200px;
	height: auto;
	box-shadow: 0 3px 6px #666;
}

.event-category-buchtipp .eventorganiser-event-meta {
	padding: 0;
}

.event-category-buchtipp .eventorganiser-event-meta-details {
	margin-bottom: 0;
}

.event-category-buchtipp .event-desc {
	padding: 25px;
}

.event-category-buchtipp .event-desc h2 {
	padding-top: 0;
}

/* Hide date from widget */
.eo-event-cat-buchtipp .date {
	display: none;
}

@media only screen and (max-width: 1129px) and (min-width: 768px) {
	.entry-header > .entry-slider {
		margin-top: 30px;
	}

	.primary-menu ul li a {
		/*padding: 10px 4px;*/
		margin: 10px 4px 6px;
		/*font-size: 14px;*/
	}
}

/* Job List */

.joblist tr:hover td {
	background: #f2f2f2;
	color: #000;
}

.joblist th {
	text-transform: uppercase;
}

.joblist td {
	vertical-align: middle;
	transition: all .3s;
}

.joblist .job {
	padding-left: 20px;
}

.joblist a {
	background: transparent;
	color: #000;
}

.joblist a:active,
.joblist a:focus,
.joblist a:hover {
	text-decoration: underline;
}

.joblist .logo {
	padding-left: 10px;
}

.joblist .logo img {
	max-width: 150px;
	height: auto;
}

/* Fix some responsive layout issues */
@media only screen and (min-width: 460px) and (max-width: 569px) {
	.slider-right .item-post .wp-post-image {
		margin-top: 0;
		margin-left: 0;
		max-width: inherit;
		width: 100%;
		height: auto;
	}
	.slider-right {
		margin-left: 0;
		width: 100%;
	}
	.slider-right .item-post {
		height: auto;
	}
	.one-half {
		width: 100%;
	}
	.attachment-fp370_215 {
		width: 100%;
		height: auto;
	}
	#sidebar {
		width: auto;
	}
	#sidebar-promotion .search-field {
		width: 420px;
		padding: 9px;
	}
}

/* Fix for the right slider Black Bottom */

@media only screen and (min-width: 570px) and (max-width: 767px) {
	.slider-right .item-post{
		height: 100%;
	}

}
/* Various fixes */
/* Override hover-effect for images */
.overlay:hover img{
    -webkit-transform: scale(1) rotate(-0deg);
    -moz-transform: scale(1) rotate(-0deg);
    -o-transform: scale(1) rotate(-0deg);
    -ms-transform: scale(1) rotate(-0deg);
    transform: scale(1) rotate(-0deg);
}
.overlay {
	background: white;
}
.overlay img {
	object-fit: cover;
}
.feat-carousel a.bx-prev:before, .feat-carousel a.bx-next::before {
	line-height: 22px;
}
.related-posts .wp-post-image:hover {
	opacity: 0.7;
}
@media only screen and (min-width: 1129px){
	/* Increase gab between content and sidebar, fix layouts */
	#content {
		width: 750px;
		margin-right: 50px;
	}
	.one-half {
		width: 360px;
	}
	.related-posts ul li {
		width: 240px;
		margin-right: 15px;
	}
	.related-posts .wp-post-image {
		object-fit: cover;
	}
}


/* sidebar archive link quick fix */

#block-10, #block-11{
	padding-left:20px;
	font-size: 1.15em;
}
.EO_Event_List_Widget.widget{
	padding-bottom: 0 !important;
}


/*featured-cat widget // Featured Category */

.item-post h5 {
	text-transform: uppercase;
}

/* Fix Floating  Error 05.1.22*/

@media screen and (min-width: 768px) {
	.feat-cat .item-wrap{
		display: flex;
	}

	.feat-cat .thumb.overlay{
		flex-shrink: 0;
	}
}

@media screen and (min-width: 569px) and (max-width: 767px){
	.feat-cat .item-post{
		margin-bottom: 15px;
	}
}

/*  Page*/

.archive-title  {
	text-transform: uppercase;
}

.archive-postlist{
	display:flex;
	flex-flow: row wrap;
}


/* EO Events Archive Page Quick fix */

.eo-events-nav-later, .eo-events-nav-earlier{
	margin-bottom:	20px;
}

/* Partner Site */


.partner-list div:last-child{
	border:  none;
}

.partner-about {
	padding:	 				20px 0 20px 0;
	font-size: 					1.15em;
}

.partner-logo {
	display:					flex;
	flex-direction: 			column;
	justify-content: 			center;
}

.partner-logo  a{
	position: 					relative;
}



.partner-text {
	grid-area: 					text;
	display: 					flex;
	flex-direction: 			column;
	justify-content: 			center;
}

.partner-list {
	border-top: 				3px solid;
}


.single-partner {
	display:				 	grid;
	grid-template-columns:  	1fr 1fr 1fr;
	grid-template-areas: 		"logo . text";
	height:						fit-content;
	padding: 					80px 0 80px 0;
	border-bottom: 				3px solid #000;
}

@media only screen and (max-width: 800px) {
	/* responsive adjustments for the partner Site*/




	.partner-logo {
		display: 				block;
		text-align: 			center;
		height: 				fit-content;
		padding-bottom: 		80px;
	}

	.partner-logo a{
		position:  				relative;

	}

	.partner-logo img {
		max-height: 120px;
	}
	.partner-text {
		display:				block;
		text-align: 			center;
	}
	.single-partner {
		display: 				grid;
		grid-template-columns:  1fr;
		grid-template-rows: 	auto  1fr;
		grid-template-areas: 	"logo"  "text";
		padding:				50px 0 10px 0;
	}

}


/* Teaser Seite Integration */

/* Original Teaser CSS  */



	.page-template-page-overview a {
		background: transparent;
		color: #000;
	}

	.page-template-page-overview a:active,
	.page-template-page-overview a:focus,
	.page-template-page-overview a:hover {
		background: transparent;
		color: #FFF;
		text-decoration: none;
	}



	.site-wrapper {
		display: table;
		width: 100%;
		min-height: 100%;
		height: 100%; /* For at least Firefox */
	}

	.site-wrapper.default {
		background: #FFF;
		color: #000;
		box-shadow: inset 0 0 100px rgba(0,0,0,.5);
	}

	.site-wrapper-inner {
		display: table-cell;
 		vertical-align: middle;
	}



	.cover img {
		display: block;
		margin: 0 auto;
		box-shadow: 0 0 10px #333;
	}

	.page-template-page-overview .cover img {
		height: 270px;
		margin: 5em auto;
	}

	#thema h1 {
		margin: 20px 0 0;
		line-height: 1em;
	}

	#thema h1 .first {
		font-size: 1.5em;
		line-height: 1em;
	}

	#thema h1 .second {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 1.3em;
		line-height: 1em;
	}

	#thema h1 .second:empty {
		margin-top: 0;
	}

	h1 .first {
		font: 700 1.5em 'Titillium Web', sans-serif;
		text-transform: uppercase;
		line-height: 1em;
	}

	h1 .second {
		font: 400 1em 'Amiri', serif;
	}

	h1 .line {
		display: block;
	}

	h1 .second.line {
		padding-top: 10px;
		margin-left: .5em;
		line-height: 25px;
	}

	.page-template-page-overview h1 {
		margin: 0;
		line-height: 1em;
	}

	.page-template-page-overview h1 .first {
		font-size: 1.5em;
		line-height: 1em;
	}

	.page-template-page-overview h1 .second {
		font-size: .8em;
	}

	.short-teaser {
		font: 400 1.5em/1.25em 'Amiri', serif;
	}

	.info {
		margin: 1em 0;
		font: 400 1.2em 'Titillium Web', sans-serif;
	}

	.info .issue {
		margin: 0;
		font-weight: 700;
	}

	.page-template-page-overview .info {
		margin: 4em 0 1em;
	}




	.page-template-page-overview main {
		background: transparent;
		color: #000;
	}

	main header {
		border-bottom: 2px solid #000;
	}

	main header h1 .first {
		font-size: 1.5em;
	}

	main header h1 .second {
		font-size: 1.2em;
		margin-top: -20px;
	}

	main header h2 {
		font: 700 1.5em 'Titillium Web', sans-serif;
	}

	main .teaser {
		margin: 1em 0;
		font: 400 1.5em/1.5em 'Amiri', serif;
		text-align: justify;
	}

	main .teaser-uppercase {
		text-transform: uppercase;
	}

	.contents h1 {
		font: 400 3.5em/1em 'Amiri', serif;
	}



	.bottom-align-text {
		position: absolute;
		bottom: 0;
		right: 0;
	}







/* Overview Teaser Seite Anpassungen */

	.full-width{
	width 					100%;
	}


	.row {
	position: 				relative;

	display:				block;
	box-sizing: 			border-box;

	}

	#overview_info{
		margin: 			4em 0 1em;
	}

	p.cta {
		padding-top: 		25px;
	}

	.cta .btn:active,
	.cta .btn:focus,
	.cta .btn:hover {
		background: 		#000;
		color:		 		#FFF;
	}


	.cta .btn {
		margin-top:			50px;
		padding: 			15px 15px;
		margin: 			1em 0;
		border:			 	1px solid #000;
		border-radius: 		0;
		background: 		transparent;
		color: 				#000;
		font: 				600 1.2em 'Titillium Web', sans-serif;
	}





	.first.line, .second.line, .short-teaser{
		overflow-wrap: 		break-word;
	  	word-wrap: 			break-word;
	}



@media(max-width:766px) {
	.row {
		height:	 			auto;
	}



	.cover {
		padding-top: 		70px;
	}

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

	.info{
		text-align: center;
	}
	.first.line, .second.line, .short-teaser{
		text-align:	 		center;
		padding: 			0 20px 0 20px;
		font-size: 			1em;

	}


	p.cta{
		text-align: 		center;
		padding-top: 		20px;
	}

	.col-sm-8.col-md-4::after {
	content: 				'';
	display: 				inline-block;
	background: 			blue;
	height: 				20px;
	}


}


@media(min-width:767px){
	.cover img{
		max-width: 			initial;
	}



	#cover_overview {
		width:				38%;
		float: 				left;

	}

	#cover_text{
		width:				60%;
	}

	.col-sm-8 .col-md-4 .col-sm-4{
		position: 			relative;
		min-height: 		1px;
		padding-right: 		15px;
		padding-left: 		10px;


	}

	#cover_overview img {
		margin: 			5em auto;
	}

	#teaser_row{
		display: 			flex;

	}

	.col-sm-8.col-md-4::after {
		content: 				'';
		display: 			inline-block;
		background:	 		blue;
		height: 			20px;
	}

	.short-teaser, .info, p.cta {
		text-align: 		left;
	}


}



@media(min-width:1200px) {
	#cover_text{
		width: 40%;
	}
}








/* Anpassungen zur Single Teaser Seite */





main header h1 .first {
	margin-top: 		35px;
	font-size: 			1.5em;
}

main header h1 .second {
	font-size: 			1.3em;
	margin-top: 		10px;
	margin-bottom: 		35px;
	margin-left:	 	-0.5em;
}

.col-md-10{
	position: 			relative;
	min-height: 		1px;
	padding-right: 		15px;
	padding-left: 		15px
}

.contents h1{
	margin:  			20px 0 10px 0;
	font-size: 			4em;
}

main .teaser {
	margin: 			1em 0;
    font: 				400 1.5em/1.5em 'Amiri', serif;
    text-align: 		justify;
    color:				black;
}

#teaser_content{
	padding-right:		15px;
	padding-left: 		15px;
	margin-right:		auto;
	margin-left: 		auto;
}

.col-md-12.to-content {
	font-size: 			15px;
	position: 			relative;
	width: 				100%;
	text-align: 		center;
	padding: 			2em 0;
	}

.to-content a {
	width: 				75px;
	height: 			20px;
	display: 			inline-block;
	color: 				#FFF;
}

.ph-lock-key{
	font-size: 			15px;
	position: 	relative;

}


#single_first, #single_second{
	word-break: break-word;
}
.chapter {
	margin: 0 0 5em;
}

.chapter a {
	background: transparent;
	color: #000;
}

.chapter a:active,
.chapter a:focus,
.chapter a:hover {
	background: transparent;
	color: #000;
	text-decoration: underline;
}

.chapter > header h1 {
	margin: 0;
	font: 700 2em 'Titillium Web', sans-serif;
	text-transform: uppercase;
}

.chapter > header h1:before {
	content: "";
	display: inline-block;
	width: .5em;
	margin-right: .25em;
	border-bottom: 5px solid #000;
}

.chapter .page {
	margin: 1em 0;
	font: 700 1.5em 'Titillium Web', sans-serif;
}

.chapter .page span {
	display: none;
}

.chapter .not-online-yet {
	top: -1px;
	padding: 0 7px;
	border-radius: 3px;
}

.chapter .page {
	margin: 1em 0;
	font: 700 1.5em 'Titillium Web', sans-serif;
}

.chapter section {
	border-bottom: 1px solid #DDD;
}

.chapter section:last-child {
	border-bottom: 0 none;
}

.chapter section header {
	border-bottom: 0 none;
}

.chapter section header h1 {
	position: relative;
	padding: 1em 0 0;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.chapter section header h2 {
	margin: 0 0 1em;
}

.chapter section p {
	margin: 1em 0;
	font: 400 1.3em/1.5em 'Amiri', serif;
}

.chapter section .entry-simple h1,
.chapter section .entry-text h1 {
	font: 700 1.5em 'Titillium Web', sans-serif;
	max-width: 500px;
}

.chapter section .entry-simple h2,
.chapter section .entry-text h2 {
	font: 400 1.5em 'Amiri', serif;
}

.chapter section .entry-image h1 {
	font: 400 1.6em 'Amiri', serif;
	line-height: 1.25em;
	margin: 1em 0 0.25em 0;
}

.chapter section .entry-image h2 {
	font: 400 1.4em 'Titillium Web', sans-serif;
}

.chapter section .entry-image h3,
.chapter section .entry-text h3 {
	margin: 1em 0 0;
	font: 600 1.4em 'Titillium Web', sans-serif;
}

.chapter section .entry-image h4,
.chapter section .entry-text h4 {
	margin: 0 0 1em;
	font: 400 1.4em 'Titillium Web', sans-serif;
}

.chapter section .entry-image img {
	width: 250px;
	height: auto;
	margin: 2em 1em;
}

.chapter section .entry-image .copyright {
	margin: 2em 1em 2em;
	background: transparent;
	color: #888;
	font: 400 .8em 'Titillium Web', sans-serif;
}



#abo {
	margin: 5em 0;
}

#abo header {
	border-top: 5px double #000;
	border-bottom: 0;
	padding: 3em 0;
}

#abo h1 {
	font: 700 5em/1em 'Titillium Web', sans-serif;
	text-transform: uppercase;
}

#abo p {
	font: 400 1.2em/1.6em 'Amiri', serif;
}

#abo .boxes {
	display: table;
}

#abo .infos {
	display: table-cell;
	border-right: 1px solid #000;
	vertical-align: middle;
	padding: 2em 0;
}

#abo .infos h2 {
	margin: 0 0 1em;
	font: 700 1.5em/1.2em 'Titillium Web', sans-serif;
	text-transform: uppercase;
}

#abo .order {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 2em 0;
}

#abo .order .prices {
	font: 700 1.2em/1.2em 'Titillium Web', sans-serif;
}

.legalnotice {
	padding: 5em 0;
	border-top: 1px solid #DDD;
}

.legalnotice p {
	background: transparent;
	color: #888;
	font: 400 1em/1.6em 'Titillium Web', sans-serif;
}
.tooltiptext{
	width: 200px;

}

.ph-lock-key .tooltiptext{
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font: 				400 0.8em 'Titillium Web', sans-serif;

  /* Position the tooltip */
  position: absolute;
  z-index: 100;
  left: 600%;
  margin-left: -60px;
  vertical-align: center;
  bottom: -20px;
  }

.ph-caret-down{
	font-size: 48px;
	color:		white;
}

.ph-lock-key:hover .tooltiptext {
  visibility: visible;
  }

#teaser_content{

	scroll-behavior: smooth;
}

.short-teaser, .info{
	color: black;
}

@media(min-width:1200px) {


	#teaser_content {
		width: 			1170px;
	}


	.header{
		display: 		block;
	}


}



@media(max-width: 1199px){
	#teaser_content {
		width: 			950px;
	}
}



@media(min-width: 992px){


	.ph-lock-key .tooltiptext{
		width: 200px;
	}

	.col-md-10{
		width: 			83.33333%;
	}

	.col-md-2{
		float: 			left;
		width:			9.66666667%;
	}
	header.col-md-10.entry-text, header.col-md-10.entry-simple{
		padding-bottom: 	20px;
    	overflow: 		hidden;
	}

	.col-md-push-1{
		left:			8.33333333%;
	}



	.col-md-4 {
		width: 			33.33333333%;
		position: relative;
		float: 			right;
    	padding-right: 	45px;
    	padding-left:	15px;
    	max-width: 		initial;
    	box-sizing: border-box;
	}

	h2.col-md-2.bottom-align-text{
	width: 23%;
	text-align: right;
	}

	.col-md-4 img{
		float: right;
	}
	.col-md-5{
		width: 			48%;
		float: 			left;
	}

	.col-md-7{
		width:			58.33333333%;
		float: 			left;
	}

	#teaser-inner-row{
	display: 			flex;
	justify-content:	center;
	align-items: 		center;
	}

	section.cover.col-md-4.col-md-offset-2{
		margin-left:	-5%;
	}

	#abo .infos{
		width: 			50%
	}

	#abo .order{
		width: 			50%;
		margin: 		200px;
	}


}



@media(max-width: 991px){

	#teaser_content{
		width: 			740px;
	}

	#single_first, #single_second, #single_teaser{
		text-align: 	center;
		padding: 		0 20px 0 20px;

	}


	p.cta, .info{
		text-align: 	center;
	}

	div.col-md-5{
		padding-top: 	15px;

	}

	#thema h1 {
		margin: 1em 0 0;
		text-align: left;
	}

	#abo .infos{
		text-align: 	center;
		border-right: 0 none;
	}


	#abo .infos, #abo .order{
		width: 			100%;
		float: 			left;
	}

	#abo h1 {
		margin: 0 .5em;
		text-align:left;
		font: 700 3em/1em 'Titillium Web', sans-serif
	}

		#abo h2, #abo .infos p {
		width:100% !important;
	}



}


@media(min-width: 767px){
	#bestell_cta{
		text-align: 	center;
	}

		#thema h1 .first {
		margin-top: -30px;
	}

	#abo .infos h2 {
		width: 45%;
	}

	#abo .infos p {
		width: 75%;
	}
	.col-sm-8 {
		width: 33.3333%;
	}
	.col-sm-4 {
		float: left;
	}

}
@media(max-width: 768px){

	#teaser_content {
		width: 		auto;
	}

	.ph-lock-key .tooltiptext{
		width: 		100px;
		height: 	60px;
		top: 		150%;
		left: 		50%;
		font: 		400 0.8em 'Amiri', serif;
	}

#thema h1 .first{
	font-size: 1em;
}

#thema h1 .second{
	font-size: 0.86em;
}

}


@media (max-width:400px) {
	main .teaser {
		text-align: left;
	}
}

/* Teaser adjustmends ending */

/* Paywall Notice */

.restricted-content {
	display: block;
	padding: 24px;
	box-shadow: 0 3px 6px #CCC;
}

.restricted-content-head {
	display: block;
	padding: 0 0 24px;
	font-size: 1.1em;
	text-align: center;
}

.restricted-content-info {
	display: block;
	padding: 24px 0;
	border-top: 3px solid #000;
	border-bottom: 2px solid #000;
}

.restricted-content-info-col-left {
	float: left;
	display: block;
	max-width: 50%;
}

.restricted-content-info-col-right {
	float: right;
	max-width: 50%;
}

.restricted-content-info-clearfix {
	clear: both;
	display: block;
}

.restricted-content-info-text {
	color: #000;
	font: 600 1.4em/1.6em 'Proof', 'Helvetica', sans-serif;
	letter-spacing: .01em;
}

.restricted-content-info-button {
	display: block;
	max-width: 50%;
	margin-top: 1em;
	padding: 16px 24px;
	border-radius: 4em;
	background: #000 !important;
	color: #FFF !important;
}

.restricted-content-info-button strong {
	color: #FFF !important;
}

.restricted-content-pf-button {
	display: block;
	text-align: center;
}
.restricted-content-pf-button a {
	display: inline-block;
	padding: 4px 12px;
	border: 2px solid #000;
	font-size: .9em;
	margin-bottom: 30px;
}
.restricted-content-footnotes {
	font-size: .9em;
	margin-top: 10px;
	display: block;
	color: #888;
}