@font-face {
	font-family: Xolonium;
	src: url("../font/Xolonium-Regular.ttf");
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
/*------------------------------------*\
-------- Page Styles: Accordion
\*------------------------------------*/
body {
	position:relative;
	z-index:0;
}

.main {padding-top: 20px}

.site-header-wrap {
	margin-bottom:60px;
	border-bottom:1px solid #cd9ad6;
}

/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	border-radius:3px;
	background:#F7F7F7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding-top:4px;
	display:inline-block;
	border-bottom:1px solid rgba(220,43,24,1);
	background:#000;
	transition:all linear 0.15s;
	/* Type */
	font-size:1.200em;
	color:#fff;
    text-decoration: none;
    font-weight: 300; 
    font-size: 17px;
    font-family: "Xolonium";
    height: 35px
}


#referenzen .accordion-section-title {
background: #fff
}

.accordion span {font-weight: 600}

.accordion-section-title::before {
content: url("../images/down.jpg");
position: relative; float: left;
    transition: all .3s ease; padding-right: 10px
}

.accordion-section-title.active::before {
-moz-transform: rotate(180deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(180deg); /* Safari */
-o-transform: rotate(180deg); /* Opera */
-ms-transform: rotate(180deg); /* IE9 */
transform: rotate(180deg); /* W3C */
       padding-right: 0;
    padding-left: 10px
}

.accordion-section-title.active, .accordion-section-title:hover {
	color: rgba(220,43,24,1);
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
    background: #000;
    color: #fff;
	padding:15px;
	display:none;
}

.accordion-section-content img {display: inline-block; padding: 5px}
.accordion-section-content a {background: rgba(220,43,24,1); padding: 0 5px; text-decoration: none; color: #fff; font-family: "Xolonium"; margin-top: 15px; display: inline-block;}
.accordion-section-content a:hover {background: rgba(220,43,24,0.8)}