/*
Brotbeck Template
creation Date: 2022-11-17
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

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

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

@media (max-width: 1570px){
	.intro_slider_title{
		width: 70%;
	}
}

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

@media (max-width: 1220px){
	.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;
	}
	.resp_center{
		text-align: center;
	}
	
	._resFull,
	.flexbox._resFull{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.flexbox.res_marged{
		margin-top: 60px;
	}
	
	.custom_lightbox_content_wrapper{
		width: 90%;
		height: 75%;
	}
	.custom_lightbox_close{
		margin: 0px;
		top: 7.5%;
		left: 92%;
		font-size: 20px;
	}
	
	.ansprechpartner_slider_nav{
		top: 215px;
	}
	.social_icon{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.kontaktblock_stellenanzeigen_teaser h2{
		width: 80%;
		left: 10%;
		text-align: center;
	}
	
	.intro_slider_title{
		width: 80%;
		font-size: 50px;
		text-align: center;
	}
	
	#wir_block,
	#bbr_block{
		height: auto;
	}
	.wir_text,
	.wir_block_img_wrap,
	.wir_slogan,
	.bbr_text,
	.bbr_block_img_wrap,
	.bbr_slogan{
		position: relative;
		display: block;
		width: 100% !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
	}
	.wir_block_img_wrap,
	.bbr_block_img_wrap{
		height: 300px !important;
	}
	.wir_block_img_wrap._altBild2,
	.wir_block_img_wrap._altBild3,
	.wir_block_img_wrap._bild2,
	.wir_block_img_wrap._bild3,
	.bbr_block_img_wrap._bild3,
	.bbr_block_img_wrap._bild4,
	.bbr_slogan{
		display: none;
	}
	.wir_text._bot{
		padding-bottom: 80px;
	}
	.wir_slogan{
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
		font-size: 30px;
	}
	
	.intro_slider_bigarrow{
		position: absolute;
		top: -30px;
		right: 20%;
		width: 40px;
	}
	.intro_slider_bigarrow:hover{
		top: -25px;
	}
}

@media (max-width: 1000px){
	.verkauf_wrapper,
	.verkauf_slide{
		height: auto;
	}
	.verkauf_wrapper{
		padding-bottom: 40px;
	}
	.verkauf_pag_wrapper{
		position: relative;
		display: block;
		margin-top: 50px;
		top: auto;
		left: auto;
		width: 100%;
		text-align: center;
	}
	.verkauf_text,
	.verkauf_image{
		position: relative;
		display: block !important;
		width: 100% !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		text-align: center;
	}
	.verkauf_image._big{
		height: 300px;
	}
	.verkauf_image._small1,
	.verkauf_image._small2,
	.verkauf_image._small3{
		display: none !important;
	}
	.verkauf_slogan{
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		bottom: auto;
		left: auto;
		width: 300px;
		max-width: 90%;
	}
	
	.leistungen_wrapper,
	.leistungen_slide{
		height: auto;
	}
	.leistungen_wrapper{
		padding-bottom: 40px;
	}
	.leistungen_pag_wrapper,
	.leistungen_textpag_wrapper{
		position: relative;
		display: block;
		margin-top: 50px;
		top: auto;
		left: auto;
		width: 100%;
		text-align: center;
	}
	.leistungen_textpag{
		display: inline-block;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
	.leistungen_text,
	.leistungen_image{
		position: relative;
		display: block !important;
		width: 100% !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		text-align: center;
	}
	.leistungen_image._big{
		height: 300px;
	}
	.leistungen_image._small1,
	.leistungen_image._small2,
	.leistungen_image._small3,
	.leistungen_image._small4{
		display: none !important;
	}
	.leistungen_slogan{
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		bottom: auto;
		left: auto;
		width: 300px;
		max-width: 90%;
	}
	
}

@media (max-width: 800px){
	h1{
		font-size: 26px;
		line-height: 36px;
	}
	h2{
		font-size: 20px;
		line-height: 26px;
	}
	h3{
		font-size: 18px;
		line-height: 22px;
		margin: 0px;
	}
	h4{
		font-size: 18px;
		line-height: 22px;
	}
	h5{
		font-size: 18px;
	}
	.font_l,
	.font_l p,
	.font_l .contstyles li{
		font-size: 18px;
	}
	
	.kontaktblock_stellenanzeigen_teaser h2{
		font-size: 20px;
		bottom: 90px;
	}
	.intro_slider{
		height: 500px !important;
	}
	.intro_slider_title{
		font-size: 32px;
		bottom: 20%;
	}
	.wir_slogan{
		font-size: 24px;
	}
}

@media (max-width: 500px){
	.intro_slider_title{
		font-size: 25px;
	}
}