/*  ====================
    Generic
====================  */
* {
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
}

body {
	width: 100%;
	font-size: 13px;
	line-height: 1.4em;
}

/*  ====================
    Akkordeon
====================  */
#akkordeon {
width: 100%;


}

#akkordeon h2 {
font-size: 16px;
color:#ffffff;
font-weight: bold;
text-transform: uppercase;
background: url("images/arrow-right_w.png") no-repeat right; 
}

#akkordeon h2 img {
	top: 0px;
	float: left;
	position:relative;
	margin-right: 10px;

}

#akkordeon .title {
cursor: pointer;
padding: 15px 0px 10px 0px;
margin-top: 0px;
border-top: 2px solid #ffffff;

}

#akkordeon .title_top {
cursor: pointer;
padding: 15px 0px 10px 0px;
margin-top: 5px;
border-top: 2px solid #ffffff;

}


#akkordeon .content {
display: none;
padding: 12px 0px 0px 0px;
margin-bottom: 5px;
font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	overflow:hidden;
}

#content li {
    list-style-position: outside;
    list-style-image: url("bilder/punkt_list_w.png");
    padding-left: 5px;
    margin-left: 50px;
}

#akkordeon .content img {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

#akkordeon .content li {
	list-style-position: outside;
	list-style-image: url("bilder/punkt_list_w.png");
	padding-left: 5px;
	margin-left: 50px;
}

#akkordeon .content a{
	
	font-weight: bold;
}

#akkordeon .content a:hover {
	
	
	color: #99b058;
}






/*  ==========================
    wenn Akkordeon offen
==========================  */
#akkordeon .open {

}

#akkordeon .open h2 {
background: url(images/arrow-down_w.png) no-repeat right; 
}

@media screen and (max-width: 900px) {
	#akkordeon {
width: 100%;
}
	}
	
	
	/* 5. Logoslider */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding: 60px 0;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;

}

.logos:after {
  right: 0;

}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

.logos-slide img {
  height: 50px;
  margin: 0 40px;
}