@media only screen and  (min-width: 1921px) {
	.map img{
		width: 100%;
		height: auto;
	}
}
@media only screen and  (max-width: 1599px) {
	.center-content {
	    max-width: 1200px;
	}
	.fixed .navi-main.open .level-1 {
	    margin-left: 50px;
	}
	.produkt-liste .produkt {
	    width: 32%;
	    margin-bottom: 75px;
	}
	nav.navi-main li:not(:first-child) {
	    margin-left: 25px;
	}
	.job-kachel {
	    width: 575px;
	    height: 279px;
	}
}
@media only screen and (max-width: 1499px) {
	.vorschaltseite .bereichsauswahl a img{
		position: static;
		-webkit-transform: unset;
	}
}
@media only screen and  (max-width: 1349px) {
	.center-content {
	    max-width: 920px;
	}
	.fixed-content{
		display: flex;
	}
	#btnMobileMenu{
		display: block;
		position: absolute;
		top: -65px;
		z-index: 100;
	}
	.container-kopf .bereichsauswahl{
		display: none;
	}
	nav.navi-main{
		padding: 0;
	}
	nav.navi-main.open{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background-color: #9f2843;
		z-index: 95;
		padding: 72px 0 20px 0;
	}
	nav.navi-main.open #btnMobileMenu{
		top: -10px;
	}
	.bereichsauswahl.open{
	    color: #fff;
	    text-align: center;
	    font-weight: normal;
		display: block;
	    position: absolute;
	    z-index: 100;
	    top: 20px;
		width: calc(100% - 80px);
	    margin: 0px 40px;
	}
	.bereichsauswahl.open a{
		color: rgba(255,255,255,0.7);
		padding: 5px 10px;
	}
	.bereichsauswahl.open a.act{
		/*background-color: rgba(255,255,255,0.5);*/
		font-weight: bold;
		color: #fff;
	}
	.fixed #btnMobileMenu,
	.fixed nav.navi-main.open #btnMobileMenu{
		top: -11px;
	}
	nav.navi-main.open li{
		float: none;
		text-align: center;
		width: calc(100% - 80px);
	    margin: 10px 40px;
	}
	nav.navi-main.open a{
		color: #fff;
		font-weight: normal;
	}
	nav.navi-main.open a.act{
		color: #fff;
		font-weight: bold;
	}
	nav.navi-main .level-1{
		display: none;
	}
	nav.navi-main.open .level-1{
		display: block;
	}
	nav.navi-main .hasSub:hover .level-2{
		display: none;
	}
	nav.navi-main .level-2{
		display: block;
		position: static;
		padding: 0;
	}
	nav.navi-main .level-2 li,
	.fixed nav.navi-main .level-2 li{
		background-color: unset;
		width: 100%;
		margin: 0;
		padding: 5px 0;
	}
	nav.navi-main .level-2 li:last-child{
		padding-bottom: 5px;
	}
	nav.navi-main .level-2 li a{
		text-transform: unset;
		margin-left: -5px;
	}
	nav.navi-main .level-2 li a:before{
		content: '-';
		display: inline-block;
		padding-right: 5px;
	}
	.fixed .navi-main.open .level-2 li a{
		color: #fff;
	}
	nav.navi-main .level-2 li.act a{
		font-weight: bold;
		color: #fff;
	}
	nav.navi-main .level-2.produkte{
		display: none;
	}
	nav.navi-main ul{
		display: flex;
	    justify-content: center;
	    width: 100%;
	    flex-wrap: wrap;
	}
	nav.navi-main li{
	    float: none;
	    margin-left: 0;
	    margin: 0 10px;
	    white-space: nowrap;
	}
	.fixed .navi-main.open{
		position: fixed;
		padding: 20px 0;
	}
	.fixed nav.navi-main li{
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	.fixed .navi-main.open .level-1{
		margin-left: 0;
	}
	.zweispaltig_66_33 .rechts{
	    width: 300px;
	}
	.zweispaltig_66_33 .links {
	    width: calc(100% - 350px);
	}
	.ansprechpartner{
		flex-direction: column;
	}
	.ansprechpartner > div{
		width: 100%;
	}
	.ansprechpartner .kontaktdaten{
		margin-bottom: 15px;
	}
	.gallerie .thumbs a{
		max-width: 46%;
	}
	.gallerie .thumbs a img{
		width: 100%;
	}
	nav.navi-meta {
		bottom: 1vw;
	}
	.mitarbeiter .links {
	    width: 200px;
	}
	.mitarbeiter .rechts {
	    width: calc(100% - 250px);
	}
	.job-kachel {
	    width: 450px;
	    height: 224px;
	}
	.job-kachel:not(:last-child) {
	    margin-bottom: 25px;
	}
	.job-kachel.no-image .text {
	    padding-top: 20px;
	}
}
@media only screen and  (max-width: 1100px) {
	.sticky-buttons{
		display: none;
	}
	nav.navi-main.open .mail-telefon{
		display: flex;
	    justify-content: center;
	    align-items: center;
    	margin-top: 20px;
	}
    nav.navi-main .mail-telefon a .icon{
    	width: 25px;
    	padding-left: 15px;
    }
}
@media only screen and  (max-width: 1023px) {
	.container-kopf .center-content,
	.startseite .zweispaltig_66_33,
	.product_overview .inhalt .center-content,
	.produkt-detail .inhalt .center-content,
	.standard-inhalt .inhalt .center-content,
	.stellenangebot .inhalt > .center-content{
		width: 92%;
		padding: 0 4%;
		max-width: unset;
	}
	.container-kopf .lang-switch{
		right: 4%;
	}
	#btnMobileMenu{
		left: 4%;
	}
	.fixed .fixed-content{
		padding: 0 4%;
	}
	.inhalt .frame {
	    margin-bottom: 60px;
	}
	footer .map img{
		display: none;
	}
	footer .navi-meta{
		background: linear-gradient(90deg, rgba(158,26,48,1) 0%, rgba(249,176,0,1) 100%);
		padding: 20px 4%;
		width: 92%;
		position: static;
	}
	nav.navi-meta ul{
		display: flex;
		justify-content: space-between;
	}
	nav.navi-meta li{
		float: none;
		white-space: nowrap;
	}
	nav.navi-meta li:not(:first-child){
		margin-left: 0;
	}
	.produkt-liste .produkt {
	    width: 48%;
	    margin-bottom: 50px;
	}
	.zweispaltig_66_33 .rechts {
	    width: 230px;
	}
	.zweispaltig_66_33 .links {
	    width: calc(100% - 260px);
	}
	.mitarbeiter .links{
		display: none;
	}
	.mitarbeiter .rechts{
		width: 100%;
	}
	.mitarbeiter-slider .slick-prev{
		left: 0;
	}
	.mitarbeiter-slider .slick-next{
		right: 0;
	}
	.mitarbeiter .wrapper {
    	padding: 0 40px;
    }
    .job-kachel {
	    width: 345px;
	    height: 170px;
	}
	.job-kachel .job-titel {
	    font-size: 1em;
	}
	.job-kachel .job-titel span{
		line-height: 120%;
	}
	.job-kachel.no-image .text {
	    padding-top: 0px;
	}
}
@media only screen and  (max-width: 767px) {
	body{
		font-size: 17px;
	}
	.vorschaltseite .bereichsauswahl a{
		float: none;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		height: auto;
		display: block;
	}
	.slider .slide span{
		font-size: 1.2em;
		padding: 0 4%;
		bottom: 50px;
	}
	.zweispaltig_66_33{
		flex-direction: column;
	}
	.zweispaltig_66_33 .links,
	.zweispaltig_66_33 .rechts{
		width: 100%;
	}
	.zweispaltig_66_33 .links{
		margin-bottom: 50px;
	}
	.produkt-liste .produkt .produkt-name{
		hyphens: auto;
	}
	.produkt-detail .navbar{
		flex-direction: column;
	}
	.inhalt {
	    padding: 25px 0;
	}
	nav.navi-meta ul{
		flex-direction: column;
		align-items: center;
	}
	nav.navi-meta ul a{
		padding: 5px 0;
		display: block;
	}
	.zweispaltig_50_50{
		flex-direction: column;
	}
	.zweispaltig_50_50 .links,
	.zweispaltig_50_50 .rechts{
		width: 100%;
	}
	.job-kachel{
		width: 100%;
		height: auto;
 	   margin-bottom: 25px;
	}
	.job-kachel.no-image{
		background-color: #9f2843;
		padding: 30px 20px;
		box-sizing: border-box;
	}
	.job-kachel.no-image .overlay{
		display: none;
	}
	.job-kachel.no-image .job-titel{
		position: static
	}
	section:not(:last-child) {
	    margin-bottom: 50px;
	}
}
@media only screen and  (max-width: 479px) {
	.container-kopf,
	.vorschaltseite .container-kopf {
	    height: 100px;
	}
	.container-kopf .logo {
	    width: 130px;
	    padding-top: 23px;
	}
	.container-kopf .lang-switch,
	.container-kopf .bereichsauswahl{
		top: 53px;
	}
	#btnMobileMenu {
	    top: -65px;
	}
	nav.navi-main.open #btnMobileMenu {
	    top: -65px;
	}
	.bereichsauswahl.open{
		top: 20px;
	}
	nav.navi-main.open{
		padding-top: 90px;
	}
	nav.navi-main.open .mail-telefon{
		flex-direction: column;
		margin-top: 25px;
	}
	nav.navi-main.open .mail-telefon > span{
		display: none;
	}
	nav.navi-main.open .mail-telefon a{
		padding: 0 10px;
	}
	nav.navi-main.open .mail-telefon a .icon{
		height: 35px;
	}
	.produkt-liste .produkt{
		width: 100%;
	}
}