* {margin: 0; padding: 0; outline: 0;}


.angebotaktuell img {float:right; margin-left:30px;}
.angebotaktuell {background-color:#10172a; margin-bottom:30px; width:96%;}
.clear {clear:both;}
.angebotaktuell div {padding:20px; font-size:15px;}
.angebotaktuell div.clear {padding:0px;}
.angebotaktuell h2 {background-color:#fff; padding:20px;  color:#10172a; margin-bottom:0px;}

.angebotaktuell a {padding:10px; background-color:#8ca9e5;; font-size:18px; font-weight:300; display:inline-table; text-decoration:none; margin-top:10px; margin-bottom:10px;}
.angebotaktuell a:hover {background-color:#fff;  color:#1b223f!important;}

.teambild {width:25%; float:left; font-size:14px; line-height:16px;}
ul, li {margin:0px; padding:0px;}
li {list-style-type:none; padding-bottom:10px; padding-top:10px; border-top: 1px dotted #6ca3cd;}

.spalte3 img {width:100%; height:100%;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; margin-top:30px; margin-bottom:30px;}
.spalte3 {width:30%; float:left; margin-right:3%; background-color:#10172a; padding-bottom:20px;}
.abstand {padding-right:20px; padding-left:20px;}
@media screen and (max-width:680px) {
.spalte3 {width:100%; float:none;}
}

.weiss {padding:30px; background-image:url(../images/weiss.png); color:#000033;}
.willkommen {-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
max-width:75%;}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #e5e5e5;
	font-size: 12px;
	line-height:30px;
	background:#bfbfbf;

	
}
.impressum .inner {font-size:14px; line-height:15px; text-align:justify;}

h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin:0 0 15px 0;
}


h1 {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 100%;
}


h2 {
	font-size: 24px;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
}



.clear {
	clear: both;
}
.wrap {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}



.section {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;

}


.inner {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	height: 60px;
	z-index: 1000;
	width: 100%;
	background: #4054a4;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}


.subNavBtn {
	display: block;
	height: 35px;
	width: 25%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	padding-top:15px; padding-bottom:10px;
	
	color: #fff;
}
.subMenu a:hover {
	background: #1783c7;
}

.active {
	background: #8ca9e5;
}
.end {
	margin: 0;
}




/* SECTIONS */
.sTop {
	background:#fff;
	color:#3d3d3d;
	padding: 0px 0;
	text-align:center;
	
}

.sTop img {width:90%; max-width:500px;}

.s1 {
	background:#ebe7db;
	color:#fff;
	background-image:url(../images/hintergrund.jpg);
	background-repeat:no-repeat;
	background-position:right;
	  background-size: cover; 
  background-attachment: fixed;
  padding-bottom:300px;
	
}


.s2 {
	background: #1e2a5d;
}
.s2 a, 
.s3 a {
	color: #fff;
}

.s3 {
	background: #647bbf;
}


.s4 {
	background: #8ca9e5;
	color:#000;
}

.section.s4 {padding-bottom:0px;}

.s5 {
	background: #c2d3f5;
	color: #3d3d3d;
}

.s6 {
	background: #161616;
}


.bubble 
{
position: relative;
padding: 0px;
background: #c2d3f5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px;
color:#000;
margin-bottom:30px;
float:right;
width:70%;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #c2d3f5;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 20px;
}

@media screen and (max-width:825px) {
.bubble {width:50%; }
}


.bubble a {color:#000;}
hr {clear:both;border:0px outset;background-color:#c2d3f5;color:#c2d3f5;height:5px; margin-top:20px; margin-bottom:30px;}

a.intLink {float:right; clear:both; text-decoration:none; font-size:14px;}

.subNavBtn {
	display: block;
	height: 45px;
	width: 16%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 16px;
	padding: 15px 2% 0 2%;
	text-align: center;
	
	color: #fff;
}
.subMenu a:hover {
	background: #1b223f;
}

.active {
	background: #8ca9e5;
}
.end {
	margin: 0;
}




  .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }