body{background-color:rgb(250,250,250);}

#partnerintro{padding: 4em 0;}

#scale{width: 100%;}


.logobox-outer{
	display: inline-block;
	width:100%;
	height: auto;
}

.logobox-inner{display: inline-block; width:auto; height: auto; margin:1.5em;}


.logobox{width:10vw; height: 15vh; margin: 1vh 1.5vw;}


#graf-boegl, #graf-markgraf, #graf-bremer, #graf-arcelor-mittal, #graf-fischer-stahl, #graf-kingspan, #graf-zeppelin{
	float:left ;

	background-repeat: no-repeat;
	background-position: center;

	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

#graf-boegl{background-image: url(../../images/partner/max-boegl.svg);}

#graf-markgraf{background-image: url(../../images/partner/markgraf.svg);}

#graf-bremer{background-image: url(../../images/partner/bremer.svg);}

#graf-fischer-stahl{background-image: url(../../images/partner/fischer-stahl.svg);}

#graf-arcelor-mittal{background-image: url(../../images/partner/arcelor-mittal.svg);}

#graf-kingspan{background-image: url(../../images/partner/kingspan.svg);}

#graf-zeppelin{background-image: url(../../images/partner/zeppelin.svg);}


#blau1, #blau2{height: 12px; width: 100%; }
#blau1{background-color: rgba(0,102,153,0.7);}
#blau2{background-color: rgba(0,102,153,0.5);}

/* -----------------------------------------------------------------Mobil & Tablet */
@media only screen and (min-width: 0em) and (max-width: 80em) and (orientation:portrait){
#graf-boegl, #graf-markgraf, #graf-bremer, #graf-arcelor-mittal, 
#graf-fischer-stahl, #graf-kingspan, #graf-zeppelin
{
	float:none;
	width: 180px;
	height: 180px; }

}

/* -----------------------------------------------------------------Tablet Querformat */
@media only screen and (min-width: 40em) and (max-width: 80em){

.logobox{margin: 1vh 1.4vw;}

#partnerintro{padding: 8em 0;}

}

@media only screen and (min-width: 80em) {
#partner-content{width: 65%}


}