:root {
	
	/* ! //// SIZE */
		--widthFull:100%;
		--widthWide:980px;
		--widthCenter:780px;
	}

/* ! //// USER TOOLBOX + Frontend Form */

#usertoolbox {
	position: fixed;
	bottom: 10px;
	left: -40px;
	z-index: 10000;
	color: white;
	padding-right: 15px;
	
	}
	
	#usertoolbox:hover {
		left: 0px;
	}

#usertoolbox a {
	display: block;
	padding: 8px 5px;
	background-color: black;
	width: 40px;
	text-align: center;
}

.frontendform {}

.frontendform input {
	display: block; 
	margin: 15px auto !important;
	width: 300px;
	
}


/* ! ////////// HEADER & PAGE */

body {
	overflow-y: visible;
}

.bylogo {
	margin-top: -8px;
}

#mediamenu {
	color:var(--colorHighlight);
	font-size: 150%;
	
	}

body { 
	padding-top:89px; 
	// background-color: rgb(246, 239, 239);
	padding-bottom: 40px;
	}
	
	/* back for pages */
	body.page-id-390 {
		// background-color: rgba(205, 228, 216, 1);
	}

body.home,
body[data-pagename="intern"],
body.error404 { padding-top:0px; }

body header { 
	background-color: rgba(246, 239, 239,0.9);
	background-color: rgba(255, 255, 255,0.9);
	}

body.home header,
body[data-pagename="intern"] header,
body.error404 header { background-color: transparent; }
body.home header.scrolled,
body[data-pagename="intern"] header.scrolled { 
	background-color: rgba(246, 239, 239,0.9);
	background-color: rgba(255, 255, 255,0.9);
 }

body.home header #brandwrapper,
body[data-pagename="intern"] header #brandwrapper { opacity: 0; transition: all 0.5s ease-in-out; }
body.home header #mediamenu,
body[data-pagename="intern"] header #mediamenu{ color: white; }

body.home header.scrolled #brandwrapper,
body[data-pagename="intern"] header.scrolled #brandwrapper { opacity: 1; }
body.home header.scrolled #mediamenu,
body[data-pagename="intern"] header.scrolled  #mediamenu {color: var(--colorHighlight); }

footer {
	opacity: 0 !important;
}
footer.scrolled {
	opacity: 1 !important;
}

/* ! //// HAUS / WOHNUGEN – POLY */

	.wselect_wrapper svg,
	.hselect_wrapper svg {
		position: absolute;
		top:0px;
		}
		
		.wselect_wrapper svg polygon,
		.hselect_wrapper svg polygon {
			opacity: 0.05;
			pointer-events: visible;
			cursor: pointer;
			mix-blend-mode: multiply;
		}
		
		.wselect_wrapper svg polygon[data-state="reserviert"],
		.wselect_wrapper svg polygon.resoverwrite {
			fill: var(--colorThird) !important;
			opacity: 0.5;
			cursor: auto;
		}
		
		.wselect_wrapper svg polygon[data-state="verkauft"] {
			opacity: 1;
			fill: var(--colorHighlight) !important;
			cursor: auto;
		}
		.wselect_wrapper svg polygon:hover,
		.hselect_wrapper svg polygon:hover,
		.hselect_wrapper svg polygon.on {
			opacity: 0.9;
			mix-blend-mode: multiply;
		}

/* ! //// HAUS Lage */

.hauslage_grob {
	position: relative;
	background-position: center center;
	background-size: contain;
	
	background-repeat: no-repeat;
	background-color: white;
	
	min-height: 420px;
	
} .hauslage_grob img {
	display: block;
	width: 100%;
	height: auto;
}

.hauslage_grob .linebox {
	position: relative;
}

.hauslage_grob .linebox:after {
	
	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;
	
	background-color: var(--colorHighlight);
	border-radius: 50%;
	text-align: center;
	color: white;
	
	position: absolute;
	width:40px; height:40px;
	
	font-size: 23px;
	font-weight: bold;
	
}

.hauslage_grob .haus-2 .linebox:after {
	content: 'H';
	right: 0px; top: -20px;
}

.hauslage_grob .haus-1 .linebox:after {
	content: 'F';
	left: 0px; bottom: -20px;
}

.hauslage_grob > div {
	// position: absolute;
	
}

.hauslage_grob [class*="haus-"] {
	
	position: absolute;
	
	// background-color: rgba(255,255,255,0.95);
	
	// background-color: var(--colorThird);
	padding: 0 20px;
	width: 50%;
	
}

.hauslage_grob .linebox {
		width: 100%;
		height: 50px;
		}

/* Forst */
.hauslage_grob .haus-1 {
	bottom:25px;
	right: 10px;

	text-align: right;
	margin: 0 0 0 auto;
	
} .hauslage_grob .haus-1 .linebox {
	border-bottom:4px solid var(--colorHighlight);
	//border-left:  2px solid var(--colorHighlight);
}
	
/* Hopsa */
.hauslage_grob .haus-2 {
	left: 10px;
	top:-25px;

	
	text-align: left;
	margin: 0 auto 0 0;
	
	
} .hauslage_grob .haus-2 .linebox {
		border-top:  4px solid var(--colorHighlight);
		//border-right:2px solid var(--colorHighlight);
		
}


/* ! //// WOHN _ STATUS */


.listitem.status-reserviert {
opacity: 0.7;
}

.listitem.status-verkauft {
	opacity: 0.5;
	}

[class*="badge-"] {
	width: 15px; height: 15px;
	border-radius: 50%;
	display: inline-block;
	margin: 0 4px;
	vertical-align: baseline;
} 

td [class*="badge-"] {
	padding: 0px;
	width: 25px; height: 25px;
	
	margin: 0 auto; 
	
	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;
}

[class*="badge-"] > span { // display: none; }
.listitem [class*="badge-"] { }

.badge-frei 			  { background-color: rgb(246, 239, 239);		  border:2px solid var(--colorThird);		  }
.badge-reserviert   { background-color: var(--colorThird); 		  border:2px solid var(--colorThird); 		}
.badge-verkauft 		{ background-color: var(--colorHighlight);	border:2px solid var(--colorHighlight); }


.hselect_preview {
	// position: absolute;
	// right: -20px; top: 0px;
	
	width: 120px;
	height: 120px;
	
	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;
	text-align: center;
	
	font-size: 16px;
	line-height: 1.2;
	font-weight: bolder;
	
	min-height: 20px;
	color: white;
	background-color:var(--colorHighlight);
	z-index: 700;
	
	
	
	position: absolute;
	left: calc(50% - 60px);
	top: -60px;
	
	padding: 15px;
	border-radius: 50%;
	
	}
	
	.hselect_preview span {
		display: block;
		text-align: center;
		// width: 100%;
		line-height: 1.0;
		} 
		
		.hselect_preview .haus  { font-size:16px; font-weight: bolder; text-transform: uppercase; }
		.hselect_preview .etage { font-size:24px; text-transform: uppercase; }

/* ! //// WOHN – DISPLAY */

	.viewwohn {
		max-width: 180px;
		max-height: 250px;
		height: auto;
		padding: 0px 15px;
		background-color: white;
		}
		
	.viewwohn > * {
		background-repeat: no-repeat;
		background-size:contain;
		
		mix-blend-mode: multiply;
		
		} 
		.viewwohn .h2 {
		margin-top: -15px;
		}
		.viewwohn .h1 {
			transform: translateY(-25%) translateX(-3%);
		}

/* ! //// WOHN – Preview */

.toggler { // margin-bottom: 15px; }

.wselect_preview {
	position: absolute;
	left: 0px; top: 0px;
	width: 240px;
	min-height: 100px;
	
	z-index: 80;
	
	}
	
	.wselect_preview .toppreview {
		padding: 8px 15px;
		border: 4px solid var(--colorHighlight);
		background-color: rgba(255,255,255,0.95);
				
		// color: white;
		}
		
		.wselect_preview .top {
			font-size: 20px;
			color: var(--colorHighlight);
			}
			
			[class*="wstatusc-"] { text-transform: uppercase; }
			.wstatusc-reserviert { color: var(--colorThird); }
			.wstatusc-verkauft   { color: var(--colorHighlight); }
			
/* ! //// WOHN – List */
		
.wlist_wrapper {
	// position: absolute;
	// top:0px;
	// left: 0px;
	// z-index: 800;
	height: 100%;
}
		.wlist_wrapper .listview {
			// background-color: rgba(255,255,255, 0.95);
		}

		.wlist_wrapper .listview th {
			font-weight: normal; 
			padding: 0px 0px 8px 0px;
		} 
		
		.wlist_wrapper .listview tr {
			
		}
		
		.wlist_wrapper .listview tr td {
			padding: 10px 2px;
			border-top:1px solid #727272;
			
		}
		
		.wlist_wrapper tr.listitem { cursor: pointer; }
		.wlist_wrapper tr.listitem:hover td { background-color: var(--colorThird); }
		.wlist_wrapper tr.listitem.status-verkauft:hover td { 
			background-color: inherit;
		 cursor: default; }
		
		
*.hide { display: none !important; }  

.collapsmark {
	font-size: 30px;
	cursor: pointer;
	
} .collapsmark td { text-align: left; }
.collapsmark:hover { color:var(--colorHighlight); }

/* ! //// WOHN – DETAIL */

.w_datatable { }
.w_datatable td { padding-top:0px; padding-bottom:0px; padding-right: 15px; }
.w_datatable .val { min-width: 85px; text-align: left; display: inline-block; margin-right: 15px; }

.w_form {
	padding: 30px;
	
}


.toogle_view {
	position: absolute;
	z-index: 840;
	width: 100%;
	left: 10px;
	top:10px;
	
	
}

.toogle_view a { padding: 5px 8px; background-color: rgba(255,255,255,0.8); border-radius: 4px; }

.wohnungimg .swiper-slide {
	position: relative;
}

.wohnungimg span {
	position: absolute;
	bottom: 15px;
	left: 15px;
 }
 
.plan_img {
	 width: 100%;
	 height: 100%;
	 
	 position: absolute;
	 z-index: 650;
	 left: 0px;
	 top: 0px;
	 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
 }
 
 .wohnungimg .swiper-slide {
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center;
 }

a.third-btn-outline,
.w_files a {
	display: inline-block;
	padding: 5px 10px;
	width: auto;
	margin-bottom: 10px;
	 
	border:1px solid var(--colorThird);
	color: var(--colorThird);
	background-color: transparent;
	border-radius: 6px;
	
	text-decoration: none;
	}
	.w_files p {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	a.third-btn-outline,
	.w_files a:hover {
		background-color: var(--colorThird);
		color: white;
	}

/* ! ////////// 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); }


a.wp-block-button__link.has-highlight-background-color:hover {
	color: white;
}

/* ! ////////// 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: 15px;
	padding: 12px 24px;
	}

.wp-block-button a {
	padding: 5px 15px;
	min-width: 280px;
}

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

input[type="submit"] { 
	background-color: var(--colorHighlight) !important; 
	border: none;
	border-radius: 6px; 
	font-weight: bolder;
	color: white; 
	padding: 10px 20px;
	width: auto;
	display: inline-block;
	margin: 0 auto; 
	/* max-width: 300px; */
	text-transform: uppercase;
}

.popup_wrapper input[type="submit"] { 
	color: var(--colorThird);
	border-color: var(--colorThird);
	border-width: 4px;
	display: block; max-width: 100%;
	font-weight: bolder;
}

.cleanform input[type="email"],
.cleanform input[type="text"],
.cleanform input[type="tel"],
.cleanform textarea
	{
	border:none;
	}
.cleanform input[type="submit"] { background-color: var(--colorThird); color: white; }
.has-third-background-color  { background-color: var(--colorThird); }
.has-highlight-background-color { background-color: var(--colorHighlight); }


.cleanform label { color: white; }


.footer-form form p { color: white !important; }

.footer-form .wpcf7-response-output { color: white !important; }

/* ! ////////// MENU – Alt Position */

.header_widgets_group {
	position: fixed;
	right: 20px;
}

/* ! ////////// MENU – BLOCK IN PAGE */

.inpagenav_wrapper,
.inpagenav_wrapper i,
.inpagenav_wrapper .inpagenav a
{ transition: background-color 0.4s ease-in-out; }

body.home #page_wrapper .inpagenav_wrapper,
body.home #page_wrapper .inpagenav_wrapper i,
body.home #page_wrapper .inpagenav_wrapper .inpagenav a {
	
	background-color:rgba(231, 57, 43, 0);
}	

body.home .scrolled + main #page_wrapper .inpagenav_wrapper i,
body.home .scrolled + main #page_wrapper .inpagenav_wrapper .inpagenav a {
	background-color:rgba(231, 57, 43, 1);
	// var(--colorHighlight);
}	

body.home .scrolled + main #page_wrapper .inpagenav_wrapper .inpagenav {
	
}

#page_wrapper .inpagenav_wrapper {
	width: auto;
	padding-right: 38px;
	
	position: fixed;
	top: 89px;
	right: 28px;
	
	z-index: 900;
	} 

#page_wrapper .inpagenav_wrapper i {
	
	cursor: pointer;
	
	float: right;
	color: white;
	margin-right: -32px;
	
	font-size: 22px;
	
	background-color:rgba(231, 57, 43, 1);
	// var(--colorHighlight);
	
	padding: 10px 5px;

}

#page_wrapper .inpagenav_wrapper:before {
	
}

#page_wrapper .wp-block-navigation, 
#page_wrapper .inpagenav {
	width: auto;
	// position: fixed;
	// top: 89px;
	// right: 0px;
	// background-color: rgba(255,255,255,0.5);
	text-align: right;
	
	
	// z-index: 900;
	
	// border-right:4px solid var(--colorHighlight);
	
	// padding: 10px 0px 0px;
	// background-color: var(--colorHighlight);
	
	
} #page_wrapper .inpagenav a {
	text-decoration: none !important;
	display: inline-block;
	background-color: var(--colorHighlight);
	color:white;
	padding:0px 8px;
	
	font-size: 18px;
	
} #page_wrapper .inpagenav a:hover {
	color: black;
}



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

ul[id*="menu-"] li {
	font-size: 30px; margin: 1vh auto;
} ul[id*="menu-"] li a:hover { color: var(--textColor); }

.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: 2.5em; }
.header_widgetswrapper ul[id*="-horizontal"].menu li:last-child { margin-right: 0; }

#footer_wrapper ul[id*="menu-"][id*="-horizontal"] li { 
	color: white;
	margin-right: 1.5em;
 }
 
 #footer_wrapper ul[id*="menu-"][id*="-horizontal"] li:last-child {
	 margin-right: 0px; 
 }

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

a#mediamenu + .mobmenu {
	position: fixed;
	right: 0px; left: 0px;
	width: 100%;
	
	/*
	background: linear-gradient(90deg, rgba(255,255,255,0.6) 30%, var(--backcolorHeader) 30%);
	padding-left: 30vw;
	*/
	
	height: calc(100vh - 88px); 
	top:88px;
	}
	
	a#mediamenu + .mobmenu > * {
		max-width: var(--widthFull);
		text-align: center; 
		background-color: var(--colorHighlight); 
		
		color:white;
		
		margin: 0 auto;
		height: 100%;
	
	}
	
	.headernav-mob {
		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;
	}

/* ! ////////// 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;
			font-size: 30px; 
			font-weight: 300;
			line-height: 1.8;
			color:white;
			 }
			 
			 
			 
			.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 { 
				/*
				filter: blur(4px);
				transform: translateX(-50%);
				*/
			 }
			 
			 body[data-mediammenu="on"],
			 body.scrollLock {
				  overflow: hidden !important; 
			  }

/* ! ////////// 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 */

.wp-block-cover.containimg img {
	object-fit: contain;
}

/* ! ////////// BLOCKS – HELPERCLASS */

.wp-block-image.has-background-white > figure {
	background-color: white;
}

.has-border-highlight4 {
	border:4px solid var(--colorHighlight) !important;
}

/* ! ////////// BLOCKS – COLUMS */


.norowgap {
	row-gap: 0px;
}

.wp-block-columns.nogap {
	gap: 0px !important;
}

.wp-block-columns.gap1 {
	gap: 1em !important;
}

.wp-block-columns.gap2 {
	gap: 2em !important;
}

.wp-block-columns.gap3 {
	gap: 3em !important;
}

.wp-block-columns.gap4 {
	gap: 4em !important;
}

.nop { padding: 0px; }

.uniform-gap, .uniform-gap2  { padding: 2em; }
.uniform-gap1 { padding: 1em; }
.uniform-gap3 { padding: 3em; }
.uniform-gap4 { padding: 4em; }

/* ! ////////// 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 */


.wpcf7-form {
	position: relative;
}

.wpcf7-response-output {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	background-color: rgba(255,255,255,0.95);
	height: 100%;
	width: 100%;
	padding: 2em;
	font-size: 2em;
	line-height: 1.2;

	border-width: 11px;

}

.wpcf7-form .wpcf7-response-output {}

.grecaptcha-badge { display: none !important; }

	textarea,
	input[type="email"],
	input[type="number"],
	input[type="text"],
	input[type="tel"] {
		border-radius: 0px; 
		border:none;
		border-bottom:1px solid var(--textColor);
		font-size: 14px;
		padding: 0.3em 0.2em;
		}

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

	.wpcf7-not-valid-tip {
		position: absolute;
		color: white;
		bottom:-22px;
		
		width: auto;
		background-color: var(--colorHighlight);
		padding:2px 5px;
		font-size: 12px;
		}
		
		input[type="submit"] {
			
		}


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

.publiccontact-wrapper {
	// border-radius: 8px;
	
 }

.publiccontact-wrapper form {
	
}

.publiccontact-wrapper form label,
.publiccontact-wrapper form label input {
	font-size: 22px;
}

.publiccontact-wrapper form input,
.publiccontact-wrapper form textarea { 
	padding: 6px 8px;
	border-radius: 5px;
	
	border: 2px solid var(--colorThird);
}

.publiccontact-wrapper form label span {
	color: white;
	display: block;
	margin-bottom: 8px;
}

.publiccontact-wrapper form input[type="submit"] {
	background-color:var(--colorThird) !important;
	font-size: 18px;
	font-weight: bolder;
}


/* ! ////////// 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: 38px; bottom: -50px;
	
	// width: 30px; height: 30px;
	// border-radius: 2px;
	color: white; 
	color: var(--colorHighlight);
	
	transition: all 0.5s ease-in-out;
	z-index: 950;
	
	// background-color: var(--colorHighlight);
	}

header.scrolled + main #back-to-top {
	bottom:30px;
}

#back-to-top::after {
	
	content: "\f151";
	content: "\eabc";
	
	color: var(--colorHighlight);
	font-size: 40px;
	display: block;
	
	font-family: "Font Awesome 5 Free";
	font-family: 'CoreUI-Icons-Free' !important;
	
	// 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%; }
	

/* ! ////////// EXTRA ICON SIZE */

[class^="cil-"], [class*=" cil-"] {
	
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	vertical-align: middle;
	
	min-width:30px;
	text-align: center;
	
} [class^="cil-"]::before, [class*=" cil-"]::before {}

[class^="cil-"].lg, [class*=" cil-"].lg {
	min-width:50px;
	font-size: 2em;
}

[class^="cil-"].xl, [class*=" cil-"].xl {
	min-width:60px;
	font-size: 2.5em;
}

[class^="cil-"].xxl, [class*=" cil-"].xxl {
	min-width:70px;
	font-size: 3em;
}

/* ! ////////// VERY CUSTOM */


#footer_wrapper #block-9 a,
#footer_wrapper #block-10 a {
	background-color: var(--colorHighlight);
	color: white;
	padding: 5px;
	text-decoration: none; 
}

.flex-g0 {
	flex-grow: 0 !important;
}

.flex-g2 {
	flex-grow: 2 !important;
}

// [class*="setmax-"] {
// 	width: 100%;
// }

.setmax-wide {
	max-width: var(--widthWide) !important;
}

.setmax-2000 {
	max-width: 2000px !important;
}
.setmax-1800 {
	max-width: 1800px !important;
}
.setmax-1600 {
	max-width: 1600px !important;
}
.setmax-1400 {
	max-width: 1400px !important;
}
.setmax-1200 {
	max-width: 1200px !important;
}

.is-style-outline>.wp-block-button__link, .wp-block-button__link.is-style-outline {
	border-width: 1px; 
}

#page_wrapper {
	padding-top: 0px !important;
	padding-bottom: 0px; 
}

p.alignwide {
	max-width: var(--widthWide) !important;
}

footer {
	// position: fixed;
	// width: 100%;
	// bottom:0px; left:0px;
	// z-index: 900;
	
	padding-top: 2em;
	
	background-color: rgba(246, 239, 239,0.9);
	background-color: rgba(255, 255, 255,0.9);
	// background-color: rgba(231, 57, 43, 0.9);
	} 
	footer p {
		margin: 0;
	}

.wp-block-image.size-full > img{
	height: auto !important; 
}

#footer_wrapper {
	padding: 15px; 
}

#footer_wrapper > * {
	margin-bottom:2em;
}

#footer_wrapper,
#header_wrapper {
	padding: 16px 5px;
	background-color: transparent !important;
	position: relative;
	}	
	
	#header_wrapper .d-flex  > *,
	#footer_wrapper .d-flex  > * { z-index: 10; }
	
	#footer_wrapper::before,
	#header_wrapper::before {
		display: block;
		content: ' ';
		opacity: 0.9;
		width: 100%;
		height: 100%;
		
		background-color: var(--backcolorHeader);
		
		mix-blend-mode: multiply;
		-webkit-mix-blend-mode: multiply;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 0;
		}
	
	#footer_wrapper > .d-flex > * { height:20px; }
	
ul[id*="menu-"] { margin: 0px; }


	#footer_wrapper .menu-item {
		font-size: calc(var(--textSize)*0.8); 
	}
	/*
.wp-block-cover.alignwide > .wp-block-cover__inner-container,
[class*="wp-block-"] + p {
	width: 100% !important;
	max-width: var(--widthCenter);
	margin: 0 auto;
	}
	*/
	
	.wp-block-cover__inner-container {
		width: 100% !important;
	}
	
	.line-height-1   { line-height: 1; }
	.line-height-1-1 { line-height: 1.1; }
	.line-height-1-2 { line-height: 1.2; }
	.line-height-1-4 { line-height: 1.4; }
	
	.shift-bottom-text {
		max-width: var(--widthCenter);
		margin: 0 auto;
		margin-bottom: -144px !important;
		}

.arrow-link-right {
	display: block;
	color:var(--colorPrime);
	position: relative; 
	
	padding-top: 15px;
	
	border-top:1px solid var(--colorPrime);
	
	
	font-size: 110%;
	
	}

.arrow-link-right a {
	text-decoration: none;
	max-width: var(--widthWide);
	margin: 0 auto;
	display: block;
	}

.arrow-link-right::after {
	display: block;
	content: ' ';
	width: 50px; height: 50px;
	
	position: absolute;
	right: 10px; top: -25px;
	
	transform: rotate(45deg);
	
	border-right:1px solid var(--colorPrime);
	border-top:1px solid var(--colorPrime);
	}
	
	.no-margin  { margin-top: 0px; margin-bottom: 0px; }
	.no-padding { padding-top: 0px; padding-bottom: 0px; }


/* ! ////////// ––– introslide */

.intro-cover,
.footer-cover {
	position: relative;
	margin: 0 auto; 
	}



.intro-cover .block_slider {
	/* height: calc(100vh - 300px) !important; */
	height: 625px;
	
	}

	.intro-cover .swiper-slide {
		background-position: top center !important; 
	}

	.intro-cover .fx-type {  }
	.intro-cover .fx-type > * { position: relative; }
	
	
	.intro-cover .fx-type p[class*="fxline"] {
		position: absolute;
		left:0px; 
		color: var(--colorPrime);
		mix-blend-mode: multiply; 
		}
	
	.intro-cover .fx-type p[class*="fxline"]    	 { bottom:calc(95px * 3);  opacity: 0.2; }
	.intro-cover .fx-type p[class*="fxline"].next    { bottom:calc(100px * 2); opacity: 0.3; }
	.intro-cover .fx-type p[class*="fxline"].on      { bottom:calc(110px * 1); }
	
	.intro-cover .fx-type p[class*="fxline"].on  { 
		color: var(--textColor); opacity: 1.0;
		}
	
	.intro-cover .fx-type p[class*="fxline"] { transition: all 0.5s ease-in-out; }
	
	
	.intro-cover .fx-type {  }
	.intro-cover .fx-type {
		position: absolute;
		bottom: 25px;
		left: 0px;
		width: 100%;
		z-index: 20;
		max-width: 100%;
		
	}   
		.intro-cover .fx-type > * { 
		max-width: var(--widthWide);
	    margin: 0 auto;  }
		
		.intro-cover .fx-type p {
			margin: 0;
			margin-bottom: -12px;
		}
		
		.intro-cover .fx-type p:nth-child(3) {
			margin-bottom: -6px;
		}
		
		.intro-cover .fx-type p:last-child {
			margin-bottom: 0px;
		}
		
		@keyframes colortype { 
			0%   { color: var(--colorPrime); } 
			5%   { color: var(--textColor);  } 
			28%  { color: var(--textColor);  } 
			33%  { color: var(--colorPrime); }
			100% { color: var(--colorPrime); } 
		}
		
		@keyframes vanishtype { 
			0%   { color: var(--colorPrime); opacity: 0.4; } 
			5%   { color: var(--textColor);  opacity: 1;   } 
			28%  { color: var(--textColor);  opacity: 1;   } 
			33%  { color: var(--colorPrime); opacity: 0.4; }
			100% { color: var(--colorPrime); opacity: 0.4; } 
		}
		
		
		.intro-cover .fx-type > * > p { display: block; padding-left: 100px; padding-right: 100px; }
		/*
		.intro-cover .fx-type > * > p:nth-child(1),
		.intro-cover .fx-type > * > p:nth-child(2),
		.intro-cover .fx-type > * > p:nth-child(3) { 
			color:var(--colorPrime); 
			opacity: 0.4;
			
			position: absolute;
			bottom: 110px;
			
		  }
		*/
		/*
		.intro-cover .fx-type > * > p:nth-child(1) {  animation: vanishtype 11.4s infinite; }
		.intro-cover .fx-type > * > p:nth-child(2) {  animation: vanishtype 11.4s infinite; animation-delay:3.4s; }
		.intro-cover .fx-type > * > p:nth-child(3) {  animation: vanishtype 11.4s infinite; animation-delay:7.2s; }
		*/
		
/* ! ////////// ––– Helpers */

.caption-right figcaption { text-align: right; }

p.has-background,
p[class*="has-border"],
[class*="has-border"] {
	padding: 1.25em;
}

.has-border-highlight {
	border:1px solid var(--colorHighlight);
}

.has-border-prime {
	border:1px solid var(--colorPrime);
}


.has-border-second {
	border:1px solid var(--colorSecond);
}

.has-border-third {
	border:1px solid var(--colorThird);
}

.break-word { word-break: break-word; }

.pos-relative { position: relative; }

.extrawidth { 
	max-width: 1400px !important;
    margin: 0 auto; }

.wp-block-button.full,
.wp-block-button.full > a { 
	width: 100%; 
	max-width: 300px; }

.el-justify { display: flex; }
.el-justify > * {	flex-basis: 0;
					flex-grow: 1; }
					.el-justify > * > * { width: 100%; }


.pv-0  { padding-top: 0px; padding-bottom: 0px;   }

.ph-0  { padding-left: 0px; padding-right: 0px;   }
.ph-50  { padding-left: 50px; padding-right: 50px;   }
.ph-100 { padding-left: 100px; padding-right: 100px; }

.pl-50  { padding-left: 50px;   }
.pl-100 { padding-left: 100px;  }
.pl-200 { padding-left: 200px;  }

.pr-50  { padding-right: 50px;   }
.pr-100 { padding-right: 100px;  }



.pl-1 { padding-left: 1em; }
.pr-1 { padding-right: 1em; }

.mt-0 { margin-top: 0px;}
.mb-0 { margin-bottom: 0px;}

.mb-5 { margin-bottom: 5px !important;}

.mt-10 {    margin-top: 10px;}
.mb-10 { margin-bottom: 10px;}

.mt-20 {    margin-top: 20px;}
.mb-20 { margin-bottom: 20px;}

.mt-40 {    margin-top: 40px;}
.mb-40 { margin-bottom: 40px;}


.noshow { display: none !important; }

.multiply { 
	mix-blend-mode: multiply;
    background-blend-mode: multiply; }

/* ! ////////// ––– Shifter */

.checkview [class*="shift-left-"],
.checkview [class*="shift-right-"],
.checkview [class*="shift-top-"],
.checkview [class*="shift-bottom-"]	{ transition: 0.8s ease-in-out all; }

/*
.checkview [class*="shift-left-"]		   { transform: translateX(20%);  opacity: 0; }
.checkview.inview [class*="shift-left-"]   { transform: translateX(0%);   opacity: 1; }

.checkview [class*="shift-right-"]		   { transform: translateX(-20%); opacity: 0; }
.checkview.inview [class*="shift-right-"]  { transform: translateX(0%);   opacity: 1; }

.checkview [class*="shift-top-"]		   { transform: translateY(-20%);  opacity: 0; }
.checkview.inview [class*="shift-top-"]    { transform: translateY(0%);   opacity: 1; }

.checkview [class*="shift-bottom-"]		   { transform: translateY(20%); opacity: 0; }
.checkview.inview [class*="shift-bottom-"] { transform: translateY(0%);   opacity: 1; }
*/
.shift-0 { transform: translateY(0px); }
.shift-left-0 { transform: translateX(0px); }

.shift-left-20   { transform: translateX(-20px ); /* margin-left:-100px;  margin-right:100px; */ }

.shift-left-50   { transform: translateX(-50px ); /* margin-left:-100px;  margin-right:100px; */ }
.shift-left-100  { transform: translateX(-100px); /* margin-left:-100px;  margin-right:100px; */ }
.shift-left-120  { transform: translateX(-120px); /* margin-left:-150px;  margin-right:100px; */ }
.shift-left-150  { transform: translateX(-150px); /* margin-left:-150px;  margin-right:100px; */ }
.shift-left-200  { transform: translateX(-200px); /* margin-left:-200px;  margin-right:200px; */ }
.shift-left-250  { transform: translateX(-250px); /* margin-left:-250px;  margin-right:200px; */ }
.shift-left-300  { transform: translateX(-300px); /* margin-left:-300px;  margin-right:300px; */ }


.expand-right-50  { margin-right:-50px !important; /* margin-left:-100px;  margin-right:100px;*/ }

.expand-left-50   { margin-left:-50px !important; /* margin-left:-100px;  margin-right:100px;*/ }

.expand-left-100   {  margin-left:-100px !important; /* margin-left:-100px;  margin-right:100px;*/ }


.expand-right-100  { margin-right:-100px !important; /* margin-left:-100px;  margin-right:100px;*/ }

.expand-left-150   {  margin-left:-150px !important; /* margin-left:-100px;  margin-right:100px;*/ }
.expand-right-150  { margin-right:-150px !important; /* margin-left:-100px;  margin-right:100px;*/ }

.expand-left-200   {  margin-left:-200px !important; /* margin-left:-100px;  margin-right:100px;*/ }
.expand-right-200  { margin-right:-200px !important; /* margin-left:-100px;  margin-right:100px;*/ }
.expand-right-300  { margin-right:-300px !important; /* margin-left:-100px;  margin-right:100px;*/ }


.shift-right-50  { transform: translateX(50px ); /* margin-left:100px; margin-right:-100px;*/ }
.shift-right-100 { transform: translateX(100px); /* margin-left:100px; margin-right:-100px;*/ }
.shift-right-120 { transform: translateX(120px); /* margin-left:100px; margin-right:-150px;*/ }
.shift-right-150 { transform: translateX(150px); /* margin-left:100px; margin-right:-150px;*/ }
.shift-right-200 { transform: translateX(200px); /* margin-left:200px; margin-right:-200px;*/ }
.shift-right-250 { transform: translateX(250px); /* margin-left:200px; margin-right:-250px;*/ }
.shift-right-300 { transform: translateX(300px); /* margin-left:300px; margin-right:-300px;*/ }

.shift-top-50  { transform: translateY(-50px); /* margin-bottom:100px !important; */ }
.shift-top-80  { transform: translateY(-80px); /* margin-bottom:100px !important; */ }
.shift-top-100  { transform: translateY(-100px); /* margin-bottom:100px !important; */ }
.shift-top-130  { transform: translateY(-140px); /* margin-bottom:100px !important; */ }
.shift-top-150  { transform: translateY(-150px); /* margin-bottom:100px !important; */ }
.shift-top-200  { transform: translateY(-200px); /* margin-bottom:200px !important; */ }
.shift-top-250  { transform: translateY(-200px); /* margin-bottom:200px !important; */ }
.shift-top-300  { transform: translateY(-300px); /* margin-bottom:300px !important; */ }

.shift-bottom-80  { /* margin-top:100px !important; */ transform: translateY(80px); }
.shift-bottom-50  { /* margin-top:100px !important; */ transform: translateY(50px); }
.shift-bottom-100  { /* margin-top:100px !important; */ transform: translateY(100px); }
.shift-bottom-150  { /* margin-top:100px !important; */ transform: translateY(150px); }
.shift-bottom-200  { /* margin-top:200px !important; */ transform: translateY(200px); }
.shift-bottom-250  { /* margin-top:200px !important; */ transform: translateY(250px); }
.shift-bottom-300  { /* margin-top:300px !important; */ transform: translateY(300px); }

.shift-gap-left { margin-left: -30px;}


.extra-width {
	max-width: calc( var(--widthWide) + 120px ) !important;
}

/* ! ////////// ––– Typo Helper */


.txt-bar mark {
	padding: 3px 6px;
}

.page-title h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: var(--textWidthStrong);
	text-transform: uppercase;
	color: #83bb9f;
	
	letter-spacing: 4px;
	
	font-size: 140%;
}

.txt-justify {
	text-align: justify;
}

.txt-hypen {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
}


/* ! ////////// ––– Typo Styles (List etc) */

hr {
	margin: 12px 0px;
	border: 0px;
	border-top: 1px solid var(--colorSecond);

	}
	.has-text-color.has-second-color hr {
		border-top-color: 1px solid var(--colorSecond);
	}
	.has-text-color.has-third-color hr {
		border-top-color: var(--colorThird);
	}

	.has-text-color.has-white-color hr {
		border-top-color: white;
	}

ul {
	list-style: none;
	padding-left: 0px;
	}

ul:not(.menu) li {
	position: relative;
	padding-left: 35px; 
	
	margin-bottom: 8px;
	}
	
	ul:not(.menu) li::before {
		content: "\f111";
		
		font-family: "Font Awesome 5 Free";
		
		font-family: 'CoreUI-Icons-Free' !important;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		
		
		display: inline-block;
		width: 20px;
		height: 20px;
		
		float: left;
		
		margin-left: -35px;
		font-weight: bold;
		line-height: 1.35;
		border-radius: 50%;	
		
	}


ul.arrows li:before {
	content: "\f04b";
	content:"\ea1d";
	}
ul.check li::before {
	content: "\f058";
	content:"\ea8b";
	}
	ul.i-size-l   li:before   { font-size: 150%; margin-top:-5px; }
	ul.i-size-xl  li:before  { font-size: 200%; margin-top:-10px; }
	ul.i-size-xxl li:before { font-size: 250%; margin-top:-15px; }
	
	ul.i-size-l   li { margin-bottom:14px; }
	ul.i-size-xl  li { margin-bottom:21px; }
	ul.i-size-xxl li { margin-bottom:32px; }
	

ol {
	list-style: none;
	counter-reset: increment;
	padding-left: 0px;
}

ol li {
	counter-increment: increment;
	position: relative;
	padding-left: 35px; 
	
	margin-bottom: 8px;
	
}

ol li::before {
	content: counter(increment);
	background-color: var(--colorHighlight);
	color: white;
	
	text-align: center;
	
	display: inline-block;
	width: 24px;
	height: 24px;
	
	float: left;
	
	margin-left: -35px;
	
	font-weight: bold;
	
	line-height: 1.6;
	
	border-radius: 50%;	
}

/* ! ////////// ––– Ticker */



.ticker {
	color: var(--colorPrime);
	opacity: 0;
	transition: all 0.5s ease-in; 
	}
	
	.ticker.on { opacity: 1; }
	
.ticker_number     { font-size: 100px; line-height: 1; height: 110px; letter-spacing: -1px;  }
.ticker_number > * { display: inline-block; vertical-align: text-bottom; }

.ticker_number > .ticker_value { 
	font-size: 80%;
	margin-left: -15px;
	}
.ticker.bigval .ticker_number > .ticker_value {
	font-size: 100%;
	margin-left: -20px;
	letter-spacing: -2px;
	}

.ticker.textbig .ticker_text span {
	font-size: 140% !important;
	}

.ticker.textbig .ticker_text { line-height: 1.3; }



.ticker.center { text-align:center;}
.ticker.left   { text-align:left;}
.ticker.right  { text-align:right;}

/* ! ////////// ––– Diagramm */


.diagramm_wrapper {}

#diagramm {
	display: block; 
	width: 100%;
	
	border-left: solid var(--colorPrime) 1px;
	border-right: solid var(--colorPrime) 1px;
	
}
.divider {
	stroke-dasharray: 1 1;
	stroke-width:1;
	stroke:var(--colorPrime);
	}
	.graph {
		stroke-width:3;
		stroke:var(--colorSecond);
		stroke:var(--colorPrime);
	}
	ul.graphdata {
		list-style: none;
		padding: 0px;
	} ul.graphdata li { display: inline-block; width: 9.09%; float: left; }
	  ul.graphdata li:last-child { text-align: right; margin-left: -9.09%;  }
	
	ul.graphdata li small {
		  margin-left: -4px;
	  }
	  
	  ul.graphdata li:last-child small {
		  margin-right: -4px; 
	  }

	  
.start-val,
  .end-val {
	  position: absolute;
	  font-size: 150%;
	  line-height: 1;
  }	.start-val { left: 5px; bottom:0px;}
	  .end-val { right: 5px; top:0px;}
	  

/* ! ////////// ACC */
.acc-head { cursor: pointer; }
.acc-head + * { display: none; }

	  
/* ! ////////// ––– project slider */	

	.pjk-preview .swiper-button-next, 
	.pjk-preview .swiper-button-prev { color: white !important; }
	  
/* ! ////////// ––– extraType */



.intro-head {
	position: absolute;
	bottom:0px; left: 0px;
	font-size: 169px !important;
	margin-bottom: 0px;
	line-height: 152px;
	z-index: 1;
	
	mix-blend-mode: multiply; 
	
	word-break: break-word;
	}  
	
	.hide-desktop { display: none; }

.max-head { font-size: 101px !important; }  
.mid-head { font-size: 73px !important; } 
.mid-head-2 { font-size: 73px !important; }  

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

/* ! ////////// MEQ 1480 */

@media all and (max-width: 1480px)  {
	
	.pjk-wrapper [class*="pl-100"] { padding-left: 80px; }
	.pjk-wrapper [class*="mr-"] { margin-right: 30px; }
	
	.pjk-wrapper [class*="ml-"] { margin-left: 30px;	}

}

@media all and (max-width: 1250px)  {
	.wp-block-column.tab-full {flex-basis:100% !important; flex-grow: 0; }
	.wp-block-column.tab-half {flex-basis:calc(48% - 1em)!important; flex-grow: 0;}

	
	.wp-block-columns.pjk-wrapper > .wp-block-column { margin-left: 20px !important; }

	.hide-tablet-l { display: none; }
	
}
/* ! ////////// MEQ 1024 */
@media all and (max-width: 1024px)  {
	/*	
	[class*="shift-right-"] {
		margin-left: auto !important; margin-right: auto !important;
		}
	
	
	.shift-left-100  { margin-left:-50px; }
	.shift-left-200  { margin-left:-50px; }
	.shift-left-300  { margin-left:-50px; }
	*/
	
	.wp-block-column.tab-full {flex-basis:100% !important; flex-grow: 0; }
	.wp-block-column.tab-half {flex-basis:calc(48% - 1em)!important; flex-grow: 0;}
	
	.pjk-wrapper .pv-20, .pjk-wrapper *.has-background.pv-20 {
		padding-left: 20px;
		padding-right: 20px;
	}

	
	.wp-block-columns.pjk-wrapper > .wp-block-column { margin-left: 20px !important; }
	
	.pjk-wrapper [class*="pr-"] { padding-right: 20px; }
	.pjk-wrapper [class*="mr-"] { margin-right: 10px; }
	
	.pjk-wrapper [class*="pl-"] { padding-left: 20px; }
	.pjk-wrapper [class*="ml-"] { margin-left: 10px;	}
	
	.pjk-wrapper p.has-background { padding-left: 20px; padding-right: 20px; }
	
	
}

/* ! ////////// MEQ 880 */

@media all and (max-width: 880px)  {
	/*
	.shift-right-300 {	transform: translateX(50px); }
	.shift-right-300.expand-right-100 { margin-right: -250px !important; }
	*/
	
	.pr-50,
	.pr-100 { padding-right: 0px; }
	
	
	
	[class*="expand-right-"] { margin-right: 0px !important; }
	[class*="expand-left-"] { margin-left: 0px !important; }
	[class*="shift-right-"]:not(.keep-sm) { transform: translateX(0px); }
	
	 .wp-block-columns.stack-800 { display: block; }
	 .wp-block-columns.stack-800 > * {margin-left:0px; }
	
	
	}
/* ! ////////// MEQ 768 */
@media all and (max-width: 768px)  {
	#header_wrapper {
		padding-left: 15px; padding-right: 15px;
	}
	.hide-tablet { display: none !important; }
	
	
	.wp-block-column.tab-half,
	.wp-block-column.tab-full {flex-basis:100% !important; flex-grow: 0; }
	
	.hide-tablet-p { display: none; }
	
	.max-head { font-size: 118px !important; }  
	
	/*
	.shift-right-300 { transform: translateX(0px); }
	.shift-right-300.expand-right-100 { margin-right: 0px !important; }
	*/
	
	[class*="pr-"] { padding-right: 10px; }
	[class*="mr-"] { margin-right: 10px; }
	
	[class*="pl-"] { padding-left: 10px; }
	[class*="ml-"] { margin-left: 10px;	}

	
	/* no shifts to left or right */
	[class*="shift-left-"]:not(.keep-sm),
	[class*="shift-right-"]:not(.keep-sm)
	{  transform: translateX(0px); }
	
	[class*="shift-top-"]:not(.keep-sm),
	[class*="shift-bottom-"]:not(.keep-sm)
	{  transform: translateY(0px); }

	
	.sustain .ticker .ticker_number { font-size: 60px; height: 75px; }
	
	.wp-block-column:not(:only-child).filler {
		flex-basis: 0% !important;
	} .wp-block-column:not(:only-child).filler + * { margin-left: 0px; margin-right: 2em; }
	
	}

/* ! ////////// MEQ 599 */
@media all and (max-width: 599px)  {
	
	.arrow-link-right { margin-right: 20px;}
	.wp-block-column:not(:only-child).filler + * { margin-left: 0px; margin-right: 0em; }
	
	.ticker.textbig.right {
		text-align: center !important; 
	}
	
	.wp-block-button.full, .wp-block-button.full > a { max-width: 100%; }
	
	/* special form */
	.sustain .wp-block-cover { min-height: 490px !important; }
	
	/* extra elements */
	
	/* special break */
	.mqsp1_hide { display: none !important;	 }
	.mqsp1_show { display: block !important; }
	
	.pjk-wrapper [class*="pr-"] { padding-right: 0px; }
	.pjk-wrapper [class*="pl-"] { padding-left: 0px; }
	.wp-block-columns.pjk-wrapper > .wp-block-column { margin-left: 0px !important; }
	
	.popup_content { max-width: 100%; }
	
	.popup_content .i4a-contact { padding: 10px 10px 15px; }
	
	.pjk-slider.swiper-container { height: 600px !important; }
	
	.has-large-font-size.intro-head {
		font-size: 109px !important;
		line-height: 112px;
	}
	
}
/* ! ////////// MEQ 440 */
@media all and (max-width: 440px)  {
	
	
	
	.max-arrow-left:before, .big-arrow-left:before {
		opacity: 0.6;
	}
	
	.wp-block-buttons>.wp-block-button,
	.wp-block-button a  { width: 100%; }
	.pjk-slider {
		
	}
	
	h1, .h1, .has-large-font-size {
		font-size: calc(var(--displaySize) * 0.9) !important;
	}
	h2, .h2, .has-medium-font-size {
		font-size: calc(var(--displaySize) * 0.7) !important;
	}
	
	/* CUSTOM PARTS */
	.steps p { text-align: left !important; }
	
	.tooltip-container.pjk-info { top: 20px; }

	/* { min-width: auto; } */
	
	.max-head { font-size: 60px !important; }  
	.mid-head { font-size: 48px !important; margin-top: 30px !important; }  
	.mid-head-2 { font-size: 53px !important; }  
	
	
	.min-mob-300 { min-height: 300px !important; }
	.min-mob-400 { min-height: 400px !important; }
	.min-mob-500 { min-height: 500px !important; }
	
	.hide-mobile { display: none !important; }
	
	[class*="ph-"],
	p.has-background { padding-left: 10px; padding-right: 10px; } 
	
	[class*="pr-"] { padding-right: 10px; }
	[class*="mr-"] { margin-right: 10px; }
	
	[class*="pl-"] { padding-left: 10px; }
	[class*="ml-"] { margin-left: 10px;	}
	
	/* no shifts to left or right */
	[class*="shift-left-"],
	[class*="shift-right-"]
	{  transform: translateX(0px); }
	
	[class*="shift-top-"],
	[class*="shift-bottom-"]
	{  transform: translateY(0px); }
	
	.wp-block-cover.alignfull .wp-block-cover.alignfull {
	}
	
	.wp-block-cover__inner-container > .wp-block-columns {
		padding-left: 0px; padding-right: 0px; 
	}
	
	}