

#content_1_wrapper {width:100%;  height: auto; border-bottom: 8px solid #6c6b6b;
	background-image: url(../files/gui/header_bg.jpg);background-position: center bottom;
	/* background-image: url(../files/gui/content_1_wrapper.jpg);background-position: center bottom; */
	opacity: 0;
	}
#content_1 {width: 100%;max-width:965px; margin-left: auto; margin-right: auto; position: relative; /*min-height: 763px;*/height: auto;}
.content_1_description{position: absolute;position: absolute;top: 119px;right:0px;}

#content_2_wrapper {width:100%; background-color: #fbb900; /* min-height: 819px;*/ border-bottom: 8px solid #fdce3f;} 
#content_2 {width: 100%;max-width:965px; margin-left: auto; margin-right: auto; position: relative;  /*min-height: 819px;*/}
#content_2 a:hover{color: #565656;}


#content_3_wrapper {width:100%; background-color: #000; min-height: 829px; background: url(../files/gui/bg_schwarz.jpg) repeat-x ; background-position:bottom; background-color: #000;}
#content_3 {width: 100%;max-width:965px; margin-left: auto; margin-right: auto; background: url(../files/start/teil.png) no-repeat;background-position:bottom; min-height: 829px; position: relative;}

#content_1_anker {position: absolute; width: 100%; top:-69px!important; height: 62px; text-align: center;z-index:9999;}
#content_2_anker {position: absolute; width: 100%; bottom:-31px; height: 62px; text-align: center;z-index:9999;}
#content_3_anker {position: absolute; width: 100%; bottom:-31px; height: 62px; text-align: center;z-index:9999;}

#content_corona_wrapper {
	height: fit-content;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    position: relative;
clear: both;
width: 100%;
margin-top: 0px;
}
#content_corona{

}

.bg-image-overlay{background: url(../files/img/pass-stanztechnik.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    max-height: 1080px;
    padding:30% 0;
    width: 100%;
    position: fixed;
    position: sticky;
    top: 0px;
    background-size: cover;
    max-height:1080px!important;}

#content-1-corona,
#content-1-corona-kopie {    height: -webkit-fill-available; xpadding:35% 0;} 

.bgImageHome {background-color: #000000dd!important;z-index: 999;height:100%; height: -webkit-fill-available; color:#fff!important;padding: 15% 10%;
	margin-top: -30%!important;
    margin-bottom: -35%!important;}

.bgImageHome h1 , .bgImageHome h3, .bgImageHome a{color:#fbb900!important;}
.bgImageHome p{ margin-bottom:50px; }

@media only screen and (max-width:1200px){
	#content_corona{ xheight: 600px;}
	.bgImageHome h1 {font-size:2.2em;line-height:1em;margin-bottom:1%;}
	.bgImageHome h3 {font-size:1.4em;line-height:1em; margin-bottom:1%;}
	.bgImageHome {padding: 12% 5%;}
	#content_1_anker {display:none;}
}
@media only screen and (max-width:850px){
	#content_corona{ xheight: 600px;}
	.bgImageHome h1 {font-size:1.8em;line-height:1em;margin-bottom:1%;}
	.bgImageHome h3 {font-size:1.2em;line-height:1em; margin-bottom:1%;}
	.bgImageHome {padding: 12% 5%;min-height:fit-content;}
}

.bgImageHome {}

#header_links{}
#pass_onlineshop {}
#partnerlogin {}

#title_gelb, #title_schwarz {
	font-size: 50px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	line-height: 51px;
	margin-top: 70px;
	
}

#title_schwarz {
	color: #fbb900;
}


#box_gelb {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	background-color: #fdce3f;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
	margin-bottom: 50px;
	font-size:24px;
	line-height: 1.3em;
}


#box_schwarz {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	color: #fbb900;
	margin-top: 25px;
	font-size:24px;
	line-height: 1.3em;

}

#title_normal {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	margin-top: 70px;
	font-size: 50px;
	line-height: 51px;

}

#start_liste { background: url(../files/gui/logo2.jpg) no-repeat center center; position: relative; height: 312px; margin-top: 50px;}
#start_liste_left {position: absolute; left: 0px;}
#start_liste_right {position: absolute; right: 0px;}
#start_liste .companylink {width: 140px; height: 160px; display: block; position: absolute; z-index: 999; left: 50%; margin-left: -70px; top: 60px;}

.list_element_left {font-size: 22px; font-family: 'FontSiteSans-Light'; width: 360px; margin-bottom: 58px; background: url(../files/start/pfeil_left.jpg) no-repeat left top; padding-left: 30px; line-height: 25px;}
.list_element_right {font-size: 22px; text-align: right; font-family: 'FontSiteSans-Light'; width: 360px; margin-bottom: 58px; background: url(../files/start/pfeil_right.jpg) no-repeat right top; padding-right: 30px; line-height: 25px;}



@media only screen and (max-width:1030px){
	#start_liste{background: center top;height: auto;}
	#start_liste_right, #start_liste_left{position: static;width: 100%; max-width:500px; margin: 0px auto !important;}
	.list_element_left,.list_element_right{background: none !important;text-align: center;width: 100%;border-bottom: solid 1px #fbb900;padding-bottom:25px;padding-top:25px; margin-bottom: 0px;
		-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease; -o-transition: all 0.35s ease;transition: all 0.35s ease;padding-left:0px !important;padding-right:0px !important;}
	.list_element_right.last{border-bottom: none;}
	.list_element_left:hover,.list_element_right:hover{background: #fafafa !important;}
	#start_liste .companylink {display: none;}
}

@media only screen and (max-width:965px){
	#content_1 {width:90%; height: auto;}
	#content_2 {width:90%; height: auto;}
	#content_3 {width:100%; height: auto;}
	#content_3_umschlag {width: 90%;margin-right: 5%;margin-left: 5%;}
	#content_4 {width:90%; height: auto;}
	
	#box_gelb {margin-bottom: 60px; height: auto;}


	#counter_box {width:100%;}
	.counter_animation {width:30%; margin: 0; padding: 5px;}


.produkt_counter
{
	width:100%;  float:none;
}



#produkt_counter_1 .produkt_counter_content {margin-right:auto; margin-left:auto;}
#produkt_counter_2 .produkt_counter_content {margin-right: auto; margin-left: auto;}
#produkt_counter_3 .produkt_counter_content {margin-right: auto; margin-left: auto;}



}


@media only screen and (max-width:850px){

	#start_liste {background: none; margin: 0px; padding: 0px; height: auto;}
	#start_liste_left { width: 100%; float: none; position: relative; margin: 0px; padding: 0px; text-align: center;}
	#start_liste_right { width: 100%; float: none;position: relative; margin: 0px; padding: 0px; text-align: center;}

	.list_element_left {width: 100%; text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.list_element_right {width: 100%; text-align: center;
		background: url("../files/start/pfeil_left.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
		padding-right: 0px;
		padding-left: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	#box_gelb {margin-bottom: 120px;}



	.counter_animation {width: 100%; float: none;}

	.counter_animation.last { margin-bottom: 120px; }

	.highlight_title {text-align: center;}

}

@media only screen and (max-width:700px){
	#title_gelb, #title_schwarz, #title_normal {font-size: 200%; line-height: 120%;}
}	