header > div.wrapper {
	height:80px;
}

.lt-ie9 header > div.wrapper{
	height:80px;
}

.willkommen #contentContainer{
	padding-top:80px;
}

.lt-ie9 .willkommen #contentContainer{
	padding-top:80px;
}


a{
	display: inline-block;
	margin-top:2em;
}



.willkommen .content-head article,
.lt-ie9 .willkommen .content-head article{
	margin-top:0;
	font-size:1.8em;
	margin-bottom: 0;
}


.willkommen .content-head article{
	width:980px;
	margin:0 auto;
}





.willkommen .content-head article{
	padding:165px 20px 145px;
}

.willkommen article.cash-and-carry{
	padding-top:130px;
}

.willkommen .content-head .wrapper{
	width:100%;
}

.lt-ie9 .willkommen .content-head .wrapper{
	width:100%;
}



header .site-title{

	color: #565a5b;
    display: block;
    font-family: DINNextLTPro-Light,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

header div.wrapper{
	border-bottom:1px solid #dedede;
}

.willkommen .full-image,
.lt-ie9 .willkommen .full-image{
	height:570px;
	background-image:none;
	background-color:#e1e1e1;
	background-image:url(../img/bg.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
}

.willkommen h2{
	font-size: 2.5em;
}

.willkommen h2{
	font-size:2.2em;
}



.willkommen h3{
	font-size: 1.5em;
}



.uppercase{
	text-transform: uppercase;
}

.nowrap{
	white-space: nowrap;
}

.highlight{
	font-family: "DINNextLTPro-Medium","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*Extras HOME******************/
.willkommen .home h1 {
  width:490px;
  background-color:#FFFFFF; 
  margin-bottom:0;
  padding:0.63em 0 0.57em 0.89em;
  box-sizing:border-box;
  font-size:2.5em;
  line-height: 1.12;
}

.willkommen .home h3 {
  font-size:1.22em;
  padding-bottom: 0.89em;
  width:490px; 
  background-color:#FFFFFF;
  padding-left:1.86em;
  box-sizing:border-box;
}

.willkommen .home p{
	width:490px;
	background-color:#FFFFFF;
	padding-left:2.25em;
	padding-right:2.25em;
	padding-bottom: 2.25em;
  	box-sizing:border-box;
}

.willkommen .content-head article.home{
	margin-top:-230px;
	padding-top:20px;
	padding-bottom: 0;
	background:none;
}


/* ul li */
.willkommen .content-head li{
	display:inline-block;
}
.willkommen .content-head .home a{
	width:32%;
	margin:0;
	color:#565a5b;

}

.willkommen .content-head .home li{
	width:33%;
	padding-left:114px;
	box-sizing:border-box;
	display: table-cell;
	height:150px;
	vertical-align: middle;
	background-position: 35px 40%;
	background-repeat:no-repeat;
	font-family: "DINNextLTPro-Medium";
}

.willkommen .content-head .mitarbeiter {
    margin-top:2.2222em;
    text-align: center;
}

.willkommen .content-head .mitarbeiter li {
    height: auto;
    margin-right: 1.07%;
    width: 18.76%;
}

.willkommen .content-head .mitarbeiter li:last-of-type {

    margin-right: 0;

}

.lt-ie9 .willkommen .content-head .mitarbeiter li{
	width:18%;
}

.mitarbeiter img:hover{
	opacity: 0.5;
	cursor: pointer;
}





/*Background Images*/
.home .cash-and-carry{
	background-image:url(../img/report-icon_mw.png);
	
}

.home .annual-report{
	background-image:url(../img/report-icon_ar.png);
	background-repeat:no-repeat;
}
.home .cr-report{
	background-image:url(../img/report-icon_crr.png);
	background-repeat:no-repeat;
}


/*Article Cash and Carry*/
.willkommen .content-head article.cash-and-carry{
	background-image: url("../img/bg-texture-grey.jpg");
	background-repeat: repeat;
	width:100%;
}

.willkommen .content-head article.cash-and-carry .wrapper{
	width:940px;
	position: relative;
}

.mitarbeiter div {
    box-sizing: border-box;
    color: #000000;
    height: 72px;
    margin: -20px auto 0;
    position: relative;
    width: 100%;
}

.willkommen .content-head .mitarbeiter li div {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-family: "DINNextLTPro-Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 2.25em;
    padding-top: 55px;
    text-align: center;
}

.icon-germany {
    background-image: url("../img/germany.jpg");
}

.icon-france {
    background-image: url("../img/france.jpg");
}

.icon-russia {
    background-image: url("../img/russia.jpg");
}

.icon-poland {
    background-image: url("../img/poland.jpg");
}

.icon-china {
    background-image: url("../img/china.jpg");
}

.willkommen .content-head .cash-and-carry p.info-text{
	background-image: url(../img/icon_person.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	min-height:135px;
	padding-left:130px;
	padding-right:1.5em;
	box-sizing:border-box;
	color: #000000;
}

.cash-and-carry a:hover{
	color:#000000;
}

/*Article Sustainability Report*/

.willkommen .content-head article.cr-report{
	background-image: url("../img/bg-texture-blue.jpg");
	background-repeat: repeat;
	width:100%;
}

.willkommen .content-head article.cr-report .wrapper{
	width:940px;
	position: relative;
}

.cr-report h2{
	color:#004171;
}



.cr-report a{
	color:#004171;
}



.content-head .cr-report .mitarbeiter li div {
    box-sizing: border-box;
    color: #004171;
    height: auto;
    margin-top: -40px;
    position: relative;
    width: 100%;
    padding-top:75px;

}

.willkommen .content-head .cr-report .mitarbeiter li{
	display:inline-block;
	vertical-align: top;
}




.icon-beschaffung {
    background-image: url("../img/illu_crr_beschaffung.png");
}

.icon-transport {
    background-image: url("../img/illu_crr_transport.png");
}

.icon-kunde {
    background-image: url("../img/illu_crr_kunde.png");
}

.icon-entsorgung {
    background-image: url("../img/illu_crr_entsorgung.png");
}

.icon-engagement {
    background-image: url("../img/illu_crr_engagement.png");
}
.willkommen .content-head .cr-report p{
	color:#000000;
}
.willkommen .content-head .cr-report p.info-text{
	background-image: url(../img/icon_globus.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	min-height:135px;
	padding-left:130px;
	padding-right:1.5em;
	box-sizing:border-box;

}

.cr-report a:hover{
	color:#000000;
}

/*Article Jahresabschluss*/
.willkommen .content-head .jahresabschluss{
	text-align: center;
	padding-top:80px;
	padding-bottom: 55px;

}



.jahresabschluss a{
	margin-top:0;
	font-family: DINNextLTPro-Light,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#565a5b;
	padding-left:40px;
	background-image:url(../img/icon_download.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	margin-top:1em;
}



/*Article Annual Report*/
.annual-report h2{
	margin-bottom:1.3333em;
}

.annual-report h3{
	margin-bottom:1.7857em;
}



.annual-report img{
	float:left;
	margin-right: 1.1111em;
	margin-bottom:60px;
}

.lt-ie9 .annual-report img{
	float:none;
}

.willkommen .content-head .annual-report li {
    height: auto;
    margin-right: 1.07%;
    width: 32.381%;
    display: inline-block;
    margin-right:0.5em;
    vertical-align:top;
   
}

.willkommen .content-head .annual-report li:last-of-type{
	margin-right:0;
}

.lt-ie9 .willkommen .content-head .annual-report li{
	width:31%;
}

.willkommen .content-head .annual-report div a{
	display: block;
}

.fact{
	display:block;
	font-family: DINNextLTPro-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:2.5em;
	color:#000000;
	line-height: 50px

}

.description{
	display: block;
	font-family: DINNextLTPro-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.5em;
	color:#004171;
}

.annual-report li a{
	width:100%;
}







@media only screen 
and (max-width : 979px) {
	
	.willkommen .full-image, .lt-ie9 
	.willkommen .full-image{
		height:190px;
		background-image:url(../img/bg-mobile.jpg);

	}
.fact{
	font-size: 2.0em;
	line-height: 1.2em;
}




.willkommen .content-head article{

	font-size:1.6em;
	padding:1em 0.5em;
	width:100%;
	box-sizing:border-box;
}

.willkommen .content-head article.home{
	margin-top:0;
	padding-left:0;

}

.willkommen h2{
	font-size:1.42em;
}

header div.wrapper{
	border:none;
}



.willkommen .home h1,
.willkommen .home h3,
.willkommen .home p{
	width:100%;
}

.willkommen .home p{
	padding:5px;
}

.willkommen h3,
.willkommen .home h3{
	font-size:1.14em;
	padding-left:5px;
}


.willkommen .content-head .home a{
	width:48%;
	display: inline-block;
	padding-top:0%;
	height:120px;
}

.willkommen .content-head article.cash-and-carry .wrapper,
.willkommen .content-head article.cr-report .wrapper{
  width:100%;
}

.willkommen .content-head .mitarbeiter li{
	width:31%;
	text-align: center;
	display: inline-block;
	
}

.mitarbeiter img{
	margin:auto;
}

.mitarbeiter a{
	display:block;
}

.willkommen .content-head .cash-and-carry p.info-text,
.willkommen .content-head .cr-report p.info-text{
	background:none;
	padding:0;
}

.willkommen .content-head .annual-report li{
	width:48%;
	padding-top:20px;

}

.willkommen .content-head .annual-report div a{
	margin-top:1em;

}

.willkommen .content-head .cr-report .mitarbeiter li{
	display:inline-block;
	vertical-align: top;
}

  .willkommen .content-head .jahresabschluss{
  	padding-top:20px;
  	padding-bottom:20px;
  }


.annual-report div {
    margin-bottom: 50px;
}

.annual-report div + h3{
	margin-bottom:0;
}

.annual-report img{
	float:none;
}

footer{
	font-size:1.5em;
}

footer a{
	margin:0;
	padding:0.8em;
}

footer .language_switch li {
    display: inline-block;
    border-top:none;
}

footer .language_switch a {
    padding-left:0;
}

footer .wrapper{
	background-color: #ebebeb;
}

footer .colophon{
	border-top:2px solid #FFFFFF;
	padding:1.2em;
	font-size:0.6666em;
	color:#565a5b;
}

.willkommen .home h1{
	font-size:2.0em;
	padding-left: 10px;
}


}

@media only screen 
and (max-width : 839px) {
	.willkommen .full-image, .lt-ie9 
	.willkommen .full-image{
		background-position: 0 20px;
	}






}

@media only screen 
and (max-width : 510px) {
	.willkommen .full-image, .lt-ie9 
	.willkommen .full-image{
		height:190px;
	}
	a{
		margin-top:1em;
	}

	.annual-report div {
    margin-bottom: 30px;
}

	.annual-report img,
	.annual-report h3{
		margin-bottom:10px;
	}



.willkommen .content-head article{

	font-size:1.4em;
	padding:1em 0.5em;
	width:100%;
	box-sizing:border-box;
}

.willkommen .content-head article.home{
	margin-top:0;
	padding-left:0;

}
.willkommen h1{
	font-size:1.42em;
}

.willkommen h2{
	font-size:1.42em;
}





.willkommen .home h1,
.willkommen .home h3,
.willkommen .home p{
	width:100%;
}

.willkommen .home p{
	padding:5px;
}

.willkommen h3,
.willkommen .home h3{
	font-size:1.14em;
	padding-left:5px;
}

header div.wrapper{
	border-bottom:none;
}

.willkommen .content-head .home li,
.willkommen .content-head .home a{
	width:100%;
	display: inline-block;
	padding-top:10%;
	height:100px;
}

.willkommen .content-head .home a{
	padding-top: 0;
}

.willkommen .content-head article.cash-and-carry .wrapper,
.willkommen .content-head article.cr-report .wrapper{
  width:100%;
}

.willkommen .content-head .mitarbeiter li{
	width:45%;
	text-align: center;	
}

.mitarbeiter img{
	margin:auto;
}

.willkommen .content-head .cash-and-carry p.info-text,
.willkommen .content-head .cr-report p.info-text{
	background:none;
	padding:0;
}

.willkommen .content-head .annual-report li{
	width:100%;
}}



/*****************************************************************************************************/

@media only screen 
and (max-width : 450px) {
	.willkommen .full-image, .lt-ie9 
	.willkommen .full-image{
		height:190px;
	}

.willkommen .content-head article{

	font-size:1.4em;
	padding:1em 0.5em;
	width:100%;
	box-sizing:border-box;
}

.willkommen .content-head article.home{
	margin-top:0;
	padding-left:0;

}

.willkommen h2{
	font-size:1.42em;
}



.willkommen .home h1,
.willkommen .home h3,
.willkommen .home p{
	width:100%;
}

.willkommen .home p{
	padding:5px;
}

.willkommen h3,
.willkommen .home h3{
	font-size:1.14em;
	padding-left:5px;
}

header div.wrapper{
	border-bottom:none;
}

.willkommen .content-head .home li,
.willkommen .content-head .home a{
	width:100%;
	display: inline-block;
	padding-top:10%;
	height:100px;
}

.willkommen .content-head .home a{
	padding-top:0;
}

.willkommen .content-head article.cash-and-carry .wrapper,
.willkommen .content-head article.cr-report .wrapper{
  width:100%;
}

.willkommen .content-head .mitarbeiter li{
	width:100%;
	text-align: center;
	display: block;
	
}

.mitarbeiter img{
	margin:auto;
}

.willkommen .content-head .cash-and-carry p.info-text,
.willkommen .content-head .cr-report p.info-text{
	background:none;
	padding:0;
}

.willkommen .content-head .annual-report li{
	width:100%;
}}