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;
		clear:both;
			}
footer{
		position: relative;
		height: auto;
		bottom:0;
		width: 100%;
		border: 0px;
		padding:0;
		clear:both;
	background-color: #000000;
			}
img {
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

.einstieg {
  width: 100%;
   max-width: 640px;
   height:auto;
  }
.layer {
  width: 100%;
   height:auto;
	z-index: 800;
  }
  .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;
  			}
#div_ans1 { 
		position: absolute;
		top:310px;
		left:280px;
		font-family:"Verdana";
		background-color: transparent;
		width: 890px;
		height: auto;
		margin:0px; 
		padding: 0px;
		border: 0
		} 

#fest {
	padding:0;
	margin:0;
   position: fixed;
   text-align: left;
   overflow:hidden;
 }
.bild {
    width: 100%;
	max-width: 80px;
	height: auto;
	float:left;
    margin-right:2%;
 }
.startseite {
  width: 100%;
   max-width: 1200px;
   height:auto;
	z-index: 1;
  }
.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: #DA1769;
	}
#weiss
	{
	background-color: #ffffff;
	}
.weiss
	{
	 color: #ffffff;
	}
.grau
	{
	 color: #5F7292;
	}
.raum
{
	width: 100%;
	height: auto;
	margin-bottom: 1%;
	margin-top: 1%;
	padding-left:2%;
	background-color: #ffffff;
	}

h1{
	text-align: left;
    font-family: raleway, sans-serif;
    font-size: 200%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 3px;
     line-height: 1.5em;
	 color: #ffffff;
     text-decoration: none;
	}


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


text{
	 text-align: left;
    font-family: raleway, sans-serif;
    font-size: 200%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #5F7292;
     	}
.copy{
	 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;
     	}
a:menu{
	 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;
	padding-right:2%;
     	}

ol {
  list-style: decimal;
}
.abstand-links {
  padding-left:6%;
  }
.abstand-left {
  margin-left:6%;
  }
.abstand-oben {
  padding-top:10%;
  }
.abstand-oben-unten {
  padding-top:1%;
  padding-bottom:1%;
  }
.abstand-top {
  margin-top:3%;
  }
.abstand-unten {
  padding-bottom:2%;
  }
#mitte {
  text-align:left;
	top:50px;
	width: 100%;
	z-index: 100;
	position:absolute;
  }

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;
}
#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: 100%;
     font-weight: 300;
	font-style: light;
     letter-spacing: 1.6px;
     line-height: 1.5em;
	 color: #ffffff;
     	}
.startseite {
  width: 100%;
   max-width: 300px;
   height:auto;
	z-index: 1;
  }
.abstand-links {
  padding-left:2%;
  }
#mitte {
  text-align:left;
	font-size: 100%;
	top:50px;
	width: 100%;
	z-index: 100;
	position:relative;
  }

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

}