/* @author Tim himself */

.ziehharmonika h3 {
	background: #fff;
	color: #000;
	text-align: left;
	border-radius: 4px;
	padding: 14px 3px;
	cursor: pointer;
	margin-top: 0;
	margin-bottom: 9px;
	padding-right: 40px;
	transition: 0.25s all;
	position: relative;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	text-transform: capitalize;
}
.ziehharmonika h3.active {
	margin-bottom: 21px;
	background: #ff6529;
	font-family: 'Roboto', sans-serif;
	color: #fff;
}
.ziehharmonika h3::before {
	content: attr(data-prefix);
	font-size: 18px;
	margin-right: 9px;
}
.ziehharmonika h3.alignLeft {
	padding-left: 35px;
}
.ziehharmonika > div {
	display: none;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #cdcdcd;
	text-align: left;
	padding: 15px;
	margin-bottom: 9px;
	font-family: 'Roboto', sans-serif;
	line-height: 23px;
}
.ziehharmonika .arrowDown {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #272e35 transparent transparent transparent;
	position: absolute;
	bottom: 0;
	left: 40px;
	transition: 0.25s all;
	opacity: 0;
}
.ziehharmonika .active .arrowDown {
	bottom: -13px;
	border-color: #ff6529 transparent transparent transparent;
	opacity: 1;
}
.ziehharmonika .collapseIcon {
	position: absolute;
	right: 20px;
	top: 45%;
	font-size: 25px;
	font-weight: 300;
	-ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
}
.ziehharmonika .collapseIcon.alignLeft {
	right: initial;
	left: 20px;
}






@media only screen and (min-width: 320px) and (max-width:680px) {

.ziehharmonika h3 {

background: 

#fff;

color:

#373737;
text-align: left;
border-radius: 4px;
padding: 9px 3px;
padding-right: 3px;
cursor: pointer;
margin-top: 0;
margin-bottom: 9px;
padding-right: 40px;
transition: 0.25s all;
position: relative;
font-size: 10px;
font-weight: bold;
font-family: 'Roboto', sans-serif;

}

.ziehharmonika > div {

text-align: left;
font-family: 'Roboto', sans-serif;
line-height: 23px;
font-size: 12px;

}




}