@import url('/typo3conf/ext/stetzberger/Resources/Public/Css/styles.css');

.accordion {
	background: none;
	font-size: 16px;
}

.accordion .accordion-item {
	border: 1px solid #555 !important;
}

#contentdunkel .accordion .accordion-item {
	border: 0 !important;
}

.accordion .accordion-item .accordion-header {
	background: #eee;
	border-right: 50px solid #333;
	color: #000;
	height: auto;
	min-height: 40px;
	line-height: 1.4;
}

#contentdunkel .accordion .accordion-item .accordion-header {
	background: #fff;
	border-right: 50px solid #fff;
	border-radius: var(--borderradius);
	color: #000;
	height: auto;
	min-height: 40px;
	line-height: 1.4;
}

#contentdunkel .accordion-button {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#contentdunkel .accordion-button::after {
	margin-left: auto;
	content: "";
	color: #000;
	background-image: url(/typo3conf/ext/stetzberger/Resources/Public/Icons/Template/arrow_right_alt_-1.svg);
	transition: var(--bs-accordion-btn-icon-transition);
}

#contentdunkel .accordion-button:not(.collapsed)::after {
	transform: rotate(-90deg);
}

.accordion .accordion-item .accordion-header button.accordion-button {
	background: #eee;
}

#contentdunkel .accordion .accordion-item .accordion-header button.accordion-button {
	background: #fff;
}

#contentdunkel .accordion .accordion-item,
#contentdunkel .accordion .accordion-item .collapse {
	background: none;
	color: #fff;
}

.accordion .accordion-item .accordion-header button.accordion-button::after {
	position: absolute;
	right: -35px;
}

.accordion-button::after {
	margin-left: auto;
	content: "\F282";
	color: #fff;
	font-family: bootstrap-icons !important;
	font-size: 20px;
	background-image: none;
	transition: var(--bs-accordion-btn-icon-transition);
}

.accordion .accordion-item .collapse {
	background: #fff;
}

.accordion .accordion-body {
	padding: 15px 15px 10px 15px;
}