@charset "utf-8";
/* CSS Document */

* {
	padding: 0px;
	margin: 0 auto;
	transition: all 0.5s;
	text-decoration: none;
	text-align: center;
}
body {
	font: 17px "Saira Condensed", sans-serif;
	font-weight: 200;
	color: #232324;
	background-color: #101010;
  	align-items: left;
}
#box {
	background-color: #f9f9f9;
	overflow-x: hidden;
	left: 100%;
	top: 0px;
	height: 100%;
	min-height: 100vh;
	width: 0px;
	position: fixed;
	z-index: 210;
}
.bth {
	clear: both;
}
.cookies {
	position: fixed;
	width: 300px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	margin-top: 125px;
	margin-left: 20px;
	background-color: #ffffff;
	border: 1px solid #222223;
	z-index: 250;
}
.menu_font {
	font: 17px "Barlow", sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 85px;
	padding-bottom: 25px;
	line-height: 100%;
	font-weight: 400;
	text-align: right;
}
.font_banner {
	font: 42px "Barlow", sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 35px;
	margin-bottom: 0px;
	line-height: 100%;
	font-weight: 700;
	text-align: left;
}
.font_banner_klein {
	font: 20px "Barlow", sans-serif;
	color: #ffffff;
	letter-spacing: 2px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 35px;
	margin-bottom: 35px;
	line-height: 150%;
	font-weight: 400;
	text-align: left;
}
.font_banner_button {
	font: 31px "Barlow", sans-serif;
	color: #ffffff;
	border: 1px solid #ffffff;
	letter-spacing: 1px;
	width: 300px;
	margin-top: 35px;
	margin-bottom: 35px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 100%;
	font-weight: 400;
	text-align: center;
	display: none;
}
.kontakt_button {
	font: 31px "Barlow", sans-serif;
	color: #101012;
	border: 1px solid #101012;
	letter-spacing: 1px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 35px;
	margin-right: 35px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 100%;
	font-weight: 400;
	text-align: center;
}
.menu_font:hover {
	color: #101010;
	background: #F7931E;
}
.font01 {
	font: 17px "Saira Condensed", sans-serif;
	color: #232324;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 45px;
	margin-bottom: 0px;
	line-height: 100%;
	font-weight: 400;
	text-align: right;
}
.font02 {
	font: 21px "Saira Condensed", sans-serif;
	color: #F7931E;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
	margin-bottom: 0px;
	line-height: 120%;
	font-weight: 600;
	text-align: center;
}
.font03 {
	font: 16px "Saira Condensed", sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 30px;
	margin-bottom: 70px;
	line-height: 160%;
	font-weight: 400;
	text-align: center;
}
.font04 {
	font: 23px "Saira Condensed", sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 70px;
	line-height: 120%;
	font-weight: 600;
	text-align: left;
}
.font05 {
	font: 17px "Saira Condensed", sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 70px;
	line-height: 160%;
	font-weight: 400;
	text-align: left;
}
.font05a {
	font: 18px Calibri, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 70px;
	line-height: 160%;
	font-weight: 300;
	text-align: left;
}
.font06 {
	font: 18px Calibri, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 40px;
	line-height: 120%;
	font-weight: 500;
	text-align: left;
}
.font07 {
	font: 14px Calibri, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 40px;
	line-height: 160%;
	font-weight: 300;
	text-align: left;
}
.functional {
	width: 1420px;	
}
.left33 {
	float: left;
	width: 33%;
}
.right33 {
	float: right;
	width: 33%;
}
.left50 {
	float: left;
	width: 50%;
}
.right50 {
	float: right;
	width: 50%;
}
.full100 {
	float: left;
	width: 100%;
}
.logo {
	float: left;
	width: 20%;
	display: inherit;
}
.logo_small {
	display: none;
}
.logo_zoom {
	float: left;
	height: 90px;
	margin-top: 15px;
}
.banner {
	min-height: 100px;
	width: 100%;
	min-width: 100%;
	background-image: url("../img/banner.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: inherit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner_textfeld {
	float: left;
	margin-top: 220px;
	margin-bottom: 100px;
	min-width: 50%;
	width: 50%;
	min-height: 120px;
	background: rgba(247,147,30,0.85);
	box-shadow: 0 4px 30px rgba(247,147,30, 0.3);
	backdrop-filter: blur(5.5px);
	-webkit-backdrop-filter: blur(5.5px);
}
.banner_link {
	color: #ffffff;
}
.banner_link:hover {
	color: #101010;
}
.banner_link_d {
	color: #101010;
}
.banner_link_d:hover {
	color: #F7931E;
}
.main_d {
	min-height: 100px;
	width: 100%;
	min-width: 100%;
	background-color: #101010;
}
.main_o {
	min-height: 700px;
	width: 100%;
	min-width: 100%;
	background-image: url("../img/banner.png");
	background-repeat: no-repeat;
    background-position: 100% 100%;
	background-color: #F7931E;
}
.main_h {
	min-height: 50px;
	width: 100%;
	min-width: 100%;
	background-color: #ffffff;
}
.menu {
	position: fixed;
	z-index: 101;
	min-width: 100%;
	width: 100%;
	height: 120px;
	background: rgba(0,0,0,0.5);
	box-shadow: 0 4px 30px rgba(0,0,0, 0.3);
	backdrop-filter: blur(5.5px);
	-webkit-backdrop-filter: blur(5.5px);
	overflow-y: hidden;
}
.menu_big {
	float: right;
	display: inherit;
	width: 65%;
}
.menu_dot {
	float: right;
}
.thumbs {
	width: 20px;
	margin-top: 70px;
}
.hide {
	display: inherit;
}


@media screen and (max-width: 2160px)
{
	
}

@media screen and (max-width: 1380px)
{
	
	.functional {
		width: 100%;	
	}	
	.logo {
		margin-left: 20px;
	}
	.banner_textfeld {
		margin-left: 20px;
	}
	.menu_font {
		padding-left: 20px;
		padding-right: 20px;
	}
	
}

@media screen and (max-width: 1050px)
{
	
	.banner_textfeld {
		margin-top: 140px;
		margin-bottom: 70px;
		margin-left: 20px;
		margin-right: 20px;
		width: 90%;
	}
	.main_o {
		min-height: 1200px;
	}
	.menu_big {
		display: none; 
	}
	.font_banner {
		font: 32px "Barlow", sans-serif;
		font-weight: 600;
	}
	.font_banner_klein {
		font: 20px "Barlow", sans-serif;
	}
	.hide {
		display: none;
	}
	.left33 {
		width: 100%;
	}
	.right33 {
		float: left;
		width: 100%;
	}
	.left50 {
		width: 100%;
	}
	.right50 {
		float: left;
		width: 100%;
	}
	.thumbs {
		margin-top: 40px;
	}
	.font03 {
		margin-bottom: 40px;
	}
	.font05a {
		font: 16px Calibri, sans-serif;
		letter-spacing: inherit;
		line-height: 150%;
		margin-bottom: 720px;
	}
	.menu {
		height: 70px;
	}
	.logo {
		display: none;
	}
	.logo_small {
		float: left;
		width: 20%;
		margin-left: 20px;
		display: inherit;
	}
	.logo_zoom_small {
		float: left;
		height: 50px;
		margin-top: 10px;
	}
	
}

@media screen and (max-width: 768px)
{	
	
	
}