@charset "utf-8";

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

html {
 width:100%; height:100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100% }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 line-height: 20px;
 -webkit-text-size-adjust: 100%;
 color: #000000;
 background-color:#ddd; 
 background: url(../layout/background2c.jpg); 
 background-repeat: no-repeat;
 background-position:fixed;
 background-attachment:fixed;
 -o-background-size: cover;
 -moz-background-size: cover;       /* Firefox */
 -webkit-background-size: cover;   /* Safari, Chrome */
 background-size: cover;          /* Opera, IE, W3C Standard */
 width:100%; height:100%;
 border:0 none; 
 padding:0;
 margin:0 }	 
      
#header{
 position: relative;
 z-index: 90;	
 font-family: 'Noto Sans', sans-serif; 
 font-size: 14px;
 color: #666;
 line-height: 20px;
 height: 200px;
 width: 100%;
 background:#eee }
 
head_bg1 {
 position:absolute;
 z-index: 90;
 background: url(../layout/bg_head200.jpg); 
 background-repeat:repeat-x;
 top:0px;
 width:100%; 
 height:200px;
 -moz-box-shadow: 1px 1px 8px #888; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #888; /* Chr, Saf */
 box-shadow: 1px 1px 8px #888; /* CSS3 */ }	 

logo {	
 position: absolute;
 z-index: 100;
 width: 650px;
 height: auto;
 left:40px;
 top:30px;
}
 
#blitz {
 position:absolute;
 top:35px;
 left:625px;
 width:20px;
 height:auto;
}  
        
#maximenuCK {
 position: relative;
 z-index:80;
 text-align:center;
 top:0px;
 width: 100%;
 height:30px;
 margin:0px auto;
 background:#ddd;
 border-bottom: 1px solid #fff;
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) }  

#menupos{
 position:relative;
 z-index: 80;
 top:0px;
 width:1000px;
 height:30px;
 margin:0px auto }

#head_warp {	
 position: relative;
 margin:0px auto;
 width:1000px;
 height:100% }

adresse {
 position: absolute;
 z-index: 100;	
 top:40px;
 right: 50px;
 text-align: right }

#main {
 position:relative;
 z-index: 1;
 text-align: center;
 width: 1000px;
 top: 0px;
 padding: 0px;
 margin:0px auto }

#cont_main{
 position:relative;
 z-index: 1;
 text-align: left;
 width:1000px;
 overflow: hidden;
 background:#fff; 
 -moz-box-shadow: 1px 1px 6px #aaa; /* Firefox */
 -webkit-box-shadow: 1px 1px 6px #aaa; /* Chr, Saf */
 box-shadow: 1px 1px 6px #aaa; /* CSS3 */ }

#content{
 position: relative;
 z-index: 1;
 text-align: left;
 width: 920px;
 padding: 40px 40px 0 40px }	
 
#cont_bg1{
 position:absolute;
 z-index: 1;
 width: 100%;
 height: auto;
 bottom: 0px;
} 

#foot{
 position:relative;	
 z-index: 100;	
 width: 100%;
 height: 230px;
 background-image: url(../layout/bg_foot.jpg); 
 background-repeat:repeat-x;
 -moz-box-shadow: 1px 1px 12px #666; /* Firefox */
 -webkit-box-shadow: 1px 1px 12px #666; /* Chr, Saf */
 box-shadow: 1px 1px 12px #666; /* CSS3 */ 
 margin: 0 auto }

#foot_cont{
 position:relative;
 z-index: 1;
 top: 30px;
 text-align: left;
 width:1000px;
 height:170px;
 margin:0px auto }
 
.formular{ position:relative; font-family:'Open Sans', sans-serif; font-size:14px; color:#C70000 } 
 
#noscriptfeld { position:absolute; top:120px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:20pt; font-weight:bold; width:100%; color:#666 }
#noscriptdia { position:absolute; top:120px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:20pt; font-weight:bold; width:100%; color:#666 }

#container1 > div {
  min-width: 210px;
  margin: 0 0px 0 0}
#container1 {
  display: flex;
  display:-webkit-flex;
  width: 100%;
  flex-wrap: wrap }

#box1 { width:190px }
#box2 { width:190px }
#box3 { width:190px }
#box4 { width:190px }

.abstand { position:relative; left:32px }
.leiste1 { position:relative; left:-59px; width:1000px; height:80px}
.leiste2 { position:relative; left: -20px; width:960px; height:150px}
.leiste3 { position:relative; right: 15px; width:1000px; height:80px}
.leistek { position:relative; left:-59px; width:400px; height:80px}
.textreihe { position:relative; left:20px;}

.falte{ position:relative; width:420px; height:220px; left:0px} 

/* Effekts ---------------------------------------------------------------------- */	
 
@-webkit-keyframes slide_box1 {
0% { left: 80px; opacity: 0}
100% { left: 0px; opacity: 1}}
@-moz-keyframes slide_box1 {
0% { left: 80px; opacity: 0}
100% { left: 0px; opacity: 1}}
@keyframes slide_box1 {
0% { left: 80px; opacity: 0}
100% { left: 0px; opacity: 1}}
 
.slide_eff1 {
 position:relative;
 -webkit-animation-name: slide_box1; -webkit-animation-duration: 3s;
 -moz-animation-name: slide_box1; -moz-animation-duration: 3s;
 animation-name: slide_box1; animation-duration: 3s } 
.slide_eff2 {
 position:relative;
 -webkit-animation-name: slide_box1; -webkit-animation-duration: 4s;
 -moz-animation-name: slide_box1; -moz-animation-duration: 4s;
 animation-name: slide_box1; animation-duration: 4s }
.slide_eff3 {
 position:relative;
 -webkit-animation-name: slide_box1; -webkit-animation-duration: 5s;
 -moz-animation-name: slide_box1; -moz-animation-duration: 5s;
 animation-name: slide_box1; animation-duration: 5s }
 
.thema1 {
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease }
.thema1:hover {
 -webkit-transform: translate(0px,-20px); transform: translate(0px,-20px); -webkit-filter: saturate(2); filter: saturate(2) }

hr {border:none; border-top:1px solid #fff; background-color:#0066cc; height:2px;}

.shade1 {
-moz-box-shadow: 1px 1px 8px #444444; /* Firefox */
-webkit-box-shadow: 1px 1px 8px #444444; /* Chr, Saf */
box-shadow: 1px 1px 8px #444444; /* CSS3 */ } 
 
.clear { clear:both }

/* Tablet Hochformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 768px)
  and (max-width: 991px)
{
body {
 background-color:#fff; 
 background:none; 
 padding:0; margin:0}
 
#maximenuCK {
 position: relative;
 z-index:80;
 text-align:center;
 top:0px;
 width: 100%;
 height:30px;
 margin:0px auto;
 background:#ddd;
 border-bottom: 1px solid #fff;
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) }  

#menupos{
 position:relative;
 z-index: 80;
 top:0px;
 width:100%;
 height:30px;
 margin:0px auto } 

#header{
 position: relative;
 z-index: 90;	
 font-family: 'Noto Sans', sans-serif; 
 font-size: 16px;
 color: #666;
 line-height: 20px;
 height: 200px;
 width: 100%;
 background:#eee }
	
#head_warp {	
 position: relative;
 margin:0px auto;
 width:100% }
 
 logo {	
 position: absolute;
 z-index: 100;
 width: 550px;
 height: auto;
 left:10px;
 top:40px }

adresse {
 position: absolute;
 z-index: 100;	
 top:40px;
 right: 10px;
 text-align: right }
 
#blitz {
 position:absolute;
 top:25px;
 left:525px;
 width:20px;
 height:auto;
}   
 
#main {
 position:relative;
 z-index: 1;
 text-align: center;
 width: 100%;
 top: 0px;
 padding: 0px;
 margin:0px auto }

#cont_main{
 position:relative;
 z-index: 1;
 overflow: hidden;
 text-align: left;
 width:100%;
 background:#fff; 
 -moz-box-shadow: 1px 1px 6px #aaa; /* Firefox */
 -webkit-box-shadow: 1px 1px 6px #aaa; /* Chr, Saf */
 box-shadow: 1px 1px 6px #aaa; /* CSS3 */ }

#content{
 position: relative;
 z-index: 1;
 text-align: left;
 width: 98%;
 padding: 0px 10px 0 10px } 
 
#foot_cont{
 position:relative;
 z-index: 1;
 top: 30px;
 text-align: left;
 width:100%;
 height:170px;
 margin:0px auto }
 
#container1 > div {
  min-width: 190px;
  margin: 0 0px 0 0}
#container1 {
  display: flex;
  display:-webkit-flex;
  width: 100%;
  flex-wrap: wrap }

#box1 { width:190px }
#box2 { width:190px }
#box3 { width:190px }
#box4 { width:190px }
 

#intro { width:100%; height:auto } 
.abstand { position:relative; left:32px }
.leiste1 { position:relative; left:-59px; width:1000px; height:80px}
.leiste2 { position:relative; left: -10px; width:960px; height:150px}
.leiste3 { position:relative; right: 15px; width:1000px; height:80px}
.leistek { position:relative; left:-30px; width:400px; height:80px}
.textreihe { position:relative; left:20px;}
.falte{ position:relative; width:420px; height:220px; left:0px}  	
}

/* Tablet Querformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 992px)
  and (max-width: 1050px)
{
body {
 background-color:#fff; 
 background:none; 
 padding:0; margin:0}
 
#maximenuCK {
 position: relative;
 z-index:80;
 text-align:center;
 top:0px;
 width: 100%;
 height:30px;
 margin:0px auto;
 background:#ddd;
 border-bottom: 1px solid #fff;
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) }  

#menupos{
 position:relative;
 z-index: 80;
 top:0px;
 width:100%;
 height:30px;
 margin:0px auto } 

#header{
 position: relative;
 z-index: 90;	
 font-family: 'Noto Sans', sans-serif; 
 font-size: 16px;
 color: #666;
 line-height: 20px;
 height: 200px;
 width: 100%;
 background:#eee }
	
#head_warp {	
 position: relative;
 margin:0px auto;
 width:100% }

logo {	
 position: absolute;
 z-index: 100;
 width: 650px;
 height: auto;
 left:20px;
 top:30px }
 
 #blitz {
 position:absolute;
 top:35px;
 left:625px;
 width:20px;
 height:auto }  
 
#main {
 position:relative;
 z-index: 1;
 text-align: center;
 width: 100%;
 top: 0px;
 padding: 0px;
 margin:0px auto }

#cont_main{
 position:relative;
 z-index: 1;
 overflow: hidden;
 text-align: left;
 width:100%;
 background:#fff; 
 -moz-box-shadow: 1px 1px 6px #aaa; /* Firefox */
 -webkit-box-shadow: 1px 1px 6px #aaa; /* Chr, Saf */
 box-shadow: 1px 1px 6px #aaa; /* CSS3 */ }

#content{
 position: relative;
 z-index: 1;
 text-align: left;
 width: 98%;
 padding: 20px 20px 0 20px } 
 
#foot_cont{
 position:relative;
 z-index: 1;
 top: 30px;
 text-align: left;
 width:100%;
 height:170px;
 margin:0px auto }

#container1 > div {
  min-width: 190px;
  margin: 0 0px 0 0}
#container1 {
  display: flex;
  display:-webkit-flex;
  width: 100%;
  flex-wrap: wrap }

#box1 { width:190px }
#box2 { width:190px }
#box3 { width:190px }
#box4 { width:190px }

.falte{ position:relative; width:420px; height:220px; left:0px} 
#intro { width:100%; height:auto } 
.abstand { position:relative; left:32px }
.leiste1 { position:relative; left:-59px; width:1000px; height:80px}
.leiste2 { position:relative; left: -20px; width:960px; height:150px}
.leiste3 { position:relative; right: 15px; width:1000px; height:80px}
.leistek { position:relative; left:-40px; width:400px; height:80px}
.textreihe { position:relative; left:20px;}
	
}

/* Smartphone Hochformat ----------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 300px)
  and (max-width: 479px)
{	
body {
 background-color:#fff; 
 background:none; 
 padding:0; margin:0}
 
#maximenuCK {
 position: relative;
 z-index:80;
 text-align:center;
 top:0px;
 width: 100%;
 height:30px;
 margin:0px auto;
 background:#ddd;
 border-bottom: 1px solid #fff;
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) }  

#menupos{
 position:relative;
 z-index: 80;
 top:0px;
 width:100%;
 height:30px;
 margin:0px auto } 

#header{
 position: relative;
 z-index: 90;	
 font-family: 'Noto Sans', sans-serif; 
 font-size: 14px;
 color: #666;
 line-height: 20px;
 height: 200px;
 width: 100%;
 background:#eee }
	
#head_warp {	
 position: relative;
 margin:0px auto;
 width:100% }
 
 logo {	
 position: absolute;
 z-index: 100;
 width: 97%;
 height: auto;
 left:5px;
 top:60px;
}
 
#blitz { display: none}   
adresse { display: none } 
 
#main {
 position:relative;
 z-index: 1;
 text-align: center;
 width: 100%;
 top: 0px;
 padding: 0px;
 margin:0px auto }

#cont_main{
 position:relative;
 z-index: 1;
 overflow: hidden;
 text-align: left;
 width:100%;
 background:#fff; 
 -moz-box-shadow: 1px 1px 6px #aaa; /* Firefox */
 -webkit-box-shadow: 1px 1px 6px #aaa; /* Chr, Saf */
 box-shadow: 1px 1px 6px #aaa; /* CSS3 */ }

#content{
 position: relative;
 z-index: 1;
 text-align: left;
 width: 98%;
 padding: 0px 2px 0px 2px } 
 
#foot_cont{
 position:relative;
 z-index: 1;
 top: 30px;
 text-align: left;
 width:100%;
 height:170px;
 margin:0px auto }
 
#container1 > div {
  min-width: 160px;
  margin: 0 0px 0 0}
#container1 {
  display: flex;
  display:-webkit-flex;
  width: 100%;
  flex-wrap: wrap }

#box1 { width:150px }
#box2 { width:150px }
#box3 { width:150px }
#box4 { width:150px }

#intro { width:100%; height:auto } 
.abstand { position:relative; left:32px }
.leiste1 { position:relative; left:-20px; width:130%; height:auto}
.leiste2 { position:relative; left:0px; width:100%; height:auto}
.leiste3 { position:relative; right: 15px; width:1000px; height:80px}
.leistek { position:relative; left:-30px; width:100%; height:auto}
.textreihe { position:relative; left:20px;}	
.falte{ position:relative; width:80%; height:auto; left:20px} 	
}

/* Smartphone Querformat --------------------------------------------------------------------------------------- */
@media only screen 
  and (min-width: 480px)
  and (max-width: 767px)
{
	
body {
 background-color:#fff; 
 background:none; 
 padding:0; margin:0}
 
#maximenuCK {
 position: relative;
 z-index:80;
 text-align:center;
 top:0px;
 width: 100%;
 height:30px;
 margin:0px auto;
 background:#ddd;
 border-bottom: 1px solid #fff;
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) }  

#menupos{
 position:relative;
 z-index: 80;
 top:0px;
 width:100%;
 height:30px;
 margin:0px auto } 

#header{
 position: relative;
 z-index: 90;
 font-family: 'Noto Sans', sans-serif; 
 font-size: 14px;
 color: #666;
 line-height: 20px;
 height: 200px;
 width: 100%;
 background:#eee }
	
#head_warp {	
 position: relative;
 margin:0px auto;
 width:100% }
 
 logo {	
 position: absolute;
 z-index: 100;
 width: 97%;
 height: auto;
 left:5px;
 top:50px;
}
 
#blitz {display: none }   
adresse { display: none }  
 
#main {
 position:relative;
 z-index: 1;
 text-align: center;
 width: 100%;
 top: 0px;
 padding: 0px;
 margin:0px auto }

#cont_main{
 position:relative;
 z-index: 1;
 overflow: hidden;
 text-align: left;
 width:100%;
 background:#fff; 
 -moz-box-shadow: 1px 1px 6px #aaa; /* Firefox */
 -webkit-box-shadow: 1px 1px 6px #aaa; /* Chr, Saf */
 box-shadow: 1px 1px 6px #aaa; /* CSS3 */ }

#content{
 position: relative;
 z-index: 1;
 text-align: left;
 width: 98%;
 padding: 0px 5px 0 5px } 
 
#foot_cont{
 position:relative;
 z-index: 1;
 top: 30px;
 text-align: left;
 width:100%;
 height:170px;
 margin:0px auto }

#intro { width:100%; height:auto } 	

.abstand { position:relative; left:32px }
.leiste1 { position:relative; left:-30px; width:130%; height:auto}
.leiste2 { position:relative; left:0px; width:100%; height:auto}
.leiste3 { position:relative; right: 15px; width:1000px; height:80px}
.leistek { position:relative; left:-40px; width:400px; height:80px}
.textreihe { position:relative; left:20px;}	

.falte{ position:relative; width:420px; height:auto; left:0px} 
	
}