/* accordion */

/* .contentverschiebung { margin-left:200px; } */

.accordion, p {
margin-bottom:10px;

}


.info {
width: 600px;
text-align: left;
outline: none;
font-size: 17px;
color: #444;
padding: 25px;
}

a.url:link {
text-decoration:none;
}

.umbruch {   
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.accordion {
	font-family: 'Anaheim', sans-serif;
background-color: #fafafa;
color: #444;
cursor: pointer;
padding: 15px;
width: 600px;
border: none;
text-align: left;
outline: none;
font-size: 17px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: #eee;
}

.accordion:after {
content: '\002B'; /* plus-Zeichen */
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}

.active:after {
content: "\2212";  /* minus-Zeichen */
}

.panel {
width: 600px;
padding: 0 18px;
background-color:#fff;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
}


@media screen and (max-width: 767px) {
.panel, .accordion, .info {width:300px; }
.accordion {font-family:'Anaheim', sans-serif;}
}
/* Ende accordion */