body {
		margin: 0;
		padding: 0;
		font-family: Verdana, sans-serif;
	    font-size: 14px;
	    font-weight: 300;
	    line-height: 20px;
	    background: #F6F6F6;
	    color: #000;
	}
	
	a {color: #000;}

	header {

		display: flex;
		height: auto;
		min-height: 60px;
		position: fixed;
		top: 0;
		transition: all 0.2s cubic-bezier(0.58, 0.83, 0.57, 0.84) 0s;
		z-index: 999;
		width: 100%;
		background-color: #3f90b5;
	}
	header>nav {
		text-align: center;
		padding: 10px 0px 10px 0px;
		font-size: 17px;
		color: #fff;
		margin: auto;
	}
	
	nav ul {list-style: none;}
	nav li {
	  display: inline-block;
	  margin: 0 9px;
	  float: left;
	}
	
	nav li>a {text-decoration: none; color: #fff; padding: 19px;}
	
	#nav li>a:hover {background-color: #2f7da1;}

	footer {
		width: 100%;
		color: #fff;
		background-color: #3f90b5;
		font-size: 11px;
		padding: 20px 0px 40px 0px;
	}
	
	footer>div {
		max-width: 1200px;
		width: 100%;
		margin: 0px auto;
	}
	
	

	#wrapper {
		position: relative;
		margin: auto;
		width: 1200px;
		height: auto;
	}

	.maincontent {
		background-color: #fff;
		position: relative;
		padding: 30px 50px 30px 50px;
		width: 1100px;
		margin: 20px 0px 30px 0px;
	}
	
	.maincontent p {
		margin-top: 15px;
	}
	.imgright {
		float: right;
		text-align: right;
		margin-left: 15px;
	}
	
	.imgleft {
		float: left;
		text-align: left;
		margin-right: 15px;
	}
	
	.bigmetas {
		line-height: 116px;
		font-size: 38px;
		text-align: center;
	}
	
	.bigmetas1 {
		line-height: 116px;
		font-size: 38px;
		text-align: center;
		background: url('../images/phone.png') no-repeat left ;
		padding-left:15px;
	}
	
	.bigmetas2 {
		line-height: 116px;
		font-size: 38px;
		text-align: center;
		background: url('../images/contact.png') no-repeat left ;
		padding-left:15px;
		float:right;
	}
	
	.eindrittel {
		float:left; 
		width:30%;
	}
	
	
	.zweidrittel {
		float:left; 
		width:60%; 
		padding-right:35px;
	}
	
	
	
	.bigmetas1 a {text-decoration: none;}
	.sizeHalf {
		width: 48%;
	}
	.bigmetas2 a {text-decoration: none;}
	.sizeHalf {
		width: 48%;
	}
	.horLine {
		width: 1px;
		height: 116px;
		background-color: #ececed;
	}
	.seperator {
		margin: 25px 0;
		height: 3px;
		background: black;
		background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 72%);
		background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(72%,rgba(0,0,0,0)));
		background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 72%);
		background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 72%);
		background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 72%);
		background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 72%);
	}

	.boxmodule {
		width: 345px;
		height: 280px;
		background: #aaa;
		float: left;
		margin-right: 30px;
	}
	.boxmodule:last-child {
		margin-right: 0px;
	}

	.infoslide {
		background-color: #EDEDEE;
		position: relative !important;
	}
	.infoslide div {
		font-size: 18px;
	    text-align: center;
	}
	.centeredbox {
	    position: absolute;
	    top:50%;
	    left:50%;
	    transform: translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);

	}
	.infoslide div p {margin:20px 0px 0px 0px !important;}
	
	div.slidecontent {
	    width: 324px !important;
	    height: 55%;
	    padding: 10px;
	    display: none; 
	    position: absolute;
	    bottom: 1px;
	    background-color: rgba(0, 0, 0, 0.7);
	    border:0px solid red;
	    left:1px;
		font-size: 14px;
		line-height: 16px;
		color: #fff;
	}
	div.slidecontent a{
		color: #fff;
	}
	div.slidecontent h3 {
		font-size: 19px;
		line-height: 22px;
		color: #fff;
	}
		
	#headerimg {
		margin-top:60px;
		width: 100%;
		min-height: 650px;
		background: #ccc url('../images/ico_img.jpg') no-repeat 0 0 / cover;
		position: relative;
	}
	#headertext {
		background-color: #4e94b5;
		color: #fff;
		padding: 25px 20px 25px 20px;
		font-size: 36px;
		position: absolute;
		bottom: 60px;
		left: 10%;
	}
	strong {
		font-weight: 700;
	}

	.softOut {
		opacity: 0.5;
		filter: alpha(opacity=50); /* For IE8 and earlier */
	}
	.fadeLink {
		opacity: 0.8;
		filter: alpha(opacity=80); /* For IE8 and earlier */
	}
	.fadeLink:hover {
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
	}
	
	.overlay {
		background-color: #DBDAD9;
		position: relative;
		opacity: 0.93 !important;
		filter: alpha(opacity=93) !important; /* For IE8 and earlier */
		border-radius: 8px;
		padding: 40px;
	}

	.mobile {display: none;}
	.ishidden {display: none;}


	#section1, #section2, #section3 {
		width: 960px;
		box-sizing: border-box;
		padding: 43px 0px 10px 0px;
		position: relative;
		overflow: hidden;
	}

			
	h1 {font-size: 30px; font-weight: 900; line-height: 34px;}
	h2 {font-size: 24px; font-weight: 900; line-height: 30px;}
	h3 {font-size: 20px; font-weight: 900; line-height: 25px;}


	.isLink {cursor: pointer;}

	#mobilenav, #mobilemenubutton {display: none;}
		
	#mobilemenubutton {
		position: fixed; 
		z-index: 6; 
		top: 13px; 
		right: 10px;
		color: #fff;
/*		width: 51px;
		height: 31px;*/
		text-shadow: 0px 0px 20px #000;
		cursor: pointer;
	}
	
	#mobilemenuclose {
		position: absolute;
		top: 10px;
		right: 12px;
		color: #000;
		z-index: 8;
		font-size: 18px;
		font-weight: bold;
		cursor: pointer;
	}
	
	#mobilenav {
		position: fixed;
		display: none;
		opacity: 0;
		-moz-opacity: 0;
		-webkit-opacity: 0;
		height: 100%;
		width: 82%;
		top: 0px;
		right: -82%;
		background: #fff;
		color: #333;
		z-index: 7;
		border-left: 1px solid #aaa;
	}
	
	#mobilenav ul {
		list-style: inside none;
		padding: 80px 0px 0px 20px;
	}
	#mobilenav ul li {
		font-size: 15px;
		padding: 10px 0px;
		cursor: pointer;
		float: none;
		display: block !important;
	}
	
	a.mobilelink {
		color: #000 !important;
	}

	/*Go to Top*/
	#back-to-top {
	  display: block;
	  z-index: 500;
	  width: 40px;
	  height: 40px;
	  text-align: center;
	  font-size: 22px;
	  position: fixed;
	  bottom: -40px;
	  right: 20px;
	  line-height: 35px;
	  -webkit-border-radius: 50%;
	  border-radius: 50%;
	  -webkit-transition: all 1s ease-in-out;
	  -moz-transition: all 1s ease-in-out;
	  -ms-transition: all 1s ease-in-out;
	  -o-transition: all 1s ease-in-out;
	  transition: all 1s ease-in-out;
	  background-color: #fff;
	  text-decoration: none;
	  box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);
	}
	#back-to-top i {
	  -webkit-transition: all 1s ease-in-out;
	  -moz-transition: all 1s ease-in-out;
	  -ms-transition: all 1s ease-in-out;
	  -o-transition: all 1s ease-in-out;
	  transition: all 1s ease-in-out;
	}
	#back-to-top a {
	  width: 40px;
	  height: 40px;
	  display: block;
	  color: #111;
	}
	#back-to-top.show {
	  bottom: 20px;
	}
	#back-to-top:hover {
	  background-color: #111;
	}
	#back-to-top:hover i {
	  color: #fff;
	}

@media (max-width: 479px) { 
	
	img {max-width: 300px;}
	#wrapper {
		width: 320px;
	}
	
	.maincontent {
		padding: 20px 10px 20px 10px;
		width: 300px;
	}
	.boxmodule {
		width: 280px;
		height: 340px;
		margin: 15px auto;
		display: block;
		float: none
	}
	.boxmodule:last-child {
		margin-right: auto;
	}
	div.slidecontent {
	    width: 259px !important;
	}	
	.bigmetas1 {
		line-height: 76px;
		font-size: 22px;
	}
	
	.bigmetas2 {
		line-height: 76px;
		font-size: 22px;
	}
	.sizeHalf {
		width: 100%;
	}
	.horLine {
		width: 100%;
		height: 1px;
		margin: 10px 0px;
		background-color: #ececed;
	}
	
	.eindrittel {
		width:100%;
		padding:20px;
	}
	
	.zweidrittel {
		width:100%; 
	}
	
	.bigmetas1 {
		line-height: 140px;
		font-size: 25px;
		background: url('../images/phone.png') no-repeat top center ;
		background-size: 50px 50px;
		padding-left:0px;
	}
	
	.bigmetas2 {
		line-height: 140px;
		font-size: 25px;
		background: url('../images/contact.png') no-repeat top center ;
		background-size: 50px 50px;
		padding-left:0px;
	}
	
	#headertext {
		color: #fff;
		padding: 20px 20px 20px 40px;
		font-size: 30px;
		position: absolute;
		bottom: 60px;
		left: 0px;
	}
	
	h1 {font-size: 20px; font-weight: 900; line-height: 25px;}
	h2 {font-size: 17px; font-weight: 900; line-height: 20px;}


}

.fleft1 {float: left;}

/* switch to mobile menu */
@media (max-width: 580px) { 
	#headerimg {margin-top: 0; background: #ccc url(../images/ico_img_mobile.jpg) no-repeat 0 0 / cover;}
	#nav, header {display: none;}
	#mobilemenubutton {display: block;}
	
	.imgleft {float:left; text-align: center; margin-left: 0px; }
	.imgright {float:left; text-align: center; margin-left: 0px; }
	
	.maincontent { padding: 30px; width:82%;}
	
	.fleft1 {float: left; padding-left: 20px; width:300px;}
	
	
	
}

@media (min-width:641px) and (max-width: 768px) { 
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	#wrapper {
		width: 768px;
	}
	
	.maincontent {
		padding: 20px 20px 20px 20px;
		width: 728px;
	}
	.boxmodule {
		width: 360px;
		height: 280px;
		margin: 15px auto;
		display: block;
		float: none
	}
	.boxmodule:last-child {
		margin-right: auto;
	}
	div.slidecontent {
	    width: 339px !important;
	}	
	
	.fleft {float: left;padding-left: 20px;}


}
@media (min-width:961px) and (max-width: 1024px) { 
	/* tablet, landscape iPad, lo-res laptops ands desktops */ 
	#wrapper {
		width: 1024px;
	}
	
	.maincontent {
		padding: 30px 30px 30px 30px;
		width: 944px;
	}
	.boxmodule {
		width: 303px;
		height: 310px;
		margin-right: 15px;
	}
	div.slidecontent {
	    width: 284px !important;
	}	
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }

ul {
    list-style-type: square;
}