/* Enfold "Toggles / Akkordeon" als FAQ-Karten (wie Vorlage)
   Wird nur geladen, wenn [av_toggle_container] auf der Seite ist.
   Das Enfold-Plus-Icon wird durch ein eigenes ersetzt: offen = x (gedrehtes +). */

#top .togglecontainer {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 24px 0;
	border: 0;
	background: transparent;
}

/* Karte */
#top .togglecontainer .av_toggle_section,
#top .togglecontainer .av_toggle_section:last-child {
	margin: 0;
	border: 1px solid var(--agwp-line);
	border-radius: var(--agwp-r-md);
	background: var(--agwp-bg2);
	overflow: hidden;
	transition: border-color .2s;
}
#top .togglecontainer .av_toggle_section:hover { border-color: color-mix(in oklab, var(--agwp-acc) 50%, transparent); }

/* Frage */
#top .togglecontainer .toggler,
#top .togglecontainer .toggler.activeTitle {
	position: relative;
	margin: 0;
	padding: 22px 68px 22px 22px;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-family: var(--agwp-font-body);
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	color: var(--agwp-ink);
	cursor: pointer;
}
#top .togglecontainer .toggler:hover { color: var(--agwp-ink); background: transparent; }

/* Icon: Enfold-Striche ausblenden, eigenes Plus im Kreis */
#top .togglecontainer .toggle_icon {
	position: absolute;
	left: auto;
	right: 20px;
	top: 50%;
	width: 28px;
	height: 28px;
	margin: -14px 0 0;
	border: 0;
	border-radius: 50%;
	background: var(--agwp-accsoft);
	transition: transform .25s;
}
#top .togglecontainer .toggle_icon > * { display: none !important; }
#top .togglecontainer .toggle_icon::before {
	content: "+";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 600 18px/1 var(--agwp-font-body);
	color: var(--agwp-accink);
}
#top .togglecontainer .toggler.activeTitle .toggle_icon { transform: rotate(45deg); }

/* Antwort */
#top .togglecontainer .toggle_wrap,
#top .togglecontainer .toggle_wrap.active_tc { border: 0; background: transparent; }
#top .togglecontainer .toggle_content {
	margin: 0;
	padding: 0 22px 22px;
	border: 0;
	background: transparent;
	font-size: 1rem;
	line-height: 1.65;
	color: var(--agwp-ink2);
}
#top .togglecontainer .toggle_content p { margin: 0 0 .7em; font-size: inherit; line-height: inherit; color: inherit; }
#top .togglecontainer .toggle_content p:last-child { margin-bottom: 0; }

/* Enfold-Zusatzelemente (Suchfeld/Tags ueber den Toggles) dezent */
#top .togglecontainer .taglist { margin-bottom: 8px; }