@font-face{
	font-family: 'hk_groteskbold';
	src: url('/webfonts/hkgrotesk-bold-webfont.woff2') format('woff2'), url('/webfonts/hkgrotesk-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'hk_groteskmedium';
	src: url('/webfonts/hkgrotesk-medium-webfont.woff2') format('woff2'), url('/webfonts/hkgrotesk-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'hk_groteskregular';
	src: url('/webfonts/hkgrotesk-regular-webfont.woff2') format('woff2'), url('/webfonts/hkgrotesk-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'hk_grotesksemibold';
	src: url('/webfonts/hkgrotesk-semibold-webfont.woff2') format('woff2'),  url('/webfonts/hkgrotesk-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'sackers_gothic_stdlight';
	src: url('/webfonts/sackersgothicstd-light-webfont.woff2') format('woff2'), url('/webfonts/sackersgothicstd-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
}
body{
	color: black;
	font-size: 18px;
	font-family: 'hk_groteskregular', 'Arial', sans-serif;
	letter-spacing: .6px;
	line-height: 1.4;
	background-color: #50575f;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
	a{
		color: #c9aa52;
		font-family: 'hk_groteskbold';
		text-decoration: none;
		transition: color .4s linear 0s;
	}
		a:hover{
			color: black;
		}
	img, svg, iframe{
		vertical-align: bottom;
	}
		svg line, svg path, svg rect, svg circle{
			transition: fill .35s linear 0s, stroke .35s linear 0s;
		}
	b, strong{
		font-family: 'hk_groteskbold';
		font-weight: normal;
	}
	.clear{
		clear: both;
	}
	
	div.outer{
		margin: 0 auto;
		position: relative;
	}
	
	header{
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		background-color: #50575f;
	}
		div#logo{
			position: absolute;
			z-index: 1010;
		}
			div#logo a{
				display: block;
			}
		div#logo2{
			display: none;
			padding-top: 6px;
			text-align: center;
		}
			div#logo2 svg{
				width: 132px;
				vertical-align: top;
			}
		div#bt_menu{
			position: absolute;
			z-index: 1100;
			top: 10px;
			left: 20px;
			width: 40px;
			height: 36px;
			cursor: pointer;
		}
			div#bt_menu svg{
				width: 40px;
				height: 36px;
			}
			div#bt_menu:hover svg line{
				stroke: #c9aa52;
			}
				div#bt_menu svg g#nav_close{
					display: none;
				}
		div#lng_selector{
			position: absolute;
			z-index: 1100;
			top: 27px;
			left: 80px;
			font-size: 14px;
			line-height: .7;
		}
			div#lng_selector a{
				color: white;
				display: inline-block;
				margin-right: 10px;
				font-family: 'hk_groteskbold';
			}
				div#lng_selector a:hover{
					color: #c9aa52;
				}
				div#lng_selector a.selected{
					color: #c2c9cc;
				}
			div#header_socials{
				position: absolute;
				top: 20px;
				right: 20px;
				float: left;
			}
				div#header_socials a{
					float: right;
					width: 20px;
					margin-left: 20px;
				}
					div#header_socials a svg{
						vertical-align: top;
					}
					div#header_socials a:hover svg path.hover{
						fill: white;
					}
					div#header_socials a:hover svg path.ring{
						fill: #c9aa52;
						stroke: #c9aa52;
					}
	div#wrapper_menu{
		display: none;
		position: fixed;
		z-index: 1090;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		color: white;
		background-color: #50575f;
	}
		ul#menu{
			text-align: center;
		}
			ul#menu li{
				list-style: none;
			}
				ul#menu li a{
					color: white;
					font-family: 'sackers_gothic_stdlight';
					font-size: 1.8em;
					line-height: 1.8em;
					text-transform: uppercase;
				}
					ul#menu li a:hover{
						color: #c9aa52;
					}
					ul#menu li a.n_selected{
						color: #c2c9cc;
					}
		div#menu_menu_footer{
			position: absolute;
			left: 0;
			bottom: 26px;
			width: 100%;
			text-align: center;
		}
			div#menu_menu_footer a, 
			div#menu_footer a{
				display: inline-block;
				margin: 0 16px;
				color: white;
				line-height: 1;
			}
				div#menu_menu_footer a:hover, 
				div#menu_footer a:hover{
					color: #c9aa52;
				}


/* CONTENT */
	
	div#content_main{
		background-color: white;
	}
		div#content_main p{
			margin-bottom: 1em;
		}
			div#content_main p:last-child{
				margin-bottom: 0 !important;
			}
		div.h0, h1, h2, h3, h4, h5{
			color: #50575f;
			font-family: 'sackers_gothic_stdlight';
			font-weight: normal;
			line-height: 1.15;
			text-transform: uppercase;
		}
		h1, h3.h1{
			text-align: center;
		}
		div.cover{
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;			
		}
		.center{
			text-align: center;
		}
/*
	div#menu_sub{
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		width: 100%;
		height: 40px;
		line-height: 36px;
		text-align: center;
		background-color: #c2c9cc;
	}
		div#menu_sub a{
			display: inline-block;
			color: black;
		}
			div#menu_sub a:hover{
				color: #c9aa52;
			}
			div#menu_sub a.n_selected{
				color: white;
			}
*/
	
/* HOME */	

	div#slider_home{
		position: relative;
		background-color: #c2c9cc;
	}
		div.slider_home_item{
			position: absolute;
			z-index: 10;
			top: 0;
			left: 0;
			opacity: 0;
			transition: opacity 1s linear 0s;
		}
			div.slider_home_item.active{
				opacity: 1;
			}

		div.slider_home_decker{
			position: absolute;
			z-index: 20;
			background-color: rgba(0,0,0,.6);
		}
		div#box_text_slider{
			position: relative;
			text-align: center;
		}
			div.slider_text_wrapper{
				display: none;
				position: absolute;
				z-index: 50;
				color: white;
			}
				div.slider_text{
					width: 100%;
					height: 100%;
					display: table-cell;
					vertical-align: middle;
				}
					div.slider_text h2, 
					div.slider_text a{
						color: white;
					}
					div.slider_text p{
						margin-bottom: 0 !important;
						padding: 0 5%;
					}
					div.slider_text a{
						display: inline-block;
						background: url(/images/bg_slider_a.png) no-repeat center bottom / 40px;
					}
						div.slider_text a:hover{
							color: #c9aa52;
						}

		div#bt_slider_home_prev, 
		div#bt_slider_home_next,
		div#bt_slider_home_down{
			position: absolute;
			z-index: 100;
			cursor: pointer;
		}
		div#bt_slider_home_prev, 
		div#bt_slider_home_next{
			width: 20px;
			height: 20px;
		}
		div#bt_slider_home_prev{
			left: 20px;
		}
		div#bt_slider_home_next{
			right: 20px;
		}
			div#bt_slider_home_prev:hover svg line, 
			div#bt_slider_home_next:hover svg line{
				stroke: white;
			}
			div#bt_slider_home_prev:hover svg rect, 
			div#bt_slider_home_next:hover svg rect{
				fill: #c9aa52;
			}
		div#bt_slider_home_down{
			bottom: 0;
			left: 50%;
			width: 40px;
			height: 40px;
		}
			div#bt_slider_home_down:hover svg rect{
				fill: #c9aa52;
			}
		div#slider_home_pager{
			position: absolute;
			z-index: 100;
			bottom: 100px;
			width: 100%;
			height: 10px;
			text-align: center;
		}
			a.pager_dot{
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 5px;
			}
				a.pager_dot svg{
					width: 10px;
					height: 10px;
					vertical-align: top;
				}
				a.pager_dot:hover svg circle{
					fill: #c9aa52;
				}
				a.pager_dot.active svg circle{
					fill: #50575f;
				}

/* LEISTUNGEN */

		div#wrapper_leist2 div.col2, 
		div#wrapper_leist3 div.col3{
			position: relative;
			float: left;
		}

		div#tile_leist_verkauf{
			background: url(/medien_bilder/MH_Verkauf.jpg) no-repeat center center / cover;
		}
		div#tile_leist_vermiet{
			background: url(/medien_bilder/MH_Vermietung.jpg) no-repeat center center / cover;
		}
		div#tile_leist_marchand{
			background: url(/medien_bilder/MH_Marchand.jpg) no-repeat center center / cover;
		}
			div#wrapper_leist2 div.decker, 
			div#wrapper_leist3 div.decker{
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				display: inline-block;
				background-color: rgba(0,0,0,.4);
				opacity: 1;
				transition: opacity .4s linear 0s;
			}
/*
				div#wrapper_leist2 div.col2:hover div.decker,
				div#wrapper_leist3 div.col3:hover div.decker{
					opacity: 0;
				}
*/
			div.col2_text, 
			div.col3_text{
				position: absolute;
				z-index: 10;
				color: white;
				text-align: center;
			}
				div.col2_text div.h0, 
				div.col3_text div.h0{
					color: white;
				}
				div.col2_text a, 
				div.col3_text a{
					display: inline-block;
					color: white;
					background: url(/images/bg_slider_a.png) no-repeat center bottom / 40px;
				}
					div.col2_text a:hover, 
					div.col3_text a:hover{
						color: #c9aa52;
					}


/*
	div#wrapper_slider_leist{
		position: relative;
	}
		div#slider_leist_pics, 
		div#slider_leist_text{
			position: relative;
			float: left;
		}
		div#slider_leist_text{
			background-color: #e1e4e7;
		}
			div.slider_leist_item, 
			div.leist_text_item{
				position: absolute;
				z-index: 10;
				top: 0;
				left: 0;
			}
			div.slider_leist_item{
				display: none;
			}
			div.leist_text_item{
				display: table;
				text-align: center;
				opacity: 0;
				transition: opacity .72s linear 0s;
			}
				div.leist_text_item.active{
					opacity: 1;
				}
				div.leist_text_item_inner{
					display: table-cell;
					vertical-align: middle;
				}
					div.leist_text_item h3{
						margin-top: 0 !important;
					}

		div#bt_slider_leist_prev, 
		div#bt_slider_leist_next{
			position: absolute;
			z-index: 30;
			cursor: pointer;
		}
			div#bt_slider_leist_prev:hover svg rect, 
			div#bt_slider_leist_next:hover svg rect{
				fill: #c9aa52;
			}
		div#bt_slider_leist_prev{
			left: 0;
		}
		div#bt_slider_leist_next{
			right: 0;
		}
*/

/* ABOUT */
			div.wrapper_pic_slider{
				position: relative;
				background-color: white;
			}
				div.pic_slider_pix, div.pic_slider_text{
					float: left;
				}
				div.pic_slider_pix{
					position: relative;
				}
					div.slider_pic{
						position: absolute;
						display: none;
						z-index: 1;
						top: 0;
						left: 0;
					}
					div.bt_slider_prev, 
					div.bt_slider_next{
						position: absolute;
						z-index: 10;
						top: 50%;
						width: 40px;
						height: 40px;
						cursor: pointer;
					}
						div.bt_slider_prev svg, 
						div.bt_slider_next svg{
							width: 100%;
						}
							div.bt_slider_prev:hover svg rect, 
							div.bt_slider_next:hover svg rect{
								fill: #c9aa52;
							}
					div.bt_slider_prev{
						left: -20px;
					}
					div.bt_slider_next{
						right: -20px;
					}
					div.slider_pager{
						height: 11px;
						margin-top: 20px;
					}
						div.slider_pager a.pager_dot{
							display: inline-block;
							width: 11px;
							height: 11px;
							margin: 0 4.5px;
						}
							div.slider_pager a.pager_dot svg{
								width: 11px;
								height: 11px;
							}
							div.slider_pager a.pager_dot svg circle{
								transition: fill .35s ease-in-out 0s;
							}
							div.slider_pager a.selected svg circle{
								fill: #50575f;
							}
							div.slider_pager a:hover svg circle{
								fill: #c9aa52;
							}
				
				div.pic_slider_text{
					display: table;
					background-color: #e1e4e7;
				}
					div.pic_slider_text_inner{
						display: table-cell;
						vertical-align: middle;
						text-align: center;
					}
						div.pic_slider_text_inner div.h0, 
						div.pic_slider_text_inner h1.h0{
							margin-top: 0 !important;
						}
				div.slider_bt_down{
					position: absolute;
					z-index: 20;
					bottom: 0;
					cursor: pointer;
				}
					div.slider_bt_down:hover svg rect{
						fill: #c9aa52;
					}
		div#wrapper_about_content img{
			max-width: 200px;
		}

		div#wrapper_verkauf_content, 
		div#wrapper_vermiet_content, 
		div#wrapper_fix_content{
			text-align: center;
		}

/* FORM ELEMS */
		input,
		select,
		textarea{
			-webkit-appearance: none !important;
			-moz-appearance: none !important;
			border-radius: 0;
		}
		input[type="button"],
		input[type="submit"]{
			display: inline-block;
			padding: 9px 25px 12px;
			color: white;
			font-family: 'hk_groteskbold';
			font-size: 1em;
			line-height: 1;
			letter-spacing: .6px;
			text-align: center;
			background-color: #50575f;
			cursor: pointer;
			transition: color .3s linear 0s, background-color .3s linear 0s;
			}
		input[type="button"]:hover,
		input[type="submit"]:hover{
			color: black;
			background-color: #caaa53;
		}
		input[type="text"], textarea{
			padding: 5px 12px 7px;
			color: black;
			font-family: 'hk_groteskregular', sans-serif;
			font-size: 18px;
			line-height: 1;
			letter-spacing: .6px;
			background-color: #e1e4e7;
			border: 0 none;
		}
		textarea{
			height: 188px;
			line-height: 1.4;
			vertical-align: bottom;
		}
		@-moz-document url-prefix(){
			input[type="button"],
			input[type="submit"]{
				padding: 9px 25px 12px;
			}
			input[type="text"], textarea{
				padding: 5px 12px 7px;
			}
		}
		::placeholder{
			color: black;
			opacity: .65;
		}
		:-ms-input-placeholder{
			color: black;
			opacity: .65;
		}
			label.checkbox_container{
				display: block;
				position: relative;
				padding-left: 30px;
				cursor: pointer;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			label.checkbox_container input{
				position: absolute;
				opacity: 0;
				cursor: pointer;
				height: 0;
				width: 0;
			}
			label.checkbox_container span.checkmark{
				position: absolute;
				top: 4px;
				left: 0;
				height: 14px;
				width: 14px;
				border: 1px solid #50575f;
				border-radius: 3px;
			}
			label.checkbox_container span.checkmark:after{
				position: absolute;
				display: none;
				content: "";
				top: 2px;
				left: 2px;
				width: 10px;
				height: 10px;
				border-radius: 3px;
				background-color: #50575f;
			}
			label.checkbox_container input:checked ~ span.checkmark:after{
				display: block;
			}
		
		div#wrapper_kontaktform{
			margin: 0 auto;
			text-align: center;
		}
			div#wrapper_kontaktform label{
				display: block;
				line-height: 1;
				text-align: left;
			}
			div.input_mail, div.input_tel{
				float: left;
			}
			input#bt_senden_kontakt{
				border-bottom-left-radius: 22px;
				border-bottom-right-radius: 22px;
			}
			input#bt_senden_kontakt{
				display: none;
			}
		div#feedback_kontaktform{
			min-height: 1em;
		}

/* GALLERY */

				div.wrapper_gallery_thumbs{
					position: relative;
					padding: 20px 0 40px;
					overflow: hidden;
				}
					div.gallery_first_thumb{
						float: left;
						text-align: center;
						background-color: #e1e4e7;
					}
						div.gallery_first_text{
							display: table;
						}
							div.gallery_first_inner{
								display: table-cell;
								vertical-align: middle;
							}
						div.gallery_first_text h3{
							hyphens: auto;
							-webkit-hyphens: auto;
						}

					div.gallery_further_thumbs,
					div.gallery_thumb{
						position: relative;
						float: left;
						background-repeat: no-repeat;
						background-position: center 20%;
						background-size: cover;
					}
						div.gallery_thumb a{
							display: block;
							background-color: rgba(0, 0, 0, 0);
							transition: background-color 0.3s linear 0s;
						}
							div.gallery_thumb a:hover{
								background-color: rgba(0, 0, 0, 0.4);
							}
						div.gallery_thumb_empty{
							float: left;
							background-color: #e1e4e7;
						}
						div.gallery_first_thumb input[type="button"]{
							height: 40px;
							color: white;
							letter-spacing: 1.2px;
							font-size: .85em;
							background-color: #50575f;
							border-top-left-radius: 0 !important;
							border-top-right-radius: 0 !important;
							border-bottom-left-radius: 22px;
							border-bottom-right-radius: 22px;
							vertical-align: top;
							cursor: pointer;
							transition: color 0.3s linear 0s, background-color 0.3s linear 0s;
						}
							div.gallery_first_thumb input[type="button"]:hover{
								color: black;
								background-color: #c9aa52;
							 }
		div#gallery{
			display: none;
			position: fixed;
			z-index: 2000;
			top: 100px;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.85);
		}
			div#gallery_wrapper_pix{
				position: absolute;
				text-align: center;
			}
				div#gallery_pic_border{
					position: absolute;
					overflow: hidden;
					background-color: white;
					transition: all 0.23s cubic-bezier(0.59, 0.19, 0.37, 0.85) 0s;
				}
					div#gallery_wrapper_pix img{
						position: absolute;
						z-index: 10;
						opacity: 0;
						transition: opacity 0.47s linear 0s;
					}
						div#gallery_wrapper_pix img.active{
							opacity: 1;
						}
						div#bt_gallery_close, 	
						div#bt_gallery_next,
						div#bt_gallery_prev{
							position: absolute;
							z-index: 100;
							cursor: pointer;
							/*transition: top 0.23s cubic-bezier(0.59, 0.19, 0.37, 0.85) 0s;*/
						}
						div#bt_gallery_close{
							top: 15px;
							left: 15px;
							width: 15px;
							height: 15px;
						}
						div#bt_gallery_next,
						div#bt_gallery_prev{
							width: 40px;
							height: 40px;
						}
						div#bt_gallery_close svg,
						div#bt_gallery_next svg,
						div#bt_gallery_prev svg{
							vertical-align: top;
						}
						div#bt_gallery_close:hover svg line{
							stroke: #c9aa52;
						}
						div#bt_gallery_next:hover svg rect,
						div#bt_gallery_prev:hover svg rect{
							fill: #c9aa52;
						}
						div#bt_gallery_prev{
							top: 50%;
							left: 0;
						}
						div#bt_gallery_next{
							top: 50%;
							right: 0;
							text-align: right;
						}
			div#gallery_wrapper_captions{
				position: absolute;
				z-index: 1;
				bottom: 0;
				left: 0;
				line-height: 1;
				text-align: center;
			}
				div#gallery_wrapper_captions p{
					display: none;
				}
/* VERMIETUNGEN */

	div#wrapper_slider_vermietungen{
		position: relative;
		overflow: hidden;
	}
		div#slider_vermietungen_inner{
			position: absolute;
			z-index: 10;
			top: 0;
			left: 0;
			transition: left .45s cubic-bezier(.59, .19, .37, .85);
		}
			div.vermietungen_objekt{
				position: relative;
				float: left;
			}
				div.vermietungen_objekt_pic{
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
				}
					div.vermietungen_objekt_pic a{
						display: block;
						background-color: rgba(0,0,0,.4);
						opacity: 1;
						transition: opacity .4s linear 0s;
					}
					div.vermietungen_objekt_pic a:hover{
						opacity: 0;
					}

				div.vermietungen_objekt_infos{
					position: absolute;
					z-index: 20;
					bottom: 0;
					left: 0;
					background-color: #e1e4e7;
					text-align: center;
				}
					div.vermietungen_objekt_infos h3{
						margin-top: 0 !important;
					}
					div.vermietungen_objekt_infos a{
						display: inline-block;
						color: black;
						background: url(/images/bg_slider_a_black.png) no-repeat center bottom / 40px;
					}
						div.vermietungen_objekt_infos a:hover{
							color: #c9aa52;
						}
			div#bt_slider_objects_prev, 
			div#bt_slider_objects_next{
				position: absolute;
				z-index: 30;
				cursor: pointer;
			}
				div#bt_slider_objects_prev:hover svg rect, 
				div#bt_slider_objects_next:hover svg rect{
					fill: #c9aa52;
				}
			div#bt_slider_objects_prev{
				left: 0;
			}
			div#bt_slider_objects_next{
				right: 0;
			}
		div#wrapper_vermiet_detail_content h3:first-child{
			margin-top: 0 !important;
		}


	div#footer{
		position: relative;
		text-align: center;
	}
		div#menu_footer{
			transform: translate(0,-5px);
		}
		div#bt_2top{
			position: absolute;
			z-index: 10;
			bottom: 18px;
			right: 20px;
			width: 20px;
			height: 20px;
			cursor: pointer;
		}
			div#bt_2top svg{
				width: 33px;
				height: 33px;
			}
				div#bt_2top:hover svg line{
					stroke: #c9aa52;
				}
		div#footer_logo{
			position: absolute;
			z-index: 10;
			bottom: 17px;
			left: 20px;
			width: 175px;
			height: 20px;
		}
			div#footer_logo svg{
				vertical-align: top;
			}

	div#wrapper_cookies_adapt{
		text-align: center;
	}	
	div#cookiebanner_bg{
		position: fixed;
		z-index: 3000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.85);
	}
	div#wrapper_cookiebanner{
		position: fixed;
		z-index: 3011;
		left: 0;
		bottom: 0;
		width: 100%;
		color: black;
		text-align: center;
		background-color: #e1e4e7;
		transition: bottom 0.7s cubic-bezier(.29,.64,.74,.66) 0s;
	}
		div#wrapper_cookiebanner h4{
			color: black;
		}
		div#wrapper_cookiebanner p{
			max-width: 750px;
			margin: 0 auto;
		}
		div#wrapper_cookiebanner input[type="button"]{
			margin-bottom: 1em;
			border-radius: 0 !important;
		}
		div#cookies_checkboxes{
			display: inline-block;
			margin: 0 auto;
		}
		form#form_cookies_accept label.checkbox_container{
			display: inline-block;
			margin: 0 12.5px;
		}
		div#cookies_links a,
		div#wrapper_cookiebanner input{
			margin: 0 8px;
		}

		
#status{ position: fixed; bottom: 10px; left: 10px; z-index: 99999; padding: 3px 5px; font-size: 14px; font-family: monospace; color: rgb(196, 12, 198); background: rgba(211, 211, 211, 0.8); }