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



@-webkit-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
}




.nofloat {
		clear:both;
}

.pad {
	padding:20px 50px 20px 50px;
}






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

.grid-wrapper {
	margin: 0 auto;
	width:80%;
}







.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%;
}









.content-image-left {
width:45%;
margin:0% 30px 30px 0%;
padding:0;
}

.content-image-right {
width:45%;
margin:0% 0% 30px 30px;
padding:0;
}

.content-image-left2 {
width:25%;
margin:0% 30px 30px 0%;
padding:0;
}

.content-image-right2 {
width:25%;
margin:0% 0% 30px 30px;
padding:0;
}











h1 {
font-family: 'Open Sans', verdana;
font-size:44px;
font-weight:100;
line-height:55px;
letter-spacing:-2px;
margin:0 0 40px 0;

	-webkit-transition: all 1.3s ease-out;
 	-moz-transition: all 1.3s ease-out;
 	-o-transition: all 1.3s ease-out;
 	transition: all 1.3s ease-out;
}

p {
font-family: 'Open Sans', verdana;
font-size:18px;
line-height:25px;
color:black;
margin:0 0 0 0;
}

img {
	width:100%;
}


a {
color:black;
text-decoration:underline;
}

a:hover{
text-decoration:none;          
}









.color {
	background-color:grey;
}

.color h1, .color p, .color a{
	color:white;
}


























































@media screen and (max-width:1200px) { 
		 

.grid-wrapper {
	margin: 0 auto;
	width:100%;
}



h1 {
font-family: 'Open Sans', verdana;
font-size:33px;
font-weight:100;
line-height:44px;
letter-spacing:-1px;
margin:0 0 44px 0;
}

p {
font-family: 'Open Sans', verdana;
font-size:18px;
line-height:25px;
color:black;
margin:0 0 0 0;
}








}
			
































@media screen and (max-width:1000px) and (orientation:portrait) {  
			    

.grid-wrapper {
	margin: 0 auto;
	width:100%;
}

h1 {
font-family: 'Open Sans', verdana;
font-size:66px;
font-weight:100;
line-height:77px;
letter-spacing:-2px;
margin:0 0 77px 0;
}

p {
font-family: 'Open Sans', verdana;
font-size:33px;
line-height:44px;
color:black;
margin:0 0 0 0;
}




.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 {
	float:left;
	width:100%;
}





.content-image-left, .content-image-left2 {
width:100%;
padding:0%;
margin:0% 0% 30px 0%;
}

.content-image-right, .content-image-right2 {
width:100%;
padding:0%;
margin:0% 0% 30px 0%;
}


			
}