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


.hid {
	display:none;
}

.nofloat {
		clear:both;
}

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



#logo {
	margin:20px 0px 30px 0px;
	float:left;
}
img#logo {
	width:18%;
}

img#logo2 {
	width:130px;
}






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













.headerimages1 {
float:left;
color:white;
padding:4% 0 4% 0;

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

.headerimages1 p, .headerimages1 h1 {
color:white;
width:60%;
}








.fbbox {
bbackground: rgba(255,255,255,0.6);
mmargin:50px 0px 0px 0px;
}








h1 {
font-family: 'Open Sans', verdana;
font-size:44px;
font-weight:100;
line-height:55px;
letter-spacing:-2px;
margin:0px 0 25px 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;
}


h2 {
font-family: 'Open Sans', verdana;
font-size:28px;
font-weight:400;
line-height:36px;
letter-spacing:-1px;
margin:0px 0 20px 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;
}

h2 b {
text-transform:uppercase;
font-weight:100;
font-size:26px;
letter-spacing:0px;

border-style: dotted;
border-bottom-width:2px;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color:#000;
}


h3 {
font-family: 'Open Sans', verdana;
font-size:24px;
font-weight:400;
line-height:28px;
letter-spacing:-1px;
margin:20px 0 10px 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;
font-weight:300;
color:black;
margin:0 0 30px 0;
text-align:left;
}


li {
font-family: 'Open Sans', verdana;
font-size:18px;
line-height:25px;
font-weight:300;
color:black;
margin:0 0 20px 0;
text-align:left;
}

img {
	width:100%;
}


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

a:hover{
text-decoration:none;          
}








.googlemaps {
	position:absolute;
	left:0;
	margin:30px 11% 30px 11%;
}

.googlemapsoverlay {
background:transparent;
position:relative;
width:100%;
height:400px;
margin:30px 0% 50px 0%;
}





.flexslider {
width: 100%;
}

.postit {
position:absolute;
right:5%;
margin:2% 0 0 0;
padding:0;
width: 30%;
z-index:10000;
}

.postit img {
position:absolute;
}

.postit h1 {
position:absolute;
right:10%;
margin:8% 0 0 0;
padding:0;
width: 80%;
text-align:center;
font-family: 'Just Another Hand', cursive;
color:#004260!important;
font-size:30px;
line-height:42px;
}




.white-plate {
background: rgba(255,255,255,0.6);

}










.header {
background: url(../images/paper.jpg) repeat top center;
}


.color {
	background-color:#f6f4f1;
}

.color h1, .color h2, .color h3, .color p, .color a{
	color:#2c2b28;
}



.color2 {
	background-color:#32abe3;
}
.color2 h1, .color2 h2, .color2 h3, .color2 p, .color2 a{
	color:#fff;
}


.color3 {
	background-color:#fff;
}
.color3 h1, .color3 h2, .color3 h3, .color3 h2, .color3 p, .color3 a{
	color:#6e6e6e;
}


.color4 {
	background-color:#c8c5c2;
}
.color4 h1, .color4 h2, .color4 h3, .color4 h2 b, .color4 p, .color4 a {
	color:#2c2b28;
	border-color:#2c2b28;
}





.grid-1-3 p, .grid-2-3 p, .grid-3-3 p {
	text-align:left;
}



.footer p{
text-align:center;
color:#000;
}

.footer a{
text-decoration:none;
color:#000;
	-webkit-transition: all 0.3s ease-out;
 	-moz-transition: all 0.3s ease-out;
 	-o-transition: all 0.3s ease-out;
 	transition: all 0.3s ease-out;
}
.footer a:hover{
color:#d23b00;
}















/*FORM */




.form-a {
	width:70%;
	float:right;
	height:35px;
	padding:2px 2px 2px 10px;
	border:none;
background-color:#fff;
color:#2c2b28;
}


.form-b {
	width:93%;
	float:right;
	height:142px;
	padding:5px 2% 2px 2%;
	margin:0px 0px 10px 5%;
	border:none;
background-color:#fff;
color:#2c2b28;
}



textarea {
font-family: 'Lato', sans-serif, verdana;
font-size:14px;
line-height:24px;
background-color:#fff;
margin-top:0;
}







.button {
position:relative;
right:0;
clear:both;
display:block;
width:97%;
margin:20px 0px 0px 3%;
padding:20px 30px 20px 30px;
font-weight:400;
font-size:18px;
font-weight:normal;
color:#fff;
letter-spacing:0px;
text-align:center;
	
border:none;
background-color:#32abe3;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;	
}


.button:hover {
background-color:#000;

}

















































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

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



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

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







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



}
			
































@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 30px 0;
text-align:center;
}

h2 {
font-family: 'Open Sans', verdana;
font-size:54px;
font-weight:100;
line-height:66px;
letter-spacing:-2px;
margin:0px 0 44px 0;
text-align:center;
}

h2 b {
text-align:center;
font-size:54px;
line-height:70px;
margin:0 0 30px 0;
}


h3 {
font-family: 'Open Sans', verdana;
font-size:42px;
font-weight:100;
line-height:48px;
letter-spacing:-2px;
margin:30px 0 44px 0;
text-align:center;
}

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

.grid-1-3 p, .grid-2-3 p, .grid-3-3 p {
text-align:center;
}




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



#logo {
	margin-left:35%;
}
img#logo {
	width:30%;
}


textarea {
margin-top:0px;
}


			
}