@charset "UTF-8";
/* CSS Document */
 *{
  box-sizing: border-box;
}



/*body {
	padding: 0;
	margin: 0;
		font-size: 6px;
}*/

body {
    	padding: 0;
	margin: 0;   
	background-color:#BDB6B6;
		font-size: 16px;
		font-family: Helvetica, Arial, "sans-serif";
		margin: 0 auto;
	    max-width: 80em;		  
      }
@media all and (min-width: 30em) {
	body {
		font-size: 16px;
	}
}

main {
		border:0;
		margin: 0 2em;
		padding: 0;
		  }

p {
		font-size: 1.2em;
		color: #000000;
		line-height: 1.4em;
		font-weight: normal;
		margin: 0;
		padding: 0;
}


h1 {			
		color:#000000;
		font-size: 2em;
		line-height: 1.4em;
		font-weight: bold;
		margin: 0 0 0.2em 0;
		padding: 0;
}


h2 {			
		color: #000000;
		font-size: 1.5em;
		line-height: 1.2em;
		font-weight: bold;
		margin: 0.4em 0em;
		padding: 0;
}

h3{			
		color: #000000;
		font-size: 1.2em;
		line-height: 1.4em;
		font-weight: bold;
		margin: 0.24em 0;
		padding: 0;
}

h4{			
		color: #000000;
		font-size: 1.2em;
		line-height: 1.4em;
		font-weight: bold;
		margin: 0em 0;
		padding: 0;
}

summary{			
		color: #000000;
		font-size: 1.5em;
		line-height: 0.2em;
		font-weight: bold;
		margin:  0;
		padding: 0;
}

.fett {
		color: #000000;
		font-weight: 600;
		margin: 0; 
		padding: 0;
}

footer {
		  padding: 0em 0em;
		  order: 10;
		  }
.here {
	background-color: #000000;
	color: #DDDDDD;
}

 a {
		color:#ADAAAA;
		font-weight: bold;
        text-decoration: none;
      }

.ablack {
	color:#000000;
	font-weight: normal;
}

.ablackbold {
	color:#000000;
	font-weight: bold;
}
   
nav a:hover, nav a:focus {
        background-color: #d3091f;
		  color:#ADAAAA;
      }

.kleinerzeilenabstand {
	line-height: 0.3em;
}



.img-fit{
       width: 100%;
	   height: auto;
	   margin-bottom: -0.3em;
	   padding: 0;
	   border: 0;
      }

.img-main {
	   width: 100%;
	   height: auto;
	   padding: 0;
	   border: 0;
	   margin: 0.5em 0em 0.9em;
	      }

#gallery { 
  width: 100%; 
	overflow: hidden; 
	margin: 0;
	padding: 0;
}

#slider {
	  position: relative; 
	 	width: 500%;
		margin: 0;
		padding: 0;
	font-size: 1em;
		display:flex;  
		animation: 30s slide infinite; 
}


#slider figure{ 
	width: 20%; 
	height: auto;
	display: inline-block;  
	position: inherit; 
	margin: 0;
	padding: 0;
}

#slider figure figcaption {
  position: absolute; 
	top: 5em;
	left: 0;
	width: auto;
	padding: 0; 
	margin: 0;
}


#slider figure figcaption h2 {
	font-size: 3em;
	line-height: 2em;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  background:rgba(192,177,177,0.75);
  color: rgba(255,255,255,1.00); 
	margin: 0;
	padding: 0 1em 0.1em 1em;
}

#slider figure figcaption .figcapsub {
	font-size: 2em;
	line-height: 1.5em;
	padding: 0.5em 0em 0em 1.1em;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:500;
  color: rgba(0,0,0,1.00); 
	margin: 0;
}

.figcaplight{	
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:300;
  color: rgba(0,0,0,1.00); 
	margin: 0;
}

#slider img { 
	width: 100%; 
	height: auto; 
}


 


@keyframes slide {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


/*listen Anfang*/
ul {
	margin: 0 0 0 1.1em;
	padding: 0;
	border: 0;
}

li {
		font-size: 1.2em;
		color: #000000;
		line-height: 1.4em;
		font-weight: normal;
		margin: 0;
		padding: 0;
}

.outside {
	list-style-position: outside;
}

/*listen Ende*/



/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
/*header, nav, nav a,footer*/
header, footer, article {
	border: none;
	padding: 0;
	margin: 0;
	flex: 1 100%;
}

nav * {
       flex: auto ;
		}


nav ul{
        margin: 0;
        padding: 0em 0em 0.2em 0em;
        border:none;
        display: flex;
        flex-direction: column;
		  /*padding: 0;*/
      }

nav li {
        list-style-type:none;
      }

nav a {
        width: 100%;
		height: 1.5em;
 	   background-color:#ADAAAA;
        border: 0;
	    display:inline-block;
		font-size: 1.1em;
		font-family: Helvetica, Arial, "sans-serif";
		  line-height: 1.47em;
		color: #000000;
		padding: 0em;
		font-weight: bold;
        text-decoration: none;
        text-align: center;
      }
 

section {
		display: flex;
		flex-direction: column;
		border:0;
		margin: 0;
		padding: 0;
	width: 100%;
		  }


.left {
	 padding: 0;
	 margin:  1.5em 0em 0em;
	height: auto;
      }

.mitte {
		 padding: 0;
	 margin:  1.5em 0em 0em;
        }

.right {
	 padding: 0;
	 margin:  1.5em 0em 0em;
	height: auto;
      }

.einespalte {
	margin: 1.5em 0em;
	width:inherit;
		 }

footer {
		  padding: 0em;
	margin: 0;
		  order: 10;
		  }


/* Smart Phones und Tablets mit mittlerer Auflösung */
      @media all and (min-width: 42em) {
		  
nav a {
        margin: 0em;
      }
		  
      nav ul {
        flex-direction: row;
		  margin: 0;
      }
		  
		  
section {
		display: flex;
	 flex-flow: row wrap;
		border:0;
		margin: 0;
		padding: 0;
	width: 100%;
}
		  
.left {
		padding: 0em;
		  margin: 1.5em 0 0;
		  max-width: 100%;
}
		  
.mitte {
		  padding: 0em;
		  margin: 1.5em 0% 0 0;
		 max-width:  47%;
		  }
		  
.right {
		  padding: 0em;
		 margin: 1.5em 0 0 6%;
		 max-width:  47%;
}
.einespalte {
	margin: 1.5em 0em;
	width: auto;
		 } 
		  
}


/* Large screens */
     @media all and (min-width: 64em) {
/*		 
section {
		display: flex;
	 flex-direction: row;
		border:0;
		margin: 0;
		padding: 0;
	width: 100%;
}*/
	      
.left {
		margin: 1.5em 0em;
	width: auto;
	flex: 1 1 0%;
      }

.mitte {
		margin: 1.5em 2em;
	width: auto;
		flex: 1 1 0%;
      }

		 
.right {
		margin: 1.5em 0em;
	width: auto;
		flex: 1 1 0%;
}
		
.einespalte {
	margin: 1.5em 6em;
	width: auto;
		 }

		 
}