@media only screen and (min-width:1450px) {
	#bg1{
		background-position: 0 -80px !important;
	}
}

@media only screen and (min-width:1650px) {
	#bg1{
		background-position: 0 -140px !important;
	}
}

@media only screen and (max-width:1300px) {
	.links,
	.rechts{
		display:block;
		width:85%;
		padding:0;
	}
	
	.links p,
	.rechts p{
		float:none;
	}
	
	#headpattern,
	.slider div,
	#bg1,
	#bg2,
	#bg3,
	#bg4{
		background-size:cover;
		background-repeat:none;
		background-attachment:scroll;
		background-position:auto auto;
	}
	
		#content{
		padding-left:40px;
		padding-right:40px;
	}
	
	#headbereich {
	    margin-top:50px;
	}	
	
	#diagramm,
	#diagramm2,
	#diagramm3{
		display:none;
	}
}

@media only screen and (max-width:1170px) {
	#ansprech td{
		width:230px;
	}
	
	.header {
	    float: none;
	    width:100%;
	}
	
	.nav li a{
		width:22%;
		padding-left:0;
		padding-right:0;
		text-align:center;
	}	
	
	#ansprech td img{
		max-width:100%;
	}
	
	.slider{
		height:460px;
	}	
	
#headbereich {
    height: 460px;
	}	
}

@media only screen and (max-width:1080px) {
	#ansprech td{
		width:190px;
		vertical-align:top;
	}
	
	#ansprech td h6 {
    font-size: 16px;
	}	
	
	#kontaktrechts,
	#kontaktlinks{
		width:80%;
		float:none;
	}
	
	#kontaktrechts #inhaltkontakt {
    		float:none;
	}
}


@media only screen and (max-width:980px) {
	.nav li a{
		font-size:14px;
		width:100%;
		float:none;
		text-align:left;
	}
	
	.nav {
    		left:0px;
	}
	
	.nav li a:hover{
		border:0;	
	}
	
	.nav-collapse .nav > li.active > a{
		color:#990000;
		border:0;
	}
	
	.navigation{
		float:right;
		margin-top:-70px;
		width: 100%;
	}
	
	.nav-collapse{
		margin-top:90px;
	}
	
	.navigation .pull-left{
		float:right;
	}
	
	.nav{
		float:none;
		width:100%;
	}
	
	
	
	#headbereich {
	    margin-top: -16px;
	}	
	
	.links,.rechts{
		width:100%;
	}
	
	#kontaktrechts,
	#kontaktlinks{
		width:100%;
	}	

	#kontaktzeile p{
		padding-top:1px;
		line-height:16px;	
	}	
	
		
}

@media only screen and (max-width:768px) {
	.header .brand {
	    float: left;
	    text-align:left;
	}
	
	.linksref,
	.rechtsref{
		width:100%;
		float:none;
		margin-bottom:45px;
	}
	
	#lefttext,
	#righttext{
		width:100% !important;
		float:none !important;
	}
	
	h5{
		line-height:120%;
	}
	
	#headbereich .inhalt h2{
		width:70%;
		font-size:26px;
		line-height:120%;
	}
	
	#headbereich .inhalt h3{
		width:70%;
		font-size:26px;
		line-height:120%;
		margin-left:0;
	}	
	
	#headbereich .inhalt {
	    top: 120px;
	}	
	
	.teamfotodetail{
		float:none;
		text-align:center;
	}
	
	#kontaktzeile .inhalt p{
		display:none;
	}
	
	#kontaktzeile .inhalt p#mehrschreibschrift{
		display:block !important;
	}
	
	#kontaktzeile{
		min-height:50px;
	}
	
	#freude{
		display:none;
	}
	
	.header .brand {
		margin-bottom:-30px;
		margin-top:10px;
	}
}

@media only screen and (max-width:615px) {
	.header .brand {
	    float: none;
	    text-align:center;
		display:block;
		margin-right:50px;
	}
	
	.rechteleistung,
	.linkeleistung {
    width: 100%;
    float:none;
	}	
	
	#freude{
		display:none;
	}
	
	#ansprech td{
		width:100%;
		max-width:240px;
		display:block;
		margin:auto;
	}	
	
	.text{
		margin-bottom:-30px;
	}
	
	#anfang{
		display:none;
	}
	
	#headpattern{
		height:460px;
	}
	
	#bg1{
		background-position:center !important;	
	}
}


@media only screen and (max-width:450px) {
	#headbereich .inhalt h2,
	#headbereich .inhalt h3{
		font-size:20px;
	}

}