a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

b,
strong {
  font-weight: bold;
}
header{
		position: relative;
		height: auto;
		margin-bottom:2%;
		width: 100%;
		border: 0px;
		padding:0;
		background-color: #8CA3D7;
		clear:both;
			}
img {
  width: 100%;
  -ms-interpolation-mode: bicubic;
}
.einstieg {
  width: 100%;
   max-width: 640px;
   height:auto;
  }
  .inner { 
			width: 100%; 
			max-width:640px;
			height:auto;
			max-height: 413px;
			background-color: transparent; 
			border: 0px;
			position:relative;
			margin-left:auto;
			margin-right:auto;
			padding: 0px;
  			}
#main {
	position: relative;
	margin-top: 4%;
	margin-right:0;
	margin-bottom: -99999px !important;
    padding-bottom: 99999px !important;
	width: 100%;
	max-width: 700px;
	height: auto;
	float:left;
			}
#fest {
	padding:0;
	margin:0;
   position: fixed;
   text-align: left;
   overflow:hidden;
 }
.banner {
    width: 100%;
	max-width: 580px;
	height: auto;
  vertical-align: middle;
 }
 .banner-mobile {
    width: 100%;
	max-width: 580px;
	height: auto;
	margin-bottom:2%;
  vertical-align: middle;
 }
 .logo {
    width: 100%;
	max-width: 280px;
	height: auto;
	padding-top:2%;
  vertical-align: middle;
 }
.extrabild {
    width: 100%;
	max-width: 80px;
	height: auto;
	float:left;
    margin-right:2%;
 }
 .extrabild2 {
    width: 100%;
	max-width: 95px;
	height: auto;
	float:left;
    margin-right:2%;
 }
.bildintext {
    width: 100%;
	max-width: 440px;
	height: auto;
	float:left;
    margin-right:2%;
 }
.extrabild3 {
    width: 100%;
	max-width: 280px;
	height: auto;
	float:left;
    margin-right:2%;
 }
.extrabild4 {
    width: 100%;
	max-width: 280px;
	height: auto;
	float:left;
    margin-right:2%;
	margin-bottom: 2%;
 }
.clear {
    clear:both;
	
 }
ul,
ol {
  list-style: none;
 
  
}

li {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  padding:0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}


q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}

body {
  
  font-family: 'raleway', sans-serif;
}

pre,
code {
  font-family: 'raleway', sans-serif;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

.rot
	{
	 color: #CF2424;
	}
#weiss
	{
	background-color: #ffffff;
	}
.weiss
	{
	 color: #ffffff;
	}
.blau
	{
	 color: #8CA3D7;
	}
.grau
	{
	 color: #606173;
	}

.h1{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 120%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 1.5em;
	 color: #8CA3D7;
     text-decoration: none;
	}
.h1-rot{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 120%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 1.5em;
	 color: #CF2424;
     text-decoration: underline;
	}

a.h1:hover, a.h1:active{
	color: #CF2424;
	text-decoration:underline;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    	}
.h1-mobile-rot{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 90%;
     font-weight: 700;
	font-style: bold;
     letter-spacing: 2px;
     line-height: 1.4em;
	 color: #CF2424;
     text-decoration: none;
	}
.h1-mobile{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 90%;
     font-weight: 700;
	font-style: bold;
     letter-spacing: 2px;
     line-height: 1.4em;
	 color: #ffffff;
     text-decoration: none;
	}

a.h1-mobile:hover, a.h1-mobile:active{
	color: #CF2424;
	text-decoration: overline 2px solid;
	
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    	}
.menu
 {
  padding-top:7%;
  padding-left:3%;
  
}
.sub-menu
 {
	padding:0; 
	margin:0;
  }
li.sub-menu
 {
	 padding-top:1%;
	 padding-right:3%;
	 padding-bottom:2%;
     float:left;
  
}

li.sub-mobile
 {
	 padding-top:0;
	 padding-right:3%;
}
.side-menu
 {
	padding:0; 
	margin:0;
  }
li.side-menu
 {
	 padding-bottom:1%;
  
}

.h2-blau{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 140%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 1.5em;
	 color: #8CA3D7;
     text-decoration: none;
	}
.h2-grau{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 140%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 1.5em;
	 color: #606173;
     text-decoration: none;
	}
.h2-weiss{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 140%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 1.5em;
	 color: #ffffff;
     text-decoration: none;
	}
.h2-rot{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 140%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 2em;
	 color: #CF2424;
     text-decoration: none;
	}
.h2-mobile{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 120%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 2em;
	 color: #ffffff;
     text-decoration:none;
	}
.h2-mobile-rot{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 120%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 2em;
	 color: #CF2424;
     text-decoration: underline;
	}
.h2-mobile-blau{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 120%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 2em;
	 color: #8CA3D7;
     text-decoration: none;
	}
.h2{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 140%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 2em;
	 color: #ffffff;
     text-decoration: none;
	}
a.h2:hover, a.h2:active{
	color: #CF2424;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    	}

h3 {
  font-size: 21px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}
.text-small{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 85%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #606173;
     	}
.bu{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 85%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #8CA3D7;
     	}
text{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #606173;
     	}
.text-grau{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #606173;
     text-decoration: none;
     	}
.text-rot{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #CF2424;
     text-decoration: none;
     	}
.text-weiss{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #ffffff;
     text-decoration: none;
     	}
.text-blau{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #8CA3D7;
     text-decoration: none;
     	}
a.text-blau:hover, a.text-blau:active{
	color: #CF2424;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    	}
.text-grau{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color:  #606173;
     text-decoration: none;
     	}
a.text-grau:hover, a.text-grau:active{
	color: #CF2424;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    	}
.text-intro{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 120%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #8CA3D7;
     text-decoration: none;
     	}
.intro-grau{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 120%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #606173;
     text-decoration: none;
     	}
ol {
  list-style: decimal;
}
.abstand-links {
  padding-left:2%;
  }
.abstand-oben {
  padding-top:10%;
  }
.abstand-oben-unten {
  padding-top:1%;
  padding-bottom:1%;
  }
.abstand-top {
  margin-top:3%;
  }


.abstand-unten {
  padding-bottom:5%;
  }

ul {
  list-style: none;
  padding:0;
  margin:0;
}

li {
  margin-left: 0;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

body {
  background: white;
  color: #333;
}
#blau
{
  background:#8CA3D7;;
 }
a {
  text-decoration: none;
}
a:hover {
  color: #CF2424;
  text-decoration: none;
}
a:active {
  color: #CF2424;
  text-decoration: none;
}
h1 {
  
}

.example-block {
  background: transparent;
  overflow: hidden;
  padding-top:0;
  text-align: left;
}
.grid-container {
  padding-bottom: 0px;
}

.grid-container > hr {
  margin-left: 10px;
  margin-right: 10px;
}

div[class*="push-"] section {
  background: #dec;
}

div[class*="pull-"] section {
  background: #fcd;
}

.dynamic-px-width {
  display: block;
}

@media only screen and (max-width : 320px) {
	text{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 90%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #606173;
     	}

.text-rot{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 90%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #CF2424;
     text-decoration: none;
     	}
.text-blau{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 90%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #8CA3D7;
     text-decoration: none;
     	}
a.text-blau:hover, a.text-blau:active{
	color: #CF2424;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    	}
.text-intro{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #8CA3D7;
     text-decoration: none;
     	}

.inner { 
			width: 100%; 
			max-width:310px;
			max-height: 160px;
			background-color: transparent; 
			border: 0px;
			position:relative;
			margin-left:auto;
			margin-right:auto;
			padding: 0px;
  			}

}