/* Baiseinstellungen */


body {
	background-color: rgba(60,103,137,100);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.floating {
	float: left;
}
.float-right {
	float: right;
}
.clearing-both {
	clear: both;
}
.responsive {
  max-width: 100%;
  height: auto;
}
.responsive-logo {
  max-width: 100%;
  height: auto;
}
.befs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw !important;
	height: 100vh !important;
	overflow-x: hidden !important;
	object-fit: cover !important;
}


/* font style und color */

asp-regular {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}
asp-reg-ital {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}
asp-cd-semibold {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
}
asp-cd-bold {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;}
asp-cd-extrabold {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 800;
	font-style: normal;
}
asp-cd-black {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 900;
	font-style: normal;
}




/* Layout DIV´s */




main {
	width: 100vw;
	height: 100%;
}
.head {
	position: fixed;
	height: auto;
	width: 100vw;
	background-color: rgba(60,103,137,100);
	z-index: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content : center;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
}
.logo {
	max-width: 100vw !important;
}
.logo img {
	background-color: rgba(60,103,137,100) !important;
}
.main-img {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	object-fit: cover;
}
main .teaser {
	padding: 30px;
	position: absolute;
	background-color: rgba(255,255,255,100) !important;
	left: 40vw;
	top: 55vh;
	width: 50vw;
}
main .teaser h1 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 15px;
	color: rgba(60,103,137,100);
	font-size: 36px;
}
main .teaser h2 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 15px;
	color: rgba(138,107,61,1.00);
	font-size: 30px;
}
main .teaser h4 {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	color: rgba(34,88,110,1.00);
	font-size: 20px;
	display: flex;
	justify-content : center;
}
main .teaser p {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 15px;
	color: rgba(102,102,102,1.00);
	font-size: 18px;
}
main .teaser a {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	color: rgba(34,88,110,1.00);
	text-decoration: none;
	font-size: 28px;
	display: flex;
	justify-content : center;
}
main .teaser a:hover {
	text-decoration: underline;
}
main .main-content {
	padding: 75px 50px;
}
main .main-content h1 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 30px;
}
main .main-content h2 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 400 !important;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 25px;
}
main .main-content h3 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 25px;
}
main .main-content h4 {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	display: flex;
	justify-content : center;
}
main .main-content p {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
}
main .main-content li {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 10px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	list-style-position: inside;
	list-style-type: square;
}
main .main-content ul {
	padding-bottom: 25px;
}
main .main-content a {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	font-size: 25px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content : center;
}
main .main-content a:hover {
	text-decoration: underline;
}
main .pic-box {
	width: 100vw;
	height: auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(60,103,137,100);
	justify-content : space-between;
	padding-bottom: 0.75vw;
}
main .pic-box img {
	width: 49.5vw;	
}
main .side-content {
	padding: 75px 50px;
	background-color: rgba(255,255,255,100) !important;
}
main .side-content h1 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(60,103,137,100);
	font-size: 30px;
}
main .side-content h2 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(34,88,110,1.00);
	font-size: 25px;
}
main .side-content h3 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(34,88,110,1.00);
	font-size: 25px;
}
main .side-content h4 {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	color: rgba(34,88,110,1.00);
	font-size: 20px;
	display: flex;
	justify-content : center;
	text-align: center;
}
main .side-content p {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(102,102,102,1.00);
	font-size: 18px;
}
main .side-content li {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 10px;
	color: rgba(102,102,102,1.00);
	font-size: 18px;
	list-style-position: inside;
	list-style-type: square;
}
main .side-content ul {
	padding-bottom: 25px;
}
main .side-content a {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	color: rgba(34,88,110,1.00);
	text-decoration: none;
	font-size: 25px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content : center;
}
main .side-content a:hover {
	text-decoration: underline;
}
main .posrel {
	position: relative;
}
main .buy-content {
	padding: 75px 50px;
}
main .buy-content h1 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 30px;
}
main .buy-content h2 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 25px;
}
main .buy-content h3 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 25px;
}
main .buy-content h4 {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	display: flex;
	justify-content : center;
	text-align: center;
}
main .buy-content p {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
}
main .buy-content li {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 10px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
	list-style-position: inside;
	list-style-type: square;
}
main .buy-content ul {
	padding-bottom: 25px;
}
main .buy-content a {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	font-size: 25px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content : center;
}
main .buy-content a:hover {
	text-decoration: underline;
}
main .buy-content address {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
}
main .law-content {
	padding: 75px 50px;
}
main .law-content h1 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 30px;
}
main .law-content h2 {
	font-family: address-sans-pro-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 25px;
}
main .law-content h4 {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	display: flex;
	justify-content : center;
}
main .law-content p {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
}
main .law-content a {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
}
main .law-content a:hover {
	text-decoration: underline;
}
main .law-content address {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1;
	padding-bottom: 25px;
	color: rgba(255,255,255,1.00);
	font-size: 18px;
}
main .picimg img {
	width: 10vw;
	height: 10vw;
	margin-right: 1.5vw;
	-webkit-border-radius: 10vh;
	-moz-border-radius: 10vh;
	border-radius: 10vh;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
	border: 0.25vw solid rgba(255,255,255,100);
}
main .picimg {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 60vw;
	bottom: -6.5vh;
	width: 40vw;
}
main .g-map iframe {
	margin-bottom: -4px;
	border-bottom: none;
	frame-border: none;
	width: 100%;
	height: 500px;
}

footer .f-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(53,61,74,1.00);
	padding: 50px;
	width: calc(100vw - 100px);
}
footer .f-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 50px;
}
footer .f-box h2 {
	font-family: address-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: rgba(60,103,137,100);
	font-size: 15px;
	margin-bottom: 20px;
}
footer .f-box p {
	color: rgba(255,255,255,1.00);
	font-family: address-sans-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.5;
}
footer .f-box ul {
	margin-bottom: 25px;
}
footer .f-box li {
	list-style-type: none;
	list-style-position: inside;
	color: rgba(255,255,255,1.00);
	font-family: greycliff-cf, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
}
footer .f-box a {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
footer .f-box a:hover {
	color: rgba(60,103,137,100);
	text-decoration: underline;
}
footer .copyright {
	background-color: rgba(51,51,51,1.00);
	padding: 15px 30px;
}
footer .copyright p {
	color: rgba(255,255,255,1.00);
	font-family: address-sans-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 15px;
}



@media screen and (max-width: 1000px) {
	main .teaser {
		padding: 30px;
		position: absolute;
		background-color: rgba(255,255,255,100) !important;
		left: 30vw;
		top: 55vh;
		width: 60vw;
	}
}

@media screen and (max-width: 950px) and (max-height: 450px) {
	.head {
		position: fixed;
		height: 10vh;
		width: 100vw;
		background-color: rgba(60,103,137,100);
		z-index: 1;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content : center;
		-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
		-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
		box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
	}
	main .logo {
		width: 10vw;
	}
	main .teaser {
		padding: 30px 25px !important;
		position: relative !important;
		background-color: rgba(255,255,255,100) !important;
		left: 0vw !important;
		top: 0vh !important;
		width: calc(100vw - 50px) !important;
	}
	main .main-content {
		padding: 50px 25px;
	}
	main .side-content {
		padding: 50px 25px;
	}
	main .buy-content {
		padding: 50px 25px;
	}
	main .law-content {
		padding: 50px 25px;
	}
}


@media screen and (max-width: 800px) {
	main .teaser {
		position: absolute;
		left: 22vw;
		top: 55vh;
		width: 68vw;
	}
	.head {
		position: fixed;
		height: 10vh;
		width: 100vw;
		background-color: rgba(60,103,137,100);
		z-index: 1;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content : center;
		-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
		-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
		box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.67);
	}
}


@media screen and (max-height: 768px) {
	main .teaser {
		position: absolute;
		left: 22vw;
		top: 55vh;
		width: 68vw;
	}
}
@media screen and (max-height: 440px) {
	main .teaser {
		position: absolute;
	}
}
@media screen and (max-width: 667px) {
	.main-img {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		height: 100%;
		overflow-x: hidden;
		object-fit: cover;
	}
	h1 {
		font-size: 30px !important;
	}
	h2 {
		font-size: 26px !important;
	}
	h4 {
		font-size: 20px !important;
	}
	p {
		font-size: 17px !important;
	}
	main .teaser {
		padding: 30px 25px;
		position: relative;
		background-color: rgba(255,255,255,100) !important;
		left: 0vw;
		top: 0vh;
		width: calc(100vw - 50px);
	}
	main .main-content {
		padding: 50px 25px;
	}
	main .side-content {
		padding: 50px 25px;
	}
	main .buy-content {
		padding: 50px 25px;
	}
	main .law-content {
		padding: 50px 25px;
	}
	footer .f-container {
		display: block;
		background-color: rgba(53,61,74,1.00);
		padding: 50px 25px;
		width: calc(100vw - 50px);
	}
	
}
@media screen and (max-width: 375px) {
	
}