@charset "UTF-8";
/* CSS Document */


.accordion-closed {
	margin-top: 10px;
	border-bottom: solid 1px rgb(0,0,0);
    cursor: pointer;
	padding: 5px 10px;
	font-weight:400;
}

.accordion-closed:after {
	position: absolute;
	right: 0px;
	margin-top: -5px;
	width:28px;
	height:28px;
	background-image:url(../img/plus-minus-30x30px-black.svg);
	background-position:left;
	background-repeat:no-repeat;
	background-size:cover;
	content: ' ';
}


.accordion-open {
	background: rgb(255,255,255);
	border-bottom: solid 1px rgb(150,0,0);
}

.accordion-open:after {
    position: absolute;
	right: 0px;
	width:28px;
	height:28px;
	background-image:url(../img/plus-minus-30x30px-red.svg);
	background-position:right;
	background-repeat:no-repeat;
	background-size:cover;
	content: ' ';
}

.accordion {
	padding: 0px 10px;
    /*sanfte Animantion nur mit "border" hier eingefärbt wie background-color damit nicht sichbar"*/
	border: 1px solid rgb(255,255,255);
    background: rgb(255,255,255);
}

.contentBox-Accordion {
	position:relative;
	left:50%;
	transform:translateX(-50%);
	margin-top: 200px;
	width:85%;
	max-width:680px;
}

.imgMarginTop10px {
	margin-top:10px;
	width:100%;
	height: auto;
}

.accordion:last-child {
	margin-bottom:100px;
}