body{

  margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-family: 'Raleway',Arial, sans-serif;
  background-color: #181818;
  background-image: url(../images/bg2.jpg);  
  background-repeat: repeat-y;
}

body a{
  color: #C0C0C0;
  text-decoration: none;
}

#container{
	margin: 0 auto;
	width: 960px;
	position:relative;

}
#inhalt {
  margin: 0 0 0 150px;
  width: 810px;
}
.content{
	padding: 10px 15px;
	font-size: 15px;
  background: #181818; /* Fallback IE 6-8 */
  background: rgba(18, 18, 18, .4);
  margin: 5px 0 20px 0;
}

.content h1{
  font-family: 'Indie Flower';
	font-size: 17px;
	font-weight: bold;
  color: #ee8825;
  
}
.header{
	padding: 10px 15px;
	font-size: 15px;
  background: #181818; /* Fallback IE 6-8 */
  background: rgba(18, 18, 18, .4);
  margin: 5px 0 20px 0;
  height: 49px;
}

.header h1{
  font-family: 'Indie Flower';
	font-size: 17px;
	font-weight: bold;
  color: #ee8825;
}

#follow{
     float: right;
     margin-top: -50px;
     color: #181818; /* Fallback IE 6-8 */
     color: rgba(238, 136, 37, .5);
     display: block;
     font-size: 12px;
}

#follow img{
     margin-left: 7px;   
}

#slogan1 {
  width: 680px;
  height: 45px;
  background-color: rgba(24,24,24,0.5);
  margin: 0px auto 30px;
  padding: 12px 0;
  text-align: center;
  font-size: 24px;
	font-weight: normal;
}
 
#slogan2{
  font-size: 12px;
  font-weight: normal;
  margin-left: 400px;
	
}

#kontakt {
  width: 700px;
  min-height: 450px;
}

#dsgvo {
  width: 700px;
  min-height: 450px;
}
/******* Menu ******** */

#navigation{
    float: left;
		position:fixed;
		height: 460px;
		width: 140px;
    background: #181818; /* Fallback IE 6-8 */
    background: rgba(18, 18, 18, .4);
    font-family: 'Indie Flower';
}
		

#navigation ul.menu{
	list-style-type:none;
	position:absolute;
	margin: 0px;
	padding: 190px 0 0 24px;
  
	}
	
#navigation ul.menu li{
	
}

#navigation ul.menu li a{
	line-height: 25px;
	height: 25px;
	color: #fff;
	font-size: 20px;
	text-decoration:none;
	text-align:center;
	padding: 0 0 0 0px;
  
	
}

#navigation ul.menu li a{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#navigation ul.menu li a:hover{
	color:#ee8825;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

/********** Positionen Contentseiten ********* */

#startseite{
		position:absolute;
		top: 0px;
		width: 800px;
		height: 700px;
}

#seite2{
		position:absolute;
		top: 0px;
    width: 800px;
		height: 600px;
}

#seite3{
		position:absolute;
		top: 0px;
    width: 800px;
		height: 600px;
}

#seite4{
		position:absolute;
		top: 0px;
    width: 800px;
		height: 600px;
}

#seite5{
		position:absolute;
		top: 0px;
    width: 800px;
		height: 600px;
}

#seite6{
		position:absolute;
		top: 0px;
    width: 800px;
		height: 600px;
}

/**************************************************
************* Reset der Contentseiten  ********* */

.seite2{
margin-top:-2000px;
}

.seite3{
margin-top:-2000px;
}

.seite4{
margin-top:-2000px;
}

.seite5{
margin-top:-2000px;
}

.seite6{
margin-top:-2000px;
}

/**************************************************
************* Ein- und Ausfahranimationen ******* */

.ausfahren {
	margin-top:-2000px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.einfahren {
	margin-top: 0px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

/******* Lightbox *************** */
 
a img {
  border: none;
}

.image-row {
  *zoom: 1;
  margin-bottom: 20px;
  margin-left: 24px;
}

.image-row:after {
  content: "";
  display: table;
  clear: both;
}


.example-image-link {
  display: inline-block;
  margin: 0 10px 20px 10px;
  line-height: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid #fff;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.example-image-link:hover {
  border: 4px solid #ee8825;
}


.example-image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

/* CONTENT SLIDER */
#content-slider {
	width:680px;
	height:450px;
	margin:10px auto 0px;
}
/*********** SLIDER ************* */

.cb-slideshow,
.cb-slideshow:after { 
    position: relative;
    width: 680px;
    height: 450px;
    z-index: 0;
    list-style-type: none; 
}

.cb-slideshow li span { 
    width: 680px;
    height: 450px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 42s linear infinite 0s;
    -moz-animation: imageAnimation 42s linear infinite 0s;
    -o-animation: imageAnimation 42s linear infinite 0s;
    -ms-animation: imageAnimation 42s linear infinite 0s;
    animation: imageAnimation 42s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(../slider/img_1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../slider/img_2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../slider/img_3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../slider/img_4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../slider/img_5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../slider/img_6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(7) span { 
    background-image: url(../slider/img_7.jpg);
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(7) div { 
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s; 
}
/***** Slider animaton  ***********/
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}