@charset "utf-8";
/* CSS Document */

#ie{display:none;}

.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color:#333333;
    background: transparent;
    text-align: left;
    padding: 10px 20px 10px 20px;
    display: none;
	z-index:99995;
	cursor:pointer;
	width:25px !important;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none !important;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menue{
    display: block !important;box-shadow: 0 5px 5px -5px rgba(0,0,0,0.4);
	
}

html{
	font-size:100%;
	height:100%;
	margin:0;
}

body{
	height:100%;
	margin:0;
	color:black;
	background-color:#f1f1f1;
	margin:0;
	padding:0;	
	font-family: 'Hind', sans-serif;
}

#holder{
	background-color:white;
	min-height:100%;
	margin: 0 auto 0px auto;
	
}


header{
	background:#fff;
	margin:0 auto;	
	box-shadow: 0 5px 5px -5px rgba(0,0,0,0.4);
	width:100%;
	height:100px;
	top:0;
	left:0;
	position:fixed;
	z-index:9999;
}

header img{
	width:70px;
	margin:0.7rem 1rem 1rem 1rem;	
	height: auto;
	float:right;
	position:relative;
	z-index:999;
}


header h1{
	font-family: 'Hind', sans-serif;
	margin:0;
	padding:0.5rem;	
}



nav{
	width:100%;
	float:left;
	padding:0;
	margin:-80px auto 0 auto;
	background:#fff;
	position:relative;
	z-index:998;
	text-align:center;
	
}

nav ul{
	padding:0rem;
	margin:0;
	background-color:transparent;	
}

nav ul li {
	padding-bottom:1rem;
	display:block;	
	list-style-type:none;

}

nav ul a{
	display:inline-block;
	width:80%;
	font-size:1.2rem;
	margin:0;
	padding:0rem;
	color:#666666;
	font-weight:normal;
	text-decoration:none;		
}

nav a:hover,
nav a:active,
nav a:focus {
	color:black;	
}

.menukontakt{
	display:block;
}


main{
	margin:100px auto 0 auto;
	padding:0;
	box-shadow: 0 2px 4px  #666666;
}

main p{
	font-size:1rem;
	line-height:1.4;	
}


#slideshow {
	height:300px;
    width: 100%;
    margin: 0 auto;
	overflow:hidden;
	box-shadow: 0 5px 5px -5px #666666;
}

.innerslide{
		position:relative;overflow:hidden;width:100%;height:300px;
}

#slide1 {
   position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:100%;
min-width:500px;
height:auto;
min-height:300px;opacity:0;
}
#slide2 {
    position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:100%;
min-width:500px;
height:auto;
min-height:300px;opacity:0;
}
#slide3 {
 position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:100%;
min-width:500px;
height:auto;
min-height:300px;opacity:0;
}
#slide4 {
  position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:100%;
min-width:500px;
height:auto;
min-height:300px;
opacity:0;
}


#slideshow img:nth-of-type(1) {
    -webkit-animation: fade 24s ease-in-out infinite;
    animation: fade 24s ease-in-out infinite;
}

#slideshow img:nth-of-type(2) {
    -webkit-animation: fade 24s 6s ease-in-out infinite;
    animation: fade 24s 6s ease-in-out infinite;
}

#slideshow img:nth-of-type(3) {
    -webkit-animation: fade 24s 12s ease-in-out infinite;
    animation: fade 24s 12s ease-in-out infinite;
}

#slideshow img:nth-of-type(4) {
    -webkit-animation: fade 24s 18s ease-in-out infinite;
    animation: fade 24s 18s ease-in-out infinite;
}


@-webkit-keyframes fade {
    6%, 20%          {opacity:1;}
       0%, 26%, 100% {opacity:0;}
}

@keyframes fade {
    6%, 20%          {opacity:1;}
       0%, 26%, 100% {opacity:0;}
}

/*REFERENZ SLIDE*/

.innerslide1{
		position:relative;overflow:hidden;width:95%;height:100%;height:300px;margin:0 auto;
}
.innerslide2{
		position:relative;overflow:hidden;width:95%;height:100%;height:300px;margin:0 auto;
}

#slideshow1 {
	width:100%;
	height:10%;
	margin:10px auto;
	min-height:200px;
	overflow:hidden;
	float:none;
}
#slideshow2 {
	width:100%;
	height:10%;
	margin:10px auto;
	min-height:200px;
	overflow:hidden;
	float:none;
}

#slide5 {
 position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:auto;
height:300px;
min-width:300px;
	min-height:200px;opacity:0;
}
#slide6,
#slide7,
#slide8,
#slide9,
#slide10,
#slide11,
#slide12 {
 position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:auto;
height:300px;
min-width:300px;
	min-height:200px;
	opacity:0;
}

#slideshow1 img:nth-of-type(1) {
    -webkit-animation: slider 15s 0s ease-out infinite;
    animation: slider 15s 0s ease-in-out infinite;
}

#slideshow1 img:nth-of-type(2) {
    -webkit-animation: slider 15s 5s ease-in-out infinite;
    animation: slider 15s 5s ease-in-out infinite;
}

#slideshow1 img:nth-of-type(3) {
    -webkit-animation: slider 15s 10s ease-in-out infinite;
    animation: slider 15s 10s ease-in-out infinite;
}

@-webkit-keyframes slider {
    3%, 45%          {opacity:1;}
       0%, 50%, 100% {opacity:0;}
}

@keyframes slider {
   3%, 45%          {opacity:1;}
       0%, 50%, 100% {opacity:0;}
}
    

#slideshow2 img:nth-of-type(1) {
    -webkit-animation: einblenden 30s 0s ease-in-out infinite;
    animation: einblenden 30s 0s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(2) {
    -webkit-animation: einblenden 30s 3.75s ease-in-out infinite;
    animation: einblenden 30s 3.75s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(3) {
    -webkit-animation: einblenden 30s 7.5s ease-in-out infinite;
    animation: einblenden 30s 7.5s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(4) {
    -webkit-animation: einblenden 30s 11.25s ease-in-out infinite;
    animation: einblenden 30s 11.25s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(5) {
    -webkit-animation: einblenden 30s 15s ease-in-out infinite;
    animation: einblenden 30s 15s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(6) {
    -webkit-animation: einblenden 30s 18.75s ease-in-out infinite;
    animation: einblenden 30s 18.75s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(7) {
    -webkit-animation: einblenden 30s 22.25s ease-in-out infinite;
    animation: einblenden 30s 22.25s ease-in-out infinite;
}
#slideshow2 img:nth-of-type(8) {
    -webkit-animation: einblenden 30s 25s ease-in-out infinite;
    animation: einblenden 30s 25s ease-in-out infinite;
}

@-webkit-keyframes einblenden {
    3%, 20%          {opacity:1;}
       0%, 23%, 100% {opacity:0;}
}

@keyframes einblenden {
   3%, 20%          {opacity:1;}
       0%, 23%, 100% {opacity:0;}
}
.titel{
		width:80%;
		height:auto;
		max-height:110px;
		min-width:242px;
		max-width:422px;
		margin:50px auto 0px auto;
		position:relative;
		z-index:1000;
		padding:0.2rem;
		background:transparent;
		text-align:center;
}

.titel h1{
	font-size:1.3rem;
	font-weight:300;
	padding:0;
	margin:0 auto;
	color:#666;
	font-family: 'Hind', sans-serif;
}

.kopfbereich{
	width:100%;
	height:auto;
	max-height:200px;
	margin:0 auto;
	overflow:hidden;
	box-shadow: 0 5px 5px -5px #666666;
	
}
.kopf{
	overflow:hidden;
	height:200px;
	width:100%;
	position:relative;
}


.kopf img{
	position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:100%;
min-width:400px;
min-height:250px;

}


#content{
	width:90%;
	height:auto;
	padding:10px 0 20px 0;
	margin:0px auto 0 auto;

}



.willkommen{
	width:90%;
	height:auto;
	margin:0px auto;
	padding:5px;
	color:#333;	

}

.willkommen h2{
	font-family: 'Hind', sans-serif;
	font-size:1.2rem;
	font-weight:300;
	color:#333;
	margin:5px auto;
	text-align:center;
}

.seite{
	width:100%;
	height:auto;
	margin:0px auto 20px auto;
	color:#333;	

}

.seite .absatz1,
.seite .absatz2,
.seite .absatz3,
.seite .absatz4,
.seite .absatz5,
.seite .absatz6,
.seite .absatz7,
.seite .absatz8,
.seite .absatz9,
.seite .absatz10,
.seite .absatz11,
.seite .absatz12 {
	width:90%;
	height: auto;
	padding:1rem;
	margin:20px auto;
	background:#f5f5f5;
	font-weight:300;
	overflow:hidden;
	position:relative;
}

.seite .absatz1 p,
.seite .absatz2 p,
.seite .absatz3 p{
	width:100%;
	height: auto;
	margin:20px auto;

}


.seite h2{
	font-family: 'Hind', sans-serif;
	font-size:1.5rem;
	font-weight:300;
	color:#fff;
	margin:-100px auto 100px auto;
	text-align:center;
	 text-shadow: black 0.1em 0.1em 0.2em;
	 position:relative;
	 z-index:998;
}

#steuerung,
#leitung,
#ueberwachung{
	max-width:65px;
	min-width:65px;
	height:auto;
	margin:0 10px 0 0;
	float:left;	
}

.seite .absatz1 h3,
.seite .absatz2 h3{
	width:55%;
	font-family: 'Hind', sans-serif;
	font-size:1.1rem;
	font-weight:300;
	color:#333;
	margin:20px auto;
	text-align:left;
	float:left;	
}

.seite .absatz4 h3,
.seite .absatz5 h3,
.seite .absatz6 h3,
.seite .absatz7 h3,
.seite .absatz8 h3,
.seite .absatz9 h3,
.seite .absatz10 h3,
.seite .absatz11 h3,
.seite .absatz12 h3
{
	width:90%;
	font-family: 'Hind', sans-serif;
	font-size:1.1rem;
	font-weight:300;
	color:#333;
	margin:5px auto;
	text-align:center;
}


.seite .absatz3 h3{
	min-width:96px;
	width:55%;
	font-family: 'Hind', sans-serif;
	font-size:1.1rem;
	font-weight:300;
	color:#333;
	margin:10px auto 0 auto;
	text-align:left;
	float:left;	
}

.impressuminfo{
	width:90%;
	height: auto;
	padding:1rem;
	margin:20px auto;
	background:#f5f5f5;
	font-weight:300;
}

.impressuminfo h2{
	margin:20px auto;
	color:#333;
	text-shadow:none;
}

.impressuminfo h3{
	width:90%;
	font-family: 'Hind', sans-serif;
	font-size:1.1rem;
	font-weight:300;
	color:#333;
	background:#efefef;
	margin:15px auto;
	text-align:center;
}

.impressuminfo ul li,
.seite ul li{
	line-height:1.2;
	margin:10px auto;	
}


.iconsbereich{
	width:90%;
	height:auto;
	margin:2em auto 0 auto;
	padding-bottom:50px;

}

.refbild{
	margin:10px auto;
	position:relative;overflow:hidden;width:95%;height:300px;
	
}
.refbild img{
	   position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:auto;
min-width:300px;
height:300px;
min-height:200px;
}

.reftext{
	width:95%;
	height:auto;
	padding:2px;
	margin:0 auto;

}

.icon{
	padding:10px 0;
	width:100%;
	margin:20px auto;
	height:auto;
	float:none;
}

.icon p{
	text-align:center;
	height:auto;
	margin:0 auto;
	width:80%;
	font-size:1.1rem;
	margin: 0 auto;	
}

.icon img{
	width:65%;
	max-width:125px;
	height:auto;
	margin:0 auto 10px auto;	
}

.buttonstil{
	width:100%;
	height:40px;
	display:table;
	text-align:center;
	font-size:1.1rem;
	font-weight:normal;
}

.buttonstil a{
	text-decoration:none;
	color:#333333;
	padding:10px 20px;
	background:#efefef;
	text-align:center;
	display:table;
	margin:20px auto;
}

footer{
	width:100%;
	height:auto;
	margin:0 auto;
	background:#595959;
	padding:5px 0px; 
	font-weight:300;
	color:#fff;
}

.footerbereich{
	width:100%;
	height:100%;
	margin:0 auto;
	background:transparent;	
}

.footerleft,
.footerright{
	width:50%;
	height:70px;	
	float:left;
	margin:15px 0 0 0;
	background:transparent;
}


.footerright p{
	height:22%;
	margin: 0 auto;
	float:none;
	font-size:0.9rem;
	line-height:1;
	text-align:center;
}

.footerleft p{
	height:22%;
	margin: 0 auto;
	float:none;
	font-size:0.9rem;
	line-height:1;
	text-align:center;
}

.footerbottom{
	width:100%;
	min-width:245px;
	height:auto;
	margin:0.5rem auto;
	font-size:0.8rem;
	text-align: center;	
}

.footerbottom p{
	margin:0 10px;
	
}

.footer p a{

	width:30%;
	text-decoration:none;
	color:#fff;
	padding:0;
	background:transparent;
	font-weight:normal;
}

.footer p a:hover{
	color:#efefef;
}

hr{
	 border: 0;
	 width: 80%;
	 height: 1px;
	  
}

.cf::before, .cf::after {
  content: "";
  display: table;height:0px !important;
}

.cf::after {
  clear: both;
}

@media screen and (max-width : 767px){
    /*Make dropdown links appear inline*/
     #menue{
        position: static !important;
        display: none !important;
    }
    /*Create vertical spacing*/
   ul  li {
        margin-bottom: 1px !important;line-height:3;
    }
    /*Make all menu links full width*/
    ul  li,  li a {
        width: 100% !important;
    }
	/*Display 'show menu' link*/
    .show-menu {
        display:block !important;
    }

}
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
    #slideshow {
        background-image:url(../images/sqr.jpg) no-repeat center ;
    }
}


@media screen and (min-width: 48em){

#ie{display:none;}

.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color:#333333;
    background: transparent;
    text-align: left;
    padding: 10px 20px 10px 10px;
    display: none;
	z-index:99995;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none !important;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menue{
    display: block !important;
	
}
	
#holder{
	width:95%;
	max-width:60rem;
	margin:0 auto;
}

header{
	background-color:#efefef;
	margin: 20px auto 0 auto;
	box-shadow: none;
	height:auto;
	position:relative;
	z-index:9999;
}

header img{
	width:100px;
	height: auto;
	float:right;
	position:relative;
	z-index:999;
	margin:0.5rem 0.5rem 1rem 0.5rem;
}

header h1{
	font-family: 'Hind', sans-serif;
	margin:0;
	font-size:2rem;
	padding:0.8rem;	
}


nav{
	width:100%;
	float:left;
	padding:0;
	background:transparent;
	text-align:center;
	margin:-50px auto;
}

nav ul{
	margin:0;
	padding:0.1rem;
	background-color:transparent;	
}

nav ul li {
	list-style-type:none;
	float:left;
	padding:0.5rem;
	display:block;	
}

nav ul a{
	display:inline-block;
	width:90%;
	font-size:1.1rem;
	margin:0.1rem;
	padding:0.2rem;	
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}

nav a:hover,
nav a:active,
nav a:focus {
	color:black;	
}

nav a:visited{
	color:#666666;	
}

.menukontakt{
	display:none;	
}


main {
	margin:0 auto;
	width:100%;
	float:left;
	padding:0;
	box-shadow: 0 2px 4px  #666666;
}

main p{
	width:90%;
	margin:0 auto;
	font-size:1rem;
	line-height:1.4;
}

#slideshow {
    height: 450px;
    width: 100%;
    margin: 0 auto;
	overflow:hidden;
	box-shadow: 0 5px 5px -5px #666666;
}

.innerslide{
		position:relative;overflow:hidden;width:100%;height:450px;
}

#slide1 {
    position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:960px;
height:450px;
}

#slide2 {
     position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:960px;
height:450px;
}
#slide3 {
   position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:960px;
height:450px;
}
#slide4 {
 position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:960px;
height:450px;
}

#slideshow img:nth-of-type(1) {
    -webkit-animation: fade 24s ease-in-out infinite;
    animation: fade 24s ease-in-out infinite;
}

#slideshow img:nth-of-type(2) {
    -webkit-animation: fade 24s 6s ease-in-out infinite;
    animation: fade 24s 6s ease-in-out infinite;
}

#slideshow img:nth-of-type(3) {
    -webkit-animation: fade 24s 12s ease-in-out infinite;
    animation: fade 24s 12s ease-in-out infinite;
}

#slideshow img:nth-of-type(4) {
    -webkit-animation: fade 24s 18s ease-in-out infinite;
    animation: fade 24s 18s ease-in-out infinite;
}

/*REFERENZ SLIDE*/


.innerslide1{
		position:relative;overflow:hidden;width:100%;height:270px;
}
.innerslide2{
		position:relative;overflow:hidden;width:100%;height:270px;
}


#slideshow1 {
	width:40%;
	height:270px;
	margin:0px auto;
	overflow:hidden;
	float:left;
}
#slideshow2 {
	width:40%;
	height:270px;
	margin:0px auto;
	overflow:hidden;
	float:left;
}

#slide5 {
 position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:312px;
height:270px;

}
#slide6,
#slide7,
#slide8,
#slide9,
#slide10,
#slide11,
#slide12 {
 position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:312px;
height:270px;
}
    
#slideshow1 img:nth-of-type(1) {
    -webkit-animation: slider 15s 0s ease-out infinite;
    animation: slider 15s 0s ease-in-out infinite;
}

#slideshow1 img:nth-of-type(2) {
    -webkit-animation: slider 15s 5s ease-in-out infinite;
    animation: slider 15s 5s ease-in-out infinite;
}

#slideshow1 img:nth-of-type(3) {
    -webkit-animation: slider 15s 10s ease-in-out infinite;
    animation: slider 15s 10s ease-in-out infinite;
}

@-webkit-keyframes slider {
    3%, 45%          {opacity:1;}
       0%, 50%, 100% {opacity:0;}
}

@keyframes slider {
   3%, 45%          {opacity:1;}
       0%, 50%, 100% {opacity:0;}
}
    
#slideshow2 img:nth-of-type(1) {
    -webkit-animation: einblenden 30s 0s ease-in-out infinite;
    animation: einblenden 30s 0s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(2) {
    -webkit-animation: einblenden 30s 3.75s ease-in-out infinite;
    animation: einblenden 30s 3.75s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(3) {
    -webkit-animation: einblenden 30s 7.5s ease-in-out infinite;
    animation: einblenden 30s 7.5s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(4) {
    -webkit-animation: einblenden 30s 11.25s ease-in-out infinite;
    animation: einblenden 30s 11.25s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(5) {
    -webkit-animation: einblenden 30s 15s ease-in-out infinite;
    animation: einblenden 30s 15s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(6) {
    -webkit-animation: einblenden 30s 18.75s ease-in-out infinite;
    animation: einblenden 30s 18.75s ease-in-out infinite;
}

#slideshow2 img:nth-of-type(7) {
    -webkit-animation: einblenden 30s 22.25s ease-in-out infinite;
    animation: einblenden 30s 22.25s ease-in-out infinite;
}
#slideshow2 img:nth-of-type(8) {
    -webkit-animation: einblenden 30s 25s ease-in-out infinite;
    animation: einblenden 30s 25s ease-in-out infinite;
}

@-webkit-keyframes einblenden {
    3%, 20%          {opacity:1;}
       0%, 23%, 100% {opacity:0;}
}

@keyframes einblenden {
   3%, 20%          {opacity:1;}
       0%, 23%, 100% {opacity:0;}
}

.titel{
		width:80%;
		min-width:470px;
		height:auto;
		max-height:150px;
		margin:50px auto 0px auto;
		position:relative;
		z-index:1000;
		padding:0.5rem;
		background:rgba(255,255,255,0.9);
		text-align:center;
}

.titel h1{
	font-size:26px;
	font-weight:300;
	color:#666;
	font-family: 'Hind', sans-serif;
}

.kopfbereich{
	width:100%;
	height:350px;
	max-height:350px;
	margin:0 auto;
	overflow:hidden;
	box-shadow: 0 5px 5px -5px #666666;
}

.kopf{
	overflow:hidden;
	height:350px;
	width:100%;
	position:relative;
}

.kopf img{	
	position:absolute;
	top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
width:100%;
min-width:400px;
height:350px;	
}

#content{
	width:90%;
	height:auto;
	padding:0 0 20px 0;
	margin:0px auto 0 auto;

}

.willkommen{
	width:90%;
	height:auto;
	margin:20px auto;
	padding:5px;
	color:#333;	

}

.willkommen h2{
	font-family: 'Hind', sans-serif;
	font-size:1.3rem;
	font-weight:300;
	color:#333;
	margin:5px auto;
	text-align:center;
}

.seite{
	width:100%;
	height:auto;
	margin:0px auto 20px auto;
	color:#333;	

}

.seite .absatz1,
.seite .absatz2,
.seite .absatz3 {
	width:90%;
	height: auto;
	padding:1rem;
	margin:20px auto;
	background:#f1f1f1;
	font-weight:300;
}

.seite .absatz4,
.seite .absatz5,
.seite .absatz6,
.seite .absatz7,
.seite .absatz8,
.seite .absatz9,
.seite .absatz10,
.seite .absatz11,
.seite .absatz12 {
	width:90%;
	height: auto;
	min-height:270px;
	padding:0;
	margin:20px auto;
	background:#f1f1f1;
	font-weight:300;
	position:relative;
}

.seite .absatz1 p,
.seite .absatz2 p,
.seite .absatz3 p{
	width:auto;
	height: auto;
	margin:0px auto 20px 90px;

}


.seite h2{
	width:95%;
	font-family: 'Hind', sans-serif;
	font-size:2.3rem;
	font-weight:300;
	background-color:transparent;
	position:relative;
	z-index:998;
	color:#fff;
	margin:-159px auto 170px auto;
	text-align:center;
	padding:0.6rem 0;
	 text-shadow: black 0.1em 0.1em 0.2em
}


#steuerung,
#leitung,
#ueberwachung{
	width:25%;
	max-width:75px;
	min-width:75px;
	height:auto;
	margin:0 10px;
	float:left;	
}

.seite .absatz1 h3,
.seite .absatz2 h3{
	width:70%;
	font-family: 'Hind', sans-serif;
	font-size:1.2rem;
	font-weight:300;
	color:#333;
	margin:20px auto;
	text-align:left;
	float:left;	
}

.seite .absatz3 h3{
width:70%;
	font-family: 'Hind', sans-serif;
	font-size:1.2rem;
	font-weight:300;
	color:#333;
	margin:20px auto 0 auto;
	text-align:left;
	float:left;	
}

.seite .absatz4 h3,
.seite .absatz5 h3,
.seite .absatz6 h3,
.seite .absatz7 h3,
.seite .absatz8 h3,
.seite .absatz9 h3,
.seite .absatz10 h3,
.seite .absatz11 h3,
.seite .absatz12 h3
{
	width:90%;
	font-family: 'Hind', sans-serif;
	font-size:1.1rem;
	font-weight:300;
	color:#333;
	margin:5px auto;
	text-align:left;
}

.refbild{
	width:40%;
	min-height:270px;
	height:10%;
	margin:0px auto;
	overflow:hidden;
	float:left;
}
.refbild img{
	width:100%;
	min-width:312px;
	min-height:270px;
	height:100%;
	margin:0 auto;
	display:block;
	top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}

.reftext{
	width:50%;
	height:auto;
	padding:2px;
	margin:0 auto;
	float:left;
}



.impressuminfo{
	width:90%;
	height: auto;
	padding:1rem;
	margin:20px auto;
	background:#f5f5f5;
	font-weight:300;
}

.impressuminfo h2{
	margin:20px auto;
	color:#333;
	background:transparent;
	text-shadow:none;
}
.impressuminfo h3{
	width:90%;
	font-family: 'Hind', sans-serif;
	font-size:1.1rem;
	font-weight:300;
	color:#333;
	background:#efefef;
	margin:15px auto;
	text-align:left;
}

.impressuminfo p {
	margin:10px auto 0 auto;	
}

.impressuminfo ul li{
	line-height:1.3;
	margin:10px auto;	
}

.iconsbereich{
	width:90%;
	height:auto;
	margin:2em auto 0 auto;
	padding-bottom:50px;

}


.icon{
	padding:10px 0;
	width:33.33%;

	height:auto;
	float:left;
}

.icon p{
	text-align:center;
	height:auto;
	margin:0 auto;
	width:90%;	min-width:185px;
	font-size:1.1rem;
	margin: 0 auto;	
}

.icon img{
	width:65%;
	height:auto;
	margin:0 auto 20px auto;	
}

.buttonstil{
	width:100%;
	height:40px;
	display:table;
	text-align:center;
	font-size:1.1rem;
	font-weight:normal;
}

.buttonstil a{
	text-decoration:none;
	color:#333333;
	padding:10px 20px;
	background:#efefef;
	text-align:center;
	display:table;
	margin:20px auto;
}

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

.cf::after {
  clear: both;
}

footer{
	width:95%;
	max-width:60rem;
	height:auto;
	margin:0 auto;
	background:#595959;
	border-top: solid 1px #ccc;
	padding:5px 0px; 
	font-weight: 300;
	position:relative;
	z-index:998;
	color:#fff;
}

.footerbereich{
	width:50%;
	height:100%;
	margin:0 auto;
	background:transparent;	
}

.footerleft,
.footerright{
	width:50%;
	height:70px;	
	float:left;
	margin:10px 0 0 0;
	background:transparent;
}

.footerleft p{
	height:90%;
	width:100%;	
	margin:0;
}

.footerright p{
	height:28%;
	margin: 0 auto;
	float:none;
	font-size:0.9rem;
	line-height:1;
	text-align: center;
}

.footerleft p{
	height:28%;
	margin: 0 auto;
	float:none;
	font-size:0.9rem;
	line-height:1;
	text-align: center;
}

.footerbottom{
	width:100%;
	height:auto;
	margin:0.5rem auto;
	min-width:247px;
	text-align: center;
}

.footerbottom p{
	margin:0 10px;	
}

.footer p a{
	width:30%;
	text-decoration:none;
	color:#fff;
	padding:0;
	background:transparent;
	font-weight: normal;
}

.footerbottom p a:hover{
	color:#efefef;
}

hr{
	 border: 0;
	 width: 60%;
	 height: 1px;
	  
}

}