@charset "UTF-8";

.accordion h2 {
    margin: 0 0 45px 0;
}
.accordion h3 {
    color: #000;
    font-weight: 500;
    font-size: 21px;
    text-align: left;
    padding: 20px 40px 20px 100px;
}
.accordion button.trigger:hover h3,
.accordion button.trigger:focus h3,
.accordion button.trigger:focus-visible h3 {
    color: #fff;
}

.accordion {
	margin-top: 2em;
	margin-bottom: 2em;
}
.accordion p {
	margin-top: 0em;
	margin-bottom: 1em;
}

.trigger {
	cursor: pointer;
	width: 100%;
    margin: 0 0 20px 0;
    background-image: url(../gfx/icon-plus.svg);
	background-repeat: no-repeat;
	background-position: left 45px center;
    background-color: #d9e2ee;
}
.trigger:hover, 
.trigger:focus,
.trigger:focus-visible {
    color: #fff;
    background-image: url(../gfx/icon-plus-weiss.svg);
	background-color: #EB690B; 
}

.trigger_active,
.trigger_active:hover, 
.trigger_active:focus, 
.trigger_active:focus-visible {
    color: #000;
	background-image: url(../gfx/icon-minus.svg);
	background-repeat: no-repeat;
	background-position: left 45px center;
	border-bottom: none;
    background-color: #d9e2ee;
}
button.trigger_active:hover h3,
button.trigger_active:focus h3,
button.trigger_active:focus-visible h3 {
    color: #000!important;
}

.toggle_container {
    width: 100%;
    padding: 15px 25px 20px 42px;
}

/*.trigger.offen */