html, body { 
background-color: #ffffff;
margin: 0;
padding: 0;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}


.nofloat {
		clear:both;
}



.grid-wrapper {
	position:relative;
	margin: 0 auto;
	width:982px;
}

.wrapper-split-1 {
	position:relative;
	margin: 0;
	width:640px;
}

.wrapper-split-2 {
	position:relative;
	margin: 0;
	width:324px;
	
}

.wrapper-split-2 .pad{
	padding:12px;
	
}

.container {
position:relative;
margin:0;
padding:0;
width: 100%;

}




.grid-1-1 {
	float:left;
	width:100%;
}




.grid-1-2 {
	float:left;
	width:50%;
}

.grid-2-2 {
	float:right;
	width:50%;
}




.grid-1-3 {
	float:left;
	width:33.33%;
}

.grid-2-3 {
	float:left;
	width:33.33%;
}

.grid-3-3 {
	float:right;
	width:33.33%;
}





.grid-1-4 {
	float:left;
	width:25%;
}

.grid-2-4 {
	float:left;
	width:25%;
}

.grid-3-4 {
	float:left;
	width:25%;
}

.grid-4-4 {
	float:right;
	width:25%;
}







.grid-1-5 {
	float:left;
	width:20%;
}

.grid-2-5 {
	float:left;
	width:20%;
}

.grid-3-5 {
	float:left;
	width:20%;
}

.grid-4-5 {
	float:right;
	width:20%;
}

.grid-5-5 {
	float:right;
	width:20%;
}






.grid-1-6 {
	float:left;
	width:16.66%;
}

.grid-2-6 {
	float:left;
	width:16.66%;
}

.grid-3-6 {
	float:left;
	width:16.66%;
}

.grid-4-6 {
	float:right;
	width:16.66%;
}

.grid-5-6 {
	float:right;
	width:16.66%;
}

.grid-6-6 {
	float:right;
	width:16.66%;
}









p.spacer {
	margin-top:10px;
}

ul.socials_new {
		position:relative;
		padding:0;		
		width:100%;
		margin-bottom:20px;
		margin-top:-6px;
	}
ul.socials_new li {
		float:left;
		color:#FAFAFA;
		text-transform:uppercase;
		letter-spacing:0.2px;
		width:20%;
		line-height:45px;
		vertical-align:middle;
		padding:0;
		height:35px;
		padding-bottom:7px;
		padding-top:2px;
		text-align:center;
	}
	
	ul.socials_new li.facebook {
		background-color:#3b5999;
		width:40%;
	}
	
	ul.socials_new li.twitter {
		background-color:#39a0cd;
	}
	
	ul.socials_new li.pinterest {
		background-color:#ca2520;
	}
	
	ul.socials_new li.googleplus {
		background-color:#df4b38;
	}
	
	ul.socials_new li.flipboard{
		background-color:#b01e1f;
	}

	img.social_logo {
		height:25px;
		width:auto;
		margin:0;
		padding:0;
		margin-left:10px;
		margin-top:8px;
	}
	
	.hidingtext {
		color:#FAFAFA;
		text-transform:uppercase;
		letter-spacing:0.2px;
		font-size:12px;
		line-height:35px;
		font-weight:bold;
		display:inline-block;
		padding-left:5px;
		word-break:break-word;
	}




@media screen and (max-width:1200px) { 
p.spacer {
	margin-top:25px;
}
ul.socials_new {
		position:relative;
		padding:0;	
		width:100%;
		margin-bottom:20px;
		display:table;
		vertical-align:middle;
		margin-top:-16px;
	}
	ul.socials_new li {
		width:20%;
		height:35px;
		padding:0;
		float:left;
		color:#FAFAFA;
		text-transform:uppercase;
		letter-spacing:0.2px;
		line-height:15px;
		vertical-align:middle;
		padding-bottom:7px;
		padding-top:2px;
		text-align:center;
		display:table-cell;
	}
	
	ul.socials_new li.facebook {
		width:40%;
		text-align:center;
		vertical-align:middle;
		background-color:#3b5999;
	}
	

	img.social_logo {
		height:25px;
		width:auto;
		margin-left:auto;
		margin-right:auto;
		padding:0px 0px 0px 5px;
		display:table-cell;
	}
	
	.hidingtext {
		color:#FAFAFA;
		text-transform:uppercase;
		letter-spacing:0.2px;
		font-size:12pt;
		line-height:16px;
		font-weight:bold;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		margin-left:10px;
		word-break:break-word;
		height:45px;
		overflow:hidden;
	}
	
	.fb {
		padding:0px 0px 0px 10px;
	}
			 
.grid-wrapper {
	position:relative;
	margin: 0;
	width:96%;
	padding:0 2% 0 2%;
}

.wrapper-split-1 {
	position:relative;
	margin: 0;
	width:72%;
}

.wrapper-split-2 {
	position:relative;
	margin: 0;
	width:28%;
	
}



.grid-1-4, 
.grid-2-4, 
.grid-3-4, 
.grid-4-4 {
	float:left;
	width:50%;
}



.grid-1-5, 
.grid-2-5, 
.grid-3-5, 
.grid-4-5,
.grid-5-5 {
	float:left;
	width:50%;
}



.grid-1-6, 
.grid-2-6, 
.grid-3-6, 
.grid-4-6,
.grid-5-6,
.grid-6-6 {
	float:left;
	width:33.3%;
}

}
			






@media screen and (max-width:1000px) and (orientation:portrait) {  
ul.socials_new {
		position:relative;
		padding:0;		
		width:90%;
		margin-left:5%;
		margin-right:10px;
		margin-top:-15px;display:table;
	}
	ul.socials_new li {
		text-align:center;
		display:table-cell;
		width:20%;
		height:75px;
		padding:0;
		float:left;
	}
	ul.socials_new li.facebook {
		width:40%;
		text-align:left;
	}
	
	ul.socials_new {
	vertical-align:middle;
}
	
	p.spacer {
	margin-top:0px;
	padding-top:0px;
	}
	
	ul.socials_new li {
		float:left;
		color:#FAFAFA;
		text-transform:uppercase;
		display:table-cell;
		letter-spacing:0.2px;
		height:75px;
		line-height:35px;
		vertical-align:middle;
		padding:0;
		padding-bottom:7px;
		padding-top:2px;
	}

	img.social_logo {
		height:50px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		padding:2px 0px 0px 0px;
	}
	
	.container {
    
    margin-top: 20px;
}
	.hidingtext {
		color:#FAFAFA;
		text-transform:uppercase;
		letter-spacing:0.2px;
		font-size:3vw;
		line-height:22px;
		font-weight:bold;
		display:table-cell;
		margin-left:5px;
		margin-top:15px;
		text-align:center;
		vertical-align:middle;
		height:70px;
		overflow:hidden;
	}
				    
.grid-wrapper {
	margin: 0 auto;
	width:100%;
	padding:0;
}

.wrapper-split-1 {
	position:relative;
	margin: 0;
	width:100%;
}

.wrapper-split-2 {
	position:relative;
	margin: 0;
	width:100%;
	
}

.grid-1-1, 
.grid-1-2,  
.grid-2-2, 
.grid-1-3, 
.grid-2-3, 
.grid-3-3, 
.grid-1-4, 
.grid-2-4, 
.grid-3-4, 
.grid-4-4,
.grid-1-5, 
.grid-2-5, 
.grid-3-5, 
.grid-4-5,
.grid-5-5 {
	float:left;
	/* width:100%; */
	
}

.grid-1-3 {
	width:100%;
	margin-top:10px;
}

.grid-2-3, .grid-3-3 {
	width:45%;

}

.grid-2-3 {
	padding-left:2.5%;
	padding-right:4.5%;
}


}