/* Überschreibt eventuell code aus der artikel_standard.css */


/* 	Accordeon wird Global in die Standard.css aufgenommen..ist bereits an vielen stellen vorhanden 
 *	TODO: Sicher Stellen das ein Mischbetrieb mit den anderen AccordeonBoxen funktioniert
 */
.accordion {
		margin-top: 1em;
}
		.ZubehoerOptionen_accordion_ueberschrift{
				border: 2px solid #F2F2F4;
				padding-top: 1em;
				padding-bottom: 1em;
				margin-top: 0;
				margin-bottom: 0;
				position: relative;
				cursor: pointer;
				font-weight: normal;
				color: #888888;
				font-size: 12px;

				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-align-items: center;
				align-items: center;
				margin-top: 1em;
		}
		.accordion_ueberschrift:first-child {
				border-top: 0;
		}
		.accordion_ueberschrift.initialNone {		/* die Ueberschriften, die je nach Konfiguration mal an und mal aus sein koennen initial auf aus stellen, dass sie beim Laden nicht kurz zu sehen sind und dann wieder verschwinden  */
				display: none;
		}
		.accordion_ueberschrift.active {
				color: #444444;
				font-weight: bold;
		}
				.ZubehoerOptionen_accordion_ueberschrift.active{
						background-color: #F2F2F4;
						color: #1A1A1A;
						font-weight: 500;
				}
				.ZubehoerOptionen_accordion_ueberschrift .eingabeGewaehltIcon {
						-webkit-flex: 0 0 auto;
						flex: 0 0 auto;
				}

				.ZubehoerOptionen_accordion_ueberschrift .eingabeGewaehltUe {
						-webkit-flex: 1 1 auto;
						flex: 1 1 auto;
						padding-right: 1em;
						font-size: 1.3em;
				}
						
				.ZubehoerOptionen_accordion_ueberschrift > img {
						vertical-align: middle;
						margin-left: 0.5em;
						margin-right: 1em;
				}
				.ZubehoerOptionen_accordion_ueberschrift .eingabeGewaehltBez{
						font-style: italic;
						font-weight: normal;
						font-size: 1.2em;
						text-align: right;

						-webkit-flex: 1 1 auto;
						flex: 1 1 auto;
				}
						.accordion_ueberschrift.active .eingabeGewaehltBez {		/* das hier wieder in Standard-Farben anzeigen */
								color: #444444;
						}

				.ZubehoerOptionen_accordion_ueberschrift .eingabeGewaehltHaken{
						margin-left: 1em;
						margin-right: 0.5em;

						-webkit-flex: 0 0 auto;
						flex: 0 0 auto;
				}



 .row {

    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 3% 0;
    border-bottom: 1px solid #cecece;
    /*font-size: 12px;*/
	/*font-size: unset;*/
	/*font-size: 0.8em;*/
	align-items: flex-start;
}
.row > img {
	padding: 0 0.5em 0 0;
}
.row a {
    /*font-size: 12px;*/
	color:#444;
	font-style:italic;
	/*margin: 0 0.5em;*/
}
.row a.zubehoer_standalone {
	/*margin-right: 5px;
	float: right;*/
}
.row:last-child {
	border-bottom: none;
}

.row label, .row > div.keine_auswahl {

    position: relative;
    display: block;
    text-indent: -22px;
    padding-left: 22px;

}

.row .eingabe {
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
}
.row .eingabe div:last-child {
	margin-top: 1em;
}
.row .eingabe div:last-child a.konfigurieren {
	padding: 1em 1em 1em 3.5em;
	display: block;
	background: url('/bilder/layout/settings_white.svg') no-repeat 1em 50%, url('/bilder/layout/navigate_next_white.svg') no-repeat 95% 50%, #000;
	background-size: 1.5em auto;
	color: #fff;
	text-decoration: none;
	width: 11.5em;
	margin: 0.5em 0;
	font-style: normal;
	/*	navigate_next_white.svg	*/
}
.row label {

    position: relative;
    display: block;
    text-indent: -22px;
    padding-left: 22px;

}

/* Todo: Prüfen: kann eventuell entfernt werden */
label, input[type="radio"] {
    cursor: pointer;
}

label.bez .checkbox_img, div.keine_auswahl .checkbox_img {

    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.bez .checkbox_img {
    vertical-align: middle;
}

.row .icons {
    -webkit-flex: 0 0 25px;
    flex: 0 0 25px;
    padding-left: 0.8em;
	display: flex;
	gap: 0.5em;
}

 .row .icon img {
    width: 25px;
	background-color: #F2F2F4;
	padding: 0.3em;
}

.groupButtonsBottom {
    text-align: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.btnNextBox {
    border: 1px solid #0E0E0F;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 1em;
    padding-right: 1em;
    display: inline-block;
    cursor: pointer;
	font-weight: 400;
	color: #0E0E0F;
}

.eingabeBox {

    padding: 1em;
    display: none;
    overflow: hidden;
	border: 2px solid #F2F2F4;
	box-sizing: content-box;
}

.bez.keine_auswahl {
    position: relative;
}
.bez.keine_auswahl::after {
    position: absolute;
    width: 20px;
    height: 20px;
    content: "";
    /*background: url(/i/stoffauswahl/icon_multi.svg);*/
    left: 0;
    top: -2px;
    background-size: cover;
}

.eingabeBox.ZubehoerOptionen_ input {
		display:none;
}


@media (max-width:500px) {
	.eingabeBox {
		margin-left: 2%;
		margin-right: 2%;
	}
}