/* carrois-gothic-regular - latin */
@font-face {
  font-family: 'Carrois Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/carrois-gothic-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/carrois-gothic-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/carrois-gothic-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/carrois-gothic-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/carrois-gothic-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/carrois-gothic-v16-latin-regular.svg#CarroisGothic') format('svg'); /* Legacy iOS */
}

body
 {
	margin: 0px;
	padding: 0; 
	height: 100%;
	font-family: 'Carrois Gothic', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	font-size:17px;
	color: #3a3636:
}

*{
	margin: 0;
	padding: 0;
}

*:focus
{
	outline: none;
}

h1
{
	color: #d12c1f;
	margin: 10px 0px 20px 0px;
	padding: 0;
	font-size: 20px;
}

h2
{
	color: #d12c1f;
	margin: 20px 0px 5px 0px;
	padding: 0;
	font-size: 20px;
}

p
{
	margin: 0px 0px 10px 0px;
}

#wrapper
{
	position:relative;
	margin: 30px auto;
	width: 900px;
	text-align: left;
}

#header
{
   width:100%;
   position:relative;
   height:100px;
   -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
	background-color: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);
	zoom:1;
}

#logo
{
	float:left;
	margin-left:30px;
	margin-right:22px;
	margin-top:36px;
}

#menue
{
	margin-top:43px;
	float:left;
	text-transform: uppercase;
	color: #3a3636;
	font-size: 17px;
}

#menue a
{
	color: #3a3636;
	text-decoration:none;
	margin:0px 4px;
}

#menue a:hover
{
	margin:0px 4px;
	color:#e2392b;
}

#menue a.aktiv
{
	color: #e2392b;
	text-decoration:none;
	margin:0px 4px;
}

#schatten
{
    border-radius:50%;
    width:100%;
    height:4px;
    box-shadow:0px 0px 10px rgba(0,0,0,1);
    margin-top:-6px;
    margin-bottom:20px;
}

#superbgimage
{
	display: none;
}

#content
{
	z-index: 3;
	position: relative;
	border: solid 20px #fff;
	text-align:left;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgb(239,239,239);
	background-color: rgba(239,239,239,0.9);
	background-color: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCEFEFEF,endColorstr=#CCEFEFEF);
	zoom:1;
}

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

a:hover
{
   color: #d12c1f;
   text-decoration: underline;
}

hr
{
	height:1px;
	color: #FFF;
	margin:10px 0px;
}

#footer
{
	margin: 2px auto 1em auto;
	width: 994px;
	text-align: left;
	overflow: hidden;
	font-size:12px;
}

#footer a
{
	text-decoration:none;
	color: #3b3939;
}

#footer #back
{
	width:994px;
	left:2px;
	z-index:-2;
	background:#FFF;
	border-bottom:1px solid #8a8c8f;
}

.clearfix:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	font-size:0;
	overflow: auto;
}

.clear
{
	clear:both;
	height:0px;
	overflow:hidden;
}

#contents
{
	padding:20px 0px;
	min-height:580px;
}

#contents .transparency
{
	opacity:0.7;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	background-color:#FFF;
	width:994px;
	height:3500px;
	position:absolute;
	z-index:-5;
}

.content
{
	padding:30px 60px;
}

.content a
{
	color:#ab0413;
	text-decoration: none;
}
/*
#links
{
	width:420px;
	float:left;
}

#rechts
{
	width:420px;
	float:right;
}
*/
.referenzen
{
	margin-left:30px;
}

.referenzen h2
{
	color: #d12c1f;
	margin: 5px 0px 5px 0px;
	padding: 0;
	font-size: 20px;
}

/* ############################## Slider Startseite ############################## */
#banner
{   
	position: absolute;   
}     

.oneByOne1
{
	margin: 0;
	width: 820px;
	height: 420px;   
	background: #EFEFEF;
	position: relative;
	overflow: hidden;
}   

#banner .oneByOne_item
{
	position: absolute;
	width: 820px;
	height: 420px;  
	overflow: hidden;  
}         
                      
#banner .oneByOne_item span
{
	font-family: 'Carrois Gothic', sans-serif;
}                                                                                              

#banner .oneByOne_item a
{
	text-decoration: none;
	color: #B22222;
}

/* ############################## ENDE: Slider Startseite ############################## */


/*  */
/* --- The Mighty Form --- */

form {
	width: 440px;
	display: block;
	text-align:left;
	margin: 20px auto;
}

/* The MotionCAPTCHA canvas shares some styles in this demo with the form's input fields */
/* These aren't essential but look cool */
/* The plugin's essential CSS styles (width/height and shape-classes) are defined in motionCaptcha.css */
input,textarea
{
	font-family:"Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	border: 0;
	outline:0;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 1px 1px rgba(0,0,0,0.3);
	padding: 9px 12px;
	margin:0 0 20px;
}
/* Some differences specific to textey inputs (not submit button) */
input[type="text"],
input[type="email"],
textarea {
	color: #777;
	width: 422px;
	background:#fff;
}
/* Some differences specific to the textarea: */
textarea {
	max-height:200px;
	max-width:422px
}

/* Texties get a red highlight when invalid */
input:invalid, textarea:invalid {
   -moz-box-shadow: 0 0 0 4px rgba(255,0,0,0.3);
-webkit-box-shadow: 0 0 0 4px rgba(255,0,0,0.3);
        box-shadow: 0 0 0 4px rgba(255,0,0,0.3);
}

/* MotionCAPTCHA canvas */
#mc-canvas {
	margin:0 auto 20px;
	padding:1px;
	display: block;
	border: 4px solid #433e45;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
/* Red border when invalid */
#mc-canvas.mc-invalid {
	border: 4px solid #aa4444;
}
/* Green border when valid */
#mc-canvas.mc-valid {
	border: 4px solid #44aa44;
}

/* The submit button */
input[type="submit"] {
	margin:0;
	width: 85px;
	color: #5d7731;
	display:inline-block;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	background: #b6d76f;
	background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9dc954));
	background: -moz-linear-gradient(top,  #cae285,  #9dc954);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	cursor: pointer;
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
}
input[type="submit"]:active {
	cursor: pointer;
	position: relative;
	top: 1px;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
	background: #9dc954;
	background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285));
	background: -moz-linear-gradient(top,  #9dc954,  #cae285);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0 0 0 transparent, inset 0 0 0 transparent;
}

input[type="submit"]:disabled {
	top:0;
	color: #777;
	display:inline-block;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	background: #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#bbb));
	background: -moz-linear-gradient(top,  #ccc,  #bbb);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
			box-shadow: 0 0 0 5px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}

/* Timeline */
.container{
    width:701px;
    margin:20px auto;
}


img
{
  vertical-align:top;
}

/* Types */

.storyUnit p
{
    margin:0 0 15px 0;
    font-size: 15px;
}

h4
{
  margin:0;
  padding:0;
  color: #d12c1f;
  font-size: 17px;
}

/*
 * Contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/* Timeline */



.klaro .cookie-notice .cm-btn.cm-btn-danger
{
    background-color: #d12c1f;
}

.klaro .cookie-modal a, .klaro .cookie-notice a {
    color: #FFF;
    text-decoration: underline;
}

.klaro .cookie-notice a {
    display: block;
}


/*
.cookie-message {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:0 85px 0 20px;
  background:#fff;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
  text-shadow: none;
  text-align: center;
}

.cookie-message a.cookiebar-close {
  position: absolute;
  top: -3px; 
  right: 20%;
  cursor: pointer;
	border:1px solid silver;
	background-color:#dde5ee;
	padding: 3px 5px;
	margin: 0.6em 0 1.2em 0;
}

.cookie-message p, .cookie-message a {
  color:#333;
  font-size: 13px;
  margin: 0.6em 0;
}

.blue
{
	border-bottom:1px solid silver;
	background-color:#d6e0eb;
}

.blue p, .blue a { color:#333; }
*/