/* 20-accordeon.css Stand: 28.10.2025*/

/* Wenn das erste Legacy Accordion Elemente nicht offen sein soll, dann eintragen ins Template: j_accordion.html5: active: 'false', */

 /*benutze Variablen:*/
 
 :root {
	--accordeonheader: #ffffff;
    --accordeonhover: rgba(69, 137, 85, 1); /* #458955 */
    --accordeonback: rgba(66,66,66,1);
    --accordeonborder: rgba(0,0,0,1);
	--accordeoncontentback: rgba(140,140,140,0.9);
	
 }
 
/*	
	Anzeige aktuell mit "+" und "-" fürs Aufklapp-Symbol 
*/


/* Akkordeon Contao 5 */

.handorgel__header {
	font-size: 1em;
}

.handorgel__header__button {
	background: var(--accordeonback); /*!important;*/
	margin-top: 0.5em !important;
	border-top: 0px solid var(--accordeonback); /*!important;*/
	border-radius: 0.5em 0.5em 0 0; /*!important;*/
	color: var(--accordeonheader); /*!important;*/
}


.handorgel__header__button:hover {
	background: var(--accordeonhover); /*!important;*/
}

.handorgel__content--open {
	border-radius: 0 0 0.5em 0.5em; /*!important;*/
}

.handorgel__content {
	background: var(--accordeoncontentback); /*!important;*/
	border: var(--accordeonborder); /*!important;*/
}

.content-accordion {
    border-bottom: 0px solid #eee; /*!important;*/
	margin-bottom: 1em;
}

.handorgel__header__button:before {
	color: var(--accordeonheader);
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	width: 25px;
	text-align: center;
	content: '+';
}

.handorgel__header--open .handorgel__header__button:before {
    content: '-';
}

[aria-expanded="false"] {
	border-radius: 0.5em; /*!important;*/
}




/* Akkordeon mit Legacey Elemente von Contao 4 veraltet */

/* Abstände und Gestaltung des Accordion
.mod_article [class*=ce_accordion] {
	margin: 0.5em 0;
	border-radius: 0.5em;
	border: var(--accordeonborder);
}

.ui-accordion-content {
	padding: 0.25em 0.5em;
}

.ce_accordion .toggler {
	cursor: pointer;
	color: var(--accordeonheader);
	background: var(--accordeonback);
	outline: none;
	padding: 0.5em;
	font-weight: 700;	
}

.ce_accordion .toggler.active,
.ce_accordion .toggler:hover {
	background: var(--accordeonhover);
}

.ui-icon:before {
	color: var(--accordeonheader);
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	width: 25px;
	text-align: center;
	content: '+';
}

.ui-accordion-header-active .ui-icon:before {
    content: '-';
}
*/