.accordion_ueberschrift {
		border-top: 1px solid #cecece;
		border-bottom: 1px solid transparent;
		padding-top: 1em;
		padding-bottom: 1em;
		margin-top: 0;
		margin-bottom: 0;
		position: relative;
		cursor: pointer;
		font-size: 100%;
		font-weight: normal;
		color: #888888;

		display: none;
		justify-content: space-between;
		align-items: center;
}
.accordion_ueberschrift:first-child {
		border-top: 0;
}
.accordion_ueberschrift.visible
{
		display: flex;
}

.accordion_ueberschrift.open {
		color: #444444;
		font-weight: bold;
}

		.accordion_ueberschrift .eingabeGewaehltIcon, .accordion_ueberschrift .eingabeGewaehltIconStatic {
				flex: 0 0 auto;
				width: 22px;
				height: 22px;
		}
		.accordion_ueberschrift .eingabeGewaehltIcon {
			
		}
		.accordion_ueberschrift .eingabeGewaehltIconStatic {
				display: none;
		}
		.mobileHeadsZusammenfassung .accordion_ueberschrift .eingabeGewaehltIconStatic {
				display: none;
		}

		.accordion_ueberschrift .eingabeGewaehltUe {
				flex: 1 1 auto;
				padding-right: 1em;
		}
				.accordion_ueberschrift .eingabeGewaehltUe .eingabeGewaehltUe_normal_colon {
						display: none;
				}
				.accordion_ueberschrift .eingabeGewaehltUe .eingabeGewaehltUe_zusatz {
						display: none;
				}


		.accordion_ueberschrift > img {
				vertical-align: middle;
				margin-left: 0.5em;
				margin-right: 1em;
		}
		.accordion_ueberschrift .eingabeGewaehltBez {
				font-style: italic;
				font-weight: normal;
				font-size: 90%;
				text-align: right;

				flex: 1 1 auto;
		}

				.accordion_ueberschrift.open .eingabeGewaehltBez {		/* das hier wieder in Standard-Farben anzeigen */
						color: #444444;
				}
				.accordion_ueberschrift .eingabeGewaehltBez .alert {
						color: #ff4444;
				}

		.accordion_ueberschrift .eingabeGewaehltHaken {
				margin-left: 1em;
				margin-right: 0.5em;

				flex: 0 0 auto;
		}
		.accordion_ueberschrift .eingabeGewaehltHakenMobile {
				display: none;
		}

#konfiguratorGesamt .eingabeBox {
		margin-top: 1em;
		margin-left: 2em;
		margin-bottom: 1em;
		display: none;
		overflow: hidden;		/* fuer die Animation */
		box-sizing: content-box;		/* - um das einheitlich ueber die verschiedenen Shoplayouts zu haben  - Um die Paddings mit animieren zu koennen */
}

@media (max-width: 500px) {
		/*   ist bereits in der konfigurator.css definiert
		.mobile_none {
				display: none;
		}
		*/
		.accordion_ueberschrift {
				padding: 1em;
				font-size: 14px;
				border-radius: 3px;
				border-top: 1px solid #eaeaea;
		}
		.accordion_ueberschrift, .accordion_ueberschrift.open {
				color: #000000;
		}
		.accordion_ueberschrift .eingabeGewaehltUe .eingabeGewaehltUe_normal_colon {
				/* nur beim Konfigurieren im Mobilen Layout anzeigen, nicht aber in der Zusammenfassungseite */
				display: inline;
		}
		.mobileHeadsZusammenfassung .accordion_ueberschrift .eingabeGewaehltUe .eingabeGewaehltUe_normal_colon {
				display: none;
		}

		.accordion_ueberschrift .eingabeGewaehltUe .eingabeGewaehltUe_zusatz.visible {
				/* nur beim Konfigurieren im Mobilen Layout anzeigen, nicht aber in der Zusammenfassungseite */
				display: inline;
		}
		.mobileHeadsZusammenfassung .accordion_ueberschrift .eingabeGewaehltUe .eingabeGewaehltUe_zusatz.visible {
				display: none;
		}

		.mobileHeadsEingabe .accordion_ueberschrift {
				border-radius: 4px;
				background-color: #EAEAEA;
				cursor: default;
				padding: 0.5em;
				margin-left: 1em;
				margin-right: 1em;
				font-size: 16px;
				font-weight: 500;
		}
				.mobileHeadsEingabe .accordion_ueberschrift .eingabeGewaehltUe_zusatz {
						font-weight: 400;
				}
		.mobileHeadsEingabe .accordion_ueberschrift::after {		/* Dreieck nach unten */
				content: ' ';
				border-width: 0 1px 1px 0;
				display: inline-block;
				padding: 8px;
				transform: rotate(45deg);
				position: absolute;
				bottom: -9px;
				left: calc(50% - 7px);
				background-color: #EAEAEA;
		}
				.mobileHeadsEingabe .accordion_ueberschrift .eingabeGewaehltIconStatic {
						margin: 0.5em;
				}
				.mobileHeadsEingabe .accordion_ueberschrift .eingabeGewaehltBez {
						display: none;
				}

		.accordion_ueberschrift:first-child {			/* wird sonst vom Desktop-Style ueberschrieben */
				border-top: 1px solid #eaeaea;
		}
				.accordion_ueberschrift .eingabeGewaehltIcon {
						display: none;
				}
				.accordion_ueberschrift .eingabeGewaehltIconStatic {
						display: block;
				}
				.accordion_ueberschrift .eingabeGewaehltUe {
						font-weight: 500;
						flex: 15 0 0;
				}
				#eingabe_ueberschrift_bez_gewaehlt {
						font-size: 16px;
				}
						#eingabe_ueberschrift_bez_gewaehlt .zusatz {
								font-weight: 400;
						}
				.accordion_ueberschrift > img {
				}
				.accordion_ueberschrift .eingabeGewaehltBez {
						color: #ff0000;
						text-align: left;
						font-size: 100%;
						flex: 30 0 0;
						font-style: normal;
				}
				.accordion_ueberschrift.konfigurationOk .eingabeGewaehltBez {
						color: #000000;
				}
			
				.accordion_ueberschrift .eingabeGewaehltHaken {
						display: none;
				}
				.mobileHeadsZusammenfassung .accordion_ueberschrift .eingabeGewaehltHakenMobile {
						display: block;
				}
		.accordion_ueberschrift_gesamt {
			
		}
}
