.KonfiguratorTeaserToggles-section {
    margin-bottom: 10px;
    /* background-color: #343a40;  */
    border: 1px solid #2a2a2a !important;
    color: #c1965c !important;
    border-radius: 5px;
    overflow: hidden;
    max-width: 100 %; /* Stellt sicher, dass es nicht breiter wird als der Container */
}

.KonfiguratorTeaserToggles-header {
    padding: 10px;
    font-size: 0.875em;
    background-color: #333333ba !important;
    cursor: pointer;
	
	border-top: dotted;
	border-top-color: #d8d8d8;
    border-top-width: thin;
	border-radius: 0.5em;
	
}

.KonfiguratorTeaserToggles-content {
    padding: 10px;
    display: none; /* Standardmäßig nicht sichtbar */
	
	background-color: #eee;
	font-size: 0.875em;
	color: #dee2e66e;
	
}

 

.visible {
    display: block; /* Sichtbar, wenn die Klasse "visible" hinzugefügt wird */
	background-color: #eee;
	font-size: 0.875em;
	color: #333;
	
}

.collapsed {
    max-height: 140px; /* Höhe für die drei sichtbaren Zeilen */
    overflow: hidden;
}
         .rotated {
            transform: rotate(180deg); /* Drehung des Symbols */
        }