/* Flexible Slide-to-top Accordion Style*/
.wrapper{
	width:90%;
	max-width:800px;
	margin:30px auto;
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
	margin-top: 35px;
    float: left;
}
.st-accordion ul li{
    height: 42px;
    overflow: hidden;
	margin-bottom: 8px;
}

.st-accordion ul li > a{
	font-family: 'Montserrat', sans-serif;
    display: block;
	position: relative;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}

.st-content{
	height: auto;
	overflow: auto;
	background-image: url(../images/accordionhintergrund1.jpg);
	background-position: center;
}




.headline101 {
	cursor: pointer;
	border-bottom: 2px solid #a3bbc3;
	width: 490px;
	height: 40px;
	background-color: #e4e6e9;
}

.hyperlink101 {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 15px;	
	font-weight: bold;
}


.titel101 {
	margin-right: 8px;
	margin-left: 15px;
	float: left;
	width: 460px;
	height: 25px;
	margin-top: 13px;
	position: relative;

}

.content101 {
	margin-left: 15px;
	margin-bottom: 10px;	
	margin-top: 14px;
	margin-right: 20px;
	width: 240px;
	float: left;
	height: auto;
}


.contenttext101 {
	margin-left: 16px;
	margin-bottom: 14px;
	margin-top: 14px;
	float: left;
	position: relative;
	width: 470px;
	height: auto;
}


.titeltext101 {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 500;
	color: #000;
	line-height: 16px;
	text-transform: uppercase;
}





@media only screen and (max-width: 700px) {
    ul {padding-inline-start: 0px;}
    
 .wrapper{
	width:506px;
	max-width:506px;
	margin:16px auto;
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
	margin-top: 35px;
    float: left;
}
.st-accordion ul li{
    height: 42px;
    overflow: hidden;
	margin-bottom: 8px;
}
    
 .st-content{
	width: 496px;
    padding-right: 10px;
}
    
.headline101 {
	cursor: pointer;
	border-bottom: 2px solid #a3bbc3;
	width: 506px;
	height: 40px;
	background-color: #e4e6e9;
}
    
.titel101 {
	margin-right: 8px;
	margin-left: 15px;
	float: left;
	width: 506px;
	height: 25px;
	margin-top: 13px;
	position: relative;

}
    
    
}