/*
	Theme Name: Projekt - Wibea
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;*/
	font-family: "Cormorant Garamond", serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	font-variant-numeric: lining-nums;
color: #111;
	
}
body.no-scroll {
  overflow: hidden;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

strong {
	font-weight: 600;
}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	position:relative;
	font-size: clamp(18px, 1vw, 24px);
	line-height: 1.5;
	background-color: #EEF4E6;
	transition: background-color 2s;
}

.page_init .wrapper {
	background-color: #EEF4E6;
}

section article, .article {
	margin: 0 auto;
	width: 95%;
	max-width: 73em;
}

#projekt, #kontakt {
	overflow: hidden;
}


/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {
	background-color: #e0d9cf;
	padding: 2em 0;
}
.nav ul {
	list-style: none;
	font-size: 2.4em;
	padding: 0;
	margin: 0;
}

.nav a {
	color: #000;
	display: block;
	border-bottom: 2px solid #000;
	padding: 0.1em 0.5em;
	font-weight: 400;
	text-transform: uppercase;
	transition: all 0.5s;
}

.nav ul li:first-of-type {
	border-top: 2px solid #000;
}

.nav a:hover {
	opacity: 0.4;
}

.header_nav {
	position: fixed;
	background-color: #e0d9cf;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	padding: 5em 0 2em 0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(6em);
	transition: all 0.5s;
}

.menuopen .header_nav {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}


.menu_ico_ct {
	display: inline-block;
	position: fixed;
	cursor: pointer;
	padding: 0px;
	z-index: 25;
	top: 1em;
	right: 3em;
	transition: all 0.5s;
}

.menuopen .menu_ico_ct {

}



.menu_icon {
	position: relative;
	width: 2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 2em;
}

.menu_icon_line {
	width: 100%;
	height: 2px;
	background-color: #122518;
	opacity: 1;
	transform-origin: center center;
	position: absolute;
	display: inline-block;
	transition: all 0.5s;
}

.menuopen .menu_icon_line {
	background-color: #122518;
}

.menu_ico_ct:hover .menu_icon_line {
	
}

.menu_icon .line1 {
	transform: translateY(-600%);
}

.menu_icon .line2 {
	
}

.menu_icon .line3 {
	transform: translateY(600%);
}

.menuopen .menu_icon .line1 {
	transform: translateY(0)rotate(45deg);
}

.menuopen .menu_icon .line2 {
	opacity: 0;
}

.menuopen .menu_icon .line3 {
	transform: translateY(0) rotate(-45deg);
}




/* sidebar */
.sidebar {

}
/* footer */
.footer {
	color: #938D6B;
}

.footer_cols {
	display: flex;
	justify-content: space-between;
	padding: 2em 0;
}

.footer_cols a {
	margin-left: 0;
	color: #938D6B;
}

.footer_col {
	font-size: 0.9em;
}

/*------------------------------------*\
    INTRO
\*------------------------------------*/

#intro_wrapper {
	position: relative;
	--introtxtdiff: 0em;
	--addtextdiff: 1;
}

#intro_content {
	height: 120vh;
	/*background-color: rgba(0,255,0,0.3);*/
	position: sticky;
	top: 0;
}

#intro_content::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20vh;
	/*background-color: rgba(255,0,0,0.3);*/
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity 2s;
	background: #D2D6C5;
background: -webkit-linear-gradient(bottom, rgba(224, 217, 207, 1) 0%, rgba(224, 217, 207, 0) 100%);
background: -o-linear-gradient(bottom, rgba(224, 217, 207, 1) 0%, rgba(224, 217, 207, 0) 100%);
background: linear-gradient(to top, rgba(224, 217, 207, 1) 0%, rgba(224, 217, 207, 0) 100%);
}

.page_init #intro_content::after {
	opacity: 1;
}

#intro_scrollspace {
	height: 120vh;
	/*background-color: rgba(0,255,255,0.4);*/
}

#intro_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	background-color:  #EEF4E6 ;
}

#intro_overlay > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	/*padding-bottom: 15vh;*/
}

#intro_base {
	--insetadjust: 51%;
	--bgsize: 66%;
	--offsetreduce: 1;
	--opacityadjust: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: clamp(18px, 10vw, 13.5vh);
	clip-path: inset(50%);
	background-image: url(/wp-content/uploads/sites/6/2026/02/Aussen_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: var(--bgsize) auto;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 2s;
} /*56% 43%*/

.page_init #intro_base {
	opacity: 1;
	clip-path: inset(calc(var(--insetadjust) - var(--offsetreduce) * 0.96em) calc(var(--insetadjust) - var(--offsetreduce) * 3.5em) calc(var(--insetadjust) - var(--offsetreduce) * -0.12em) calc(var(--insetadjust) - var(--offsetreduce) * -0.35em));
	/*clip-path: xywh(calc(50% - 1.9em) calc(50% - 1.55em) 3.5em 0.9em);*/
	
}

.intro_end #intro_base {
	transition: none;
}

#intro_base::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.1);
}

#intro_base .intro_base_inner > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	position: relative;
	z-index: 4;
	/*padding-bottom: 15vh;*/
}


#intro_base .txt_line {
	color: #fff;	
	/*opacity: var(--opacityadjust);*/
	opacity: 1;
	text-shadow: 0 0.02em 0.1em rgba(0,0,0,0.5);
}

#intro_base .intro_vid {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
}

#intro_base .intro_vid video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transform: scale(var(--bgsize));
}



.txt_line {
	position: relative;
	font-size: clamp(18px, 10vw, 13.5vh);
	margin: 0;
	line-height: 0.9;
	font-weight: 300;
	transition: all 1.5s;
	opacity: 0;
	transform: scale(0.7);
font-weight: 400;
}

.page_init .txt_line {
	opacity: 1;
	transform: scale(1);
}

.intro_end .txt_line {
	transition: none;
}

.txt_line.line1 {
	transition-delay: 0.1s;
	transform: scale(0.7) translateX(-2em);
}
.page_init .txt_line.line1 {
	transform: scale(1) translateX(calc(-1.15em - var(--introtxtdiff)));
}

.txt_line.line2 {
	transition-delay: 0.2s;
	transform: scale(0.7) translateX(-2em);
}
.page_init .txt_line.line2 {
	transform: scale(1) translateX(calc(-0.5em + var(--introtxtdiff)));
}

.txt_line.line3 {
	transition-delay: 0.3s;
	transform: scale(0.7) translateX(-2em);
}
.page_init .txt_line.line3 {
	transform: scale(1) translateX(calc(-2em - var(--introtxtdiff)));
}

.txt_line.line4 {
	transition-delay: 0.4s;
	transform: scale(0.7) translateX(-2em);
}
.page_init .txt_line.line4 {
	transform: scale(1) translateX(calc(-0.25em + var(--introtxtdiff)));
}

.txt_line.line5 {
	transition-delay: 0.5s;
	transform: scale(0.7) translateX(-2em);
	margin-bottom: 1.25em;
}
.page_init .txt_line.line5 {
	transform: scale(1) translateX(calc(0em - var(--introtxtdiff)));
}

.txt_line.add_text {
	transition-delay: 0.6s;
	transform: scale(0.7) translateX(1.5em);
font-weight: 400;
}
.page_init .txt_line.add_text {
	transform: scale(1) translateX(calc(2.0em - var(--introtxtdiff)));
}

.intro_last_line > div {
	display: flex;
}

.txt_line.add_text p {
	opacity: var(--addtextdiff);
	margin: 0;
	line-height: 1.2;
	font-size: 0.26em;
	margin-top: 0.5em;
	margin-left: 0.5em;
	text-transform: uppercase;
}


.intro_cta_wrapper {
	position: absolute;
	width: 100%;
	/*bottom: 3em;*/
	top: 90vh;
	left: 0;
	z-index: 12;
	opacity: 0;
	transition: all 1s;
	transition-delay: 1s;
	transform: scale(0.5);
}

.page_init .intro_cta_wrapper {
	opacity: 1;
	transform: scale(1);
}

#intro_wrapper .logo_wibea {
	position: absolute;
	top: 3vw;
	left: 3vw;
	height: 4vw;
	width: auto;
}

#intro_wrapper .logo_wibea img {
	height: 100%;
	width: auto;
}

#intro_wrapper #intro_base .logo_wibea img {
	/*transform: translateY(-6.7vw);*/
	display: none !important;
}

/* Seitenelemente */

.arrow_down {
	position: absolute;
	top: calc(100vh - 3.5em);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
	cursor: pointer;
}

.arrow_down span {
	width: 1.6em;
	height: 1.6em;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	transform: rotate(45deg) scale(1);
	transition: all 0.5s;
}

.arrow_down:hover span {
	transform: rotate(45deg) scale(1.2);
}



/* Triageseite */

.page-id-454 #intro_wrapper {
	height: 100vh;
	overflow: hidden;
}

.page-id-462 #intro_overlay {
	/*background-color: transparent;*/
}

.page-id-462 #intro_content::after {
	background: rgb(126, 146, 121);
	background: -webkit-linear-gradient(bottom, rgba(126, 146, 121, 1) 0%, rgba(126, 146, 121, 0) 100%);
	background: -o-linear-gradient(bottom, rgba(126, 146, 121, 1) 0%, rgba(126, 146, 121, 0) 100%);
	background: linear-gradient(to top, rgba(126, 146, 121, 1) 0%, rgba(126, 146, 121, 0) 100%);
}

.page-id-462 .partner_box p, .page-id-462 .footer_cols a {
	color: #fff;
}

.page-id-462 .footer {
	color: #fff;
	background-color: #7e9279;
}

.page-id-462 .kf_text input, .page-id-462 .kf_text textarea, .page-id-462 .kf_dropdown {
	color: #000;
	border-bottom: 1px solid #000;
}

.page-id-462 form.wpcf7-form, .page-id-462 .kf_text label, .page-id-462 .kf_datenschutz, .page-id-462 .kf_dropdown .wpcf7-select {
	color: #000;
}

.page-id-462 input[type="checkbox"]:checked + .wpcf7-list-item-label::before, .page-id-462 input[type="radio"]:checked + .wpcf7-list-item-label::before {
	background-image: url(/wp-content/uploads/sites/5/2025/09/ico_ms_check.svg);
}

.page-id-462 .kf_dropdown .wpcf7-form-control-wrap::after {
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
}

.page-id-462 .partner_box figure img {
	filter: brightness(0) invert(1);
}

.page-id-454 .footer, .page-id-454 .header, .page-id-462 .header {
	display: none;
}

.footer .nav {
	display: none;
}

.page-id-454, .page-id-454 #intro_overlay {
	background-color: rgb(224, 217, 207);
}

.page-id-454 #intro_content, .page-id-454 #intro_scrollspace {
	height: 120vh;
	position: fixed;
	width: 100%;
}

.triage_buttons_wrapper {
	position: absolute;
	z-index: 5;
	width: 100%;
	gap: 8vw;
	bottom: 8vh;
	font-size: 1.2em;
}

.wp-block-buttons.triage_buttons_wrapper .wp-block-button__link {
	width: 10em;
}


/* Kontakt */

.kontakt_panel {
	right: 0;
	top: 67vmin;
	position: fixed;
	z-index: 10;
	transform: translateY(-50%);
	pointer-events: none;
}

.kontakt_on .kontakt_panel {
	pointer-events: auto;
}

.kontakt_panel_sym {
	padding: 0.5em;
	background-color: #fff;
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
	z-index: 3;
	bottom: 0;
	right: 0;
	position: absolute;
	cursor: pointer;
	pointer-events: auto;
	transition: all 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kontakt_panel_close {
	display: flex;
	justify-content: center;
	align-items:center;
	position: relative;
	width: 1.5em;
	height: 1.5em;
	cursor: pointer;
}

.kontakt_panel_close::before {
	content: '';
	position: absolute;
	width: 1.5em;
	height: 0.15em;
	background-color: #000;
	transform: rotate(45deg);
	z-index: 2;
}

.kontakt_panel_close::after {
	content: '';
	position: absolute;
	width: 1.5em;
	height: 0.15em;
	background-color: #000;
	transform: rotate(-45deg);
	z-index: 2;
}

.kontakt_on .kontakt_panel_sym {
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	background-color: rgba(255,255,255,0);
	transform: scale(0.8) translateY(-5%);
}

.kontakt_panel_sym img {
	width: 3em;
	height: 3em;
	object-fit: contain;
	object-position: center center;
	position: relative;
	opacity: 1;
	z-index: 4;
	transition: all 0.5s;
}

.kontakt_on .kontakt_panel_sym img {
	opacity: 0;
}

.kontakt_panel_sym i {
	position: absolute;
	z-index: 5;
	color: #fff;
	font-size: 1.3em;
	margin-top: 0.5em;
}

.kontakt_panel_sym i:first-of-type {
	animation: kp_sym1 10s infinite;
}

@keyframes kp_sym1 {
  0%   { opacity: 1; }
  40%  { opacity: 1; }
  50%  { opacity: 0; }
  90%  { opacity: 0; }
  100% { opacity: 1; }
}

.kontakt_panel_sym i:last-of-type {
	opacity: 0;
	animation: kp_sym2 10s infinite;
}

@keyframes kp_sym2 {
  0%   { opacity: 0; }
  40%  { opacity: 0; }
  50%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0; }
}

.kontakt_on .kontakt_panel_sym i {
	opacity: 0 !important;
	animation: none !important;
}

.kontakt_panel_wrapper {
	position: relative;
	display: flex;	
	color: #000;
	right: 0;
	font-weight: 400;
	line-height: 1.6;
	flex-direction: column;
	padding: 1em 1.5em;
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
	backdrop-filter: blur(1em);
	transform: translateX(105%);
	transition: all 0.5s;
}

.kontakt_on .kontakt_panel_wrapper {
	transform: translateX(0%);
}

.kontakt_panel_wrapper .tx1 {
	color: #000;
	font-weight: 600;	
	display: flex;
	justify-content: space-between;
}

.kontakt_panel_wrapper .tx2 {
	font-weight: 600;
}

.kontakt_panel_wrapper a {
	color: #000;
}

.kontakt_panel_wrapper .img1 {
	width: 7em;
	height: 7em;
	object-fit: cover;
	object-position: center center;
	border-radius: 100%;
	margin: 1em 0 0.5em 0;
}

.kontakt_panel_wrapper .img2 {
	width: 5em;
	height: auto;
	align-self: flex-end;
	margin-top: 2em;
}

.kontakt_panel.panel2 {
	z-index: 8;
}

.kontakt_on2 .kontakt_panel.panel2 {
	pointer-events: auto;
}


.kontakt_panel.panel2 .kontakt_panel_sym {
	margin-top: 2.2em;
}

.kontakt_panel.panel2 .kontakt_panel_sym img {
	opacity: 0 !important;
}

.kontakt_panel.panel2 .kontakt_panel_sym i {
	opacity: 1 !important;
	animation: none;
	color: #a61b27;
	font-size: 2.4em;
	margin-top: 0;
	background-color: #fff;
}

.kontakt_panel.panel2 .kontakt_panel_wrapper {
	transform: translateX(105%) translateY(2.2em);
}

.kontakt_panel.panel2 .tx3 {
	padding-right: 5em;
}

.kontakt_on2 .kontakt_panel.panel2 .kontakt_panel_wrapper {
	transform: translateX(0%) translateY(2.2em);
}

.kontakt_on2 .kontakt_panel.panel2 .kontakt_panel_sym {
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	background-color: rgba(255,255,255,0);
	transform: scale(0.8) translateY(-5%);
}

.kontakt_on2 .kontakt_panel.panel2 .kontakt_panel_sym i {
	opacity: 0 !important;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* Stoerer */

#stoerer_wrapper {
	--opacitystoerer: 0;
	position: absolute;
	width: 10em;
	height: 10em;
	z-index: 8;
	border-radius: 100%;
	background-color: #7e9279 ;
	color: #fff;
	top: calc(100vh - 12em);
	right: 10%;
	opacity: var(--opacitystoerer);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.1;
	transform: rotate(10deg);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.4);
}

#stoerer_wrapper .stoerer_text.text1 {
	font-size: 1.4em;
	padding-bottom: 0.3em;
font-weight: 800;
}

#stoerer_wrapper .stoerer_text.text2 {
	font-weight: 400;
	font-size: 0.9em;
}


/* Main content */

#ls_main_content {
	overflow-x: hidden;
}


/* Kontaktformular */

form.wpcf7-form {
	display: flex;
	flex-direction: column;
	color: #fff;
}

form.wpcf7-form p {
	display: contents;
}

.kf_feld {
	position: relative;
	margin-top: 1.8em;
}

.kf_response, .kf_submit {
	margin-top: 0.8em;
}

.kf_text input, .kf_text textarea, .kf_dropdown {
	border: none;
	outline: none;
	background-color: transparent;
	border-bottom: 1px solid #fff;
	width: 100%;
	font-family: "Cormorant Garamond", serif;
	font-weight: 600;
	font-style: normal;
	max-height: 6em;
	padding-bottom: 0.3em;
	color: #fff;
	font-variant-numeric: lining-nums;
}

.kf_text label {
  position: absolute;
  left: 0.15em;
  top: 0.2em;
  transition: all 0.2s ease-out;
  pointer-events: none;
	color: #fff;
}

.kf_text .wpcf7-form-control-wrap:focus-within + label, .kf_text .wpcf7-form-control-wrap.is_filled + label {
  top: -1.5em;
  font-size: 0.85em;
	opacity: 1;
	left: 0;
}



.wpcf7-list-item-label::before {
	content: "";
	position: relative;
	width: 1em;
	height: 1em;
	border: 1px solid;
	display: inline-block;
	margin-right: 0.25em;
	margin-bottom: -0.1em;
}

.wpcf7-list-item input[type="checkbox"], .wpcf7-list-item input[type="radio"] {
	display: none;
}

input[type="checkbox"]:checked + .wpcf7-list-item-label::before, input[type="radio"]:checked + .wpcf7-list-item-label::before {
	background-image: url(/wp-content/uploads/sites/5/2025/12/ico_ms_check_weiss.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.kf_check {
	display: block;
}

.kf_check .wpcf7-list-item {
	display: inline-block;
	margin: 0 1em 0 0em;
}

.kf_grid_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 1em;
}

.kf_grid_wrapper.kf_grid_name {
	grid-template-columns: 1fr 1.4fr;
}

.kf_grid_wrapper.kf_grid_adresse {
	grid-template-columns: auto 10em;
}

.kf_grid_wrapper.kf_grid_plzort {
	grid-template-columns: 10em auto;
}

.kf_grid_wrapper.kf_grid_kontakt {
	grid-template-columns: 1fr 1.4fr;
}

.kf_title_line {
	padding-bottom: 0.4em;
}

.kf_dropdown .wpcf7-select {
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background-color: rgba(255,255,255,0.0);
	padding: 0.0em;
	color: #fff;
	font-family: "Cormorant Garamond", serif;
}

.kf_dropdown .wpcf7-form-control-wrap::after {
	content: "";
	justify-self: end;
	width: 0.6em;
	height: 0.6em;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	position: absolute;
	top: 0.25em;
	right: 0.5em;
	transform: rotate(45deg);
	pointer-events: none;
}

[data-name="Interesse"] > span > span {
  display: inline !important;
}

[data-name="Interesse"] > span > span:nth-child(2) {
  margin-right: 0;
}

[data-name="Interesse"] > span > span:nth-child(2)::after {
  content: "";
  display: block;
}

.kf_datenschutz {
	color: #fff;
	font-size: 0.86em;
}

.kf_datenschutz .wpcf7-list-item {
	margin: 0 0 0 0em;
}

.kf_datenschutz a {
	text-decoration: underline;
}

.kf_submit {
	text-align: center;
}

.wpcf7-submit {
	border-radius: 9999px;
	padding: calc(0.4em + 2px) calc(2.4em + 2px);
	font-weight: 400;
	transition: all 0.5s;
	transform: scale(1);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	border: none;
	background-color: #000;
	color: #fff;
	outline: none !important;
	font-family: "Cormorant Garamond", serif;
}

.wpcf7-submit:hover {
	/*background-color: #fff;
	color: #000;*/
	color: #fff;
	transform: scale(1.05);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
	outline: none !important;
}

	

.wpcf7-spinner {
	position: absolute;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #65ae6c;
	border: none;
	padding: 1em;
	color: #fff;
	font-weight: 700;
	margin: 0;
}

.wpcf7-not-valid-tip {
	font-size: 0.8em;
	font-weight: 700;
}






/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.wp-block-image img {
	width: 100%;
	max-width: none;
}

.teaser_images_wrapper {
	position: relative;
}

.teaser_image {
	position: absolute;
	transition: all 0.5s;
	/*-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
	border-radius: 0.5em;*/
	overflow: hidden;
	transform-origin: top left;
}

.teaser_image img {
	transform: scale(1);
	transition: all 1s;
	aspect-ratio: 16 /  10;
	object-fit: cover;
	object-position: center center;
}

.teaser_image:hover img {
	transform: scale(1.1);
}

.teaser_image.image1 {
	transform: scale(0.4) translateX(30%) translateY(-5%);
	z-index: 3;
}
.teaser_image.image1:hover {
	
}

.teaser_image.image1 img {
	aspect-ratio: 1;
	object-fit: cover;
}

.teaser_image.image2 {
	transform: scale(0.6) translateX(80%) translateY(0%);
	z-index: 2;
}

.teaser_image.image2 img {
	aspect-ratio: 1;
	object-fit: cover;
}

.teaser_image.image3 {
	transform: scale(0.5) translateX(10%) translateY(140%);
	z-index: 3;
}

.teaser_image.image4 {
	transform: scale(0.55) translateX(110%) translateY(165%);
	z-index: 4;
}

.teaser_image.image5 {
	transform: scale(0.4) translateX(60%) translateY(180%);
	z-index: 2;
}
.teaser_image.image5 img {
	aspect-ratio: 1;
}


#map_rw {
	height: 70vmin;
}


.ico_grid_wrapper .is-layout-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2em 0;
}

.ico_grid_wrapper .is-layout-grid figure {
	text-align: center;
}

.ico_grid_wrapper .is-layout-grid figure img {
	width: 3.5em;
	height: 3.5em;
	object-fit: contain;
	object-position: center bottom;
}

.partner_box_wrapper {
	transform: translateX(-2.25em);
}


.partner_box {
	padding-bottom: 2em;
}

.partner_box p {
	text-transform: uppercase;
	color: #938D6B;
}


.partner_box figure {
	width: 80%;
	aspect-ratio: 2 / 1;
	margin: 0 auto;
	background-color: rgba(255,255,255,0);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	transition: all 0.5s;
}

.partner_box figure:hover {
	/*background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);*/
}

.partner_box a {
	display: contents;
}

.partner_box figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	filter: brightness(0);
	padding: 1em;
	transition: all 0.5s;
}

.partner_box figure img:hover {
	/*filter: brightness(1);*/
}

.partner_box.box1 img {
	transform: scale(0.75);
}

.partner_box.box3 img {
	transform: scale(0.8);
}

/* parallax elements */

.parallax-stage {
  position: relative;
  overflow: visible; /* keep overflow visible so transforms can float */
	pointer-events: none;
}

.parallax-stage.stage1 {
	margin-bottom: -24em;
}

/* Your elements are positioned relative already; transforms won’t break layout */
.parallax {
  position: relative;
  will-change: transform;
  transition: transform 0.06s linear; /* tiny smoothing for wheel/touch jitter */
}

figure.parallax {
	pointer-events: none;
}

figure.parallax img {
	border-radius: 0.25em;
	-webkit-box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
	box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
	object-fit: cover;
	object-position: center center;
}

figure.parallax a {
	display: contents;
	pointer-events: auto;
}

.parallax.lvl1 {
	z-index: 4;
}
.parallax.lvl2 {
	z-index: 3;
}
.parallax.lvl3 {
	z-index: 2;
}

.px1 img {
	aspect-ratio: 0.8;
	/*transform: translateX(10%) translateY(-5%) scale(0.8);*/
}

.px2 img {
	aspect-ratio: 1.472;
	transform: scale(1.2) translateX(-10%) translateY(-5%);
}

.px3 img {
	aspect-ratio: 2.4;
	transform: translateX(5%) translateY(-60%);
}

.px4 img {
	aspect-ratio: 1;
	transform: scale(0.85) translateX(45%) translateY(-50%);
}

.px5 img {
	aspect-ratio: 1;
	transform: translateX(10%) translateY(-80%) scale(0.85);
}


.plx_img_wrapper {
	position: relative;
}

.plx_img_wrapper figure {
	height: 40vw;
}

.plx_img_wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*------------------------------------*\
	ANGEBOT
\*------------------------------------*/

#angebot h2 {
	margin-bottom: -0.75em;
}

.ang_wrapper_inner {
	display: flex;
	grid-gap: 1.5em;
}

.ang_iso {
	flex-basis: 40%;
}

.ang_iso_inner {
	position: sticky;
	top: 0;
}

.ang_iso_img {
	transform: translateX(-6%) translateY(20%);
}

.ang_filter {
	flex-basis: 15%;
	font-size: 0.86em;
}

.ang_list_wrapper {
	flex-basis: 45%;
}

.ang_list {
	display: grid;
	font-size: 0.86em;
	grid-template-columns: max-content repeat(7, auto);
}

.whg_row {
	display: contents;
}

.whg_row.row_header {
	text-transform: uppercase;
	font-weight: 600;
}

.whg_row.row_sub_header .col1 {
	grid-column: 1 / -1;
	font-weight: 600;
	text-align: left;
}

.whg_row.row_header > div {
	border-bottom: 2px solid #333;
}

.whg_row > div {
	border-bottom: 1px solid #333;
	padding: 0.4em 0;
}

.whg_row .col1 { text-align: left; padding-right: 0.5em; }
.whg_row .col2 { text-align: center; }
.whg_row .col3 { text-align: center; }
.whg_row .col4 { text-align: right; }
.whg_row .col5 { text-align: right; }
.whg_row .col6 { text-align: right; padding-right: 0.5em; }
.whg_row .col_info { text-align: center; }
.whg_row .col_gr { text-align: center; }


.st_reserviert .col6 { font-weight: 600; color: #EEF4E6 ; }
.st_reserviert:hover .col6 { color: rgba(255,255,255,0.6); }
.st_verkauft .col6 { font-weight: 600; color: #AF2029; }


.whg_row .col_gr img { 
	height: 1em;
	width: auto;
	filter: brightness(0);
	position: relative;
	top: -0.15em;
	transform: scale(1);
}

.whg_row .col_gr a:hover img { 
	transform: scale(1.15);
}


.whg_row .col_info img { 
	height: 1.2em;
	width: auto;
	filter: brightness(0);
	position: relative;
	top: -0.15em;
	transform: scale(1);
	cursor: pointer;
}

.whg_row .col_info img:hover { 
	transform: scale(1.15);
}



.hli_item > div {
	cursor: default;
}

.hli_item:hover > div {
	background-color: rgba(67, 78, 102, 0.1);
}

[data-art='parkplatz'] .col1 {
	display: none;
}

[data-art='parkplatz'] .col2 {
	grid-column: span 5;
	text-align: left;
}

[data-art='dispo'] .col2 {
	grid-column: span 2;
}

[data-art='dispo'] .col4 {
	grid-column: span 2;
}

[data-wid='h8'] > div {
	margin-bottom: 1.5em;
}


.filter_head {
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 2px solid #333;
	padding: 0.4em 0;
}

.filter_option {
	display: flex;
	width: 100%;
	align-items: center;
	padding-top: 0.5em;
	cursor: pointer;
}

.filter_option span {
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	border-radius: 100%;
	background-color: #fff;
	margin-right: 0.4em;
	border: 2px solid #fff;
}

.filter_option:hover span {
	opacity: 0.7;
}

.filter_option.active span {
	border-color: #000;
	background-image: url(/wp-content/uploads/sites/5/2025/09/ico_ms_check.svg);
	background-size: 60% auto;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1 !important;
}

.filter_block {
	margin-bottom: 2em;
}


#w8601, #w8602, #w8611, #w8612, #w8621, #w8622, #w8631, #w8632, #w8641, #w8801, #w8802, #w8811, #w8812, #w8821, #w8822, #w8831, #w8832, #w8841 {
	opacity: 0;
}

.w8601 #w8601,
.w8602 #w8602,
.w8611 #w8611,
.w8612 #w8612,
.w8621 #w8621,
.w8622 #w8622,
.w8631 #w8631,
.w8632 #w8632,
.w8641 #w8641,
.w8801 #w8801,
.w8802 #w8802,
.w8811 #w8811,
.w8812 #w8812,
.w8821 #w8821,
.w8822 #w8822,
.w8831 #w8831,
.w8832 #w8832,
.w8841 #w8841 {
	opacity: 1;
}


.h1 #h1 *, .h2 #h2 *, .h3 #h3 *, .h4 #h4 *, .h5 #h5 *, .h6 #h6 *, .h7 #h7 *, .h8 #h8 * {
	fill: #b5a349 !important;
}

.sub_list_info {
	text-align: left;
	font-size: 0.65em;
	padding: 1.5em 0;
	display: flex;
}

.sub_list_info span {
	display: inline-block;
	padding-right: 2em;
}


.ang_downloads {
	display: flex;
	grid-gap: 4em;
	align-items: flex-end;
	display: none !important;
	position: relative;
}



.ang_download .dl_ico {
	height: 1.2em;
	width: auto;
	margin-bottom: 1em;
}

.dl_link {
	text-transform: uppercase;
	color: #EEF4E6 ;
	font-size: 0.86em;
	font-weight: 500;
}

.dl_link:hover {
	color: #000;
}

.ang_button {
	padding-bottom: 0.4em;
}

.fp_wrapper {
	padding: 1.5em 0;
	display: none !important;
}

.fp_inner > div {
	display: flex;
	align-items: center;
}

.fp_inner h2 {
	margin: 0;
	margin-right: 2em;
}

.fp_logo img  {
	height: 2.8em;
	width: auto;
}


/* Whg Ovl Panels */

.whg_panel_wrapper {
	position: fixed;
	width: 60em;
	max-width: 100%;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #e0d9cf;
	border-radius: 0.25em;
	-webkit-box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
	box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
	padding: 2em;
	z-index: 15;
	pointer-events: none;
	opacity: 0;
	transition: all 0.5s;
}

.whg_panel_wrapper.active {
	opacity: 1;
	pointer-events: auto;
}

.panel_title {
	color: #EEF4E6 ;
	font-weight: 600;
	font-size: 1.4em;
}

.panel_infos {
	display: grid;
	grid-template-columns: auto auto;
	padding: 0.5em 0;
	border-top: 2px solid;
	border-bottom: 2px solid;
	margin: 0.5em 0;
}

.panel_preis {
	grid-row: span 2;
	font-size: 1.4em;
	text-align: right;
	align-self: flex-end;
	font-weight: 600;
}

.panel_legende {
	font-size: 0.76em;
	padding-top: 0.5em;
}

.panel_infos .trn {
	display: inline-block;
	margin: 0 0.5em;
}

.panel_content {
	display: grid;
	grid-template-columns: 7em auto 6em;
	grid-gap: 1em 2em;
	padding-bottom: 5em;
}

.panel_etage {
	font-size: 1.4em;
	font-weight: 600;
	grid-column: 1 / -1;
}

.panel_downloads {
	align-self: flex-end;
}

.panel_downloads .wp-block-button {
	position: absolute;
	bottom: 2em;
}

.panel_grundriss {
	height: 25em;
	width: 100%;
	position: relative;
}

.panel_grundrisse img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center center;
	display: none;
}

.panel_grundrisse img.active {
	display: block;
}

.panel_nordpfeil {
	align-self: flex-end;
	mix-blend-mode: multiply;
}

[data-wid='h1'] .panel_nordpfeil img, [data-wid='h2'] .panel_nordpfeil img {
	transform: rotate(-17.25deg);
}
[data-wid='h3'] .panel_nordpfeil img, [data-wid='h4'] .panel_nordpfeil img {
	transform: rotate(-7.8deg);
}
[data-wid='h5'] .panel_nordpfeil img, [data-wid='h6'] .panel_nordpfeil img {
	transform: rotate(-19.625deg);
}
[data-wid='h7'] .panel_nordpfeil img, [data-wid='h8'] .panel_nordpfeil img {
	transform: rotate(-7.75deg);
}

[data-wid^='w86'] .panel_nordpfeil img {
	transform: rotate(-71deg);
}


.gr_control {
	display: flex;
	width: 2em;
	height: 2em;
	justify-content: center;
	align-items: center;
	/*background-color: rgba(255,0,0,0.4);*/
	position: absolute;
	top: calc(50% - 1em);
	cursor: pointer;
	z-index: 3;
}

.gr_prev {
	left: -3em;
}
.gr_prev span {
	transform: rotate(135deg);
}

.gr_next {
	right: -3em;
}
.gr_next span {
	transform: rotate(-45deg);
}

.gr_control span {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-bottom: 5px solid;
	border-right: 5px solid;
}
.gr_control:hover span {
	border-color: #EEF4E6 ;
}

.whg_panel_wrapper .close_ico {
	position: absolute;
	right: 1em;
	top: 0.8em;
	cursor: pointer;
}

.whg_panel_wrapper .close_ico span {
	display: flex;
	width: 1.2em;
	height: 1.2em;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}

.whg_panel_wrapper .close_ico span::before {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #000;
	position: absolute;
	transform: rotate(-45deg);
}
.whg_panel_wrapper .close_ico span::after {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #000;
	position: absolute;
	transform: rotate(45deg);
}


.panel_ovl_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(224, 217, 207, 0.8);
	z-index: 13;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s;
}

.panel_ovl_on .panel_ovl_bg {
	opacity: 1;
	pointer-events: auto;
}


.panel_kontakt_ovl_wrapper {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	width: 90%;
	max-width: 60em;
	height: auto;
	z-index: 15;
	max-height: 90vh;
	top: 5vh;
	left: 50%;
	padding: 2em 4em 2em 2em;
	transform: translateX(-50%);
	background-color: #EEF4E6 ;
	-webkit-box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
	box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
	transition: all 1s;
}

.kontakt_ovl_on .panel_kontakt_ovl_wrapper {
	opacity: 1;
	pointer-events: auto;
}

.panel_kontakt_ovl_inner {
	padding: 0 2em 2em 2em;
		overflow-y: scroll;
	height: 85vh;
	
	scrollbar-width: thin;
scrollbar-color: #e0d9cf rgba(255,255,255,0.5); /* thumb, track */
	
}

.panel_kontakt_ovl_inner::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.panel_kontakt_ovl_inner::-webkit-scrollbar-track {
background: rgba(255,255,255,0.5);
}
.panel_kontakt_ovl_inner::-webkit-scrollbar-thumb {
background-color: #e0d9cf; 
border-radius: 8px;
border: 2px solid rgba(255,255,255,0.5); 
}


.panel_kontakt_ovl_inner h2 {
	margin-bottom: 0.5em !important;
	margin-top: 0.5em;
}

.panel_kontakt_ovl_wrapper .close_ico {
	position: fixed;
	right: 1em;
	top: 0.8em;
	cursor: pointer;
}

.panel_kontakt_ovl_wrapper .close_ico span {
	display: flex;
	width: 1.2em;
	height: 1.2em;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}

.panel_kontakt_ovl_wrapper .close_ico span::before {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #000;
	position: absolute;
	transform: rotate(-45deg);
}
.panel_kontakt_ovl_wrapper .close_ico span::after {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #000;
	position: absolute;
	transform: rotate(45deg);
}

/* slider */



.slick_btn {
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	border-bottom: 3px solid #000;
	border-left: 3px solid #000;
	bottom: 1.2em;
	z-index: 5;
	cursor: pointer;
}

.slick_btn.slick-disabled {
	opacity: 0.4;
}

.slick_btn.slick_next {
	transform: rotate(-135deg);
	left: calc(50% + 8.5em);
}

.slick_btn.slick_prev {
	transform: rotate(45deg);
	right: calc(50% + 8.5em);
}

.ps_slider {
	opacity: 0;
}

.page_init .ps_slider {
	opacity: 1;
}


.ps_slider::before {
	content: '';
	position: absolute;
	width: 24em;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background: #e0d9cf;
background: linear-gradient(90deg, rgba(224, 217, 207, 1) 0%, rgba(224, 217, 207, 0) 100%);
}

.ps_slider::after {
	content: '';
	position: absolute;
	width: 24em;
	height: 100%;
	top: 0;
	right: 0;
	pointer-events: none;
	z-index: 5;
	background: #e0d9cf;
background: linear-gradient(270deg, rgba(224, 217, 207, 1) 0%, rgba(224, 217, 207, 0) 100%);
}




.ps_slide .slide_inner {
	text-align: center;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 4em;
	width: 16em;
	position: relative;
	pointer-events: none;
}

.ps_slide .slide_inner::before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 8.3em;
}

.ps_slide.slide1 .slide_inner::before {
	content: '';
	width: 50%;
	left: 50%;
}

.ps_slide.slide8 .slide_inner::before {
	content: '';
	width: 50%;
	left: 0%;
}


.ps_bubble {
	position: relative;
	width: 8.6em;
	height: 8.6em;
	padding: 1em;
	font-weight: 500;
	background-color: #EEF4E6 ;
	border-radius: 100%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(1);
	transition: all 0.5s;
}

.current_status .ps_bubble::after {
	content: 'STAND HEUTE';
	font-weight: 700;
	position: absolute;
	bottom: -2.25em;
	left: 50%;
	transform: translateX(-50%);
	color: #EEF4E6 ;
	white-space: nowrap;
	font-size: 0.75em;
	letter-spacing: 0.08em;
}

.slick-current .ps_bubble {
	color: #000;
	background-color: #fff;
	transform: scale(1.25);
}

.ps_bubble img {
	height: 3.2em;
	width: 3.2em;
	object-fit: contain;
	object-position: center bottom;
	position: absolute;
	left: 0;
	top: -1.4em;
}

.ps_slide.slide5 .ps_bubble img, .ps_slide.slide6 .ps_bubble img, .ps_slide.slide7 .ps_bubble img, .ps_slide.slide8 .ps_bubble img {
	left: auto;
	right: 0;
}

.ps_text {
	padding-top: 4em;
	opacity: 0;
	transition: all 0.5s;
}

.slick-current .ps_text {
	opacity: 1;
}




/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


h2 {
	font-weight: 300;
	font-size: 2.8em;
	margin-bottom: 0.5em;
	line-height: 1.2;
	opacity: 0.75 !important;
}

h4 {
	font-size: 1.2em;
	font-weight: 300;
}

.def_lauftext {
	font-size: 1.25em;
}

.teaser_title {
	--scroll-progress: 0%;
	color: #fff;
	font-size: 5.8em;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 0;
	z-index: 6;
	text-transform: uppercase;
	position: relative;
	pointer-events: none;
	clip-path: circle(calc(0.68% * var(--scroll-progress)));
}

.teaser_title em {
	font-style: normal;
	display: inline-block;
	position: relative;
	overflow: hidden;
	
	/*  -webkit-mask-image: linear-gradient(-90deg, transparent 0%, transparent 45%, black 55%, black 100%);
  -webkit-mask-size: 300% 100%;
  -webkit-mask-position: 100% 0;
  mask-image: linear-gradient(-90deg, black 0%, transparent 0%, transparent 45%, black 55%, black 100%);
  mask-size: 300% 100%;
  mask-position: 100% 0;
	
	transition: all 4s;*/
}

.teaser_title em.inview {
/*	-webkit-mask-position: 0% 0;
  mask-position: 0% 0;*/
}



.wp-block-button__link {
	background-color: #000;
	border-radius: 9999px;
	padding: calc(0.6em + 2px) calc(1.8em + 2px);
	font-weight: 600;
	transition: all 0.5s;
	transform: scale(1);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0);
	font-size: 0.9em;
}

.wp-block-button__link:hover {
	/*background-color: #fff;
	color: #000;*/
	color: #fff;
	transform: scale(1.05);
	-webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.25);
}



/* Fancybox */

.fancybox__backdrop {
	background-color: rgba(224, 217, 207, 0.8) !important;
}

.fancybox-image {
	transform: scale(0.9);
	-webkit-box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
	box-shadow: 0.1em 0.1em 0.6em 0 rgba(0,0,0,0.2);
}

.f-button {
	--f-button-width: 6em !important;
	--f-button-height: 6em !important;
	background: #EEF4E6  !important;
}

.f-button svg {
	--f-button-svg-width: 3em !important;
	--f-button-svg-height: 3em !important;
}


.fancybox__nav .is-next {
	transform: scale(1) translateX(-100%) !important;
}

.fancybox__nav .is-prev {
	transform: scale(1) translateX(100%) !important;
}








.hide {
	display: none !important;
}


.logo_wibea_intro img {
	width: 16em;
	height: auto;
	filter: brightness(0) invert(1);
}















/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/


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

.anim.delay1 {
	transition-delay: 0.2s;
}
.anim.delay2 {
	transition-delay: 0.4s;
}
.anim.delay3 {
	transition-delay: 0.6s;
}
.anim.delay4 {
	transition-delay: 0.8s;
}
.anim.delay5 {
	transition-delay: 1s;
}
.anim.delay6 {
	transition-delay: 1.2s;
}

.anim {
	transition: all 1.5s;
}

h2.anim {
	opacity: 0;
	transform: translateX(-2em);
}
h2.anim.inview {
	opacity: 1;
	transform: translateX(0);
}

p.anim {
	opacity: 0;
	transform: translateX(4em);
}
p.anim.inview {
	opacity: 1;
	transform: translateX(0);
}

.wp-block-buttons.anim {
	opacity: 0;
	transform: translateX(-2em);
}
.wp-block-buttons.anim.inview {
	opacity: 1;
	transform: translateX(0);
}

.ico_grid_wrapper figure.anim {
	opacity: 0;
	transform: scale(0.7);
}
.ico_grid_wrapper figure.anim.inview {
	opacity: 1;
	transform: scale(1);
}

.fp_logo.anim {
	opacity: 0;
	transform: scale(0.7);
}
.fp_logo.anim.inview {
	opacity: 1;
	transform: scale(1);
}

.partner_box.anim {
	opacity: 0;
	transform: scale(0.7);
}
.partner_box.anim.inview {
	opacity: 1;
	transform: scale(1);
}

}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


.filter_button_wrapper, .filter_mob_close {
	display: none;
}




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

	.wrapper {
		font-size: 1.4vw;
	}
	
	.partner_box_wrapper {
		transform: translateX(-1.5em);
	}
	
	
}



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

	.wrapper {
		font-size: 2.4vw;
	}
	
	#intro_wrapper .logo_wibea {
		height: 8vw;
	}
	
	.menu_ico_ct {
		right: 1.5em;
	}
	
	.projekt_content_wrapper {
		flex-direction: column;
	}
	
	.projekt_sym_spacer {
		display: none;
	}
	
	.teaser_title {
		font-size: 3.6em;
	}
	
	.button_projekt {
		justify-content: center;
	}
	
	.teaser_images_wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1em;
	}

	.teaser_image {
		transform: scale(1) translateX(0%) translateY(0%) !important;
		z-index: 3;
		position: relative !important;		
	}
	
	.teaser_image img {
		aspect-ratio: 1 !important;
	}
	
	
}

@media only screen and (max-width : 781px)  {
	
	.wrapper {
		font-size: 3.6vw;
	}
	
	section article, .article {
		width: 90%;
	}
	
	.nav ul {
		font-size: 2.1em;
	}
	
	.menu_ico_ct {
		background-color: #e0d9cf;
		padding: 0.6em;
		border-radius: 100%;
		top: 0.5em;
		right: 0.5em;
	}
	
	
	
	.mob_no_flex_gap {
		gap: 0;
	}
	
	.kontakt_panel {
		top: 90vmin;
	}
	
	.fp_inner > div {
		align-items: flex-start;
		flex-direction: column;
		gap: 1em;
	}

	.ang_wrapper > div {
		flex-direction: column;
	}
	
	.ang_iso_img {
		transform: translateX(0%) translateY(0%); 
	}	
	
	.ang_iso_img svg {
		width: 50em;
		max-width: 80%;
		display: block;
		margin: 0 auto;
	}
	
	.parallax-stage.stage1 {
		margin-bottom: -66vmin;
	}
	
	.ps_slider::before, .ps_slider::after {
		width: 20vmin;
	}
	
	.ang_iso {
		background-color: #e0d9cf;
		position: sticky;
		top: 0;
		z-index: 3;
	}
	
	section:not(#angebot):not(#intro_wrapper) {
		/*overflow-x: hidden;*/
	}
	
	.ang_filter {
		position: fixed;
		background-color: #e0d9cf;
		width: auto;
		z-index: 11;
		top: 50%;
		padding: 1.5em 2em 0 2em;
		left: 0;
		transform: translateY(-50%) translateX(-105%);
		border-radius: 0 1em 1em 0;
		-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
		transition: transform 0.5s;
		font-size: 1em;
	}
	
	.ang_filter.active {
		transform: translateY(-50%) translateX(0%);
	}
	
		.ang_filter .btn_kontakt {
			display: none;
		}
	
	#angebot h2 {
		margin-bottom: auto;
	}
	
	.sub_list_info {
		font-size: 0.8em;
		display: flex;
		flex-direction: column-reverse;
	}
	
	.filter_button_wrapper {
		display: flex;
		padding-bottom: 1em;
		margin-top: -3em;
		z-index: 3;
		position: relative;
	}

	
	.filter_button {
		background-color: #000;
		color: #fff;
		border-radius: 9999px;
		padding: calc(0.6em + 2px) calc(1.8em + 2px);
		font-weight: 600;
		font-size: 0.9em;
		cursor: pointer;
	}
	
	.filter_mob_close {
		display: flex;
		width: 1.6em;
		height: 1.6em;
		right: 0.5em;
		top: 0.5em;
		background-color: #000;
		border-radius: 100%;
		position: absolute;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	
	.filter_mob_close::before {
		content: '';
		position: absolute;
		width: 0.8em;
		height: 0.2em;
		background-color: #fff;
		transform: rotate(45deg);
	}
	
	.filter_mob_close::after {
		content: '';
		position: absolute;
		width: 0.8em;
		height: 0.2em;
		background-color: #fff;
		transform: rotate(-45deg);
	}
	
	.panel_grundrisse {
		grid-column: 1 / -1;
		order: 0;
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.whg_panel_wrapper {
		z-index: 30;
	}
	
	.panel_legende {
		font-size: 0.86em;
		display: flex;
		flex-direction: column;
	}
	
	.panel_legende .trn {
		display: none;
	}
	
	.panel_details {
		grid-column: span 2;
	}
	
	.panel_preis {
		order: 4;
	}
	
	.panel_content {
		grid-template-columns: 2fr 1fr;
		padding-bottom: 0;
	}
	
	.panel_downloads {
		order: 5;
	}
	
	.panel_downloads .wp-block-button {
		position: relative;
		bottom: auto;
	}
	
	.panel_grundriss {
		height: 45vmin;
	}
	
	.panel_nordpfeil {
		order: 7;
		display: flex;
		justify-content: flex-end;
	}
	
	.panel_nordpfeil img {
		height: 5em;
		width: auto;
	}
	
	
	.panel_kontakt_ovl_wrapper {
		z-index: 40;
		padding: 3em 1em 2em 1em;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 100%;
	}
	
	.panel_kontakt_ovl_inner {
		padding-left: 0;
		padding-right: 0;
		height: 135vmin;
	}
	
	
	.txt_line.add_text p {
		font-size: 0.5em;
	}
	
	.arrow_down {
		top: 135vmin;
	}
	
	#stoerer_wrapper {
		top: calc(135vmin - 12em);
		font-size: 0.8em;
	}
	
	.parallax {
		/*transform: none !important;*/
	}
	
	.whg_row .col4, .whg_row .col5 {
		display: none;
	}
	
	.whg_row .col_info {
		display: unset;
		text-align: center;
	}
	
	.whg_row .col_info img {
		height: 1.4em;
		width: auto;
	}
	
	.ang_list {
		grid-template-columns: 3.5em repeat(3, auto) 4em 3.5em;
		font-size: 4vw;
	}
	
	.whg_row.row_header {
		font-size: 0.8em;
	}
	
	[data-art="parkplatz"] .col2 {
		grid-column: span 3;
	}
	
	.kontakt_panel_sym {
		padding: 0.36em;
	}
	
	.kontakt_panel_sym img {
		width: 2em;
		height: 2em;
	}
	
	.teaser_title {
		font-size: 12vmin;
	}
	
	figure.parallax img {
		/*transform: none !important;
		aspect-ratio: 1;*/
	}
	
	.mob_half {
		font-size: 0.5em;
	}
	
	.fancybox__nav .is-next {
		transform: scale(1) translateY(50vmin) translateX(-0%) !important;
	}
	
	.fancybox__nav .is-prev {
		transform: scale(1) translateY(50vmin) translateX(0%) !important;
	}
	
	.fancybox-image {
		transform: scale(1);
	}
	
	.parallax-stage.stage1 :where(.wp-block-columns) {
		margin-bottom: 1em;
	} 
	
	.parallax-stage.stage1 :where(.wp-block-columns.is-layout-flex) {
		gap: 1em;
	}
	
	#map_rw {
		height: 100vmin;
	}
	
	[data-name='Interesse'] .ms_checkbox {
		display: flex;
		flex-direction: column;
	}
	
	
	.footer_cols {
		flex-direction: column-reverse;
		align-items: center;
		gap: 1em;
		padding-bottom: 4em;
	}
	
	
	#intro_content::after {
		display: none;
	}
	
	
	.page-id-454 #intro_overlay, .page-id-454 #intro_base {
		height: 135vmin;
	}
	
	.triage_buttons_wrapper {
		font-size: 1em;
	}
	

}

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

	.wrapper {
		font-size: 21px;
	}
	
	#intro_wrapper .logo_wibea {
		height: 14vw;
	}
	
	
	h2 {
		font-size: 2.1em;
	}
	
	.kf_grid_wrapper {
		grid-template-columns: 1fr !important;
	}
	
	.ico_grid_wrapper .is-layout-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.plx_img_wrapper figure {
		/*height: 66vmin;*/
	}
	
	/*
	.txt_line {
		font-size: clamp(18px, 12vw, 13.5vh);
	}
	
	.page_init .txt_line.add_text {
		transform: scale(1) translateX(calc(0.25em - var(--introtxtdiff)));
	}
	
	.txt_line.add_text p {
		font-size: 0.36em;
	}
	
	.page_init #intro_base {
		clip-path: inset(calc(var(--insetadjust) - var(--offsetreduce) * 1.2em) calc(var(--insetadjust) - var(--offsetreduce) * 4.6em) calc(var(--insetadjust) - var(--offsetreduce) * -0.05em) calc(var(--insetadjust) - var(--offsetreduce) * -1.2em));
	}
	
	.page_init .txt_line.line1 {
		transform: scale(1) translateX(calc(-0.8em - var(--introtxtdiff)));
	}
	
	.page_init .txt_line.line2 {
		transform: scale(1) translateX(calc(-0.1em + var(--introtxtdiff)));
	}
	
	.page_init .txt_line.line3 {
		transform: scale(1) translateX(calc(-1.2em - var(--introtxtdiff)));
	}
	
	.page_init .txt_line.line4 {
		transform: scale(1) translateX(calc(0.2em + var(--introtxtdiff)));
	}
	*/
	
	
}

@media (max-aspect-ratio: 1.45 / 1) {
  
	#intro_base {
		background-size: auto var(--bgsize);
	}
	
}

@media (max-aspect-ratio: 1) {
  
	
	#intro_content, #intro_scrollspace {
		height: 135vmin;
	}
	

	

	
	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}