/* Accordion */

.accordion {
	margin-top: 10px;
	margin-bottom: 10px;
}

.accordion input {
	display: none;
}

/* Accordion - Überschrift */

.accordion .accordion_caption {
	/* user-select: none; */
	display: block;
	width: 100%;
	cursor: pointer;
	background-color: #edf2f7;
	background-color: var( --lighter-backgroundcolor );
	color: #c53d31;
	color: var( --accent-color );
}

/* Inhalt eingeklappt: Pfeil zeigt nach rechts */

.accordion_expandable {
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-left: 6px solid #edf2f7;
	border-left: 6px solid var( --lighter-backgroundcolor );
	border-bottom: 6px solid #edf2f7;
	border-bottom: 6px solid var( --lighter-backgroundcolor );
	padding-left: 10px;
}

.accordion .accordion_caption:before {
	content: "";
	display: inline-block;
	margin-left: 11px;
	/* Dreieck: Pfeil */
	border-top: 8px solid #edf2f7;
	border-top: 8px solid var( --lighter-backgroundcolor );
	border-bottom: 8px solid #edf2f7;
	border-bottom: 8px solid var( --lighter-backgroundcolor );
	border-left: 8px solid #c53d31;
	border-left: 8px solid var( --accent-color );
	border-right: hidden;
}

/* Inhalt ausgeklappt: Pfeil zeigt nach unten */

#toggle_accordion_01:checked ~ .accordion_expandable,
#toggle_accordion_02:checked ~ .accordion_expandable,
#toggle_accordion_03:checked ~ .accordion_expandable,
#toggle_accordion_04:checked ~ .accordion_expandable,
#toggle_accordion_05:checked ~ .accordion_expandable,
#toggle_accordion_06:checked ~ .accordion_expandable,
#toggle_accordion_07:checked ~ .accordion_expandable,
#toggle_accordion_08:checked ~ .accordion_expandable,
#toggle_accordion_09:checked ~ .accordion_expandable,
#toggle_accordion_10:checked ~ .accordion_expandable {
	display: block;
}

#toggle_accordion_01:checked ~ .accordion_caption:before,
#toggle_accordion_02:checked ~ .accordion_caption:before,
#toggle_accordion_03:checked ~ .accordion_caption:before,
#toggle_accordion_04:checked ~ .accordion_caption:before,
#toggle_accordion_05:checked ~ .accordion_caption:before,
#toggle_accordion_06:checked ~ .accordion_caption:before,
#toggle_accordion_07:checked ~ .accordion_caption:before,
#toggle_accordion_08:checked ~ .accordion_caption:before,
#toggle_accordion_09:checked ~ .accordion_caption:before,
#toggle_accordion_10:checked ~ .accordion_caption:before {
	content: "";
	margin-left: 3px;
	/* Dreieck: Pfeil runter */
	margin-bottom: 4px;
	border-top: 8px solid #c53d31;
	border-top: 8px solid var( --accent-color );
	border-bottom: hidden;
	border-left: 8px solid #edf2f7;
	border-left: 8px solid var( --lighter-backgroundcolor );
	border-right: 8px solid #edf2f7;
	border-right: 8px solid var( --lighter-backgroundcolor );
}