* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;!important;
	font: 300 15px/15px Roboto, Arial, Helvetica;
	background-color: #fff;
	background-image: url('../img/kachel.jpg');
}

a {
	color:#CA2D8E; 
	text-decoration:none;
}

a:hover{
	color:#666;
}

h1,h2,h3,h4 {
	margin: 0;
	line-height: 1em;
}

h1 {
	font: 700 3em Raleway,Arial,Helvetica;
	margin-bottom: 1.5em;
	margin-bottom: 10px;
	font-size: 2em;
}

h2 {
	font:700 1.5em Raleway,Arial,Helvetica;
	margin-bottom: 1.5em; 
	margin-bottom: 10px; 
	padding-left: 10px; 
	color: #681D4D;
}

h3 {
	font:700 1.25em Raleway,Arial,Helvetica;
	margin:0.5em 0;
}

p {
	font-size:1.2em;
	line-height: 1.2em; 
	margin-bottom: 1.4em;
}

.container {
	width: 100%; 
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
}

.container-fluid {	
    position: relative;
	width: 99.9%; 
	max-width: 900px;
	min-width: 320px;
	padding-left: 0;
	padding-top: 1px;
	padding-bottom: 0;
	padding-right:0;
	margin-top:10px;
	background-color: #FFF;
	float: none;
	border: 25px solid #c99b03;
	border-bottom: none;
}

#frage1 img, #frage2 img, #frage3 img, #left img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0
}


#d1, #d2, #d3 {
	font-size: medium;
	text-align: center;
	line-height: 1.5em;
	color: #090;
	width: 100%;
	margin-top: 25px
}

#actions ol {
	font-size: 1.3em;
	font-weight: bolder;
	line-height: 1.1em;
	padding: 0 !important;
}


.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding: 5px; 
}


#actions {
	min-height: 130px;
}


.container { padding-right:5px !important; }

.footer {
	width: 100%!important;
	height: 30px;
	background: #c99b03;
	line-height: 30px;
	color: #000000;
	margin: 0;
	padding-left: 10px;
}
.footer a {
	color: #000000;
	font-size: 80%;
}

.clear {
	clear: both;
}


#fehler { display:none; font-size: 16px; color: #ff0000; }
#erfolg { display:none; font-size: 16px; color: #129732;}
#offmsg { float:left;font:normal 90% arial;color:#E81317;padding-bottom:10px}
#semail { font-weigt:bold; color: #26601B; font-size: 18px;}


/*=====================================================
=            Bootstrap Media Queries            =
=====================================================*/

@media only screen and (max-width : 1200px) {
h1 {
	font: 400 2em Arial,Helvetica;
	margin-bottom: 10px;
}

p {
	font-size:1.15em;
	margin-bottom: 1.4em;
}

}

@media only screen and (max-width : 979px) {
h1 {
	font: 700 1.5em Arial,Helvetica;
	margin-bottom: 10px;
}

p {
	font-size:1.1em;
	line-height: 1.0em;  
	margin-bottom: 1.4em;
}

}

@media only screen and (max-width : 767px) {
h1 {
    font: 700 1.5em Raleway,Arial,Helvetica;
    margin-bottom: 10px;
    text-align: center;
}

p {
   font-size:1.1em;
   line-height: 1.1em; 
   margin-bottom: 1.4em;
}

.container-fluid {
	margin-top: 0px;
	padding-right:0;
	width: 90%;
}

.container { padding-right:0 !important; }
}

@media only screen and (max-width : 480px) {
 p {
   font-size:80%;
   line-height: 1.1em; 
   margin-bottom: 1.4em;
}

#actions ol {
	font-size: 1.1em;
	font-weight: bolder;
	line-height: 1.1em;
	padding: 0 !important;
}
.container-fluid {
	margin-top: 0px;
    width: 90%;
}

.container { padding-right:0 !important; }
}

@media only screen and (max-width : 320px) {
 .container-fluid {
	margin-top: 0px;
	margin-right: 100px; 
  } 

.container { padding-right:0 !important; }

}