/*
Spattenhuber Template
creation Date: 2023-12-22
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

.resp_only{
	display: none;
}
.reg_only{
	display: initial;
	display: inherit;
}

.section_bg.__reg{
	display: block;
}
.section_bg.__res{
	display: none;
}

@media (max-width: 1860px){
}

@media (max-width: 1640px){
	.main-container.wide{
		width: 98%;
	}
	.background_elements._v8{
		width: 150px;
		top: 0%;
	}
}

@media (max-width: 1410px){
	.main-container{
		width: 95%;
	}
}

@media (max-width: 1210px){
	.main-container{
		width: 95% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.lightboxcontent{
		max-width: 95%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.main-container.fullheight{
		width: 100% !important; 
	}
	.resp_only{
		display: initial;
		display: inherit;
	}
	.reg_only,
	.noRes{
		display: none;
	}
	.noReg{
		display: none;
	}
	.resp_center{
		text-align: center;
	}
	
	._resFull,
	.flexbox._resFull{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.resOrder_1{
		order: 1;
	}
	.resOrder_2{
		order: 2;
	}
	
	.flexbox._resMbot{
		margin-bottom: 30px;
	}
	
	.contstyles li,
	.center li,
	.resp_center li{
		list-style-position: inside;
	}

	.res_center_h h1,
	.res_center_h h2,
	.res_center_h h3,
	.res_center_h h4,
	.res_center_h h5{
		text-align: center;
	}
	
	h1,
	h2.title{
		font-size: 90px;
		line-height: 100px;
		letter-spacing: 7px;
	}
	h2,
	h1.smallTitle{
		font-size: 70px;
		line-height: 90px;
	}
	
	.home_featureflex{
		width: 49.5%;
		margin-bottom: 5px;
	}
	
	.background_elements._v4{
		bottom: -140px;
		width: 1000px;
		left: 0px;
		transform: none;
	}
	.background_elements._v5{
		top: -350px;
	}
	.background_elements._timeline_arrow{
		top: -150px;
	}
	
	.intro_grafik_block{
		height: 170px;
	}

	.section_fit._v_small2{
		max-width: 250px;
	}
	
	.productdetails_flexbox{
		width: 100%;
	}
	
	.background_elements._v_produktuebersicht_1{
		right: -20px;
		width: 290px;
	}
	.background_elements._v_produktuebersicht_2{
		left: -30px;
		width: 240px;
	}
	.background_elements._v_anfrage{
		width: 300px;
		bottom: -100px;
	}
	
	.floaticon_icon{
		right: 0px;
	}
	
	#stoerer{
		display: none;
	}
	#stoerer.responsive_active{
		display: block;
		bottom: 15px;
		width: 120px;
		right: 50%;
		margin-right: -60px;
	}
}


@media (max-width: 1000px){
	.floaticon_icon{
		height: 120px;
		bottom: -30px;
		right: -40px;
	}
}


@media (max-width: 800px){
	h1,
	h2.title{
		font-size: 50px;
		line-height: 60px;
		letter-spacing: 3px;
	}
	h2,
	h1.smallTitle{
		font-size: 34px;
		line-height: 40px;
	}
	h3{
		font-size: 26px;
		line-height: 32px;
		margin: 0px;
	}
	h4{
		font-size: 26px;
	}
	h5{
		font-size: 22px;
	}
	h6{
		font-size: 19px;
	}
	body, html{
		font-size: 18px;
	}
	.font_l,
	.font_l p,
	.font_l .contstyles li{
		font-size: 20px;
		line-height: 30px;
	}
	
	.intro_slider{
		height: 600px;
	}
	.intro_slider_txt{
		top: 60%;
	}
	.scrollindicator_icon{
		height: 60px;
		top: -30px;
	}
	
	.background_elements._v3{
		bottom: -100px;
	}
	.background_elements._v5{
		top: -300px;
		width: 900px;
	}
	.background_elements._timeline_arrow{
		left: -40px;
	}
	
	.timeline_flexbox{
		width: 80%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.timeline_flexbox._empty{
		margin-bottom: 0px;
	}
	
	.home_featureflex{
		height: 350px;
		text-align: center;
	}
	.home_featureflex_imgwrap{
		height: 200px;
	}
	.home_featureflex_titlewrap h2,
	.home_featureflex_titlewrap span{
		font-size: 34px;
		line-height: 38px;
	}
	.home_featureflex_titlewrap p.h2_sub{
		font-size: 28px;
		line-height: 30px;
	}
	.home_featureflex .contentbutton{
		left: 50%;
		transform: translateX(-50%);
	}
	.intro_grafik_block{
		height: 120px;
	}
	
	.serviceLinkListe_block{
		width: 300px;
	}
	.serviceLinkListe_imgwrap{
		height: 270px;
	}
}

@media (max-width: 600px){
	.background_elements._v8{
		width: 120px;
		left: -30px;
	}
}

@media (max-width: 500px){
}