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

body {
	width: 100%;
	font-size: 18px;
	line-height: 24px;
}

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

}


#akkordeon h2 {
font-size: 18px;
color:#ffffff;
font-weight: bold;
background: url(images/arrow-right_white.png) no-repeat right; 
}


#akkordeon h2 img {
	top: -4px;
	left: -520px;
	position:relative;

}

#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-bottom: 10px;
border-bottom: 2px solid #ffffff;
	width: 40%;

}




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


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

#akkordeon .content p {
padding: 0px;
}

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

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




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

}

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


#akkordeon {
width: 100%;
margin: 0px;

}

@media screen and (max-width : 407px ){

#akkordeon {
width: 100%;
margin: 0px;

	}}

@media screen and (max-width: 600px) {

	#akkordeon .title_top {

	width: 100%;

}


}