/* ! ////////// BRAND */
#logo {
	width: 100%; height: auto;
	max-width: var(--logoWidth);
	display: block; 
	}


/* ! ////////// SIZING / GUTTERS */
p.has-background {} 

#header_wrapper  { padding: 18px 5px; }

#page_wrapper	 { padding: 18px 0px 0px; }

.header_widgetswrapper > * > * { margin-right: 1em; }
.header_widgetswrapper > * > *:last-child { margin-right: 0px; }



/* ! ////////// CUSTOM LINK */

.customlink_wrapper 	{}
.customlink_wrapper a 	{}
.customlink_wrapper 
.customlink_text 		{ color: var(--colorPrime); }

/* ! ////////// LINKS / NAV / BUTTON */

.header_widgetswrapper ul.menu a,
input[type="search"] { font-size: calc(var(--textSize)*1.05); }


.wp-block-button a, 
input[type="submit"] { 
	font-size: calc(var(--textSize)*1.15);
	padding: 12px 24px;
	}


.wp-block-button a:hover, 
input[type="submit"]:hover {
	filter: brightness(90%);
}

input[type="submit"] { background-color: var(--colorPrime); color: white; }


/* ! ////////// MENU */

.header_widgetswrapper a { color: var(--colorMenuHeader); }
.header_widgetswrapper a:hover,
.header_widgetswrapper a.aktiv { color: var(--colorMenuHeaderHover); }

.header_widgetswrapper ul[id*="-horizontal"].menu li { margin-right: 0.5em; }
.header_widgetswrapper ul[id*="-horizontal"].menu li:last-child { margin-right: 0; }

/* ! ////////// MENU MEDIA */

a#mediamenu + .mobmenu {
	position: fixed;
	right: 0px;
	width: 100%;
	
	background: linear-gradient(90deg, rgba(255,255,255,0.6) 30%, var(--backcolorHeader) 30%);
	
	padding-left: 30vw;
	height: calc(100vh - 76px); top:76px;
	}

/* ! ////////// MENU MEDIA EFFEKT */
.mobmenu > * {
	padding: 15px; font-size: 120%;
	}
	.mobmenu ul[id*="-horizontal"].menu {
		margin: 0px;
		}
		.mobmenu ul[id*="-horizontal"].menu li { 
			display: block !important;
			 }
			 
			.mobmenu ul[id*="-horizontal"].menu ul.sub-menu {
				position: relative; left: auto; top:auto; display: block; padding-left: 0px;
				}  .mobmenu ul[id*="-horizontal"].menu ul.sub-menu li::before { content: '–– '; }
				
			.mobmenu input[type="search"] { width: 100%; max-width: 100%; }
			.mobmenu .widget_search .mocksearch { top:22px; right:21px; }

			body[data-mediammenu="on"] #page_wrapper { transform: translateX(-50%); }

/* ! ////////// BREADCRUMBS */

.page-breadcrumbs {
	font-size: calc(var(--textSize)*0.80);
	padding-bottom: calc(var(--textSize)*0.90) ;
	}

.page-breadcrumbs .bread_home {}
.page-breadcrumbs .bread_prev {}
.page-breadcrumbs .bread_current {}

/* ! ////////// BLOCKS */

/* ! ////////// POSTGRID BLOCK */
.postgrid_element {}

.postgrid_element .postgrid_img {}
.postgrid_element .postgrid_img img { display: block; width: 100%; height: auto; }

.postgrid_element .postgrid_title {}
.postgrid_element .postgrid_preview {}

.postgrid_element a.postgrid_textlink {}
.postgrid_element a.postgrid_wrapplink {}

/* ! ////////// SLIDESHOW BLOCK */
.swiper-button-next,
.swiper-button-prev { color: var(--colorPrime) !important; }

.swiper-pagination-progressbar-fill,
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--colorPrime) !important; }



/* ! ////////// FORM */

	textarea,
	input[type="email"],
	input[type="number"],
	input[type="text"] {
		border-radius: 0px; 
		border:1px solid var(--textColor);
		}

	textarea:active,
	input[type="email"]:active,
	input[type="number"]:active,
	input[type="text"]:active {
		border-color: var(--colorHighlight);
	}


/* ! ////////// SEARCH */

input[type="search"] { 
	padding: 0.2em 22px 0.2em 0.4em;
	max-width: 150px;
	}
	
.mocksearch {
	position: absolute;
	top: 7px; right: 6px;
	font-size: calc(var(--textSize)*1.25);
	color: var(--colorPrime);
	}

[data-display="feld"] input[type="search"] { display:inline-block; }

[data-display="icon"] + 
.mocksearch { color: white; }

[data-display="icon"] { width: 35px; height: 33px; }
[data-display="icon"] 

input[type="search"] { 
	display:;
	position: absolute; right: 0px;
	top:-100px; z-index: 0;
	width: 150px;
	}

/* ! ////////// BACKTOTOP */
#back-to-top {
	display: block;
	position: fixed;
	right: 20px; bottom: 20px;
	width: 20px; height: 20px;
	z-index: 300;
	}

#back-to-top::after {
	content: '›';
	display: inline-block;
	background-color: transparent;
	transform: rotate(-90deg);
	transform-origin: center center;
	
	font-size: 45px;
	position: absolute;
	text-align: right;
	width: 35px; height: 35px;
	right: 12px; top: 5px;
	}

	
/* ! ////////// POPUP */

.popup_wrapper.row {
	position: fixed;
	z-index: 9999;
	left: 0px; width: 100%;
	margin-left: 0px; margin-right: 0px;
	} .popup_wrapper.is-overlay { height: 100%; }
	
	.popup_wrapper .popup_content {
		position: relative;
		}
	.popup_wrapper a.close_popup {
		position: absolute;
		right: 10px; top:10px;
		z-index: 9999;
		}
	
/* ! ////////// POPUP – Baseposition (bottom) */
.popup_wrapper { transition: bottom ease-in-out 0.6s; }
.popup_wrapper.off { bottom: -100%; }
.popup_wrapper.on  { bottom: 0%; }
	
/* ! ////////// VERY CUSTOM */

/* ! // UPDATE V2 */

body.scrollLock {
	overflow: hidden !important; 
}

.popup_wrapper.is-overlay:not(.popname_kontakt-presse) {
	margin-left: 0px; 
	margin-right: 0px; 
	
	width: calc(100vw);
	height: calc(100vh);
	margin-left: 0px;
	margin-bottom: 0px; 
}

.datelist-front a {
	background-color: white;
	display: block; width: 100%;
	text-decoration: none; 
	text-align: center;
	padding: 5px; 
}

.viewbox100 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
	min-height: calc(100vh - 80px);
	padding: 0px; 
}

.mainpage.v2 .wp-block-social-links {
	position: fixed;
	left: 40px;
	bottom:38px;
	}
footer { background-color: white; }

.font2 {
	font-family: 'Abril Fatface';
}

.page-id-65 footer #custom_html-2,
.page-id-7 footer .footer-btns { display: none !important; }


footer .footer-btns .wp-block-button { margin-bottom: 0px; }
footer .footer-btns a {
	display: inline-block;
	background-color: transparent !important;
	padding: 4px 0px 0px !important;
	border-radius: 0px !important;
	color: #7d5151 !important;
	border-bottom: 2px solid #7d5151;
	font-size: 105%;
}

/* ! // UPDATE – end */

h1 { font-family: 'Abril Fatface'; text-transform: uppercase; color: white; letter-spacing: 0.2rem; font-weight: 300; margin-bottom: 0px;   }

body {
	padding: 40px !important;
	overflow: hidden; 
}

body.page-id-65 {
	overflow: auto; 
}

footer {
	position: fixed;
	bottom:0px;
	left: 0px; width: 100%;
	padding: 6px 40px 14px 84px;
	text-align: right;
}

.wp-block-image img { display: block; height: auto;  }

#page_wrapper { padding: 0px !important; }

#header_wrapper {
	text-align: right;
	padding: 20px 32px 0px 0px;
	color: white;
}

.popup_wrapper.row {
	z-index: 800 !important;
}

.popup_wrapper.is-overlay.popname_kontakt-presse {
	width: calc(100vw - 80px);
	height: calc(100vh - 80px);
	margin-left: 40px;
	margin-bottom: 40px; 

	}
	
	.popup_wrapper.is-overlay.on {
		
	}
	
	.popname_kontakt-presse p, 
	.popname_kontakt-presse a { color: white !important; }
	
	.popup_content { width: 100% !important; padding: 40px 18px 0px;  }
	.popup_box_internal { min-width: 50%; }
	.popname_kontakt-presse .close_popup { color: white !important; }
	
	.presskit .wp-block-image { max-width: 300px !important; }
	
.introslide {
	height: calc( 100vh - 80px) !important;
}
	.mainpage { position: relative; }

	.mainpage .wp-block-social-links {
		position: absolute;
		background-color: white;
		bottom:0px; left: 0px; 
		z-index: 9999;
		margin: 0px !important; 
		max-width: 44px;
		
		padding-right: 4px;
		padding-top: 4px;

		
		border-top-right-radius: 6px;
	}
	
	.mainpage .wp-block-social-links .wp-social-link {
		border-radius: 6px !important; 
	}
	
	.mainpage .wp-block-social-links .wp-social-link a {
		padding-left:  .25em;
		padding-right: .25em;
	} 

	.contact-pop {
		color:  #7d5151 !important;
		border-bottom: 2px solid #7d5151;
		font-size: 105%;
	
	}

/* ! ////////// MEDIA QUERY */

@media screen and (max-width: 960px) {
	#page_wrapper > [class*="wp-block"]:not(.alignwide), #page_wrapper > [class*="wp-block"]:not(.aligfull), #page_wrapper > *:not(.alignwide), #page_wrapper > *:not(.alignfull), .wp-block-columns:not(.alignfull), .wp-block-columns:not(.alignwide) {
		padding-left: 0px !important;
		padding-right: 0px;
	}
}

@media all and (max-width: 768px)  {
	#header_wrapper {
		padding-left: 15px; padding-right: 15px;
	}
}

@media all and (max-width: 599px)  {
	.popup_wrapper.row {
		z-index: 9999 !important;
	}
	
	
}