gf-accordion {
	display: flex;
	flex-direction: column;
	box-shadow: var(--shadow-sm);
	border-radius: .5rem;
	margin-bottom: 1.5rem;
}
gf-accordion-tile {
	display: block;
	width: 100%;
}
gf-accordion-toggle {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 1rem 0;
	padding-left: 1rem;
	cursor: pointer;
	position: relative;
	border-bottom: 1px var(--darkgray) solid;
	transition: .10s ease-out;
}

gf-accordion-toggle .icon-plus {
	color: var(--gf-orange);
}

gf-accordion > gf-accordion-tile:first-child > gf-accordion-toggle {
	border-radius: 8px 8px 0 0;
}
gf-accordion > gf-accordion-tile:last-child > gf-accordion-toggle {
	border-bottom: none;
	border-radius: 0 0 8px 8px;
}
gf-accordion-toggle[text="center"] {
	text-align: center;
	padding-left: 0;
}
gf-accordion-toggle:hover {
	background-color: #eee;
}
gf-accordion-toggle::after {
	content: "";
	background-image: url('/templates/ad_grillfuerst/icons/chevron-down.svg');
	background-size: 1.5em;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 1em;
	position: absolute;
	top: 0%;
	right: 1rem;
	display: inline-block;
	transition: .1s;
	transform-origin: center;
	will-change: auto;
}
gf-accordion-tile.gf-accordion-open > gf-accordion-toggle {
	background-color: #eee;
}
gf-accordion-tile.gf-accordion-open > gf-accordion-toggle::after {
	transform: rotate(180deg);
}
gf-accordion-tile > gf-accordion-body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	box-shadow: var(--shadow-sm);
}
gf-accordion-tile:not(.gf-accordion-open) > gf-accordion-body {
	display: none;
}
gf-accordion-body[column] {
	flex-direction: column;
}

@media screen and (max-width: 1024px) {
	gf-accordion-tile > gf-accordion-body {
		flex-direction: column;
	}
}