/*------------------------------------*\
-------- Page Styles: Accordion
\*------------------------------------*/

.acco-main:before {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	content:'';
    /*
	background:-webkit-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:-moz-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:-o-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
	background:radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');*/
}
.acco-main {margin-bottom: 60px;}

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

.spalte {display: inline-block; width: 30%; height: auto}

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

.accordion {
	overflow:hidden;
	background:none;
    margin-top: 20px
}

.accordion-section {display: block!important; margin-bottom: 10px; }
.impress-acco {padding: 30px 0 0 0;}
.impress-acco .accordion-section-title {color: #7f7f7d; }


/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	display:inline-block;
	text-decoration: none;
	transition:all linear 0.15s;
	/* Type */
    background: none;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #fff
	
}

.accordion-section-title:hover {border-bottom: 1px solid #558f56; cursor: pointer}

.accordion-section-title::after {
content: url("../images/down.png");
position: relative; float: right;
    transition: all .3s ease;
}

.accordion-section-title.active::after {
 -moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-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 */
    margin: 0px -13px 0 0;
    padding-left: 13px
    
}
.accordion-section-title.active{

	text-decoration:none;
   
}

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

/*----- Section Content -----*/
.accordion-section-content {padding:20px !important;display:none; background: #5fa161}
.accordion-section-content p {padding: 10px 0}
.accordion-section-content ul li {color: #fff}
.accordion-section-content img {width: 100%; height: auto; }
.accordion-section-content a {text-decoration: none; color: #019cdf}
.accordion-section-content a:hover {color: #019cdf}
.accordion-section-content a::before {content: url("../images/pfeil.png"); padding-right: 4px}
.left, .right {width: 49%; display: inline-block; padding-top: 20px}

@media screen and (max-width: 670px) {
    .spalte {display: block; width: 100%}
}