/* CSS Document */

/* #################################### */
/* Allgemein */
/* #################################### */
body{
	font-family: abel,arial, sans-serif; 	
	background-color: #FFFFFF;
	border: 0px;
	padding: 0px;
	margin: 0px;
	min-width: 350px;
	}
a{
	text-decoration: none;
	color: #3A3A3A;
}
.index_text_imprint_1{
	padding-top:20px;
	vertical-align: top;
	color:#FF931E;
	}
.index_text_imprint_2{
	vertical-align: top;
	color:#959595;
	}
.index_text_imprint_3{
	color:#959595;
	text-transform: lowercase;
	}
.bs23_button_1 {
	font-size: 23px;
	border-style: solid;
	border-left-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 3px;
	border-top-width: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
	border-radius: 3px;
	text-align: center;
	color: #FFFFFF;
    background:#393939;
	border-color:#393939;
	text-decoration: none;
	}
.bs23_button_1:hover{
  	background-color: #FF931E; 
	border-color:#FF931E; 
	color: #454545;	
	}
.frame0{
	height: auto;
	position: relative;
	display: flex;
	justify-content:center;
	align-items: center;
	/*
	display: grid;
	 border: 0.5px #0A7DD8 dotted;*/
	}
.frame1{
	max-width: 1200px;
	height: auto;
	position: relative;
	display: flex;
	justify-content:center;
	align-items: center;
	padding: 0px;
	margin: 0px;
	/*border: 0.5px red dotted;*/
	}
.bs_span_link_1 {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	left: 0px; 
	top:0px;  
	z-index: 92;
	}
.bs_button1 {
	text-align: center;
	font-family: abel, sans-serif;
	font-size: 16px;
	color: #414141;
    background:#FF931E;
	border-left:10px solid #FF931E;
	border-right: 10px solid #FF931E;
	border-bottom: 3px solid #FF931E;
	border-top: 3px solid #FF931E;
	border-radius: 1px;
	margin-bottom: 5px;
	text-decoration: none;
	padding: 0px;
	}
.bs_button1:hover{
  	background-color: #DB9B56;
	border-color: #DB9B56;
	}
.bs_button2 {
	text-align: center;
	font-family: abel, sans-serif;
	color: #3A3A3A;
    background:#FF931E;
	border-left:10px solid #FF931E;
	border-right: 10px solid #FF931E;
	border-bottom: 3px solid #FF931E;
	border-top: 3px solid #FF931E;
	border-radius: 1px;
	margin-bottom: 5px;
	text-decoration: none;
	padding: 0px;
	}
.bs_button2:hover{
  	background-color: #DB9B56;
	border-color: #DB9B56;
	}
	.bs_video_1{
  	float: none;
	}
	.bs_video_2{
  	float: none;
	max-width: 400px;
	text-align: center;
	}	

@media (min-width: 0px) {
	.frame0{
	padding: 0px;
	margin: 0px;	
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
  	}
	.frame1{
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
  	}	
	.textsize_10{
  	font-size: 10px;
	}
	.textsize_15{
  	font-size: 15px;
	}
	.textsize_20{
  	font-size: 20px;
	}
	.textsize_30{
  	font-size: 25px;
	}
	.textsize_40{
  	font-size: 30px;
	}
	.textsize_50{
  	font-size: 40px;
	}
	.textsize_80{
  	font-size: 60px;
	}

}
@media (min-width: 810px) {
	.bs_video_1{
  	float: left;
	min-width: 300px;
		
	}
	.bs_video_2{
  	float: left;
	padding-left: 20px;
	max-width: 449px;
	text-align: left;
	}
	.frame0{
	padding: 0px;
	margin: 0px;	
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
  	}
	.frame1{
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
  	}
	.decoration-element {
    width: 370px;
  	}
	.textsize_10{
  	font-size: 10px;
	}	
	.textsize_15{
  	font-size: 15px;
	}
	.textsize_20{
  	font-size: 20px;
	}
	.textsize_30{
  	font-size: 25px;
	}
	.textsize_40{
  	font-size: 30px;
	}
	.textsize_50{
  	font-size: 45px;
	}
	.textsize_80{
  	font-size: 70px;
	}
}
@media (min-width: 992px) {
	.frame0{
	padding: 0px;
	margin: 0px;	
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
  	}
	.frame1{
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
  	}
	.textsize_10{
  	font-size: 15px;
	}	
	.textsize_15{
  	font-size: 20px;
	}
	.textsize_20{
  	font-size: 25px;
	}
	.textsize_30{
  	font-size: 30px;
	}
	.textsize_40{
  	font-size: 40px;
	}
	.textsize_50{
  	font-size: 50px;
	}
	.textsize_80{
  	font-size: 80px;
	}
}
@media (min-width: 1200px) {
	.frame0{
	padding: 0px;
	margin: 0px;	
	width: calc(100% - 60px);
	padding-left: 30px;
	padding-right: 30px;
  	}
	.frame1{
	width: calc(100% - 60px);
	padding-left: 30px;
	padding-right: 30px;
  	}
	.textsize_10{
  	font-size: 15px;
	}	
	.textsize_15{
  	font-size: 20px;
	}
	.textsize_20{
  	font-size: 25px;
	}
	.textsize_30{
  	font-size: 30px;
	}
	.textsize_40{
  	font-size: 40px;
	}
	.textsize_50{
  	font-size: 50px;
	}
	.textsize_80{
  	font-size: 80px;
	}
}
.video{
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 95;
	border:0px;
	}
.decoration-element {
  position: absolute;
  left: 50%;
  z-index: 2;
  width: 270px;
  height: 17px;
  background: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.decoration-element-top {
  top: -1px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.decoration-element-bottom {
  bottom: -1px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.decoration-element-top {
  top: -1px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.decoration-element-bottom {
  bottom: -1px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

/* #################################### */
/* Buttons Menu */
/* #################################### */
.menu_field1{
	float: left;
	color:#585858;
	font-weight: 100;
	transition: 0.5s 0.7s ease-out;
	border-top: 1px solid transparent;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	opacity: 1.0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px; 
	padding-top: 2px;
	border-radius: 3px;
  	}
.menu_field1:hover{
	box-shadow: 6px 6px 25px 5px #A1A1A1; 
	border: 1px solid #A3A3A3;
	transition: 0.5s ease-in;
  	}
.menu_field1b{
	float: left;
	color:#585858;
	font-weight: 100;
	border-top: 1px solid #A3A3A3;
	border-left: 1px solid #A3A3A3;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	opacity: 1.0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px; 
	padding-top: 2px;
	border-radius: 3px;
	box-shadow: 6px 6px 25px 5px #A1A1A1; 
	transition: 0.5s ease-in;
  	}

.menu_field2{
	float: left;
	color: #FFFFFF;
    background:#393939;
	font-weight: 100;
	transition: 0.5s 0.7s ease-out;
	border: 1px solid transparent;
	opacity: 1.0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px; 
	padding-top: 2px;
	border-radius: 3px;
  	}
.menu_field2:hover{
	box-shadow: 6px 6px 25px 5px #A1A1A1; 
	border: 1px solid #A3A3A3;
	transition: 0.5s ease-in;
  	}
.menu_field3{
	width: 60px;
	height: 60px;
	background-image: url("../images/button_menu_2.svg");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center ;
  	}
.menu_field4{
	float: left;
	color:#585858;
	font-weight: 100;
	/*transition: 0.5s 0.7s ease-out;*/ 
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	opacity: 1.0;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px; 
	padding-top: 2px;
	border-radius: 3px;
  	}
.menu_field4:hover{
	/*box-shadow: 6px 6px 15px 5px #A1A1A1;*/ 
	border-bottom: 1px solid #A3A3A3;
	/*transition: 0.2s ease-in;*/ 
  	}
.menu_field5{
	color:#676767;
	font-weight: 100;
  	}
@media (min-width: 0px) {
.menu_field1{
	display: none;
  }
.menu_field1b{
	display: none;
  }	
.menu_field2{
	display: none;
  }	
.menu_field3{
	display: block;
  }		
.menu_field4{
	display: none;
  }	
.menu_field5{
	display: none;
  }		
}
@media (min-width: 865px) {

.menu_field1{
	font-size: 25px;
	display: inline-block;
  }
.menu_field1b{
	font-size: 25px;
	display: inline-block;
  }
.menu_field2{
	font-size: 15px;
	display: inline-block;
  }
.menu_field3{
	display: none;
  }	
.menu_field4{
	display: inline-block;
  }
.menu_field5{
	display: inline-block;
  }	
}
/* #################################### */
/* header */
/* #################################### */
.header_background{
	background-image: url("../images/index_image_5.jpg");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center ;
	
	}
.header_background_2{
	width: 100%;
	position:relative;
	display: flex;	
	justify-content:center;	
	align-items: center;
	}
.header_background_3{
	background-repeat: no-repeat; 
	height: 700px; 
	width: 100%; 
	background-position: center; 
	max-width: 3000px;
	}
@media (min-width:0px) {
.image_builder_1{
	background-image:url('/images/index_image_7_1000.png');
	}
}	
@media (min-width: 999px) {
.image_builder_1{
	background-image:url('/images/index_image_7_2000.png');
	}
}	
@media (min-width: 1999px) {
.image_builder_1{
	background-image:url('/images/index_image_7.png');
	}
}	

@media (min-width:0px) {
.image_service_1{
	background-image:url('/images/index_image_8_1000.png');
	}
}	
@media (min-width: 999px) {
.image_service_1{
	background-image:url('/images/index_image_8_2000.png');
	}
}	
@media (min-width: 1999px) {
.image_service_1{
	background-image:url('/images/index_image_8.png');
	}
}	

@media (min-width:0px) {
.image_approve_1{
	background-image:url('/images/index_image_9_1000.png');
	}
}	
@media (min-width: 999px) {
.image_approve_1{
	background-image:url('/images/index_image_9_2000.png');
	}
}	
@media (min-width: 1999px) {
.image_approve_1{
	background-image:url('/images/index_image_9.png');
	}
}	

@media (min-width:0px) {
.image_about_1{
	background-image:url('/images/index_image_10_1000.png');
	}
}	
@media (min-width: 999px) {
.image_about_1{
	background-image:url('/images/index_image_10_2000.png');
	}
}	
@media (min-width: 1999px) {
.image_about_1{
	background-image:url('/images/index_image_10.png');
	}
}	






.image1{
	width: 80%;
	height: auto;
	border: none;
	padding: 0px;
	margin: 0px;
	transition-duration: 1s;
	}
.image2{
	width: auto;
	height: auto;

	max-width: 90%;
	max-height: 90%;
	border: none;
	padding: 0px;
	margin: 0px;
	transition-duration: 1s;
	aspect-ratio: 1 / 1;
	}
.header_logo{
	position: absolute; 
	z-index: 99;
  	}
.header_table{
	margin-top: 5px;
	background-color:#FFFFFF; 
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; 
	background-image:url('/images/index_menu_1.png'); 
	background-repeat: no-repeat; 
	background-position: left bottom;  
	background-size: auto 110px; 
  	}
.header_text1{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	}
.header_text2{
	color: #414141;
	font-weight: bold;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	}
.header_text3{
	color: #414141;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	}
.header_text4{
	color: white;
	text-transform: uppercase;
	}
.header{
	position: absolute; 
	left: 0px; 
	width: 100%; 
	z-index: 10;
	}
.register{
	background-image: url("../images/index_image_3a.png");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center ;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	text-align: center;
	}
.register:hover{
	background-image: url("../images/index_image_3b.png");
	}
.register2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.register3{
	background-image: url("../images/index_image_3a.png");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center ;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	text-align: center;
	}

@media (min-width: 0px) {
	.image1{
	max-width: 90%;
	margin-left: 0px;
	margin-bottom: 250px;
	margin-top: 100px;
	}
	.header{
	bottom:140px;
	padding-left: 20px;
	}
	.header_logo{
	width: 100%; 
	top: 0px; 
  	}
	.register{
	width: 300px;
	height: 224px;
	transition-duration: 1s;
	top: -110px;
		
	}
	.register:hover{
	width: 430px;
	height: 240.8px;
	transition-duration: 1s;
	}	
	.header_text1{
	line-height: 1.0;
	}
	.header_text4{
	font-weight: 100;
	}
	.header_text2{
	}
	.header_text3{
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .05em;
	}	
}
@media (min-width: 810px) {
	.image1{
	max-width: 480px;
	margin-left: 300px;
	margin-bottom: 340px;
	margin-top: 100px;
	}
	.header{
	bottom:220px; 
	}
	.header_logo{
	width: 100%; 
	top: 0px; 
  	}
	.register{
	width: 400px;
	height: 224px;
	transition-duration: 1s;
	top: -110px;
		
	}
	.register:hover{
	width: 430px;
	height: 240.8px;
	transition-duration: 1s;
	}	
	.header_text1{
	line-height: 1.0;
	}
	.header_text2{
	}
	.header_text3{
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .05em;
	}
	.header_text4{
	font-weight: 100;
	}
}
@media (min-width: 992px) {
	.image1{
	max-width: 600px;
	margin-left: 300px;
	margin-bottom: 340px;
	margin-top: 100px;
	}
	.header{
	bottom:220px; 
	}
	.header_logo{
	width: 100%; 
	top: 0px; 
  	}
	.register{
	width: 400px;
	height: 224px;
	transition-duration: 1s;
	top: -115px;
		
	}
	.register:hover{
	width: 430px;
	height: 240.8px;
	transition-duration: 1s;
	}	
	.header_text1{
	line-height: 1.0;
	}
	.header_text4{
	font-weight: 100;
	}
	.header_text2{
	}
	.header_text3{
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .05em;
	}		
}

@media (min-width: 1200px) {
	.image1{
	max-width: 681px;
	margin-left: 300px;
	margin-bottom: 340px;
	margin-top: 100px;
	}
	.header{
	bottom:220px; 
	}
	.header_logo{
	width: 100%; 
	top: 0px; 
	max-width: 1200px;
  	}
	.register{
	width: 480px;
	height: 269px;
	transition-duration: 1s;
	top: -130px;
	}
	.register:hover{
	width: 495px;
	height: 277.4px;
	transition-duration: 1s;
	}	
	.header_text1{
	line-height: 1.0;
	}
	.header_text4{
	font-weight: 100;
	}
	.header_text2{
	font-weight: 500;
	}
	.header_text3{
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .05em;
	}		
}
/* #################################### */
/* price */
/* #################################### */

.price_field0{
	position: relative;
	display: flex;
	justify-content:center;
	align-items: center;
	width: 100%;
	}

.price_field1{
	float: left;
	color:#FDFDFD;
	border-radius: 7px;
	background-repeat: no-repeat; 
	font-weight: 100;
	opacity: 1.0;
	background-color: rgba(64,64,64,1.00);
	box-shadow: 0px 0px 25px 3px #1E1E1E;
	transition: 0.5s ease-in;
  	}
.price_field1:hover{
	background-color: rgba(46,46,46,1.00);
	box-shadow: 0px 0px 25px 3px #2F2F2F;
	transition: 0.5s ease-in;
  	}
.price_field2{
	position: relative; 
	width: 100%; 
	height: 100%;
  	}
.price_field3{
	position: absolute; 
	bottom: 0px; 
	width: calc(100% - 20px); 
	text-align:center; 
	margin: 15px;
	text-transform: uppercase;
	}
.price_title_1{
	text-transform: uppercase;
	color: #414141;
	font-weight: bold;
	}
.price_title_2{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	}
.price_title_3{
	color: white;
	font-weight: normal;
	}
@media (min-width: 0px) {
.price_field_title{
	padding-top: 100px; 
	padding-bottom: 20px;
  }		
.price_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.price_field1{
	width: calc(100% - 15px);
	min-width: 150px;
	height: 200px;
	min-height: 180px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }

}
@media (min-width: 500px) {
.price_field_title{
	padding-top: 100px; 
	padding-bottom: 20px;
  }		
.price_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.price_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }

	
}
@media (min-width: 810px) {
.price_field_title{
	padding-top: 120px; 
	padding-bottom: 20px;
  }		
.price_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.price_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }
}
@media (min-width: 992px) {
.price_field_title{
	padding-top: 120px; 
	padding-bottom: 20px;
  }		
.price_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }		
.price_field1{
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 20px;
  }
}
@media (min-width: 1200px) {

.price_field_title{
	padding-top: 145px; 
	padding-bottom: 20px;
  }		
.price_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.price_field1{
	font-size: 20px;
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
  }
	
}
/* #################################### */
/* projects */
/* #################################### */

.projects_background{
	background-image: url("../images/index_image_6.jpg");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top: 100px
	}
.projects_field0{
	width: 100%; 
	float: left; 
  	}
.projects_field0:after { /* float abbrechen !Wichtig!*/
	content: "";
	display: table;
	clear: both;
	}
.projects_field1{
	float: left;
	color:#FDFDFD;
	border-radius: 5px;
	background-repeat: no-repeat; 
	font-weight: 100;
  	}

.projects_field2{
	position: relative; 
	width: 100%; 
	height: 100%;
  	}
.projects_field3{
	position: absolute; 
	bottom: 0px; 
	width: calc(100% - 15px); 
	text-align:center; 
	margin: 15px;
	}
.projects_field_font_1{
	color: #FFFFFF;
	font-size: bold;
	text-transform: uppercase;
	}
.projects_field_font_2{
	color: #74af74;
	}
.projects_title_1{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	}
.projects_title_2{
	color: white;
	}
@media (min-width: 0px) {
.projects_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.projects_field1{
	width: calc(50% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:140px auto;
	background-position: 50% top;
  }
.projects_field_font_1{
	font-size: 17px;
	}
.projects_field_font_2{
	font-size: 17px;
	}
	
}
@media (min-width: 500px) {
.projects_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.projects_field1{
	width: calc(33% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
  }
.projects_field_font_1{
	font-size: 20px;
	}
.projects_field_font_2{
	font-size: 17px;
	}
	
}
@media (min-width: 810px) {
.projects_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 750px;
  }	
.projects_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }
.projects_field_font_1{
	font-size: 20px;
	}
.projects_field_font_2{
	font-size: 17px;
	}
}
@media (min-width: 992px) {
.projects_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.projects_field1{
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 20px;
  }
.projects_field_font_1{
	font-size: 25px;
	}
.projects_field_font_2{
	font-size: 20px;
	}	
}
@media (min-width: 1200px) {
.projects_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.projects_field1{
	font-size: 20px;
	width: 298px;
	height: 250px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-size:80% auto;
	background-position: 50% -20px;
  }
.projects_field_font_1{
	font-size: 25px;
	}
.projects_field_font_2{
	font-size: 20px;
	}
}
/* #################################### */
/* references */
/* #################################### */

.references_field0{
	position: relative;
	display: flex;
	justify-content:center;
	align-items: center;
	width: 100%;
	}

.references_field1{
	float: left;
	color:#FDFDFD;
	border-radius: 7px;
	background-repeat: no-repeat; 
	font-weight: 100;
	opacity: 1.0;
	background-color: rgba(64,64,64,1.00);
	box-shadow: 0px 0px 25px 3px #1E1E1E;
	transition: 0.5s ease-in;
  	}
.references_field1:hover{
	background-color: rgba(46,46,46,1.00);
	box-shadow: 0px 0px 25px 3px #2F2F2F;
	transition: 0.5s ease-in;
  	}
.references_field2{
	position: relative; 
	width: 100%; 
	height: 100%;
  	}
.references_field3{
	position: absolute; 
	bottom: 0px; 
	width: calc(100% - 30px); 
	text-align:center; 
	margin: 15px;
	text-transform: uppercase;
	}
.references_title_1{
	text-transform: uppercase;
	color: #414141;
	font-weight: bold;
	}
.references_title_2{
	text-transform: uppercase;
	color: #72ae74;
	font-weight: bold;
	}
.references_title_3{
	color: white;
	font-weight: normal;
	}
.references_text_2{
	color: #3E3D3D;
	}
.references_text_3{
	color: #3E3D3D;
	font-style: italic;
	}
.references_image_div_1{
	position: absolute; 
	left: -40px; 
	top: -40px;
	}
.references_image_div_2{
	padding-left: 75px;
	}
.references_image_div_3{
	width: calc(100% - 20px); 
	margin-left: 10px; 
	margin-right: 10px;
	height: auto; 
	padding: 10px; 
	border-radius: 10px; 
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; 
	margin-top: 45px;
	}
.references_image_1{
	width: 100px;
	height: 100%; 
	filter: drop-shadow(5px 8px 9px #b0b0b0);
	}
.references_float_1{
	float: left;
	}
.references_float_1{
	float: right;
	width: auto;
	}
.references_background{
	text-align: center;
	}

@media (min-width: 0px) {
.references_field_title{
	padding-top: 100px; 
	padding-bottom: 20px;
  }		
.references_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.references_field1{
	width: calc(100% - 15px);
	min-width: 150px;
	height: 200px;
	min-height: 180px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }
.references_float_1{
	float: left;
	width: 100%;
	}
.references_image_2{
	height: 13px;
	width: auto;
	}	
.references_image_3{
	height: 20px;
	width: auto;
	}		
}
@media (min-width: 500px) {
.references_field_title{
	padding-top: 100px; 
	padding-bottom: 20px;
  }		
.references_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.references_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }
.references_float_1{
	float: left;
	width: 100%;
	}
.references_image_2{
	height: 20px;
	width: auto;
	}
.references_image_3{
	height: 40px;
	width: auto;
	}	
}
@media (min-width: 810px) {
.references_field_title{
	padding-top: 120px; 
	padding-bottom: 20px;
  }		
.references_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.references_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }
.references_float_1{
	float: right;
	width: auto;
	}	
.references_image_2{
	height: 20px;
	width: auto;
	}
.references_image_3{
	height: 40px;
	width: auto;
	}
}
@media (min-width: 992px) {
.references_field_title{
	padding-top: 120px; 
	padding-bottom: 20px;
  }		
.references_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }		
.references_field1{
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 20px;
  }
.references_float_1{
	float: right;
	width: auto;
	}	
.references_image_2{
	height: 20px;
	width: auto;
	}
.references_image_3{
	height: 40px;
	width: auto;
	}
}
@media (min-width: 1200px) {

.references_field_title{
	padding-top: 145px; 
	padding-bottom: 20px;
  }		
.references_field0{
	padding-top: 50px; 
	padding-bottom: 100px;
  }	
.references_field1{
	font-size: 20px;
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
  }
.references_float_1{
	float: right;
	width: auto;
	}	
.references_image_2{
	height: 20px;
	width: auto;
	}
.references_image_3{
	height: 40px;
	width: auto;
	}	
}
/* #################################### */
/* question */
/* #################################### */
.question1{
	position: relative; 
	background-color: white; 
	border-top:20px solid white; 
	border-bottom:20px solid white; 
	border-left:50px solid white; 
	border-right:50px solid white;
	border-radius: 10px; 
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	margin-bottom: 30px;
	transition: 0.5s ease-in;
	transition: 0.5s ease-out;
	}
.question1:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
	}
.question2{
	position: relative; 
	background-color: white; 
	border-top:20px solid white; 
	border-bottom:20px solid white; 
	border-left:50px solid white; 
	border-right:50px solid white;
	border-radius: 10px; 
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	transition: 0.5s ease-in;
	transition: 0.5s ease-out;
	}
.question2:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
	}
.question3{
	position: relative; 
	background-color: white; 
	border-top:5px solid white; 
	border-bottom:5px solid white; 
	border-left:10px solid white; 
	border-right:10px solid white;
	border-radius: 3px; 
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	margin-bottom: 30px;
	transition: 0.5s ease-in;
	transition: 0.5s ease-out;
	}
.question3:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}
.question_text1{
	font-weight: 100;
	color: #414141;
	}
.button_start_1{
	position: relative; 
	background-color: rgba(114,174,116,1.00); 
	border-top:5px solid #72ae74; 
	border-bottom:5px solid #72ae74; 
	border-left:10px solid #72ae74; 
	border-right:10px solid #72ae74; 
	box-shadow: rgba(114,174,116, 0.4) 0px 4px 16px, rgba(114,174,116, 0.4) 0px 8px 24px, rgba(114,174,116, 0.4) 0px 16px 56px;

	margin-bottom: 30px;
	transition: 0.5s ease-in;
	transition: 0.5s ease-out;
	text-align: center;
	color: white;
	border-radius: 5px;
	line-height: 20px;
	padding: 5px;
	
}
.button_start_1:hover{
	box-shadow: rgba(114,174,116,1) 0px 30px 90px;
	}
.button_start_1_text{
	font-weight: 100;
	color: #414141;
	}
/* #################################### */
/* explain */
/* #################################### */
.explain_text_1{
	color: #3E3D3D;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 800;
	}
.explain_text_2{
	color: #3E3D3D;
	}
.explain_background{
	text-align: center;
	}
.explain_video1{
	position: relative; 
	box-shadow: 6px 6px 25px 5px #E1E1E1; 
	}

@media (min-width: 0px) {
	.explain_video1{
	margin-bottom: 30px;
	margin-top: 20px;	
	width: 100%;
	vertical-align: middle;
	text-align: center;
	/*padding-bottom: 30px;
	padding-top: 30px;*/
	}
	
}
@media (min-width: 810px) {
	.explain_video1{
	margin-bottom: 30px;
	margin-top: 20px;	
	width: 100%;
	vertical-align: middle;
	text-align: center;
	/*padding-bottom: 30px;
	padding-top: 30px;*/
	}
}
@media (min-width: 992px) {
	.explain_video1{
	margin-bottom: 30px;
	margin-top: 20px;	
	width: 100%;
	vertical-align: middle;
	text-align: center;
	/*padding-bottom: 30px;
	padding-top: 30px;*/
	}
}

@media (min-width: 1200px) {
	.explain_text_1{
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .05em;
	padding-bottom: 30px;
	}	
	.explain_text_2{
	line-height: 1.3;
	letter-spacing: .05em;
	padding-bottom: 30px;
	}
	.explain_background{
	margin-top: 10px;
	}
	.explain_video1{
	margin-bottom: 30px;
	width: 100%;
	padding:0px;
	}
}
/* #################################### */
/* benefits */
/* #################################### */

.benefits_background{
	background-image: url("../images/index_image_6.jpg");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top: 100px
	}
.benefits_field0{
	width: 100%; 
	float: left; 
  	}
.benefits_field0:after { /* float abbrechen !Wichtig!*/
	content: "";
	display: table;
	clear: both;
	}
.benefits_field1{
	float: left;
	color:#FDFDFD;
	border-radius: 7px;
	background-repeat: no-repeat; 
	font-weight: 100;
	transition: 0.5s 0.7s ease-out;
	opacity: 1.0;
  	}
.benefits_field1:hover{
	background-color: rgba(28,28,28,0.50);
	box-shadow: 0px 0px 25px 3px #1E1E1E;
	transition: 0.5s ease-in;
  	}
.benefits_field2{
	position: relative; 
	width: 100%; 
	height: 100%;
  	}
.benefits_field3{
	position: absolute; 
	bottom: 0px; 
	width: calc(100% - 20px); 
	text-align:center; 
	margin: 15px;
	text-transform: uppercase;
	}
.benefits_title_1{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	}
@media (min-width: 0px) {
.benefits_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.benefits_field1{
	width: calc(50% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }
.benefits_field1:hover{
	background-size:158px auto;
	font-size: 16px;
  }	
	
}
@media (min-width: 500px) {
.benefits_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.benefits_field1{
	width: calc(33% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }
.benefits_field1:hover{
	background-size: 158px auto;
	font-size: 16px;
  }	
	
}
@media (min-width: 810px) {
.benefits_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 750px;
  }	
.benefits_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }
.benefits_field1:hover{
	background-size: 83%;
	font-size: 16px;
  }	
}
@media (min-width: 992px) {
.benefits_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.benefits_field1{
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 20px;
  }
.benefits_field1:hover{
	background-size: 83%;
	font-size: 21px;
  }		
}
@media (min-width: 1200px) {
.benefits_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.benefits_field1{
	font-size: 20px;
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
  }
.benefits_field1:hover{
	background-size: 83%;
	font-size: 21px;
  }	
}
/* #################################### */
/* service */
/* #################################### */

.service_background{
	background-image: url("../images/index_image_6.jpg");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top: 100px
	}
.service_field0{
	width: 100%; 
	float: left; 
  	}
.service_field0:after { /* float abbrechen !Wichtig!*/
	content: "";
	display: table;
	clear: both;
	}
.service_field1{
	float: left;
	color: #606060;
	border-radius: 7px;
	background-repeat: no-repeat; 
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
	font-weight: 100;
	transition: 0.5s 0.7s ease-out;
	opacity: 1.0;
  	}
.service_field1:hover{
	
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	transition: 0.5s ease-in;
  	}
.service_field2{
	position: relative; 
	width: 100%; 
	height: 100%;
  	}
.service_field3{
	position: absolute; 
	bottom: 0px; 
	width: calc(100% - 20px); 
	text-align:center; 
	margin: 15px;
	text-transform: uppercase;
	}
.service_title_1{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	}
@media (min-width: 0px) {
.service_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.service_field1{
	width: calc(50% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }
.service_field1:hover{
	background-size:158px auto;
	font-size: 16px;
  }	
	
}
@media (min-width: 500px) {
.service_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.service_field1{
	width: calc(33% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }
.service_field1:hover{
	background-size: 158px auto;
	font-size: 16px;
  }	
	
}
@media (min-width: 810px) {
.service_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 750px;
  }	
.service_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }
.service_field1:hover{
	background-size: 83%;
	font-size: 16px;
  }	
}
@media (min-width: 992px) {
.service_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.service_field1{
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 20px;
  }
.service_field1:hover{
	background-size: 83%;
	font-size: 21px;
  }		
}
@media (min-width: 1200px) {
.service_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.service_field1{
	font-size: 20px;
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
  }
.service_field1:hover{
	background-size: 83%;
	font-size: 21px;
  }	
}
#icon_service_1{
	background-image:url("../images/Index_Icon_service_1.png");
	}
#icon_service_2{
	background-image:url("../images/Index_Icon_service_2.png");
	}
#icon_service_3{
	background-image:url("../images/Index_Icon_service_3.png");
	}
#icon_penetration_1{
	background-image:url("../images/Index_Icon_Penetration_1.svg");
	}
#icon_schweiz_1{
	background-image:url("../images/Index_Icon_schweiz_1.svg");
	}
#icon_ssl_1{
	background-image:url("../images/Index_Icon_ssl_1.svg");
	}
#icon_backup_1{
	background-image:url("../images/Index_Icon_backup_1.svg");
	}
#icon_check_1{
	background-image:url("../images/Index_Icon_check_1.svg");
	}
#icon_log_1{
	background-image:url("../images/Index_Icon_log_1.svg");
	}
#icon_log_2{
	background-image:url("../images/Index_Icon_log_1.svg");
	}
#icon_log_3{
	background-image:url("../images/Index_Icon_log_1.svg");
	}
#icon_members_1{
	background-image:url("../images/Index_Icon_members_1.svg");
	}
#icon_members_2{
	background-image:url("../images/Index_Icon_members_1.png");
	}
#icon_project_1{
	background-image:url("../images/Index_Icon_messenger_2.svg");
	}
#icon_project_2{
	background-image:url("../images/Index_Icon_messenger_2.svg");
	}
#icon_phasen_1{
	background-image:url("../images/Index_Icon_phasen_1.svg");
	}
#icon_company_list_1{
	background-image:url("../images/Index_Icon_company_list_1.png");
	}
#icon_tenderoverview_1{
	background-image:url("../images/Index_Icon_tenderoverview.png");
	}
#icon_cockpit_1{
	background-image:url("../images/Index_Icon_cockpit.png");
	}
#icon_offentlich_1{
	background-image:url("../images/Index_Icon_offentlich_1.png");
	}
#icon_offentlich_2{
	background-image:url("../images/Index_Icon_offentlich_2.svg");
	}
#icon_privat_1{
	background-image:url("../images/Index_Icon_privat_1.png");
	}
#icon_zefix_1{
	background-image:url("../images/Index_Icon_zefix_1.svg");
	}
#icon_vorlage_1{
	background-image:url("../images/Index_Icon_vorlage_1.svg");
	}
#icon_varianten_1{
	background-image:url("../images/Index_Icon_varianten_1.svg");
	}
#icon_suche_1{
	background-image:url("../images/Index_Icon_suche_1.svg");
	}
#icon_autosuche_1{
	background-image:url("../images/Index_Icon_autosuche_1.svg");
	}
#icon_prazisierung_1{
	background-image:url("../images/Index_Icon_prazisierung_1.svg");
	}
#icon_prazisierung_2{
	background-image:url("../images/Index_Icon_prazisierung_2.svg");
	}
#icon_bestatigung_1{
	background-image:url("../images/Index_Icon_bestatigung_1.svg");
	}
#icon_credits_1{
	background-image:url("../images/Index_Icon_credits_1.svg");
	}
#icon_template_1{
	background-image:url("../images/Index_Icon_template_1.svg");
	}
#icon_verdeckt_1{
	background-image:url("../images/Index_Icon_covered_2.svg");
	}
#icon_recht_1{
	background-image:url("../images/Index_Icon_recht_1.svg");
	}
#icon_price_1{
	background-image:url("../images/Index_Icon_price_2.svg");
	}
#icon_price_2{
	background-image:url("../images/Index_Icon_price_3.svg");
	}
#icon_offer_1{
	background-image:url("../images/Index_Icon_offer_1.svg");
	}
#icon_lastestinput_1{
	background-image:url("../images/Index_Icon_nachfrist_1.svg");
	}
#icon_projects_1{
	background-image:url("../images/weclome_projects_icon_1.svg");
	}
#icon_projects_2{
	background-image:url("../images/weclome_projects_icon_2.svg");
	}
#icon_projects_3{
	background-image:url("../images/weclome_projects_icon_3.svg");
	}
#icon_projects_4{
	background-image:url("../images/weclome_projects_icon_4.svg");
	}
#icon_projects_5{
	background-image:url("../images/weclome_projects_icon_5.svg");
	}
#icon_projects_6{
	background-image:url("../images/weclome_projects_icon_6.svg");
	}
#icon_projects_7{
	background-image:url("../images/weclome_projects_icon_7.svg");
	}
#icon_projects_8{
	background-image:url("../images/weclome_projects_icon_8.svg");
	}
#icon_projects_9{
	background-image:url("../images/weclome_projects_icon_9.svg");
	}
#icon_projects_10{
	background-image:url("../images/weclome_projects_icon_10.svg");
	}
#icon_projects_11{
	background-image:url("../images/weclome_projects_icon_11.svg");
	}
#icon_projects_12{
	background-image:url("../images/weclome_projects_icon_12.svg");
	}
/* #################################### */
/* highlights */
/* #################################### */

.highlights_background_1{
	background-repeat: no-repeat;
  }
.highlights_background_position_1{
	 display: table-cell;
  vertical-align: top;
  }	
.highlights_background_position_1 td:nth-child(1){
	 display: table-cell;
  vertical-align: top;
  }	
.highlights_background_position_2{
	vertical-align: top;
  }	
.highlights_background_position_2 td:nth-child(1){
	vertical-align: top;
  }	

	
.fact_1 td:nth-child(1){
	text-align: left;
	width: 10px;
	
  }		
.fact_1 td:nth-child(2){
	width: auto;
	text-align: left;
	border-bottom: 1px solid #C6C6C6;
	padding-right: 30px;
  }	
.fact_1 td:nth-child(3){
	width: 50px;
	text-align: center;
	border-bottom: 1px solid #C6C6C6;
  }	
.fact_2{
	border-bottom: 0px solid #A2A2A2!important;
	font-weight: bold;
	color: #313131;
	padding-top: 20px;
  }	
.fact_check_1{
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 30px;
	width: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background-image:url("../images/index_button_2.svg");
	padding-top: 7px;
	}
.fact_check_2{
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 30px;
	width: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background-image:url("../images/index_button_1.svg");
	padding-top: 7px;
	}


.highlights_text1{
	color: #414141;
	text-transform: uppercase;
	font-weight: bold;
  }
.highlights_text2{
	color: rgba(58,58,58,1.00)
  }
.highlights_text3{
	color: #414141;
	text-transform: uppercase;
	font-weight: bold;
	background-color: white;
	padding-left: 5px;
	padding-right: 20px;
  }
.highlights_text4{
	color: #414141;
	text-transform: uppercase;
	background-color: white;
	padding-left: 5px;
	padding-right: 20px;
  }


@media (min-width: 0px) {
.highlights_background_position_1{
	background-position: top center;
  }	
.highlights_background_position_1 td:nth-child(1){
	padding-left: 0px;
	padding-top: 200px;
  }	
.highlights_background_position_2{
	background-position: top center;
  }		
.highlights_background_position_2 td:nth-child(1){
	padding-left: 0px;
	padding-top: 200px;
	padding-right: 0px;
  }	
.highlights_background_1{
	background-size: auto 40%;
	width: 100%;
	min-height: 300px;
	padding-bottom: 20px;
  }
}
@media (min-width: 500px) {
.highlights_background_position_1{
	background-position: top center;
  }	
.highlights_background_position_1 td:nth-child(1){
	padding-left: 0px;
	padding-top: 200px;
  }	
.highlights_background_position_2{
	background-position: top center;
  }		
.highlights_background_position_2 td:nth-child(1){
	padding-left: 0px;
	padding-top: 200px;
	padding-right: 0px;
  }	
.highlights_background_1{
	background-size: auto 55%;
	width: 100%;
	min-height: 300px;
	padding-bottom: 20px;
  }
}	
@media (min-width: 810px) {
.highlights_background_position_1{
	background-position: top left;
  }	
.highlights_background_position_1 td:nth-child(1){
	padding-top: 0px;
	padding-left: 350px;
  }	
.highlights_background_position_2{
	background-position: top right;
  }	
.highlights_background_position_2 td:nth-child(1){
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 350px;
  }
.highlights_background_1{
	background-size: auto 90%;
	width: 100%;
	min-height: 300px;
	padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
.highlights_background_position_1{
	background-position: top left;
  }	
.highlights_background_position_1 td:nth-child(1){
	padding-top: 0px;
	padding-left: 480px;
  }		
.highlights_background_position_2{
	background-position: top right;
  }	
.highlights_background_position_2 td:nth-child(1){
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 480px;
  }
.highlights_background_1{
	background-size: auto 100%;
	width: 100%;
	min-height: 400px;
	padding-bottom: 20px;
  }		
}
@media (min-width: 1200px) {
.highlights_background_position_1{
	background-position: top left;
  }	
.highlights_background_position_1 td:nth-child(1){
	padding-top: 0px;
	padding-left: 500px;
  }	
.highlights_background_position_2{
	background-position: top right;
  }	
.highlights_background_position_2 td:nth-child(1){
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 500px;
  }
.highlights_background_1{
	background-size: auto 100%;
	width: 100%;
	min-height: 400px;
	padding-bottom: 20px;
  }
}

/* #################################### */
/* security */
/* #################################### */

.security_background{
	background-image: url("../images/index_image_6.jpg");
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	background-position: bottom center ;
	margin-top: 150px; 
	margin-bottom: 0px; 
	padding-top: 100px
	}
.security_field0{
	width: 100%; 
	float: left; 
  }
.security_field0:after { /* float abbrechen !Wichtig!*/
	content: "";
	display: table;
	clear: both;
}
.security_field1{
	float: left;
	color:#FDFDFD;
	border-radius: 7px;
	background-repeat: no-repeat; 
	font-weight: 100;
	transition: 0.5s 0.7s ease-out;
	opacity: 1.0;
  }
.security_field1:hover{
	background-color: rgba(28,28,28,0.50);
	box-shadow: 0px 0px 25px 3px #1E1E1E;
	transition: 0.5s ease-in;
  }
.security_field2{
	position: relative; 
	width: 100%; 
	height: 100%;
  }
.security_field3{
	position: absolute; 
	bottom: 0px; 
	width: calc(100% - 20px); 
	text-align:center; 
	margin: 15px;
	text-transform: uppercase;
	}
.security_title_1{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	}
@media (min-width: 0px) {
.security_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.security_field1{
	width: calc(50% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }
.security_field1:hover{
	background-size: 158px auto;
	font-size: 16px;
  }	
	
}
@media (min-width: 500px) {
.security_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: auto;
  }	
.security_field1{
	width: calc(33% - 15px);
	height: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:150px auto;
	background-position: 50% top;
	font-size: 15px;
  }
.security_field1:hover{
	background-size: 158px auto;
	font-size: 16px;
  }	
	
}
@media (min-width: 810px) {
.security_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 750px;
  }	
.security_field1{
	width: 234px;
	height: 188px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 15px;
  }
.security_field1:hover{
	background-size: 83%;
	font-size: 16px;
  }	
}
@media (min-width: 992px) {
.security_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.security_field1{
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
	font-size: 20px;
  }
.security_field1:hover{
	background-size: 83%;
	font-size: 21px;
  }		
}
@media (min-width: 1200px) {
.security_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.security_field1{
	font-size: 20px;
	width: 300px;
	height: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size:80% auto;
	background-position: 50% -20px;
  }
.security_field1:hover{
	background-size: 83%;
	font-size: 21px;
  }	
}
/* #################################### */
/* price */
/* #################################### */
.price_background{
	float: left; 
  }
/* #################################### */
/* aboutus */
/* #################################### */

.aboutus_background_1{
	background-image: url("../images/index_header_1.svg");
	background-size: cover ;
	background-repeat: no-repeat;
	background-position: center ;
	width: 100%; 
	min-height: 100px; 
	max-height: 500px; 	
	margin-top: 150px;
	filter: drop-shadow(0px 0px 8px #353535);
	}
.aboutus_background_2{
	background-image: url("../images/index_aboutus_1.svg");
	background-size: cover ;
	background-repeat: no-repeat;
	background-position: center ;
	width: 100%; 
	height: auto; 
	margin-top: 150px;
	filter: drop-shadow(0px 0px 8px #353535);
	}
/* #################################### */
/* disclaimer */
/* #################################### */

.disclaimer_background{
	background-image: url("../images/index_image_5.jpg");
	background-size: 200% 200% ;
	background-repeat: no-repeat;
	background-position: top center ;
	margin-top: 150px; 
	margin-bottom: 0px; 
	padding-top: 100px
	}

.disclaimer_field0:after { /* float abbrechen !Wichtig!*/
	content: "";
	display: table;
	clear: both;
}

.disclaimer_field1{
	float: left;
	color:#FDFDFD;
	border-radius: 7px;
	font-weight: 100;
	transition: 0.5s 0.7s ease-out;
	opacity: 1.0;
  }
.disclaimer_field2{
	float: left;
	color:#FDFDFD;
	border-radius: 7px;
	font-weight: 100;
	transition: 0.5s 0.7s ease-out;
	opacity: 1.0;
  }
.disclaimer_text1{
	font-weight: 600;
	color:#414141;
	}
.disclaimer_text2{
	font-weight: 100;
	color: #414141;
	}
.disclaimer_title_1{
	text-transform: uppercase;
	color: #414141;
	font-weight: bold;
	}
@media (min-width: 0px) {
.disclaimer_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.disclaimer_field1{
	width: calc(100%);
	height: auto;
	margin-bottom: 15px;
  }
.disclaimer_field2{
	width: calc(100%);
	height: auto;
	margin-bottom: 15px;
	margin-right: 0px;
  }	
	
}
@media (min-width: 810px) {
.disclaimer_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.disclaimer_field1{
	width: calc(100% - 280px);
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
  }
.disclaimer_field2{
	width: 250px;
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
.disclaimer_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 945px;
  }	
.disclaimer_field1{
	width: calc(100% - 280px);
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
  }
.disclaimer_field2{
	width: 250px;
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
.disclaimer_field0{
	margin-top: 30px; 
	margin-bottom: 30px; 
	max-width: 1200px;
  }	
.disclaimer_field1{
	width: calc(100% - 280px);
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
  }
.disclaimer_field2{
	width: 250px;
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
  }
}


/* #################################### */
/* Popup */
/* #################################### */

.popup_1{ 
	padding:30px 20px 20px 20px;
	background-color: white;
	border-radius: 7px;
	max-width: 1000px;
	width: 100%;
	}

.popup_title_1{
	font-weight: 800;
	color:#74af74;
	text-decoration: none;
	font-size: 30px;
	text-transform: uppercase;
	}
.popup_title_1_green{
	font-weight: 800;
	color:#72ae74;
	text-decoration: none;
	font-size: 30px;
	text-transform: uppercase;
	}
.popup_title_2{
	font-weight: 100;
	color:#454545;
	font-size: 25px;
	}
.popup_title_2b{
	font-weight: 100;
	color:#FFFFFF;
	font-size: 25px;
	}
.popup_title_3{
	font-weight: 100;
	color:#858585;
	font-size: 15px;	
	}
.popup_title_3b{
	font-weight: 100;
	color:#DDDDDD;
	font-size: 15px;	
	}
.popup_title_4{
	font-weight: 800;
	color:#474747;
	text-decoration: none;
	font-size: 30px;
	text-transform: uppercase;
	border:  1px solid #A5A5A5;
	border-radius: 3px;
	padding:5px;
	width: 100%;
	text-align: center;
	}
.popup_title_4b{
	font-weight: 800;
	color:#FF931E;
	text-decoration: none;
	font-size: 30px;
	text-transform: uppercase;
	border:  1px solid #A5A5A5;
	border-radius: 3px;
	padding:5px;
	width: 100%;
	text-align: center;
	}
.popup_title_5{
	font-weight: 800;
	text-decoration: none;
	font-size: 30px;
	text-transform: uppercase;
	border-radius: 3px;
	padding:5px;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
    background:#393939;
	transition: 0.5s 0.7s ease-out;
	border: 1px solid transparent;
	opacity: 1.0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px; 
	padding-top: 2px;

	}
.popup_close_1{
	position: absolute; 
	right: 0px; 
	top: 0px;  
	width: 40px; 
	height: 40px;
	background-image: url("../images/button_close_1p.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	border: none;
}
.popup_close_1:hover{
	background-image: url("../images/button_close_1b.svg");
}	
.popup_check_1{
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 20px;
	width: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background-image:url("../images/button_success_1.svg");
	padding-top: 7px;
	}
.popup_check_2{
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px solid black;
	height: 40px;
	width: 40px;
	padding: 20px;
	background-image:url("../images/button_success_1.svg");
	}
.popup_check_3{
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center top;
	height: 60px;
	width: 60px;
	background-image:url("../images/button_success_1.svg");
	}

.popup_calculator_1{
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center top;
	height: 60px;
	width: 60px;
	background-image:url("../images/button_calculator_1.png");
	}
.popup_distance_1{
	height: 10px;
	}
.bs_popup_1{
	left: 50%;   
	transform: translate(-50%,0);
	position: relative;
	background-color: #FFFFFF;
	padding: 5px 10px 10px 10px;
	width: auto;
	max-width: 800px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	border-radius: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	
}

/* #################################### */
/* Spezial */
/* #################################### */

.drehen{
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
transform: rotate(1deg);	
}
.hovering {
    -webkit-animation-name: hovering;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: hovering;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    animation-name: hovering;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes hovering {
    from {-webkit-transform:translate(0, 0px);}
    50% {-webkit-transform:translate(0, -15px);}
    to {-webkit-transform: translate(0, -0px);}
}

@-moz-keyframes hovering {
    from {-moz-transform:translate(0, 0px);}
    50% {-moz-transform:translate(0, -15px);}
    to {-moz-transform: translate(0, -0px);}
}

@keyframes hovering {
    from {transform:translate(0, 0px);}
    50% {transform:translate(0, -15px);}
    to {transform: translate(0, -0px);}
}
/*# sourceMappingURL=style.css.map */
.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 1.2s; 
    animation-iteration-count: infinite;            
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }    
}


/* Schatten */
.play-btn {
  width: 100px;
  height: 100px;
  background: radial-gradient( rgba(255,255,255,0.80) 60%, rgba(255,255,255,1.00) 62%);
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 0px auto;
  box-shadow: 0px 0px 25px 3px rgba(255,153,0,0.50);
}
/* Pulsierender Ring */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 50px rgba(255,153,0,1.00);
  border:0.5px solid #FFB039;
  top: -25.5%;
  left: -25.5%;
  background: rgba(255,153,0,0.0);
}
/* Dreieck für Play */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #FF931E;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}



@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}



.bs_dropdown_1 {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: rgba(23,23,23,1.00);
	appearance: none;
	width: 100%;
	/*width: calc(100% + 4px);*/
  	height: 29px;
	outline: none;
	text-align: left;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
    background:  rgba(255,255,255,0.17);
	/* box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 12px;*/
	border: 1px solid rgba(255,255,255,0.00);
	transition: all 0.3s ease-in-out;
	z-index: 9999;
    }
.bs_dropdown_1::-ms-expand {
    display: none;
    }
.bs_dropdown_1 option {
	color: rgba(23,23,23,1.00)!important;
	background-color:rgba(255,255,255,1.00);
	border: none!important;
    }
.bs_dropdown_1 option:hover {

    }
.bs_dropdown_1 option:checked{

	}

.bs_dropdown_1 option:disabled {
	color: #525252!important;	
	background-color: #F5F5F5;
    }
.bs_dropdown_1:focus::-ms-value {
	background:  rgba(173,173,173,1.00);
    }
.bs_dropdown_1 {
      /* ... */
    cursor: pointer;
    }
.bs_dropdown_1:focus{
	transition: all 0.3s ease-in-out;
	}
.bs_dropdown_1:hover{
	border:1px solid #FF931E;
	}
.bs_dropdown_1[readonly]{
	color: #525252!important;	
	background-color: #F5F5F5;	
	}

.bs_dropdown_1:disabled{
	color: #525252!important;
	background-color: #F5F5F5;;
	}
.bs_dropdown_1:disabled:hover{
	border: 1px solid rgba(255,255,255,0.00);
	}
.bs_dropdown_1::hover[readonly]{
	border: 1px solid rgba(255,255,255,0.00);
	}
.bs_dropdown_1::placeholder[readonly]{
	color: #525252; 
	}
.bs_dropdown_1:disabled:placeholder{
	color: #525252; 
	}







.bs_dropdown_1:-webkit-autofill,
.bs_dropdown_1:-webkit-autofill:hover, 
.bs_dropdown_1:-webkit-autofill:focus, 
.bs_dropdown_1:-webkit-autofill:active{

  	-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
	border: 1px solid rgba(255,255,255,0.00);
	-webkit-text-fill-color:rgba(23,23,23,1.00);
}
.bs_dropdown_1:-webkit-autofill:hover{
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
	border:1px solid #FF931E;
	transition: all 0.3s ease-in-out;
}




.bs_dropdown_1::placeholder{
	vertical-align: bottom;
	color: rgba(23,23,23,1.00);
	}

.bs_dropdown_1[readonly]{
	border: 1px solid rgba(82,82,82,0.00)!important;
	}
.bs_dropdown_1:disabled{
	border: 1px solid rgba(82,82,82,0.00)!important;
	}




.bs_switch_1 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.bs_switch_1 input {
  opacity: 0;
  width: 0;
  height: 0;
}

.bs_switch_slider_1 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #bc6561;
  -webkit-transition: .4s;
  transition: .4s;
  border: 1px solid #bc6561;
}

.bs_switch_slider_1:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 1.25px;
  bottom: 1.25px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 1px 1px 5px 0px #424242;
}
.bs_switch_slider_1:hover {

}



.bs_switch_slider_input_1:checked + .bs_switch_slider_1 {
  background-color: #74af74;
  border: 1px solid #74af74;
}

.bs_switch_slider_input_1:checked:hover + .bs_switch_slider_1 {

}

.bs_switch_slider_input_1:checked + .bs_switch_slider_1:before {
  -webkit-transform: translateX(29.75px);
  -ms-transform: translateX(29.75px);
  transform: translateX(29.75px);
}
	
.bs_switch_slider_1.bs_switch_round_1 {
  border-radius: 20px;
}

.bs_switch_slider_1.bs_switch_round_1:before {
  border-radius: 50%;
}	



.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
	background-color: white;
  outline: none; /* Remove outline */
transition: all 0.5s ease-in-out;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
		margin-top: 7px;

}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */

}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  	-webkit-appearance: none; /* Override default look */
  	appearance: none;
  	width: 25px; /* Set a specific slider handle width */
  	height: 25px; /* Slider handle height */
  	background: #FFFFFF; /* Green background */
  	cursor: pointer; /* Cursor on hover */
	border-radius: 15px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	transition: all 0.2s ease-in-out;
	border: none;
}

.slider::-moz-range-thumb {
 	width: 25px; /* Set a specific slider handle width */
 	height: 25px; /* Slider handle height */
 	background: #6a9961; /* Green background */
 	cursor: pointer; /* Cursor on hover */
 	border-radius: 15px;
	border: none;
}
.slider_base_2 {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 15px; /* Specified height */
	background-color: white;
  outline: none; /* Remove outline */
transition: all 0.5s ease-in-out;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
		margin-top: 7px;

}

/* Mouse-over effects */
.slider_base_2:hover {
  opacity: 1; /* Fully shown on mouse-over */

}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider_base_2::-webkit-slider-thumb {
  	-webkit-appearance: none; /* Override default look */
  	appearance: none;
  	width: 20px; /* Set a specific slider handle width */
  	height: 20px; /* Slider handle height */
  	background: #FFFFFF; /* Green background */
  	cursor: pointer; /* Cursor on hover */
	border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	transition: all 0.2s ease-in-out;
	border: none;
}

.slider_base_2::-moz-range-thumb {
 	width: 30px; /* Set a specific slider handle width */
 	height: 30px; /* Slider handle height */
 	background: #6a9961; /* Green background */
 	cursor: pointer; /* Cursor on hover */
 	border-radius: 15px;
	border: none;
}


.slider_1::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_1.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}
.slider_2::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_2.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}
.slider_3::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_3.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}
.slider_4::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_4.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}
.slider_5::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_5.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}
.slider_6::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_6.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}
.slider_7::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_7.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}
.slider_8::-webkit-slider-thumb{
	background-image: url("../images/welcome_icon_8.png");	
	background-size: cover;
	background-position: center;
	transition: all 0.2s ease-in-out;
}

.price_design td{
}
.price_design td:nth-child(1){
	padding-right: 20px;
}
.price_design td:nth-child(2){
	border-bottom: 1px dotted #72ae74;
}
.price_design td:nth-child(3){
	border-bottom: 1px dotted #72ae74;
	padding-left: 10px;
	padding-right: 20px;
}
.price_design td:nth-child(4){
	padding-left: 10px;
}

.price_design tr:nth-child(1) td:nth-child(2) {
	border-top: 0px dotted #72ae74;
}
.save_design {

	width: 100%;
	text-align: left;
	margin-top: 0px;

}
.save_design td{
	padding-top: 10px;
	border-bottom: 1px dotted #72ae74;
	padding-bottom: 10px;
}
.save_design td:nth-child(1){
	padding-right: 10px;
}

.save_design td:nth-child(2){
	padding-right: 20px;
	padding-left: 20px;
}
.save_hide_1{
	display: none;
}
.save_hide_1b td{
	border-color: #E5E5E5;
}

.save_table_class_0{
	background-color: #D0E0D0;
}
.save_table_class_1{
	background-color: #D0E0D0;
	
}
.save_table_class_2{
	background-color: #E0D0D0;
	
}
.save_table_class_3{
	color: #BDBDBD;
}

.save_table_1 {
	
}
.save_table_1 td{
	text-align: center;
	border-bottom: 1px solid #DEDEDE;
}
.save_table_1 tr:nth-child(1) td{
	border: none;
}
.save_table_1 tr:nth-child(2) td {
	border: none;
}
.save_table_1 td:nth-child(1){
	text-align: right;
}
.save_table_1 td:nth-child(2){
	text-align: left;
}
.save_table_1 td:nth-child(3){
	text-align: left;
}
.save_table_1 td:nth-last-child(1){
	text-align: right;
}
.save_table_1 tr:nth-last-child(1) td{
	border: none;
}
.save_table_1 tr:nth-last-child(2) td{
	border: none;
}
.save_cheaper{
	background-color: #9ED29F;
}
.welcome_price_0{
	display: block;
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 60px;
	width: 60px;
	padding-top: 0px;

	}
.welcome_price_1{
	background-image:url("../images/welcome_price_1.png");
	}
.welcome_price_2{
	background-image:url("../images/welcome_price_2.png");
	}
.welcome_price_3{
	background-image:url("../images/welcome_price_3.png");
	}
.welcome_price_4{
	background-image:url("../images/welcome_price_4.png");
	}
.welcome_save_main_0{ 
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	border-radius: 5px;
	position: relative;
	width: auto;
}
.welcome_save_main_0 td{
	border: none;
	padding: 5px 10px 5px 5px;
}
.welcome_save_main_0:hover{ 

    box-shadow: rgba(114, 174, 116, 0.4) 0px 4px 16px, rgba(114, 174, 116, 0.4) 0px 8px 24px, rgba(114, 174, 116, 0.4) 0px 16px 56px;

}







.welcome_price_main_0{
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top center;
	padding: none; 
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	margin: 5px;
	border-radius: 5px;
	position: relative;
}
@media (min-width: 0px){	
	.welcome_price_main_0{
		background-size: 70px 70px;
		height: 100px; 
		width: 100px; 
	}
}
@media (min-width: 400px){
	.welcome_price_main_0{
		background-size: 120px 120px;
		height: 150px; 
		max-height: 100%;
		width: 120px; 
		max-width: 100%;
	}
}	
.weclome_touch_1{
	display: block;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	background-image:url("../images/touch_1.png");
	filter: drop-shadow(2px 2px 5px #7F7F7F);
}
.welcome_price_5{
	background-image:url("../images/welcome_price_5.png");
	}
.welcome_price_5b{
	background-image:url("../images/welcome_price_5b.png");
	}
.welcome_price_6{
	background-image:url("../images/welcome_price_6.png");
	}
.welcome_price_6b{
	background-image:url("../images/welcome_price_6b.png");
	}
.welcome_price_7{
	background-image:url("../images/welcome_price_7.png");
	}
.welcome_price_7b{
	background-image:url("../images/welcome_price_7b.png");
	}
.welcome_price_5:hover{
	background-image:url("../images/welcome_price_5.png");
	}
.welcome_price_6:hover{
	background-image:url("../images/welcome_price_6.png");
	}
.welcome_price_7:hover{
	background-image:url("../images/welcome_price_7.png");
	}
.welcome_save_1{
	background-image:url("../images/button_calculator_1.png");
	}
.weclome_info{
	display: block;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 25px;
	width: 25px;
	padding-top: 0px;
	background-image:url("../images/welcome_info_1.png");
}
.weclome_info:hover{
	background-image:url("../images/welcome_info_1b.png");
}
.welcome_price_option_1{
	display: block;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 30px;
	width: 30px;
	background-image:url("../images/welcome_icon_status_1.png");
	padding-top: 7px;
	margin-right: 10px;
	}
.welcome_price_option_2{
	display: block;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 30px;
	width: 30px;
	background-image:url("../images/welcome_icon_status_2.png");
	padding-top: 7px;
	margin-right: 10px;
	}

.wpo0{
	display: block;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 30px;
	width: 30px;
	}
.wpo1{
	background-image:url("../images/welcome_icon_status_2.png");
	}
.wpo2{
	background-image:url("../images/welcome_icon_status_1.png");
	}
.wpo3{
	background-image:url("../images/welcome_icon_status_3.png");
	}


.wpi1{
	display: block;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	border: 0px;
	height: 20px;
	width: 20px;
	padding-top: 0px;
	background-image:url("../images/welcome_info_1.png");
}
.wpi1:hover{
	background-image:url("../images/welcome_info_1b.png");
}

.welcome_price_table_1{
	width: 100%;
	
  }	
.welcome_price_table_1 td{
	vertical-align: middle;
	text-align: center;
  }		
.welcome_price_table_1 td:nth-child(1){
	width: auto;
	text-align: left;
	border-bottom: 1px solid #C6C6C6;
  }	
.welcome_price_table_1 td:nth-child(2){
	width: auto;
	text-align: left;
	border-bottom: 1px solid #C6C6C6;
  }	
.welcome_price_table_1 td:nth-child(3){
	width: 30px;
	text-align: center;
	border-bottom: 1px solid #C6C6C6;
	padding: 5px;
	background-color: #F8F8F8;
  }	
.welcome_price_table_1 td:nth-child(4){
	width: 30px;
	text-align: center;
	border-bottom: 1px solid #C6C6C6;
	padding: 5px;
  }	
.welcome_price_table_1 td:nth-child(5){
	width: 30px;
	text-align: center;
	border-bottom: 1px solid #C6C6C6;
	padding: 5px;
	background-color: #F8F8F8;
  }	
.welcome_price_table_1 td:nth-child(6){
	width: 30px;
	text-align: center;
	border-bottom: 1px solid #C6C6C6;
	padding: 5px;
  }	
.welcome_price_table_1 tr:nth-last-child(1) td{
	border-bottom: 1px solid #FFFFFF!important;
	background-color: #FFFFFF!important;
  }	
.welcome_price_table_1 tr:nth-last-child(2) td{
	border-bottom: 1px solid #FFFFFF!important;
	background-color: #FFFFFF!important;
  }	
.welcome_price_table_1 table td{
	border-bottom: 1px solid #FFFFFF!important;
	background-color: #FFFFFF!important;
	padding: 0px;
	width: auto;
	display: table-cell;
	
  }	
.welcome_price_table_2{
	width: auto;
	
  }	
.welcome_price_table_2 td{
	vertical-align:middle;
	text-align: left;

  }			
.welcome_price_table_2 td:nth-child(1){
	width: auto;
	border-bottom: 0px solid #C6C6C6;
	text-align: right; 
	color:#3A3A3A; 
	padding: 3px 3px 3px 0px;
  }	
.welcome_price_table_2 td:nth-child(2){
	width: auto;
	border-bottom: 0px solid #C6C6C6;
	text-align: right; 
	color:#7496ad; 
	font-weight: bold;
	padding: 3px;
	background-color: #FFFFFF;
  }	
.welcome_price_table_2 td:nth-child(3){
	width: 40px;
	text-align: center;
	border-bottom: 0px solid #C6C6C6;
	padding: 0px;
	background-color: #FFFFFF;
  }	
.welcome_price_table_2 td:nth-child(4){
	width: auto;
	border-bottom: 0px solid #C6C6C6;
	text-align: left; 
	color:#74af74; 
	font-weight: bold; 
	padding: 3px; 
	border: none;
	background-color: #FFFFFF;
  }	


.wpb1{
	background-color: #FFFFFF;
	padding: 5px 15px 5px 15px;
	border-radius: 5px;
	margin: 7px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
	
}
.wpb1:hover{
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.wpb2{
	background-color: #FFFFFF;
	padding: 5px 15px 5px 15px;
	border-radius: 5px;
	margin: 7px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
	}
.wpb2:hover{
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
input{
	font-size: 25px;
	font-family: abel, sans-serif;
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
 }
textarea{
	font-size: 25px;
	font-family: abel, sans-serif;
	color: #606060;
 }
.welcome_input_1 {
	width: 100%;
	/*width: calc(100% - 5px);*/
	text-align: left;
	font-family: abel, sans-serif;
	color: #525252; 
    background:  #F2F7F2;
	/*box-shadow: rgba(0,0,0,0.19) 0px 4px 12px;*/
	border: 1px solid #74af74;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
	}
.welcome_input_1:visited{
    background:  rgba(255,255,255,0.17);
	}
.welcome_input_1:hover{
	border:1px solid #528F52;
	transition: all 0.3s ease-in-out;
	}
.welcome_input_1[readonly]{
	color: #525252;
	background-color: #F5F5F5;
	
	}
.welcome_input_1:hover[readonly]{
	color: #525252; 
	border:1px solid rgba(255,255,255,0.00);
	}
.welcome_input_1:disabled{
	color: #525252; 
	background-color: #F5F5F5;
	
	}
.welcome_input_1:disabled:hover{
	color: #525252; 
	border:1px solid rgba(255,255,255,0.00);
	}
.welcome_input_1::placeholder{
	color: #74af74; 

	}
.welcome_input_1[readonly]::placeholder{
	vertical-align: bottom;
	color: #606060;
	}
.welcome_input_1:disabled:placeholder{
	vertical-align: bottom;
	color: #8F9398;
	}
.welcome_input_1:-webkit-autofill,
.welcome_input_1:-webkit-autofill:hover, 
.welcome_input_1:-webkit-autofill:focus, 
.welcome_input_1:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
	border: 1px solid rgba(255,255,255,0.00);
	color: rgba(23,23,23,1.00);
	-webkit-text-fill-color: rgba(23,23,23,1.00);
}
    
.welcome_input_1:-webkit-autofill:hover{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
	border:1px solid #FF931E;
	transition: all 0.3s ease-in-out;
}

.welcome_input_1:read-only::-webkit-input-placeholder { /* WebKit browsers */
    color:    #A4A4A4;
}
.welcome_input_1:read-only:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #A4A4A4;
}
.welcome_input_1:read-only::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #A4A4A4;
}
.welcome_input_1:read-only:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #A4A4A4;
}
.welcome_verlauf_0{
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 1;	
		}
.welcome_verlauf_1{
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image:url("../images/welcome_verlauf_1.png");
	z-index: 99;
	height: 100%;
	width: 100%;
	left: 0px; 
	bottom: 0px;
	}
.welcome_verlauf_2{
	position: absolute;
	background-size:  auto 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image:url("../images/welcome_verlauf_1.png");
	z-index: 99;
	height: 100%;
	width: 100%;
	left: 0px; 
	bottom: 0px;
	}
.welcome_verlauf_3{
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image:url("../images/welcome_verlauf_1.png");
	z-index: 99;
	height: 100%;
	width: 100%;
	left: 0px; 
	bottom: 0px;
	}















.weclome_area_1 {
	width: 100%;
	height: auto;
	text-align: left;
	resize: none;
	font-family: abel, sans-serif;
	color: #525252; 
    background:  #F2F7F2;
	/*box-shadow: rgba(0,0,0,0.19) 0px 4px 12px;*/
	border: 1px solid #74af74;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
	}
.weclome_area_1:hover{
	border:1px solid #528F52;
	transition: all 0.3s ease-in-out;
	}
.weclome_area_1:focus{
	border:1px solid #FF931E;
	transition: all 0.3s ease-in-out;
	}
.weclome_area_1:disabled{
	color: #606060;
	background-color: #F5F5F5;
	}
.weclome_area_1[readonly]{
	color: #606060;
	background-color: #F5F5F5;
	}
.weclome_area_1:disabled:hover{
	border: 1px solid #636363;
	}
.weclome_area_1[readonly]:hover{
	border: 1px solid #636363;
	}
.weclome_area_1:disabled:focus{
	border: 1px solid #636363;
	}
.weclome_area_1[readonly]:focus{
	border: 1px solid #636363;
	}
.weclome_area_1::placeholder{
	vertical-align: bottom;
	color: #74af74;
	}
.weclome_area_1[readonly]::placeholder{
	color: #74af74;

	}
	
.weclome_area_1:disabled::-webkit-input-placeholder { /* WebKit browsers */
    color: #74af74;
}
.weclome_area_1:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #74af74;
}
.weclome_area_1:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #74af74;
}
.weclome_area_1:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
  	color: #74af74;
}
.weclome_area_1_marked:disabled{
	color: #000000;
	}
.weclome_area_1_red_marked{
	border-color: rgba(155,0,0,1.00)!important; 
	color: rgba(155,0,0,1.00)!important; 
	}
.weclome_area_1_red_marked::placeholder{
	color: rgba(155,0,0,1.00)!important; 
	}
.welcome_button_1{
	font-size: 25px;
	border-style: solid;
	border-left-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 5px;
	border-top-width: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	border-radius: 3px;
	text-align: center;
	color: #FFFFFF;
    background:#74af74;
	border-color:#74af74;
	text-decoration: none;
	}
.welcome_button_1:hover{
  	background-color: #5A9C5A; 
	border-color:#5A9C5A; 
	color: #FFFFFF;	
	}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Dialog */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.ui-widget-content{
	
	background-color: rgba(255,255,255,1.00)!important;
}


.ui-widget-header span
{
	font-size: 23px!important;
	color: rgba(0,0,0,1.00)!important;
}
.ui-widget-content{
	font-size: 20px!important;
	color: #525252!important;
}
.ui-dialog-buttonset{
	font-size: 20px!important;
	border-style: solid!important;
	border-left-width: 10px!important;
	border-right-width: 10px!important;
	border-bottom-width: 3px!important;
	border-top-width: 3px!important;
	margin-bottom: 5px!important;
	margin-top: 5px!important;
	padding: 0px!important;
	border-radius: 3px!important;
	text-align: center!important;
	color: #FFFFFF!important;
    background:#838383!important;
	border-color:#838383!important;
	text-decoration: none!important;	
	}
.ui-dialog-buttonset:hover{
  	background-color: #FF931E!important; 
	border-color:#FF931E!important; 
	color: #454545!important;			
	}




.ui-dialog-buttonset button{
	font-size: 23px!important;
	border-style: solid!important;
	border-left-width: 10px!important;
	border-right-width: 10px!important;
	border-bottom-width: 3px!important;
	border-top-width: 3px!important;
	margin-bottom: 5px!important;
	margin-top: 5px!important;
	padding: 0px!important;
	border-radius: 3px!important;
	text-align: center!important;
	color: #FFFFFF!important;
    background:#393939!important;
	border-color:#393939!important;
	text-decoration: none!important;
}	
.ui-dialog-buttonset button:hover{
  	background-color: #FF931E!important; 
	border-color:#FF931E!important;
	color: #454545!important;
	}
.ui-dialog-buttonset {
  	background: none!important; 
	border: none!important;
	}
.ui-dialog-buttonset:hover {
  	background: none!important; 
	border: none!important;
	}