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

ul, li {margin:0px; padding:0px;}
li { padding-bottom:10px; padding-top:10px; border-top: 1px dotted #ccc; list-style-position:inside}

.rot {color:#9d2c1b;}
.grau {color: #666666;}

.abstand {padding-right:20px; padding-left:20px;}


.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:#d8d8d8;

	
}
.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: 34px; margin-bottom:10px;
	padding-top:20px;
}
h2 strong {font-weight:bold;}

p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
}
blockquote strong {color:#9d2c1b;}

blockquote {
font-family: Georgia, serif;
font-size: 26px;
font-style: italic;
width: auto;
margin: 0.45em 0;
padding: 10px 40px;
line-height: 40px;
position: relative;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 120px;
position: absolute;
left: -20px;
top: 10px;
color: #d2dbe1;
}

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

}
.abstand50 {width:50%; max-width:350px; margin-left:15%; background-color:#2e3134; padding:10px;}
.s2 .inner {padding-bottom:0px;}
.inner {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 22px;
	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: #efefef;
	color:#000
}

.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: #000;
}
.subMenu a:hover {
	background: #2e3134;
	color:#fff;
}

.active {
	background: #9d2c1b;
	color:#fff;
}
.end {
	margin: 0;
}

.kreis {-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border:3px solid white;
width:300px; height:220px; padding-top:80px; color:#fff; text-align:center; float:right; margin-top:-200px; background-color:#9d2c1b; font-size:35px; line-height:50px; }


/* SECTIONS */
.sTop {
	background:#fff;
	color:#3d3d3d;
	padding: 0px 0;
	padding-top:20px;

	
}
.sTop strong {color:#9d2c1b;}

.sTop img { float:left}

.sTop .adresse {width:50%; float:right}

.s1 {
	background:#ffffff;
	color:#000;

	
}


.s2 {
	background: #1e2a5d;
	background-image:url(../images/countdown.jpg);
	  background-size: cover; 
  background-attachment: fixed;
	
}

.s2text {padding:20px; background-color:#141618;}
.feder {background-image:url(../images/feder.jpg); background-repeat:no-repeat; background-position:left top; background-color:#2e3134; color:#fff;}

.s2 .pattern {background-image:url(../images/patteren.png);}
.s2 a, 
.s3 a {
	color: #fff;
}
.s3 h1 {color:#fff;}
.s3 {
	background: #9d2c1b; 
	text-align:center;
}

.s3 .inner {text-align:left;}
.s3 img {width:22%; margin:1%;}
.s4 {
	
	color:#000;
	background-color:#fff;
	background-image:url(../images/patteren.png);
}
.s1 h1,
.s1 h2,
.s4 h1 {color:#9d2c1b;}

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

.s5 {
	background: #fff;
	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;}


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


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


.subNavBtn {width: 25%; font-size:14px;}
.sTop .adresse {
  width: 100%;
  float: none;
  font-size:17px;
  line-height:20px;
}
.sTop img {
  float: none; margin-bottom:20px;
}

.s3 img {width:46%; margin:1%;}
.subMenu .inner {max-width:100%;}
.inner {max-width:90%;}
.abstand50 {
  width: 100%;
  max-width: 350px;
  margin-left: 0%;
  background-color: #2e3134;
  padding: 5px;
}

.feder {  background-position: right top;}

.kreis {font-size:15px; line-height:30px; width:130px; height:110px; padding-top:20px; margin-top:-110px;}


}

.mobil {display:none;}
@media screen and (max-width:680px) {
.spalte3 {width:100%; float:none;}
.mobil {display:inherit;}
.mobilnone {display:none;}
blockquote {font-size:20px; line-height:26px;}
.sTop img {max-width:100%;}
h1 {font-size:20px; line-height:26px;}
.inner {font-size:18px; line-height:24px;}
.impressum .inner {font-size:10px;}
}