@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

html, body,div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,
strike, sub, sup, tt, var, dl, dt, dd,  ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
	font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: top;

}


img {max-width:100%;
}

* {
margin: 0;
padding: 0;
} 


html,body {
  	font-family:'Montserrat', sans-serif;
  	font-size:14px/1em;
   	font-weight:400;
  	line-height:1.6em;
	height:100%; /* needed for container min-height */
	color:#fff; 
	width:100%;
	background:#fff;
}

a {color:#fff; text-decoration:underline;}
a:hover{color:#fff; text-decoration:none;}


a[href^="tel"]:link{
     color: #00baf2;
}
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
    text-decoration:    none;
    color: #6dd4ff;
}
.wrapper{
	position:relative;
	width:100%;
	height: 100%;
}




h1 {margin-top:20px;display:block;font-size:80px;text-align:center;width:100%;padding-bottom:20px;}

 
 h2 {
	font-family:'Montserrat', sans-serif;
  	font-size:35px;
  	line-height:1.2em;
   	font-weight:500;
   	color:#8E3062;
   	margin-bottom:10px;
 
}

 h3 {
	font-family:'Montserrat', sans-serif;
  	font-size:16px;
  	line-height:1.2em;
   	font-weight:500;
   	color:#8E3062;
   	margin-bottom:0px;
 
}


 h4 {
	font-family:'Montserrat', sans-serif;
  	font-size:20px;
  	line-height:1.2em;
   	font-weight:700;
   	color:#fff;
   	margin-bottom:0px;
 
}
.header {background:#8E3062;	width:100%; auto;} 
.content {background:#fff;	width:100%;	margin:0 auto;} 

.headerlogo {	width:100%;max-width:1200px;	margin:0 auto;text-align:center;padding-top:40px;padding-bottom:40px;} 
.headerlogo img {	width:100%;max-width:300px;	margin-bottom:30px;} 
.headline2 {font-weight:300;color:#ABC039;margin-top:20px;display:block;font-size:40px;text-align:center;width:100%;}
.contentext {margin:50px auto;	width:80%;max-width:800px;padding-right:10%;padding-left:10%;} 
.content {width:100%;max-width:1200px;margin:0 auto;}
.row{float:left;width:100%;text-align:center;margin-top:1.5%;}
.spalte-full {padding:30px;padding-top:30px;padding-bottom:30px;font-size:20px;line-height:30px;}
.color1 {background:#ABC039;}
.color2 {background:#8E3062;}
.color3 {color:#fff;}
.color4 {color:#ABC039;}
.boxtext {padding:20px;color:#8E3062;font-size:16px;line-height:22px;}


.flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top:1.5%;
}

.flex-container img {
max-height:400px;
}


.spalte { width: 32.0%;
   float: left;
   margin: 0px;
   border: 0px solid #aaa;
   display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  margin-right:1.5%;
}

.spalte:nth-child(3n) { width: 33.0%;
  margin-right:0%;
}

a.tel {color:#fff !important;text-decoration:none;}
a.tel:hover {color:#fff;}

/* Content */



/* Responsive Design */
@media only screen and ( max-width: 1220px )  /* 1220px */
		{

}

@media only screen and ( max-width: 1100px )  /* 1100px */
		{
	
.boxtext {font-size:14px;line-height:18px;}

}
	
@media only screen and ( max-width: 950px )  /* 950px */
		{
		
 
 h2 {
	font-family:'Montserrat', sans-serif;
  	font-size:25px;
  	line-height:1.2em;
   	font-weight:500;
   	color:#8E3062;
   	margin-bottom:10px;
 
}
		
.boxtext {font-size:12px;line-height:16px;}

}

@media only screen and ( max-width: 800px )  /* 800px */
	{


}

	
@media only screen and ( max-width: 750px )  /* 750px */
	{
.headerlogo img {max-width:150px;margin-top:0;	margin-bottom:0px;} 
.headerlogo {padding-top:10px;padding-bottom:10px;} 

h1 {margin-top:10px;display:block;font-size:30px;text-align:center;width:100%;padding-bottom:0px;}
.headline2 {font-weight:300;color:#ABC039;margin-top:10px;display:block;font-size:20px;text-align:center;width:100%;}

 
 h2 {
	font-family:'Montserrat', sans-serif;
  	font-size:25px;
  	line-height:1.2em;
   	font-weight:500;
   	color:#8E3062;
   	margin-bottom:10px;
 
}

 h3 {
	font-family:'Montserrat', sans-serif;
  	font-size:16px;
  	line-height:1.2em;
   	font-weight:700;
   	color:#8E3062;
   	margin-bottom:0px;
 
}


 h4 {
	font-family:'Montserrat', sans-serif;
  	font-size:20px;
  	line-height:1.2em;
   	font-weight:700;
   	color:#fff;
   	margin-bottom:0px;
 
}
	
	
	

.spalte:nth-child(n)  { width: 96.0%;display:block;
  margin-right:2%;
  margin-left:2%;min-height:10px;
  margin-bottom:5%;
}
.spalte:nth-child(2n)  { width: 96.0%;display:block;
  margin-right:2%;
  margin-left:2%;min-height:10px;margin-bottom:5%;
}

.spalte:nth-child(3n)  { width: 96.0%;display:block;
  margin-right:2%;
  margin-left:2%;min-height:10px;margin-bottom:5%;
}

.spalte{
display:block;
}
.flex-container  {
display:block;
}


.flex-container img {
max-height:none;width:100%;
}



.spalte-full {padding:30px;padding-top:30px;padding-bottom:30px;font-size:14px;line-height:24px;}

}