/*
	Theme Name: HTML5 Blank
	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: source-serif-pro, serif;
font-weight: 300;
	color: #646464;
	background-color: #F5F5F5;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

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

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

/* wrapper */
.wrapper {
	position:relative;
	font-size: 1.1vw;
	overflow-x: clip;
}

article {
	max-width: 70em;
	width:95%;
	margin:0 auto;
}

/* header */
.header {
	position: fixed;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 20;
	transition: all 0.5s;
}

.scrld .header {
	height: 4em;
	backdrop-filter: blur(10px);
	background-color: rgba(100,100,100,0.8);
}

.menuopen .header {
	background-color: rgba(100,100,100,0);
}

.header_hide .header {
	transform: translateY(-101%);
}

.menuopen .header {
	transform: translateY(0%) !important;
}

/* logo */
.logo {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scale(4) translateY(calc(14vh - 50%));
	top: 0.6em;
	transition: all 2s;
	transition-delay: 1s;
	opacity: 0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.logo-sym {
	height: 4.2em;
	width: auto;
}

.page_init .logo {
	opacity: 1;
}

.intro_load2 .logo {
	transition-delay: unset;
	transform: translateX(-50%) scale(2) translateY(calc(4vh - 0%));
}
.intro_load2.scrld .logo {
	transition: all 1s;
	transform: translateX(-50%) scale(1) translateY(calc(0vh - 0%));
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 75%);
}

.page-template-tpl-subsite .logo {
	transform: translateX(-50%) scale(1) translateY(calc(0vh - 0%)) !important;
	transition: unset;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 75%);
}


/* nav */
.nav {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(100,100,100, 0.8);
	backdrop-filter: blur(10px);
	/*left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);*/
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 15;
	top: 0;
	left: 0;
	clip-path: inset(0);
	transition: all 0.5s;
	opacity: 0;
	pointer-events: none;
}

.scrld .nav {
	z-index: 9;
}

.menuopen .nav {
	opacity: 1;
	pointer-events: auto;
	clip-path: inset(0);
}

.nav ul {
	list-style: none;
	text-align: center;
	font-size: 1.2em;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	position: relative;
	/*
	font-family: 'Times Now';
	font-size: 4vmin;
	font-style: italic;
	letter-spacing: 0.05em;
	font-weight: 200;
	*/
	padding: 0;
	padding-bottom: 4em;
	font-family: archivo, sans-serif;
font-weight: 200;
font-style: normal;
}

.nav li {
	padding: 0.5em 0;
}

.nav a {
	color: #f5f5f5;
	transition: all 0.5s;
	transform: scale(1);
	display: inline-block;
}

.nav a:hover {
	color: #fff;
	/*transform: scale(1.1);*/
	letter-spacing: 0.2em;
}


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

.menuopen .menu_ico_ct {

}



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

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

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

.menu_ico_ct:hover .menu_icon_line {
	
}

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

.menu_icon .line2 {
	
}

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

.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 {
	display: none;
}




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


.intro_wrapper {
	position: relative;
	transition: all 1s;
	opacity: 0;
}

.page_init .intro_wrapper {
	opacity: 1;
}
/*
.intro_wrapper::before {
	content: '';
	background: #646464;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.8;
	transition: opacity 2s;
	mix-blend-mode: multiply;
	z-index: 3;
	backdrop-filter: blur(10px);
}

.scrld_int .intro_wrapper::before {
	opacity: 0.03;
}*/

.intro_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	backdrop-filter: blur(10px);
	background-color: rgba(100,100,100,0.5);
	opacity: 1;
	transition: all 1.5s;
}

.intro_load2 .intro_bg {
	opacity: 0;
}

.intro_img img {
	min-height: 100vh;
	object-fit: cover;
}

.intro_text_wrapper {
	position: absolute;
	top: 0;
	text-transform: uppercase;
	left: 4em;
	top: 100vh;
	transform: translateY(-100%);
}

.intro_text_inner {
	display: flex;
	flex-direction: column;
	grid-gap: 0.25em;
}


.intro_text_inner div span {
	display: inline-block;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding-left: 0.2em;
	padding-right: 0.6em;
	transition: all 1s;
	transform: translateX(2em);
	opacity: 0;
}

.intro_load2 .intro_text_inner div span {
	opacity: 1;
	transform: translateX(0em);
}

.intro_text_wrapper .tx1 span, .intro_text_wrapper .tx3 span {
	font-weight: normal;
	font-family: "BentonModernDisplayRegularItalic";
	font-style: normal;
	font-size: 2.8em;	
}

.intro_text_wrapper .tx2 span {
	font-family: archivo, sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 1.8em;
}

.intro_text_wrapper .tx1 span {
	transition-delay: 1.2s;
}
.intro_text_wrapper .tx2 span {
	transition-delay: 1.4s;
}
.intro_text_wrapper .tx3 span {
	transition-delay: 1.6s;
}




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

/* LP main content */

.main_content_wrapper {

}

.main_content {
	position: relative;
}

.lp_tx1 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	color: #222D43;
	font-size: 3.6em;
	line-height: 1.1;
	padding: 0 1em;
	margin: 0.5em auto;
}

.lp_img2 {
	position: relative;
}

.lp_img2::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(https://montvue.ilasixuh.myhostpoint.ch/wp-content/uploads/2025/07/mv_img2.jpg);
	background-size: cover;
	background-position: center bottom;
	top: 0;
	left: 0;
	opacity: 0.7;
	filter: contrast(1.1);
}

.lp_img2 img {
	mix-blend-mode: multiply;
	opacity: 0.7;
	margin-top: -4em;
}

.lp_tx2_wrapper {
	position: relative;
	z-index: 3;
}

.lp_tx2 {
	font-size: 5.6em;
	color: rgba(255,255,255,0.6);
	line-height: 1;
	white-space: nowrap;
	margin: 0.5em 0;
}

.lp_img3_wrapper {
	position: relative;
}

.lp_img3 {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	transform: scale(1.75) translateY(5%);
}

.lp_img3 img {
	transform: translateY(5%);
}



#kontakt {
	background-color: rgba(100,100,100,0.7);
	color: #fff;
}

.wpcf7_wrapper {
	padding-right: 4em;
	font-size: 1.4em;
}

.kontakt_form_wrapper {
	position: relative;
	color: #fff;
	padding-top: 1em;
	z-index: 5;
}

.kontakt_form_wrapper > div {
	position: relative;
	z-index: 3;
}

.lp_tx3 {
	line-height: 1;
	font-size: 2.8em;
}

.kontakt_adressen_wrapper {
	position: relative;
}

.kontakt_adressen {
	padding: 1.5em 1em 1.5em 0em;
}

.kontakt_adressen_wrapper strong {
	font-weight: normal;
	font-family: archivo, sans-serif;
font-weight: 500;
font-style: normal;
}


.kontakt_adressen > div {
	position: relative;
	z-index: 3;
}

.kontakt_adressen_wrapper a, .inl_links a {
	color: #fff !important;
	border-bottom: 1px solid;
	line-height: 1;
	display: inline-block;
	margin-bottom: 0.1em;
}

.kontakt_adressen_wrapper a:hover, .inl_links a:hover {
	opacity: 0.7;
}

.kontakt_adressen h4 {
	font-family: aktiv-grotesk-extended, sans-serif;
	font-style: normal;
	font-weight: 800;
	margin: 0.2em 0;
	margin-bottom: -0.5em;
}


.kontakt_adressen_wrapper .inl_links {
	color: #fff;
}

.logo_immotip img {
	height: 2em;
	width: auto;
}

.logo_ts img {
	height: 2em;
	width: auto;
}

.logo_akb img {
	height: 2em;
	width: auto;
}

.logo_immotip a, .logo_ts a, .logo_akb a {
	text-decoration: none !important;
	border-bottom: none !important;
}

/* project page */

.text_box {
	padding: 0 4em;
}

.image_box {
	position: relative;
}

.material_ovl {
	position: relative;
	z-index: 3;
}

.material_ovl .bg_weiss {
	
}

.material_ovl .bg_weiss h3 {
	margin-left: unset;
}

.float_img6 {
	margin-top: 2em;
}
.float_img6 img {
	transform: scale(1.2) translateX(-18%) translateY(25%);
}

.material_ovl .text_box {
	padding: 4em 10em 3em 10em;
	color: #fff;
	background-color: rgba(100,100,100,0.7);
	backdrop-filter: blur(10px);
}









.lage_head_wrapper {
	position: relative;
	transform: translateY(6em);
	z-index: 3;
	filter: brightness(0) invert(1);
	margin-bottom: -14em;
}













.poi_wrapper {
	position: relative;
}

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




#poi_labels {
	position: absolute;
	width: 100%;
	z-index: 3;
	max-width: unset;
	height: auto;
	top: 0;
	left: 0;
}

#poi_labels > g [data-name='dot'] {
	transition: all 0.5s;
	transform: scale(1);
	transform-origin: center center;
	transform-box: fill-box;
}

#poi_labels > g:hover [data-name='dot'] {
	transform: scale(5);
}

#poi_labels > g [data-name='txt'] {
	transition: all 0.5s;
	transform: scale(1);
	transform-origin: center bottom;
	transform-box: fill-box;
}

#poi_labels > g:hover [data-name='txt'] {
	transform: scale(1.4);
}



#poi_labels [data-name='bg'] {
	opacity: 0;
}




.dist_tab_wrapper {
	padding: 0em 5em;
	position: relative;
	z-index: 3;
	font-family: archivo-expanded, sans-serif;
font-weight: 200;
font-style: normal;
}


.dist_tab_wrapper small::after {
	content: '.';
}

.dist_tab_wrapper td {
	border: none;
	white-space: nowrap;
	padding: 0.1em 0.3em;
	border-bottom: 1px solid;
}

.dist_tab_wrapper tr:first-of-type td {
	text-align: center;
	padding-bottom: 1.5em;
	position: relative;
	border-bottom: none;
}


.dist_tab_wrapper tr:first-of-type td:nth-of-type(5)::before, .dist_tab_wrapper tr:first-of-type td:nth-of-type(6)::before {
	  -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent 0.9em, black calc(0.9em + 1px));
  mask-image: radial-gradient(circle at 50% 50%, transparent 0.9em, black calc(0.9em + 1px));
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}




.dist_tab_wrapper tr:first-of-type img {
	width: 2.4em !important;
	height: 2em;
	object-fit: contain;
	object-position: center bottom;
}

.dist_tab_wrapper em {
	font-size: 0.75em;
	font-style: normal;
	top: -0.4em;
	position: relative;
}

.dist_tab_wrapper em::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 0.5em;
	margin-right: 0.3em;
	background-image: url(/wp-content/uploads/2025/09/ico_arrow.svg);
	background-position: center center;
	background-size: contain;
	position: relative;
	top: -0.1em;
}

.map_hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	transition: all 1s;
	
}

.map_hover:hover {
	opacity: 1;
}

/* Angebot */





.angebot_pre_wrapper .teaser_text {
	margin-bottom: -1em;
	position: relative;
	z-index: 5;
}

.ang_wrapper {
	font-family: archivo, sans-serif;
font-weight: 200;
font-style: normal;
}


#ang_iso {
	position: sticky;
	top: 0;
	z-index: 4;
}

#ang_iso svg {
	overflow: visible;
}


.status_legende {
	font-family: archivo, sans-serif;
	font-weight: 200;
	font-style: normal;
	text-align: center;
	display: flex;
	justify-content: center;
	font-size: 0.9em;
	margin-top: 2em;
	grid-gap: 2em;
}

.status_legende div span {
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	border-radius: 100%;
	background-color: #9C9D9C;
	margin-right: 0.6em;
	margin-bottom: -0.15em;
}

.status_legende div.st_frei span {
	background-color: #65CB9C;
}

.status_legende div.st_verkauft span {
	background-color: #EF7373;
}

.status_legende div.st_vorreserviert span {
	background-color: #EBDE99;
}


/*

#ang_iso svg .cls-7, #ang_iso svg .cls-2, #ang_iso svg .cls-4 {
	fill: transparent;
	stroke: #fff;
	stroke-width: 2;
}

#ang_iso svg .cls-9 {
	fill: #fff;
}

#ang_iso svg .cls-10 {
	opacity: 0.8;
}

#ang_iso svg .cls-9x {
	fill: #988778;
}
*/

.ang_iso_inner {
	/*background-color: rgba(255,255,255,0.0);*/
	padding: 5em 11em 0em 4em;
	/*backdrop-filter: blur(0.7em);*/
	background-color: #F5F5F5;
}

.whg_row {
	display: contents;
	text-align: center;
}



.row_header > div {
	font-size: 0.7em;
	text-transform: uppercase;
	font-family: archivo-expanded, sans-serif;
font-weight: 200;
font-style: normal;
	padding: 0.5em 0;
}

.row_item > div {
	border-bottom: 1px solid rgba(100,100,100,1);
	padding: 0.2em;
}

.row_item small {
	font-size: 0.65em;
}

.hlt_item:hover > div {
	background-color: rgba(192, 186, 179,0.5);
	font-weight: 400;
}

.whg_head_haus {
	grid-column: 1 / -1;
}

.whg_head_haus.whg_head_pp {
	padding-bottom: 2.4em;
}

.whg_head_haus span {
	text-transform: uppercase;
	font-family: archivo-expanded, sans-serif;
font-weight: 200;
font-style: normal;
	transform: translateX(-7em) translateY(1.5em);
	display: inline-block;
	font-size: 1.4em;
}

.whg_head_haus.first span {
	padding-top: 0;
}

.whg_info_wa8 {
	grid-column: 1 / -1;
	font-family: source-serif-pro, serif;
	font-size: 0.9em;
	padding-top: 1em;
	padding-left: 1.8em;
	font-weight: 300;
}

.ang_list {
	display: grid;
	grid-template-columns: 4em repeat(6, auto);
	padding-right: 8em;
}

.ang_legende {
	padding-right: 8em;
	padding-left: 1.4em;
}

.ang_legende_text {
	font-size: 0.9em;
	padding: 1em 8em 1em 2.5em;
	position: relative;
}

.ang_legende_text em {
	position: absolute;
	left: 0;
	font-style: normal;
}

[data-wid='pp1'] .col5::before {
	content: 'p.P. ';
}

.whg_row .col6 img {
	height: 1em;
	width: auto;
	top: -0.15em;
	position: relative;
}

.row_item:hover .col6 img {
	filter: none;
}

.row_item:hover .col6 img:hover {
	transform: scale(1.2);
}

.whg_row.st_vorreserviert .col6 img, .whg_row.st_reserviert .col6 img, .whg_row.st_verkauft .col6 img {
	opacity: 0.5;
}


.row_item .col1 {
	text-align: left;
	padding-left: 1.5em;
}

.row_item .col4, .row_item .col5 {
	text-align: right;
}

.row_item .col4 {
	padding-right: 29%;
}

.row_item .col5 {
	padding-right: 21%;
}


.whg_int {
	cursor: pointer;
}

.whg_row .col7 {
	position: relative;
}

.whg_row .col7 span::before {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 100%;
	background-color: #65CB9C;
}


.whg_row.st_vorreserviert .col7 span::before {
	background-color: #EBDE99;
}

.whg_row.st_reserviert .col7 span::before {
	background-color: #9C9D9C;
}

.whg_row.st_verkauft .col7 span::before {
	background-color: #EF7373;
}

.whg_row.st_verkauft, .whg_row.st_reserviert, .whg_row.st_vorreserviert {
	color: rgba(100,100,100,0.5);
}


[data-lvl="pp"] .col1 {
	grid-column: span 2;
	text-align: left;
}

[data-lvl="pp"] .col2 {
	display: none;
}



.ang_iso_img .cls-3 {
	fill: #fff !important;
	transition: all 0.5s;
}

.wa1 #wa1 polygon, .wa2 #wa2 polygon, .wa3 #wa3 polygon, .wa4 #wa4 polygon, .wa5 #wa5 polygon, .wa6 #wa6 polygon, .wa7 #wa7 path, .wa8 #wa8 path,
.wb1 #wb1 path, .wb2 #wb2 polygon, .wb3 #wb3 polygon, .wb4 #wb4 polygon, .wb5 #wb5 polygon, .wb6 #wb6 path, .wb7 #wb7 path,
.wc1 #wc1 path, .wc2 #wc2 polygon, .wc3 #wc3 polygon, .wc4 #wc4 polygon, .wc5 #wc5 polygon, .wc6 #wc6 polygon, .wc7 #wc7 path {
	/*fill: #f5f3f2;*/
	fill: #c0bab3 !important;
	
}

#ha_og1, #ha_og2, #ha_og3, #ha_og4, #hb_og1, #hb_og2, #hb_og3, #hc_og1, #hc_og2, #hc_og3 {
	transition: all 0.5s;
}

.h_a.eg #ha_og1, .h_a.eg #ha_og2, .h_a.eg #ha_og3, .h_a.eg #ha_og4,
.h_a.og1 #ha_og2, .h_a.og1 #ha_og3, .h_a.og1 #ha_og4, 
.h_a.og2 #ha_og3, .h_a.og2 #ha_og4,
.h_a.og3 #ha_og4,
.h_b.eg #hb_og1, .h_b.eg #hb_og2, .h_b.eg #hb_og3, .h_b.eg #hb_og4,
.h_b.og1 #hb_og2, .h_b.og1 #hb_og3, .h_b.og1 #hb_og4, 
.h_b.og2 #hb_og3, .h_b.og2 #hb_og4,
.h_b.og3 #hb_og4,
.h_c.eg #hc_og1, .h_c.eg #hc_og2, .h_c.eg #hc_og3, .h_c.eg #hc_og4,
.h_c.og1 #hc_og2, .h_c.og1 #hc_og3, .h_c.og1 #hc_og4, 
.h_c.og2 #hc_og3, .h_c.og2 #hc_og4,
.h_c.og3 #hc_og4 
{
	transform: translateY(-2em);
} 



/* Kontaktformular */

form.wpcf7-form {
	display: flex;
	flex-direction: column;
	font-family: "BentonModernDisplayRegularItalic";
	font-style: normal;
}

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;
	color: rgba(255,255,255,1);
	border-bottom: 2px solid;
	width: 100%;
	font-family: "BentonModernDisplayRegularItalic";
	font-weight: 300;
	font-style: normal;
	max-height: 6em;
	padding-bottom: 0.3em;
}

.kf_text input, .kf_text textarea {
	padding-left: 1em;
	font-family: archivo, sans-serif;
font-weight: 300;
font-style: normal;
}

.kf_text label {
  position: absolute;
  left: 0.15em;
  top: 0.2em;
  transition: all 0.2s ease-out;
  pointer-events: none;
	opacity: 0.6;
	letter-spacing: 0.05em;
	font-weight: 200;
	font-family: "BentonModernDisplayRegularItalic";
	font-style: normal;
}

.kf_text .wpcf7-form-control-wrap:focus-within + label, .kf_text .wpcf7-form-control-wrap.is_filled + label {
  top: -1.5em;
  font-size: 0.75em;
}



.wpcf7-list-item-label::before {
	content: "";
	position: relative;
	width: 1em;
	height: 1em;
	border: 2px solid;
	display: inline-block;
	margin-right: 0.5em;
	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/2025/11/ico_check_dk.svg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

[data-name="Interesse"] input {
	/*pointer-events: none;*/
}

.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 1fr;
}

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

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

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

.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;
	font-weight: 300;
	color: #fff;
	font-family: "BentonModernDisplayRegularItalic";
	font-style: normal;
}

.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;
}

.kf_dropdown .wpcf7-select option {
	font-size: 0.8em;
	color: #333;
	background-color: #fff;
}



.kf_datenschutz {
	font-size: 0.9em;
}

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



.kf_datenschutz a {
	text-decoration: underline;
}

.kf_submit {
	text-align: right;
	display: flex;
	justify-content: space-between;
}

.wpcf7-submit {
	border-radius: 0px;
	padding: 0;
	font-family: archivo, sans-serif;
font-weight: 300;
font-style: normal;
	transition: all 0.5s;
	border: 2px solid #fff;
	padding: 0.5em 1.5em;
	text-transform: uppercase;
	background-color: transparent;
	color: #fff;
	outline: none !important;
	letter-spacing: 0.06em;
	font-size: 0.9em;
	height: min-content;
}

.wpcf7-submit:hover {
	outline: none !important;
	color: rgba(100,100,100,1);
	background-color: #fff;
}

.wpcf7-acceptance {
	font-family: archivo, sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 0.8em;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-acceptance a {
	color: inherit;
	text-decoration: underline;
}
	

.wpcf7-spinner {
	position: absolute;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #65ae6c;
	border: none;
	padding: 1em;
	color: #fff;
	font-weight: 700;
	margin: 0;
	font-family: archivo, sans-serif;
font-weight: 600;
font-style: normal;
}

.wpcf7-not-valid-tip {
	font-size: 0.6em;
	font-weight: normal;
	letter-spacing: 0.06em;
	color: #FFBE00;
	font-style: normal;
	font-family: archivo, sans-serif;
font-weight: 600;
font-style: normal;
}




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


/* parallax */

.image_box {
	position: relative;
}

.image_box1 {
	height: 56em;
}

.image_box2 {
	height: 98em;
	margin-top: 36em !important;
}

.image_box3 {
	height: 100em;
}

.spacer_img {
	pointer-events: none;
	opacity: 0;
}

.float_img {
	position: absolute;
	transform-origin: top left;
	pointer-events: none;
	transform: translate3d(0, calc(var(--parallaxYvw, 0) * 1vw), 0); will-change: transform;
}

.float_img img {
	transform-origin: top left;
	pointer-events: auto;
}

.float_lvl1, .float_lvl2, .float_lvl3, .float_lvl4 {
transform: translate3d(0,var(--parallaxY,0),0);
will-change: transform;
}

.float_lvl1 {
	z-index: 4;
}
.float_lvl2 {
	z-index: 3;
}
.float_lvl3 {
	z-index: 2;
}
.float_lvl4 {
	z-index: 1;
}

.float_img1 img {
	transform: scale(1.05)translateX(15%);
}

.float_img2 img {
	transform: scale(0.8) translateX(100%) translateY(135%);
}


.float_img3 {
	margin-top: -30em;
}
.float_img3 img {
	transform: scale(0.7) translateX(22%) translateY(-10%);
	
}


.float_img4 img {
	transform: scale(0.57) translateX(10%) translateY(117%);
}

.float_img5 img {
	transform: scale(0.7) translateX(22%) translateY(130%)
}


.float_img7 img {
	transform: scale(0.9) translateX(10%) translateY(20%);
}

.float_img8 img {
	transform: scale(0.9) translateX(80%) translateY(95%);
}

.float_img9 {
	margin-top: 50em;
}
.float_img9 img {
	transform: scale(0.8) translateX(20%) translateY(0%);
}

.float_img10 {
	margin-top: 60em;
}
.float_img10 img {
	transform: scale(1) translateX(37%) translateY(25%);
}

.float_img11 img {
	transform: scale(1) translateX(75%) translateY(100%);
}

.float_img12 img {
	transform: scale(0.75) translateX(30%) translateY(220%);
}


.impressionen_wrapper {
	overflow-x: hidden;
}

.impressionen_wrapper .text_box {
	padding: 0 8em 0 1em;
}


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



h2 {
	font-size: 1.2em;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	position: relative;
	font-family: archivo-expanded, sans-serif;
font-weight: 200;
font-style: normal;
}

h2::before {
	content: '';
	position: absolute;
	width: 2em;
	height: 1em;
	left: 50%;
	top: 0;
	transform: translateX(-50%) translateY(-160%);
	background-image: url(/wp-content/uploads/2025/11/dk_sym_krone.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}



h3 {
	font-weight: normal;
	font-family: "BentonModernDisplayRegularItalic";
	font-style: normal;
	font-size: 3.6em;
	line-height: normal;
	margin: 0.5em 0 0.2em 0;
}



h4 {
	font-weight: 200;
	font-family: 'Times Now';
	line-height: normal;
	font-size: 1.5em;
	font-style: italic;
}

h5 {
	font-weight: 800;
	font-size: 1.8em;
	margin: 0.3em 0;
}


.teaser_text {
	font-weight: 200;
	font-family: 'Times Now';
	line-height: normal;
	font-size: 2.8em;
	font-style: italic;
}

.post-password-form {
	color: #fff;
}

.poi_title {
	line-height: 0.9;
}

.poi_title s {
	font-size: 1.2em;
	text-decoration: none !important;
}

.poi_title em {
	font-family: archivo, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 0.5em;
}

.poi_title em:first-of-type {
	transform: translateX(1.2em) translateY(-0.3em);
	display: inline-block;
}


@font-face {
  font-family: "BentonModernDisplayRegularItalic";
  src: url('fonts/BentonModernDisplayRegularItalic/font.woff2') format('woff2'), url('fonts/BentonModernDisplayRegularItalic/font.woff') format('woff');
}


/* Subsites */

.page-template-tpl-subsite {

}

.page-template-tpl-subsite main {
	padding: 6em 0;
}

.page-template-tpl-subsite article {
	max-width: 50em;
}

.page-template-tpl-subsite a, .page-template-tpl-subsite h3 {
	
}

.page-template-tpl-subsite h4 {
	margin-bottom: 0.2em;
	max-width: 100% !important;
	margin-left: 0;
	transition: none;
	opacity: 1;
	transform: none;
}

.page-template-tpl-subsite h5 {
	font-size: 0.8em;
	font-weight: 700;
}

/*------------------------------------*\
    ANIMATION
\*------------------------------------*/

.anim {
	transition: all 1.5s;
}

h2 {
	transition: all 1.5s;
	opacity: 0;
	transform: translateY(1em);
}

h2.inview {
	opacity: 1;
	transform: translateY(0em);
}

h2::before {
	opacity: 0;
	transform: translateX(-50%)translateY(-360%);
	transition: all 1.5s;
	transition-delay: 0.5s;
}

h2.inview::before {
	transform: translateX(-50%) translateY(-160%);
	opacity: 1;
}


.teaser_text {
	transition: all 1.5s;
	opacity: 0;
	transform: translateY(1em);
}

.teaser_text.inview {
	opacity: 1;
	transform: translateY(0em);
}

h3 {
	transition: all 1.5s;
	opacity: 0;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	transform: translateX(1em);
}

h3.inview {
	opacity: 1;
	transform: translateX(0em);
}

h4 {
	transition: all 1.5s;
	opacity: 0;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	transform: translateX(-2em);
}

h4.inview {
	opacity: 1;
	transform: translateX(0em);
}

p.anim {
	transition: all 1.5s;
	opacity: 0;
	transform: translateX(3em);
}

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

.float_img {
	opacity: 0;
	transition: opacity 1.5s;
}

.float_img.inview {
	opacity: 1;
}


.mob_only {
	display: none;
}


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

@media (max-aspect-ratio: 1/1) {
	

	
}


@media only screen and (max-width : 1100px)  {
	
	.wrapper {
		font-size: 1.6vw;
	}
	

	

	
	.teaser_text br {
		display: none;
	}
	
	h3 {
		font-size: 3.2em;
		max-width: 90%;
		margin: 0 auto;
	}
	
	h3:not(.poi_title) br {
		display: none;
	}
	
	
	
	.text_box {
		padding: 0 2em;
	}
	
	.material_ovl .text_box {
		padding: 2em 6em 2em 6em;
	}
	
	.dist_tab_ct {
		flex-direction: column;
	}
	
	.dist_tab_wrapper {
		max-width: 90%;
		margin: 0 auto;
		transform: none;
	}
	
	.material_ovl .bg_weiss {
		flex-basis: 100% !important;
	}
	
	.ang_list {
		padding-right: 0;
	}
	
	.whg_row .col7 span.active::before {
	opacity: 1;
	left: auto;
	right: 120%;
	width: max-content;
	top: 0em;		
	font-size: 1em;
	padding: 0.2em 1.5em 0.2em 1em;
	background-color: #988778;
	clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
	pointer-events: none;
	animation: fadeOut 4s forwards; 
}
	
	@keyframes fadeOut {
  0% {
    opacity: 0;
	 right: 140%;
  }
 15% {
    opacity: 1;
	 right: 100%;
  }		
  85% {
    opacity: 1; 
	  right: 100%;
  }
  100% {
    opacity: 0; 
	  right: 60%;
  }
}
	
	.ang_iso_inner {
		padding: 4em 4em 0em 4em;
	}
	
	#angebot .teaser_text {
		margin-bottom: 0;
	}
	

	



	
	.kontakt_adressen_wrapper {
		padding-top: 2em;
	}
	
	.tab_no {
		display: none !important;
	}
	
	.lage_head_wrapper {
		transform: translateY(0%);
		z-index: 3;
		filter: brightness(1) invert(0);
		margin-bottom: 0;
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: -5em;
	}
	
	.poi_title_wrapper {
		filter: brightness(0) invert(1);
		transform: translateY(80%);
	}
	
	#angebot {
		margin-top: 8em;
	}
	
.image_box1 {
	height: 38em;
}
	
	.image_box2 {
		height: 60em;
	}
	
	.image_box3 {
	height: 62em;
}
	
	.float_img9 {
	margin-top: 36em;
}
	
	.float_img10 {
	margin-top: 42em;
}
	
	#kontakt_titel {
		margin-top: 8em;
	}
	
	.material_ovl .text_box {
		transform: translateY(-55%);
	}
	
	.ang_legende {
		padding-right: 1.4em;
	}
	
	.ang_legende_text {
		padding: 1em 1em 1em 2.5em;
	}
	
}


@media only screen and (max-width : 781px)  {
	
	
	.wrapper {
		font-size: clamp(16px, 1.8vw, 48px);
	}
	
	.fab_no {
		display: none;
	}
	
	h4 {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.teaser_text {
		max-width: 90%;
		margin: 0 auto;
	}
	
	
	
	
	.float_img {
		position: relative;
		transform: none !important;		
	}
	
	.float_img img {
		transform: none !important;
	}
	
		.impressionen_content .float_img {
		position: relative;
	}
	
	.impressionen_content .float_img img {
		transform: none !important;
	}
	
	
		.impressionen_content .image_box {
		width: 95%;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1.6em;
	}
	
		.impressionen_content {
		flex-direction: column-reverse;
	}
	
	.impressionen_content .text_box2 {
		width: 90%;
		max-width: 40em;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}
	
	
	.image_box {
		padding: 0 2.5%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1.6em;
		width: 100% !important;
	}
	
	.image_box .image_box {
		padding: 0 0;
		grid-gap: 0;
	}
	
	.float_img9, .float_img10, .float_img6 {
		margin-top: 0em;
	}
	
	.image_box1, .image_box2, .image_box3 {
		height: auto;
		margin-top: auto !important;
	}
	
	
	
	.spacer_img {
		display: none;
	}
	
	
	.wohnungen_content_wrapper {
		flex-direction: column-reverse;
	}
	
	.wohnungen_content_wrapper .image_box figure:nth-of-type(3) {
		grid-column: 1 / -1;
	}
	
	.material_ovl {
		grid-column: 1 / -1;
	}
	
	.material_ovl .bg_weiss {
		background-color: transparent;
		backdrop-filter: none;
	}
	
	.material_ovl .bg_weiss > div {
		/*flex-direction: column-reverse;*/
	}
	
	.material_ovl .bg_weiss .float_img {
		grid-column: 1 / -1;
	}
	
	.material_ovl .text_box {
		transform: none;
		padding: 2em;
	}
	
	.material_ovl .text_box p {
		font-size: 1.2em;
	}
	
	.lage_content_wrapper {
		flex-direction: column-reverse;
	}
	
	#map_rw {
		grid-column: 1 / -1;
		height: 100vmin;
		margin-left: 0;
		width: 100%;
	}
	
	.dist_tab_wrapper {
		max-width: 100%;
	}

	.whg_head_haus span {
		transform: translateX(0em);
	}
	
	
	
	.ang_list {
		width: 95%;
		margin: 0 auto;
	}
	
	.dist_tab_wrapper {
		padding: 2em 1em;
	}
	
	.dist_tab_wrapper td {
		/*white-space: normal;*/
		padding: 0.25em 0.2em;
		text-align: center;
	}
	
	.dist_tab_wrapper tr td:first-of-type {
		text-align: left;
		width: 12em;
	}
	

	
	.dist_tab_wrapper em {
		white-space: nowrap;
	}
	
	
	.kontakt_adressen_wrapper {
		padding-top: 0em;
	}
	
	.kontakt_form_wrapper .teaser_text {
		max-width: 100%;
		padding-top: 1em;
	}
	

	.kontakt_adressen {
		padding: 0em;
		background-color: transparent;
		backdrop-filter: none;
	}
	
	.kontakt_adressen_wrapper {
		font-size: 1.2em;
	}
	
	.kontakt_adressen h4 {
		max-width: 100%;
	}
	
	.kontakt_adressen_wrapper .inl_links {
		padding-left: 0em;
	}
	
	.kontakt_form_wrapper::before {
		right: -2.5%;
		top: 3em;
	}
	
	
	.wpcf7_wrapper {
		padding-right: 0;
	}
	
	.kontakt_content_wrapper {
		/*font-size: 1.5em;*/
	}
	
	.kontakt_adressen {
		margin-top: 3em;
	}
	
	.wpcf7_wrapper {
		/*font-size: 1.6em;*/
	}
	
	.intro_img img {
		min-height: 130vmin;
	}
	
	
	
	.wpcf7_wrapper {
		padding-right: 1.5em;
		font-size: 1.3em;
	}
	
	.lp_img2 img {
		object-fit: cover;
		aspect-ratio: 1.3;
		margin-top: auto;
	}
	
	h2::before {
		width: 25em;
	}
	
	
	.lp_tx1 br {
		display: none;
	}
	
	.intro_text_wrapper {
		top: 90vmin;
		transform: none;
	}
	
	.tx_content_cols {
		font-size: 1.2em;
		display: flex;
		flex-direction: column;
		max-width: 90%;
		margin: 0 auto;
	}
	
	.float_img3 {
		margin-top: 0em;
	}
	
	.whg_head_haus {
		padding-top: 2em;
	}
	
	.poi_title_wrapper {
		transform: translateY(0%);
	}
	
	.lage_head_wrapper {
		margin-bottom: -10em;
	}
	
	.poi_wrapper {
		pointer-events: none;
	}
	
}


@media only screen and (max-width : 600px)  {
	
	.wrapper {
		font-size: clamp(15px, 1.8vw, 48px);
	}
	
	.mob_only {
		display: unset;
	}
	
	article {
		width: 90%;
	}
	
	.mobno {
		display: none !important;
	}
	
	.logo {
		transform: translateX(-50%) scale(2.6) translateY(calc(30vw - 50%));
	}

	.intro_img img {
		min-height: 165vmin;
	}
	
	h3 {
		font-size: 2.4em;
	}
	

	.intro_text_wrapper {
		top: 120vmin;
		left: 2em;
	}

	.kf_grid_wrapper {
		grid-template-columns: 1fr !important;
	}
	

	
	.kontakt_form_wrapper form {
		font-size: 1.1em;
	}

	.text_box {
		padding: 0 5%;
	}
	
	.image_box {
	padding: 0 0;
	grid-template-columns: 1fr;
	grid-gap: 2em;
}
	.impressionen_content .image_box {
	padding: 0 0;
	grid-template-columns: 1fr;
	grid-gap: 2em;
}
	
	
	.dist_tab_wrapper {
		font-size: 3vw;
	}
	

	
	.dist_tab_wrapper tr td:first-of-type {
		width: 7em;
	}
	
	
	.poi_title_wrapper {
	transform: translateY(30%);
}
	
	.poi_wrapper {
		position: relative;
		overflow-x: hidden;
	}

	.poi_wrapper > div {
		width: 200vmin;
		margin-left: -90vmin;
	}
	
	#poi_labels {
		width: 200vmin;
		left: -90vmin;
	}
	
	#poi_labels > g [data-name="txt"] {
		transform: scale(1.6) !important;
	}
	
	#poi_labels > g [data-name="dot"] {
		transform: scale(6) !important;
	}
	
	#poi11 {
		display: none !important;
	}
	
	.whg_row .col5, .whg_row .col7 {
		white-space: nowrap;
	}
	
	.row_header > div {
		font-size: 2.4vw;
	}
	
	.ang_list {
		grid-template-columns: 3em repeat(5, auto);
	}
	
	.whg_row .col4 {
		display: none;
	}
	
	.row_item .col1 {
		padding-left: 0.5em;
	}
	
	.whg_row.row_item {
		/*font-size: 0.9em;*/
	}
	
	.ang_iso_inner {
		padding: 4em 1em 0em 1em;
	}
	
	#ang_iso svg {
		font-size: 1.5em;
	}
	
	.status_legende {
		grid-gap: 1.2em;
	}
	
	.status_legende div span {
		margin-right: 0.2em;
	}
	
	.wp-block-spacer {
		font-size: 0.6em;
	}
	
	.lage_head_wrapper {
		margin-bottom: -8em;
	}
	
	.dist_tab_wrapper td {
		border-bottom: 1px solid;
	}
	
	.scrld .header {
		backdrop-filter: blur(5px);
	}
	
	#poi_labels > g > path {
		stroke: #fff;
		stroke-width: 1px;
	}
	
	.wpcf7-acceptance {
		font-size: 3vw;
	}
	
	.wpcf7-acceptance .wpcf7-list-item-label::before {
		font-size: 1.8em;
		margin-bottom: -0.3em;
	}
	
	.wpcf7_wrapper {
		padding-right: 0;
	}
	
	.kf_text input, .kf_text textarea {	
	-webkit-appearance: value;
   -moz-appearance:    value;
   appearance:         value;
		border-radius: 0;
	}
	
	#angebot {
		margin-top: 4em;
	}
	
	.page-template-tpl-subsite section {
		font-size: 1.2em;
	}
	
	
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2)  {

.dist_tab_wrapper td {
		border-bottom: 2px solid rgba(100,100,100,0.5);
	}
}


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