/*
		23.11.2016 15:36 - Jannick - "margin-top: 1em;" zwischen "mwst. zzgl. Versandkosten" und "rabatt beschreibung"
            30.03.2017 carschtn     konfektion (erstmal nur input type text) dazu
*/

.bestandsinfo .red {color:darkred;}
.bestandsinfo .orange {color:orange;}
.bestandsinfo .green {color:#000;}
.bestandsinfo {margin:20px;}
.bestandsinfo strong {font-weight: 600;}
.bestandsinfo .haken {padding-right:20px;background-image:url("/bilder/layout/icon_haken_aufzaehlung.svg");background-repeat:no-repeat;background-position:right top;}

.konfektionwrap * {
    box-sizing: border-box;
}
.konfektion .icon {
    display: inline;
    height: 20px;
    width: 20px;
}
.auswahl_variation_box {float:left;}
div.selectBox
			{
				position:relative;
				display:inline-block;
				cursor:default;
				text-align:left;
				line-height:42px;
				clear:both;
                font-size:8pt;
			}
			div.selectBox span.selected
			{
				padding: 0 10px;
				text-align:center;
				border:1px solid #1a73ff;
				border-right:none;
				/*border-top-left-radius:5px;
				border-bottom-left-radius:5px;*/
				background:#fff;
				overflow:hidden;
			}
            div.selectBox span.selected.sel
			{
				line-height:19px;
			}
            div.selectBox span.selected.sel span {
                display: block;
                text-align: center;
            }
			div.selectBox span.selectArrow
			{
				width:40px;
                /*transform: scale(2, 1);*/
				border:1px solid #1a73ff;
				/*border-top-right-radius:5px;
				border-bottom-right-radius:5px;*/
				text-align:center;
				font-size:12px;
                color:#fff;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				background:#1a73ff;
			}
            div.selectBox span.selectArrow.sel
			{
				
                color:#1a73ff;
				
				background:#fff;
			}
            div.selectBox span.selectArrow span {
                display: inline-block;
                transform: scale(1.6, 1);
            }
			div.selectBox span.selectArrow span.sel {
                
                transform: rotate(180deg) scale(1.6, 1);
            }
			div.selectBox span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:42px;
				z-index:1;
			}
			
			div.selectBox div.selectOptions
			{
				position:absolute;
				top:40px;
				left:0;
				width:100%;
				border:1px solid #1a73ff;
				/*border-bottom-right-radius:5px;
				border-bottom-left-radius:5px;*/
				overflow:hidden;
				background:#fff;

				display:none;
			}
				
			div.selectBox span.selectOption {
                display: block;
                height: 42px;
                line-height: 42px;
                text-align: center;
                width: 100%;
            }
			div.selectBox span.selectOption:last-child
			{
				background-color:#1a73ff;
                color:#fff;
                cursor:pointer;
                height:18px;
                line-height:18px;
                width:auto;
                background-color: #1a73ff;
                border-color: currentcolor currentcolor #0040a0;
                border-style: none none solid;
                border-width: 0 0 2px;
                text-align:center;
			}
			div.selectBox span.selectOption:hover
			{
				color:#fff;
				background:#1a73ff;	
			}			

#menue_filter {
		display: none;
}
		#layout_filterNarrow {
				display: none;
				position: fixed;
				z-index: 1;		/* alles andere liegt auf Ebene 0 */
				right: 0;
				top: 0;
				max-width: 90%;
				background-color: #2d3e50;
		}

#layout_filterWide #filter_head {
		display: none;
}
#layout_filterNarrow #filter_head {
		background-color: #2d3e50;
		color: #ffffff;
		line-height: 56px;
		cursor: pointer;
		font-size: 14px;
		margin-bottom: 1px;
}
		#layout_filterNarrow #filter_head .filter_head_text {
				float: left;
				margin-left: 1.3em;
				font-weight: bold;
				text-transform: uppercase;

		}
		#layout_filterNarrow #filter_head .filter_head_katname {
				float: left;
		}
		#layout_filterNarrow #filter_head .filter_head_dreieck {
				float: right;

				/* CSS-Dreick */
						width: 0;
						height: 0;
						border-top: 28px solid transparent;
						border-right: 15px solid #3e546c;
						border-bottom: 28px solid transparent;
				/* Ende CSS-Dreieck */
		}
		#layout_filterNarrow #filter_head .filter_head_close {
				float: right;

				background-color: #3e546c;
				width: 38px;
				text-align: center;
				font-weight: bold;
		}



#layout_filterNarrow #filter_bottom {
		overflow: auto;
		-webkit-overflow-scrolling: touch;		/* bewirkt, dass beim Safari (iPhone) weiches Scrolling aktiviert ist */
		background-color: #2d3e50;
}


/* Auswahl eingrenzen */


.auswahl_eingrenzen .aktive_heading {
		font-weight:bold;
}

#layout_filterWide.auswahl_eingrenzen .auswahlBox {
		border-left: 1px solid #efefef;
		border-right: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
}
		#layout_filterWide.auswahl_eingrenzen .auswahlBoxFarbe {
				padding-left: 11px;
				padding-top: 11px;
		}
		#layout_filterWide.auswahl_eingrenzen .auswahlBox .range {
				margin-left: 30px;
		}
				#layout_filterWide.auswahl_eingrenzen .auswahlBox .range input {
						border: 1px solid #d2d2d2;
						border-radius: 3px;
						color: #aaaaaa;
						padding: 2px;
						width: 30%;
				}
				#layout_filterWide.auswahl_eingrenzen .auswahlBox .range button {
						border: 1px solid #ddd;
						border-radius: 3px;
						color: #ddd;
						padding-left: 6px;
						padding-right: 6px;
						padding-top: 0;
						padding-bottom: 0;
						background-color: #efefef;
				}

#layout_filterNarrow.auswahl_eingrenzen .auswahlBox {
		color: #ffffff;
}
		#layout_filterNarrow.auswahl_eingrenzen .auswahlBoxFarbe {
				padding-left: 15px;
				padding-top: 15px;
		}


/* grosse Desktop-Symbole */
#layout_filterWide.auswahl_eingrenzen .farbbox {
		border: 1px solid #f1f1f1;
		cursor: pointer;
		float: left;
		font-weight: bold;
		height: 27px;
		line-height: 27px;
		text-align: center;
		width: 27px;
		margin-right: 11px;
		margin-bottom: 11px;
}
/* schmaler mobile Filter */
#layout_filterNarrow.auswahl_eingrenzen .farbbox {
		border: 1px solid #f1f1f1;
		cursor: pointer;
		float: left;
		font-weight: bold;
		text-align: center;
		width: 22px;
		height: 22px;
		line-height: 22px;
		margin-right: 19px;
		margin-bottom: 19px;
}



.auswahl_eingrenzen .beige, .artikelbox .beige { background-color: #d4be8d; color: #ffffff; }
.auswahl_eingrenzen .blau , .artikelbox  .blau{ background-color: #3485ff; color: #ffffff; }
.auswahl_eingrenzen .braun , .artikelbox  .braun{ background-color: #6f3e18; color: #ffffff; }
.auswahl_eingrenzen .gelb , .artikelbox  .gelb { background-color: #fffc00; color: #888888; }
.auswahl_eingrenzen .gruen, .artikelbox  .gruen { background-color: #73b525; color: #ffffff; }
.auswahl_eingrenzen .orange, .artikelbox .orange { background-color: #ff6501; color: #ffffff; }
.auswahl_eingrenzen .rosa, .artikelbox .rosa { background-color: #ed008c; color: #ffffff; }
.auswahl_eingrenzen .rot, .artikelbox .rot { background-color: #ea0001; color: #ffffff; }
.auswahl_eingrenzen .schwarz, .artikelbox .schwarz { background-color: #000000; color: #ffffff; }
.auswahl_eingrenzen .violett, .artikelbox .violett { background-color: #9349aa; color: #ffffff; }
.auswahl_eingrenzen .weiss , .artikelbox .weiss{ background-color: #ffffff; color: #888888; }
.auswahl_eingrenzen .grau, .artikelbox .grau { background-color: #838383; color: #ffffff; }
.auswahl_eingrenzen .silber, .artikelbox .silber { background-color: #c0c0c0; background-image: url("/bilder/filter/silber.png"); color: #ffffff; }
.auswahl_eingrenzen .gold, .artikelbox .gold { background-color: #ffd700; background-image: url("/bilder/filter/farben/gold.png"); color: #ffffff; }
.auswahl_eingrenzen .messing, .artikelbox .messing { background-color: #ae884b; background-image: url("/bilder/filter/messing.png"); color:#ffffff; }

.auswahl_eingrenzen .mehrfarbig, .artikelbox .mehrfarbig { background-color: #fff; background-image: url("/bilder/filter/icon_farbauswahl_mehrfarbig.svg"); color:#ffffff; background-size: 100% 100%; }

.auswahl_eingrenzen .transparent, .artikelbox .transparent { background-color: #ffffff; background: linear-gradient(to bottom right, #e1e1e1 0%, #e1e1e1 50%, #ffffff 50%, #ffffff 100%); color:#888888; }




.elemAuswahlWrap {
		display:none;
}

.artikel_alle .auswahl_eingrenzen {
		/* flex: 1 1 0; eigentlich diese Angabe, statt der naechsten, aber der IE11 macht wieder alles kaputt (beim Edge passt es aber) */
		/* flex: 1; */
		flex: 1 0 220px;

		padding-left: 11px;
		padding-right: 11px;
		font-size: 16px;
		border-left: 1px solid #efefef;
		border-right: 1px solid #efefef;
		margin-left: 0;
		margin-right: 22px;
		margin-bottom: 1em;
		font-weight: 300;
}

#layout_filterWide.auswahl_eingrenzen .auswahlUeberschrift {
		padding: 1em;
		margin-top: 1em;
		margin-bottom: 0;
		background-color: #efefef;
		background-image: url(/artikel/bilder/pfeil_unten.png);
		background-repeat: no-repeat;
		cursor: pointer;
		background-position: 4% center;
		text-align: center;
}
		#layout_filterWide.auswahl_eingrenzen .auswahlUeberschrift:first-of-type {
				margin-top: 0;
		}

.auswahl_eingrenzen .unklappbar {
		background-image: none;
		cursor: default;
}



#layout_filterNarrow.auswahl_eingrenzen .auswahlUeberschrift {
		padding: 1em;
		margin-top: 1px;
		margin-bottom: 0;
		background-image: url(/bilder/layout/menue/arrow_menuefilter_narrow_inactive.svg);
		background-repeat: no-repeat;
		background-position: 4% center;
		background-size: 15px auto;
		background-color: #3e546c;
		cursor: pointer;
		text-align: center;
		color: #99abb7;
}
		#layout_filterNarrow.auswahl_eingrenzen .auswahlUeberschrift:first-child {
				margin-top: 0;
		}








.auswahl_eingrenzen .icon:not(.farbbox), .stoffe_alle .auswahl_eingrenzen .icon:not(.farbbox) {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
	text-align: center;
}
.auswahl_eingrenzen h3.auswahlUeberschrift  {
	font-weight: normal;
}

.auswahl_eingrenzen a {
    color: #444;
    text-decoration: none;
	display: inline-block;		/* mit display: block geht der Klickbereich nicht nur ueber den Text, sondern ueber den ganzen Block */
}


#layout_filterWide.auswahl_eingrenzen label {
		padding-bottom: 6px;
		padding-top: 6px;
		display: block;
		border-bottom: 1px solid #e6e6e6;
		cursor: pointer;
		line-height: 2em;

		background-repeat: no-repeat;
		background-position: 96% center;
		background-image: url(/bilder/filter/_schalter_aus.svg);
}

#layout_filterWide.auswahl_eingrenzen label:nth-last-child(+1) {
			border-bottom: 0;
}

		#layout_filterWide.auswahl_eingrenzen label input[type="checkbox"] {
				vertical-align: middle;
				margin: 4px;
		}

		#layout_filterWide.auswahl_eingrenzen label img {
				vertical-align: middle;
				display: block;
				margin-left: auto;
				margin-right: auto;
				margin-top: 0;
				margin-bottom: 0;
		}


#layout_filterNarrow.auswahl_eingrenzen label {
		padding-bottom: 6px;
		padding-top: 6px;
		display: block;
		border-bottom: 1px solid #40576f;
		cursor: pointer;

		background-repeat: no-repeat;
		background-position: 96% center;
		background-image: url(/bilder/filter/_schalter_aus.svg);
}

#layout_filterNarrow.auswahl_eingrenzen label:nth-last-child(+1) {
			border-bottom: 0;
}

		#layout_filterNarrow.auswahl_eingrenzen label input[type="checkbox"] {
				vertical-align: middle;
				margin: 4px;
		}

		#layout_filterNarrow.auswahl_eingrenzen label img {
				vertical-align: middle;
				margin-left: 0;
				margin-right: 2px;
				margin-top: 0;
				margin-bottom: 0;
		}



.auswahl_eingrenzen .linkWrap {
		text-align: right;
}
.auswahl_eingrenzen .wrap {
		float: none;
}
.auswahl_eingrenzen .link {
		display: inline-block;
		text-decoration: none;
		margin-top: 2em;
		cursor: pointer;
		color: #444444;
		border: 1px solid #e6e6e6;
		background-color: #f1f1f1;
		padding: 0.3em;
		font-size: 0.9em;
}
.auswahl_eingrenzen .link:hover {
		color: #000000;
		border-color: #888888;
}

.auswahl_eingrenzen .link:active {
		color: #000000;
		border-color: #888888;
		border-style: inset;
}



























.artikel_alle .blockListing {
		width: 100vw;
		margin: 0 2em;
		/* flex: 4.4 1 0; */
		/* flex: 4.4; */
		/* flex: 3 1 1000px; */
}

a img {
		border: 0;
}

input[type=number] {
		/* z.B. das Mengenfeld */
		-moz-appearance: textfield;		/* Beim Firefox-Browser 41 sehen die Spin-Buttons nicht schoen aus */
}

/* Wir haben teilweise eigene Spinner-Buttons eingebaut. Da brauchen wir die vom System nicht zusaetzlich noch */
/* In Chrome/Safari geht es dann so */
/* Remove controls from Safari and Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none;
	  margin: 0; /* Removes leftover margin */
}

/* Adds a box around the numeric value in Safari and Chrome */
input[type=number]::-webkit-textfield-decoration-container {

}




/*
		.warenkorb.normal: Ansicht im Ambiente/Artikel
		.warenkorb.box: Ansicht im Warenkorb-Fenster
*/
.warenkorb.box {
		background-color: #e6e6e6;
		color: #444444;
		border: 0;
}
		.button.deaktiviert {
				opacity: 0.4;
				cursor: not-allowed;
		}

.msg_notfound {
		color: #888888;
		font-style: italic;
		margin: 40px;
		text-align: center;
}

.msg_notfound_icon {		/* z.B. die Meldung mit dem Icon */
		color: #888888;
		font-style: italic;
		margin-left: 40px;
		margin-right: 40px;
		margin-top: 100px;
		margin-bottom: 40px;
		text-align: left;
		line-height: 2em;
		margin-left: 5em;
}
		.msg_notfound_icon img {
				float: left;
				margin-right: 1em;
		}

.link_weitere {
		text-align: center;
		margin-right: 1em;
		margin-top: 2em;
		margin-bottom: 2em;
}

/* Ambiente Uebersicht */
.auswahl_motivgruppe {
		text-align: center;
}
		.auswahl_motivgruppe h2 {
				font-weight: normal;
				margin-bottom: 0.3em;
		}
		.auswahl_motivgruppe p {
				margin-top: 0.3em;
				margin-bottom: 1.5em;
		}
		.auswahl_motivgruppe a {
				text-decoration: none;
				display: inline-block;
				position: relative;
		}
				.auswahl_motivgruppe .motivgruppe_out {
						width: 115px;
						height: 120px;
						position: absolute;
						top: 0;
						left: 0;
						background-color: #000000;
						opacity: 0;
				}

		.ambiente_alle .auswahl_eingrenzen .farbbox {
				margin-left: 5px;
		}

/* .ambiente_alle */
.ambiente_alle .listing {
		padding-left: 2.4%;
		padding-right: 2.4%;
		margin-right: -3.6%;
}

.ambiente_alle .listing a {
		display: inline-block;
		width: 300px;
		text-decoration: none;
		margin-right: 3.6%;
		margin-bottom: 1.4em;
		position: relative;
		color: #444444;
}

/*
.ambiente_alle .listing a:nth-child(3n) {		// das geht leider nur, wenn 3 Elemente nebeneinander sind - bei kleinen Bilschirmen mit 2 oder ein Spalten, braeuchten wir 2nth bzw. 1st child - Neue Loesung:  Ich ziehe beim umgebenden DIV margin-right den Wert ab, den ich hier gesetzt haette
		margin-right: 0;
}
*/

		.ambiente_alle .listing .box_detail {
				display: none;
				border: 1px solid #cfcfcf;
				height: 462px;
				left: -10px;
				position: absolute;
				top: -10px;
				width: 310px;
				z-index: 20;
				background-color: #ffffff;
		}
		.ambiente_alle .listing a:hover .box_detail {
				display: block;
		}
		.ambiente_alle .listing a:hover .box_normal {
				z-index: 21;
				position: relative;		/* z-index funktioniert nur in Kombination von position */
		}

				.ambiente_alle .listing .box_detail_bottom {
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
				}
						.ambiente_alle .listing .box_detail_bottom .left {
								text-align: left;
								margin: 10px;
						}
						.ambiente_alle .listing .box_detail_bottom .right {
								text-align: right;
								margin: 10px;
						}
								.ambiente_alle .listing .box_detail_bottom .box_detail_bottom_weiter {
										padding: 10px;
										background-color: #888888;
										color: #ffffff;
										font-size: 0.85em;
										display: inline-block;
								}

		.ambiente_hauptbild {
				text-align: center;
				float: left;
		}
				.ambiente_hauptbild img {

				}
		.ambiente_alle .listing .ambiente_hauptbild {
				width: 250px;		/* Die Massangaben dienen als Platzhalter, dass durch .imgPostload nicht gleich alle Bilder geladen werden - aber nur in der Ambiente-Uebersicht, nicht auf der Ambiente-Detailseite */
				height: 376px;
		}
		.ambiente_ueberschrift_set {
				display: inline-block;
				background-color: #888888;
				color: #ffffff;
				width: 31px;
				text-align: center;
				text-transform: uppercase;
				padding: 3px;
				margin-left: 4px;
				margin-bottom: 4px;
				font-size: 11px;
				position: relative;
		}
				.ambiente_ueberschrift_set:after {
						top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(191, 0, 8, 0); border-top-color: #888888; border-width: 5px; margin-left: -5px;
				}

		.ambiente_alle .listing a:hover .ambiente_ueberschrift_set {
				background-color: #bf0008;
		}
				.ambiente_alle .listing a:hover .ambiente_ueberschrift_set:after {
						border-top-color: #bf0008;
				}

		.ambiente_alle .listing .ambiente_artikel {
				float: left;
				margin-left: 1.6%;
				margin-left: 1.6%;
				padding-bottom: 8px;
		}

/* Einschraenkung der Eigenschaften */

		.hover_underline, .hover_underline_active {
				font-size: 10px;
				color: #888888;
				margin-left: 4px;
		}

				.hover_underline:hover {
						text-decoration: underline;
				}

		.hover_underline_active {
				color: #de8904;
		}

				.box_suche {
						text-align: right;
						position: absolute;
						right: 0;
						top: -35px;
				}
						.box_suche input[type="text"] {
								border-left: 1px solid #d2d2d2;
								border-top: 1px solid #d2d2d2;
								border-bottom: 1px solid #d2d2d2;
								border-right: 0;
								color: #bbbbbb;
								font-size: 10px;
								width: 88px;
								padding: 4px;
								height: 13px;
						}
						.box_suche input[type="submit"], .box_suche button[type="submit"] {
								border-left: 0;
								border-top: 1px solid #d2d2d2;
								border-bottom: 1px solid #d2d2d2;
								border-right: 1px solid #d2d2d2;
								vertical-align: bottom;
								background-color: #f4f4f4;
								background-image: url(/i/stoffuebersicht_lupe.png);
								background-repeat: no-repeat;
								background-position: 3px 3px;
								width: 22px;
								height: 23px;
						}















/* .artikel_alle */



.artikel_alle {
		margin-top: 2em;
		display: flex;
}

		.artikel_alle h2 {
				margin-top: 0;
				margin-bottom: 0;
		}



		.ueberschrift_suche {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				margin-top: 0;
				padding-top: 0;
				margin-bottom: 1em;
				padding-bottom: 1em;
				border-bottom: 1px solid #efefef;
		}

				.ueberschrift_suche h1 {
						font-size: 20px;
						font-weight: normal;
						margin: 0;
						padding: 0;
				}
				.ueberschrift_suche #ueberschrift_suche {

				}


.artikel_alle .listing {
		margin-bottom: 3em;		/* Abstand zum Trenner-Banner */
}
		.artikel_alle .listing .listing_group {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: stretch;
				/*align-content: */
				margin-left: -1.5%;
				/*margin-right: -1.5%;*/
		}

				.artikel_alle .listing .listing_group .artikelbox {
						margin-left: 1.5%;
						margin-right: 1.5%;
						margin-bottom: 6em;
						position: relative;
						vertical-align: top;
						flex: 1 1 220px;
				}

				.artikel_alle .listing .listing_group a {
						text-decoration: none;
						color: #080808;
				}

						.artikel_alle .listing .listing_group .hauptbild {
								text-align: center;
								width: 100%;
								min-height: 120px;
								position: relative;
						}
								.artikel_alle .listing .listing_group .hauptbild img {
										display: block;
										width: 100%;
								}
								.artikel_alle .listing .listing_group .hauptbild .hoverBackground {
										display: none;
										position: absolute;
										left: 0;
										top: 0;
										width: 100%;
										height: 100%;
										background-color: #080808;
										opacity: 0.4;
								}
								.artikel_alle .listing .listing_group .hauptbild .hover {
										display: none;
										position: absolute;
										left: 0;
										top: 40%;
										width: 100%;
								}
										.artikel_alle .listing .listing_group .hauptbild .hover > div {
												padding-top: 1em;
												padding-bottom: 1em;
												padding-left: 2em;
												padding-right: 2em;
												border: 2px solid #ffffff;
												color: #ffffff;
												text-transform: uppercase;
												margin: auto;
												display: inline-block;
												font-size: 18px;
												font-weight: 300;
										}
								  .artikel_alle .listing .listing_group .artikelbox a:hover .hoverBackground
								, .artikel_alle .listing .listing_group .artikelbox a:hover .hover
								{
										display: block;
								}

						.artikel_alle .listing .listing_group .artikelbox .farbboxen {
								margin-top: 1em;
						}
								.artikel_alle .listing .listing_group .artikelbox .farbbox {
										width: 18px;
										height: 18px;
										line-height: 18px;
										display: inline-block;
										border: 1px solid #cacaca;
										text-align: center;
										font-weight: bold;
										cursor: pointer;
										margin-right:3.8%;
								}
						.artikel_alle .listing .listing_group .bottom {
								clear: both;
								padding-top: 1em;
						}
								.artikel_alle .listing .listing_group .bottom .bezeichnung {
										font-size: 0.9em;
										font-weight: 300;
										
										/*
										Diese Box soll immer zwei Zeilen hoch sein. Auch wenn nur Text im Wert von einer Zeile da ist. Text im Wert von 3 Zeilen soll nicht vorkommen.
										Height auf 2em setzen reicht nicht aus. 1em = aktuelle font-size
										Die Zeilenhoehe ist aber groesser als 1em (font-size)
										*/
										line-height: 1.4em;			/* Wahrsscheinlich die Standardeinstellung von Firefox */
										min-height: 2.8em;			/* Ein Vielfaches von line-height. In diesem Fall 2 Zeilen. - min-height statt height: Falls es dochmal mehr als zwei Zeilen werden sollen */
										
								}
								.artikel_alle .listing .listing_group .bottom .preis {
										font-weight: 600;
										margin-top: 1em;
										text-align: center;
										font-size: 1em;
										color: #080808;
								}
								.preis {padding-left:0!important;}


				.artikel_alle .listing .listing_group .artikelbox.filler {
						margin-top: 0;
						margin-bottom: 0;
						height: 0;
				}
		.artikel_alle .listing .listing_zwischenueberschrift {

		}

.einzelartikel_trenner {
		text-align: center;
		margin-top: 1em;
		margin-bottom: 1em;
		border-top: 1px solid #e6e6e6;
		position: relative;
		max-width: 970px;
		margin-left: auto;
		margin-right: auto;
}
		.einzelartikel_trenner img.trenner {
				max-width: 970px;		/* die eigentliche Bildgroesse */
				width: 100%;			/* so wird es responsive dynamisch gross */
				display: block;			/* so koennen die Margins zwischen diesem und dem darauf folgenden Element zusammenfallen */
				margin-left: auto;
				margin-right: auto;
				margin-top: 3em;
				margin-bottom: 2em;
		}
		.einzelartikel_trenner .text {
				font-size: 0.85em;
				margin: 2em;
		}

.text_after {
		margin-top: 1em;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox, ab Version 2 mit -moz-, auch in Version 49 immernoch mit Praefix */
		column-count: 2;

		-webkit-column-gap: 5em;
		-moz-column-gap: 5em;
		column-gap: 5em;


		border-top: 1px solid #e6e6e6;
		padding-top: 2em;
		margin-bottom: 2em;
}
		.text_after > *:first-child {
				margin-top: 0;
				padding-top: 0;
		}
.noCols {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
}
@media (max-width: 1000px) {
		.text_after {
				-webkit-column-count: 1;
				-moz-column-count: 1;
				column-count: 1;
		}
}











/* Einzelnes Ambiente mit Bestellmoeglichkeit */
.ambiente {

}
		.ambiente h2.titel {
				font-weight: normal;
				margin-top: 0;
				margin-bottom: 0;
				font-size: 1.5em;
		}


		.ambiente > .details_head {
				padding-top: 8px;
				padding-bottom: 8px;
				margin: 0;
				font-size: 11px;
				font-weight: normal;
				cursor: pointer;
		}
		.ambiente > .details_head:first-child {
				border-top: 1px solid #e6e6e6;
		}
				.ambiente > .details_head span {		/* der Pfeil */
						display: inline-block;
				}
		.ambiente > .details_box {
				/* display: none; */
				height: 0;
				overflow: hidden;
				font-size: 0.85em;
		}


		.ambiente .block_number_set {
				display: inline-block;
				background-color: #bf0008;
				color: #ffffff;
				padding-top: 7px;
				padding-bottom: 7px;
				padding-left: 19px;
				padding-right: 19px;
				text-transform: uppercase;
				font-size: 0.85em;
				margin-bottom: 2px;
				position: relative;
				text-align: center;
		}
				.ambiente .block_number_set:after {
						top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(191, 0, 8, 0); border-top-color: #bf0008; border-width: 2px; margin-left: -2px;
				}
		.ambiente .block_number {
				display: inline-block;
				background-color: #888888;
				color: #ffffff;
				padding-top: 7px;
				padding-bottom: 7px;
				padding-left: 19px;
				padding-right: 19px;
				text-transform: uppercase;
				font-size: 0.85em;
				margin-bottom: 2px;
				position: relative;
				text-align: center;
		}
				.ambiente .block_number:after {
						top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(191, 0, 8, 0); border-top-color: #888888; border-width: 2px; margin-left: -2px;
				}

		.ambiente .bestellung {
				clear: both;
				margin-top: 3em;
		}

		.ambiente .box_bottom_artikel_title {
				font-size: 0.85em;
				margin-top: 4px;
				margin-bottom: 4px;
		}


		.ambiente .ambienteUebersicht {
				margin-top: 1.5em;
		}
				.ambiente .ambienteUebersicht > div {
						vertical-align: top;
						display: table-cell;
				}
						.ambiente .ambienteUebersicht > .left {

						}

						.ambiente .ambiente_hauptbild {
								width: 100%;
						}

						.ambiente .artikelbild {
								display: block;
								max-width: 161px;		/* Groesse vom Artikelbild */
								float: left;
								margin-left: 2.5%;
								position: relative;
								text-decoration: none;
								color: #444444;
								position: relative;		/* um den Hinweis "nicht verfuegbar" platzieren zu koennen */
						}
								.ambiente .artikelbild img {
										border: 0;
										display: block;
										width: 100%;
								}
								.ambiente .artikel_nichtlieferbar_bild {
										opacity: 0.4;
								}
								.ambiente .artikel_nichtlieferbar_banner {
										position: absolute;
										width: 100%;
										left: 0;
										top: 40%;
										color: #ffffff;
										background-color: #bf0008;
										text-align: center;
										padding: 0.5em;
										box-sizing: border-box;
								}
								.ambiente .operator {
										position: absolute;
										top: 130px;
										left: -30px;
										font-size: 2em;
										width: 50px;
										height: 50px;
										line-height: 50px;
										text-align: center;
										z-index: 0;
										color: #444444;
								}
										.ambiente .operator:after {
												content: "";
												background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAAwYNJkJYZHGAj6/A5vkjOo6/AAAA3ElEQVR4XnWUPQ4BURRGrxEkNJYwhZ4dSPQyeo1aww4sYZZApaWxDNEoJbMDEiYMMa5B5sfLO6c9eb/3flcyWuPt8bDsiYkz1B8b91+UfU2JOkVRmmnOrSk5fS2yz0VV/xllZm6YeyrqarKAJdmi/BTzJM9iwu9bAouJP2+qqY1pYrpWc0mMbzWRiKN2XKmAGUgDzFraYM7igQllAuYqKzAP2YF5SgAmlhOYFxvejW/At+aX8u/wj3IVuHJcbe4Q7iruRO5e7nhOCSeL08gJ5tTzpODpwhOJpxhPvjcyL8pgyaS6UgAAAABJRU5ErkJggg==');	/* white circle */
												opacity: 0.7;
												top: 0;
												left: 0;
												bottom: 0;
												right: 0;
												position: absolute;
												background-repeat: no-repeat;
												z-index: -1;
										}
								.ambiente .artikelbild .linktext {
										display: inline-block;
										color: #888888;
										background-color: #e6e6e6;
										padding: 11px;
										font-size: 0.85em;
								}



@media (max-width: 500px) {
		.ambiente .ambienteUebersicht > .left {
				display: block;
				float: none;
				width: auto !important;
		}
		.ambiente .ambienteUebersicht > .right {
				display: none;
		}
}

.artikelTrenner {
		border-top: 1px solid #e6e6e6;
		position: relative;
}
		  .artikelTrenner .icon_plus				/* Artikel-Trenner im Ambiente */
		, .einzelartikel_trenner .icon_plus		/* Ambiente-Artikel-Trenner in der Artikel-Uebersicht */
		{
				position: absolute;
				left: 50%;
				margin-left: -27px;
				top: -27px;
		}

.artikel {
		margin-top: 1.4em;
		margin-bottom: 3em;
}

		.artikel .logo {
				max-width: 150px;
				margin-bottom: 0.2em;
				width: 100%;
		}
		.artikel .logo.m_4decor {
				height: 80px;
		}
		.artikel .logo.m_lysel {
				height: 60px;
		}
		.artikel .logo.m_basic_shades {
				width: 156px;
		}

		.artikel .markenueberschrift {
				color: #888888;
				font-size: 0.85em;
		}

		.artikel .titel {
				font-weight: normal;
				font-size: 1.2em;
				color: #000000;
				margin-top: 0.3em;
				margin-bottom: 10px;
		}

		.artikel .artikelnummer {
				color: #888888;
				font-size: 11px;
		}

		.artikel .artikel_table_main {
				margin: 1em 2em 0 2em;
				display: flex;
				flex-direction: row;
		}
				.artikel .artikel_table_main > .left, .artikel .artikel_table_main > .middle, .artikel .artikel_table_main > .right {
						display: inline-block;
						align-items: flex-start;
				}


				.artikel .artikel_table_main > .left {
						flex: 35;
						text-align: center;
						box-sizing: border-box;
						padding-right: 5%;
				}
				.artikel .artikel_table_main > .left .middleContainer {
						/* max-width: 500px; */		/* reale Pixel-Breite vom Bild */
						position: relative;		/* um den Schriftzug "Artikel nicht verfuegbar" platzieren zu koennen */

				}
						.artikel .artikel_table_main > .left .artikelbild_gross {
								width: auto;
								max-width: 100%;
						}
						.artikel .artikel_table_main > .left .preview {
								text-align: left;
								margin-top: 1em;
								margin-bottom: 1em;
						}
								.artikel .artikel_table_main > .left .preview > img {
										margin-right: 2%;
										cursor: pointer;
										width: 50px;
								}
						.artikel .link_dekobeispiele {
								display: none;	/* wird per PHP/Javascript auf 'block' gesetzt */
								margin-left: auto;
								margin-right: auto;
								text-align: left;
								text-decoration: none;
								font-size: 0.85em;
								background-color: #bf0008;
								padding: 0.5em;
						}

								.artikel .link_dekobeispiele .icon {
										vertical-align: middle;
										display: inline-block;
										/* width: 20%; */
										padding-left: 0.5em;
										padding-right: 0.5em;
								}
										.artikel .link_dekobeispiele .icon img {
												display: block;
												width: 100%;
										}
								.artikel .link_dekobeispiele .text {
										vertical-align: middle;
										display: inline-block;
										color: #ffffff;
										padding-left: 0.5em;
										padding-right: 0.5em;
								}
								.artikel .link_dekobeispiele .pfeil {
										vertical-align: middle;
										display: inline-block;
										color: #ffffff;
										padding-left: 0.5em;
										padding-right: 0.5em;
								}
								.artikel .zeichnung {
										margin-top: 2em;
								}
										.artikel .zeichnung img {
												margin-top: 1em;
												width: 48%;
												/*border: 1px solid #efefef;*/
												max-height: 500px;
										}
								.artikel .bemassung ul {
										list-style-type: none;
								}


				.artikel .artikel_table_main > .middle {
						flex: 21;
						padding-right: 1%;
				}
						.kundenbewertung {
								margin-top: 1em;
								margin-bottom: 2em;
						}
								.sternewertung {
										font-size: 0.85em;
								}
										.sternewertung img {
												vertical-align: middle;
												height: 13px;
										}
						.artikel .link_kundenmeinungen {
								cursor: pointer;
								display: block;
								text-decoration: none;
								color: #6b6b6b;
								font-size: 11px;
						}
						.artikel .link_kundenbilder {
								cursor: pointer;
								display: block;
								text-decoration: none;
								color: #888888;
								font-size: 0.9em;
								margin-top: 1em;
						}


						.box_ergaenzend {
								margin-top: 4em;
								border-top: 1px solid #e6e6e6;
								padding-top: 8px;
								padding-bottom: 8px;
								margin-bottom: 3em;
								font-size: 0.85em;
						}

								.box_ergaenzend .ergaenzend_ueberschrift {
										font-size: 1.4em;
								}
								.box_ergaenzend .ergaenzend_leiste {
										display: flex;
										margin-left: -25px;
										margin-right: -25px;
								}
										.box_ergaenzend .ergaenzend_scroll_button {
												display: none;
												
												background-color: #e6e6e6;
												border: 1px solid #e6e6e6;

												text-align: center;
												/*
												font-size: 20px;
												font-weight: bold;
												*/
												height: 17px; line-height: 17px;
												cursor: pointer;
												user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
										}
												.box_ergaenzend .ergaenzend_scroll_button img {
														height: 9px;
												}
												.box_ergaenzend .ergaenzend_scroll_button:hover {
														border-style: outset;
												}
												.box_ergaenzend .ergaenzend_scroll_button:active {
														border-style: inset;
												}
										.touch .box_ergaenzend .ergaenzend_scroll_button {
												height: 30px; line-height: 30px;
										}
												.touch .box_ergaenzend .ergaenzend_scroll_button.top {
														vertical-align: middle;
												}
												.touch .box_ergaenzend .ergaenzend_scroll_button.bottom {
														vertical-align: middle;
												}
										.box_ergaenzend .box_ergaenzend_scroll {
												display: flex;
												flex: 1 0 0;

												overflow: hidden;

												/*
												overflow: auto;
												overflow: hidden;

														overflow: hidden;	eigentlich auto (scroll), aber wir haben jetzt eigene Scroll-Buttons gebastelt
														overflow: dann eigentlich overflow: hidden, aber dann kann man nicht mehr mit dem Mausrad scrollen, deshalb jetzt wieder overflow: scroll und die Scrollbalken nach rechts raus verschieben und verstecken
												*/

										}
												  .box_ergaenzend .ergaenzend_artikel
												, .box_ergaenzend .ergaenzend_weitere
												{
														color: #444444;
														flex: 0 0 200px;
														text-decoration: none;
														padding-left: 25px;
														padding-right: 25px;
														padding-top: 1em;
												}
														  .box_ergaenzend .ergaenzend_artikel .img
														, .box_ergaenzend .ergaenzend_weitere .img
														{

														}
														  .box_ergaenzend .ergaenzend_artikel .text
														, .box_ergaenzend .ergaenzend_weitere .text
														{
																text-align: center;
																margin-top: 0.5em;
														}
																  .box_ergaenzend .ergaenzend_artikel .text .preis
																, .box_ergaenzend .ergaenzend_weitere .text .preis
																{
																		font-weight: bold;
																		margin-right: 0.4em;
																}
																  .box_ergaenzend .ergaenzend_artikel .text .raquo_ansehen
																, .box_ergaenzend .ergaenzend_weitere .text .raquo_ansehen
																{
																		white-space: nowrap;
																		margin-left: 0.4em;
																}
																  .box_ergaenzend .ergaenzend_artikel .text .raquo
																, .box_ergaenzend .ergaenzend_weitere .text .raquo
																{
																		text-decoration: none;
																}
																  .box_ergaenzend .ergaenzend_artikel .text .ansehen
																, .box_ergaenzend .ergaenzend_weitere .text .ansehen
																{
																		
																}

												  .box_ergaenzend .ergaenzend_artikel img
												, .box_ergaenzend .ergaenzend_artikel img
												{
														max-width: 100%;
												}

										.box_ergaenzend .ergaenzend_weitere, .ergaenzend_weitere:visited {
												color: #444444;
										}
												.box_ergaenzend .ergaenzend_weitere_img {
														max-width: 100%;
												}
							@media (max-width: 1000px) {
									.box_ergaenzend .ergaenzend_leiste {
											flex-direction: column;
											flex-wrap: nowrap;
									}
									.box_ergaenzend .box_ergaenzend_scroll {
											flex: 0 0 auto;
											flex-direction: row;
											flex-wrap: wrap;
									}
									.box_ergaenzend .ergaenzend_weitere {
											width: 200px;
									}
							}
							@media (max-width: 400px) {
									.box_ergaenzend .ergaenzend_leiste {
											flex-direction: column;
											flex-wrap: nowrap;
									}
									.box_ergaenzend .box_ergaenzend_scroll {
											flex-direction: column;
											flex-wrap: nowrap;
									}
									.box_ergaenzend .ergaenzend_weitere {
											width: auto;
									}
							}

				.artikel .artikel_table_main > .right {
						flex: 42;
						padding-left: 1%;
				}
						.artikel .auswahl_ueberschrift {
								font-size: 15px;
								font-weight: normal;
								margin-bottom: 1em;
								margin-top: 0;
						}
								.auswahl_groesse_part {
										display: inline-block;
										width: 40%;
										margin-right: 5%;
								}
								.artikel .auswahl_zwischenueberschrift {		/* bei den Select-boxen "Breite", "Hoehe" */
										font-size: 0.85em;
										font-weight: normal;
										margin-top: 0;
										margin-bottom: 0.4em;
								}
								.artikel .groessen_info {
										margin-top: 2em;
										margin-bottom: 1em;
								}
										.artikel .groessen_info img {
												width: 269px;
										}

						.trenner_auswahl_info {
								border: 0;
								height: 0;
								margin-top: 0.5em;
								margin-bottom: 0;
								padding: 0;
						}

						.artikel .details_head, .artikel .accordeon_head {
								border-bottom: 1px solid #e6e6e6;
								padding-top: 8px;
								padding-bottom: 8px;
								margin: 0;
								font-size: 15px;
								font-weight: normal;
								cursor: pointer;
						}
						.artikel .details_head:first-child, .artikel .accordeon_head:first-child {
								border-top: 1px solid #e6e6e6;
						}
								.artikel .details_head span, .artikel .accordeon_head span {		/* der Pfeil */
										display: inline-block;
								}
						.artikel .details_box {
								/* display: none; */
								height: 0;
								overflow: hidden;
								font-size: 0.85em;
						}
						.artikel .accordeon_box {
								/* display: none; */
								height: 0;
								overflow: hidden;
								font-size: 0.85em;
						}
								.artikel .mediathek {
										margin-top: 12px;
								}
										.artikel .mediathek .box {
												display: inline-block;
												/*border: 1px solid #e6e6e6;*/
												color: #444444;
												text-decoration: none;
												margin-right: 2%;
												margin-bottom: 2%;
												/*width: 47%;*/
												width: 30%;
										}
										@media (max-width: 900px) {
												.artikel .mediathek .box {
														width: 97%;
												}
										}
												.artikel .mediathek .box .box_icon, .artikel .mediathek .box .box_text {
														float: left;
												}
														.artikel .mediathek .box .box_icon img {
																display: block;
																width: 32px;
																height: 32px;
														}
												.artikel .mediathek .box .box_text {
														padding-left: 10px;
														padding-top: 2px;
														vertical-align: top;
														font-size: 11px;
												}
												.artikel .mediathek .box .montageanleitung {
														padding-top: 7px;
												}

						.artikel .auswahl_variation {
								margin-top: 1em;
								margin-bottom: 1em;
						}
								.artikel .auswahl_variation_box {
										display: inline-block;
										margin-bottom: 1em;
										margin-right: 0.4em;
										cursor: pointer;
										text-align: center;
										/* width: 112px; die Boxen sind zu verschieden um hier eine feste Breite ansetzen zu koennen */
								}

										.artikel .auswahl_variation_box .auswahl_variation_box_text {
												color: #888888;
												background-color: #ffffff;
												border: 1px solid #e6e6e6;
												padding: 7px;
												font-size: 0.26cm;
												text-align: left;
										}
												.artikel .auswahl_variation_box img {
														border: 1px solid #ffffff;
														width: 50px;
												}
												.artikel .auswahl_variation_box.selected img {
														border-color: #888888;
												}
														.artikel .auswahl_variation_box:hover img {
																border-color: #888888;
														}
												.artikel .auswahl_variation_box.selected .auswahl_variation_box_text {
														color: #444444;
														background-color: #e6e6e6;
														border-color: #888888;
												}
														.artikel .auswahl_variation_box:hover .auswahl_variation_box_text {
																background-color: #e6e6e6;
																color: #444444;
														}

												.artikel .auswahl_variation_box.disabled {
														cursor: not-allowed;
												}
														.artikel .auswahl_variation_box.disabled  .auswahl_variation_box_text {
																color: #cccccc;
														}

									.artikel .auswahl_variation_select {
											background-color: #f1f1f1;
											color: #444444;
											border: 1px solid #cccccc;
											font-size: 11px;
											padding: 0.5em;
											width: 100%;
									}
											.artikel .auswahl_variation_select option:disabled {
													color: #cccccc;
													cursor: not-allowed;
											}

						.artikel .massanfertigung {
								border-top: 1px dashed #bde5bf;
								border-bottom: 1px dashed #bde5bf;
								color: #00900a;
								font-size: 0.85em;
								padding-top: 0.5em;
								padding-bottom: 0.5em;
								padding-left: 30px;
								background-image: linear-gradient(to right, #ffffff 0%, #e8fcea 50%, #ffffff 100%);
								/*list-style-image: url(/flaechenvorhang/bilder/haken.png);*/
								margin-bottom: 0;
						}
								.artikel .massanfertigung li {
										padding-top: 0.25em;
										padding-bottom: 0.25em;
								}
										.artikel .massanfertigung li a {
												color: #00900a;
										}

						.linkArtikel {
								margin-top: 2em;
								white-space: nowrap;
						}
							.linkMuster {
									cursor: pointer;
							}
							.linkZuschhnitt {
								
							}
								.linkArtikelText, .linkArtikelSymbol {
										display: inline-block;
										line-height: 27px;
										height: 27px;
										vertical-align: top;
								}
								.linkArtikelText {
										border-top: 1px solid #1973fd;
										border-left: 1px solid #1973fd;
										border-bottom: 1px solid #1973fd;
										text-align: center;
										padding: 0.5em;
										width: 150px;		/* so dass beide Buttons gleich breit sind */
								}
										.linkArtikelText a, .linkArtikelText a:link, .linkArtikelText a:hover, .linkArtikelText a:visited, .linkArtikelText a:active {		/* fuer den Livezilla-Link */
												text-decoration: none;
												color: #444444;
										}
								.linkArtikelSymbol {
										background-repeat: no-repeat;
										background-position: 50% 50%;
										background-size: 25px 25px;
										width: 25px;
										background-color: #1973fd;
										border-top: 1px solid #1973fd;
										border-right: 1px solid #1973fd;
										border-bottom: 1px solid #1973fd;
										padding: 0.5em;
								}
								.linkMuster .linkArtikelSymbol {
										background-image: url('/artikel/bilder/icon_stoffmuster.svg');
								}
								.linkZuschnitt .linkArtikelSymbol {
										background-image: url('/artikel/bilder/icon_zuschnitt.svg');
								}

				.preisMengeWarenkorbWrap {
						text-align: right;
				}
				.artikel .artikel_table_main .preisMengeWarenkorb {
						display: inline-block;
						width: auto;
						margin-top: 3em;
						text-align: right;
						margin-left: auto;
						margin-right: 0;
				}
				.artikel .packungsgroesse_rabatt {
						text-align: left;
						display: inline-block;
				}
						.artikel .packungsgroesse_rabatt table {
								border-spacing: 0;
								margin-top: 1em;
						}
								.artikel .packungsgroesse_rabatt table td {
										padding-right: 0;
										padding-left: 1em;
										padding-top: 0;
										padding-bottom: 0;
								}
								.artikel .packungsgroesse_rabatt table tr > td:first-child {
										padding-left: 0;
								}

						.artikel .preis {
								font-size: 1.5em;
								margin-top: 10px;
								font-weight: bold;
						}
						.artikel .gp, .artikel_alle .listing .gp {
								font-size: 12px;
								margin-top: 10px;
								font-weight: regular!important;
								
								color: #ccc;
						}
						.artikel .zusatz {
								font-size: 10px;
								color: #888888;
						}
						.artikel .zeile_warenkorb {
							
						}
								.artikel .zeile_warenkorb > * {
										vertical-align: bottom;
								}

								.artikel .box_menge {
										display: inline-block;
										text-align: left;
								}

										.artikel .box_menge .anderesMass {
												margin-bottom: 0.5em;
										}

										.artikel .box_menge .up, .artikel .box_menge .down,
										.artikel .box_menge input {
												height: 17px;
												padding: 1px;
												display: inline-block;
												vertical-align: top;
										}

										.artikel .box_menge .up, .artikel .box_menge .down {
												width:14px;
												background-color:#f9f9f9;
												color:#cdcdcd;
												font-size:11px;

												cursor:pointer;
												user-select: none;
												-webkit-user-select: none;
												-moz-user-select: none;
												-ms-user-select: none;

												border: 1px solid #cdcdcd;
										}
										.artikel .box_menge input {
												border-top: 1px solid #cdcdcd;
												border-bottom: 1px solid #cdcdcd;
												border-left: 0 !important;
												border-right: 0 !important;
										}

						.artikel input[type="text"], .artikel input[type="number"] {
								border: 1px solid #cccccc;
								border-radius: 2px;
								width: 40px;
								color: #444444;
								text-align: center;
						}


						.rabatt_prozent {		/* fuer Mengeneinheit und Rabatt */
								color: #ff033e;
								font-weight: bold;
						}
						.artikel .artikel_table_main .sonderwunsch {
								margin-top: 1em;
								margin-bottom: 0.5em;
						}
								.artikel .artikel_table_main .sonderwunsch textarea {
										width: 183px;
										height: 2.6em;
										border: 1px solid #e6e6e6;
										padding: 6px;
								}
										.artikel .artikel_table_main .sonderwunsch textarea.big {
												width: 52em;
												height: 5em;
										}
										
				@media (max-width: 1000px) {
								.artikel .artikel_table_main {
										flex-wrap: wrap;
								}
										.artikel .artikel_table_main > .left {
												flex: 0 1 57%;
										}
										.artikel .artikel_table_main > .middle {
												flex: 0 1 41%;
										}
										.artikel .artikel_table_main > .right {
												flex: 1 1 100%;
										}
				}

				@media (max-width: 450px) {

						.artikel {
								margin-top: 0;
						}

								.artikel .artikel_table_main {
										flex-direction: column;
										margin-top: 0;
								}
										.artikel .artikel_table_main > .left, .artikel .artikel_table_main > .middle, .artikel .artikel_table_main > .right {
												flex: 1;
										}
										.artikel .artikel_table_main > .middle .middleContainer {
												max-width: none;
										}
										.artikel .link_dekobeispiele {
												display: none;
										}
										
										.markenueberschrift {
												display: none;
										}
										.kundenbewertung {
												display: none;		/* betrifft nur die Sterne im oberen Berecih, nicht die eigentliche Bewertung */
										}
				}
				
				.zeile_warenkorb .warenkorb {
						margin-left: 3em;
						margin-top: 1em;
						text-align: center;
						width: 200px;			/* Die Groesse setze ich auf ein festes Mass. Ich will das darueberliegende Sonderwunsch auf die gleiche Breite wie diesen Button hier haben. Ich setze einfach bei beiden das gleiche Breitenmass und es haut hin. */
				}
				
.artikelEinzelseite {
}
		.artikelEinzelseite .linkAmbiente {
				display: block;
				margin-top: 5em;
		}
				.artikelEinzelseite .linkAmbiente img {
						max-width: 970px;		/* die eigentliche Bildgroesse */
						width: 100%;			/* so wird es responsive skalierbar */
				}
#fenster_warenkorb {
		width: 600px;
}
#fenster_warenkorb #fenster_warenkorb_top {
		padding: 40px;
}
		#fenster_warenkorb #fenster_warenkorb_top_left {
				float: left;
				width: 34%;
				position: relative;
		}
				#fenster_warenkorb #warenkorb_box_produktbild {
						/* width: 161px; */	/* es kam vor, dass die Bilder zu gross waren und hier nicht reingepasst haben */
						max-height: 250px;
						max-width: 161px;
				}
				#fenster_warenkorb #warenkorb_icon_hinzugefuegt {
						position: absolute;
						top: 50%;
						margin-top: -27px;
						left: 50%;
						margin-left: -27px;
						display: none;
				}
		#fenster_warenkorb #fenster_warenkorb_top_right {
				float: right;
				width: 64%;
		}
				#fenster_warenkorb #warenkorb_box_status {
						border-bottom: 1px solid #e6e6e6;
						padding-bottom: 7px;
						margin-bottom: 20px;
						font-size: 1.2em;
				}
				#fenster_warenkorb #warenkorb_box_titel {
						font-size: 1.1em;
						font-weight: bold;
				}
				#fenster_warenkorb #warenkorb_box_groesse {

				}
				#fenster_warenkorb #warenkorb_box_preis {
						color: #888888;
				}
				#fenster_warenkorb #warenkorb_box_sonderwunsch_ueberschrift {
						display: none;		/* wird ueber Javascript angeschalten */
						margin-top: 2em;
				}
				#fenster_warenkorb #warenkorb_box_sonderwunsch {
						font-style: italic;
						color: #888888;
				}

		#fenster_warenkorb_top_buttons {
				margin-top: 28px;
		}
				#fenster_warenkorb_top_buttons .left {
						float: left;
						display: block;
						text-transform: uppercase;
						border: 2px solid #bf0008;
						background-color: #ffffff;
						color: #bf0008;
						padding-left: 1em;
						padding-right: 46px;
						cursor: pointer;
				}
				#fenster_warenkorb_top_buttons .right {
						float: right;
				}

#fenster_warenkorb #fenster_warenkorb_bottom {
		display: none;
		border-top: 5px solid #e6e6e6;
		padding: 2em;
}
		.fenster_warenkorb_bottom_ueberschrift {
				font-size: 13pt;
		}
		.warenkorbAehnlichArtikel {
				display: inline-block;
				width: 161px;
				vertical-align: top;
				margin-top: 1em;
				margin-right: 1em;
				color: #444444;
				text-decoration: none;
		}
				.warenkorbAehnlichArtikel img {
						width: 161px;
						border: none;
				}
				.warenkorbAehnlichArtikelTitel {
						font-size: 85%;
						text-align: center;
				}
				.warenkorbAehnlichArtikelPreis {
						font-size: 85%;
						font-weight: bold;
						text-align: center;
				}

@media (max-width: 650px) {
		#fenster_warenkorb {
				width: auto;
		}
				#fenster_warenkorb_top_left {
						display: none;
				}
				#fenster_warenkorb #fenster_warenkorb_top_right {
						width: auto;
						float: none;
				}
						#fenster_warenkorb_top_buttons .left {
								margin-bottom: 1em;
						}
}


.ambienteZurVariation {
		width: 600px;
		margin: 30px;
		background-image: linear-gradient(to right, #ffffff 0%, transparent 20%, transparent 80%, #ffffff 100%);
}
		.ambienteZurVariation .ambiente {

		}

				.ambienteZurVariation .ambiente .titel {
						margin-top: 1em;
				}
				.ambienteZurVariation .ambiente .link {
						display: block;
						width: 180px;
						margin-left: auto;
						margin-right: 0;
						background-color: #888888;
						color: #ffffff;
						margin-top: 1em;
						padding: 0.8em;
						text-decoration: none;
				}

				.ambienteZurVariation .ambiente .box_image {
						width: 300px;
						margin-left: auto;
						margin-right: auto;
				}
				/* fuer das carousel */
				.ambienteZurVariation .ambiente.slick-slide {
						margin-top: 25px;
						/* border: 1px solid red; */
				}
				.ambienteZurVariation .ambiente.slick-slide img {
						height: 400px;
				}
				.ambienteZurVariation .ambiente.slick-slide .titel {
						display: none;
				}
				.ambienteZurVariation .ambiente.slick-slide .link {
						display: none;
				}
				.ambienteZurVariation .ambiente.slick-slide.slick-active {
						margin-top: 0;
				}
				.ambienteZurVariation .ambiente.slick-slide.slick-active img {
						height: 451px;
				}
				.ambienteZurVariation .ambiente.slick-slide.slick-active .titel {
						display: block;
				}
				.ambienteZurVariation .ambiente.slick-slide.slick-active .link {
						display: block;
				}
				.ambienteZurVariation .left {
						position: absolute;
						left: -25px;
						top: 200px;
						margin-top: -25px;
						cursor: pointer;
				}
				.ambienteZurVariation .right {
						position: absolute;
						right: -25px;
						top: 200px;
						margin-top: -25px;
						cursor: pointer;
				}

.meinungen {
		font-size: 0.85em;
		margin-top: 4em;
		margin-bottom: 3em;
}
		.meinungen .details_box {
				/* display: none; */
				height: 0;
				overflow: hidden;
		}
		.meinungen .meinungen_ueberschrift {
				margin-top: 1em;
				margin-bottom: 1em;
		}
		.meinungen .meinungen_alle table {
				width: 100%;
				border-collapse: collapse;
				margin-top: 1em;
				table-layout: fixed;
		}
				.meinungen .meinungen_alle table td {
						vertical-align: top;
						border: 1px solid #e6e6e6;
						padding: 1.5em;
				}
				.meinungen .meinungen_alle table td.lyt {
						border: 1px solid #e6e6e6;
						padding: 1.5em;
				}
				@media (max-width: 450px) {
						.meinungen .meinungen_alle table td, .meinungen .meinungen_alle table td.lyt {
								padding: 0.8em;
						}
				}

.meinungen .details_head {
		padding-top: 8px;
		padding-bottom: 8px;
		margin: 0;
		font-size: 11px;
		font-weight: bold;
		cursor: pointer;
		border-top: 1px solid #e6e6e6;
}

		.meinungen .details_head span {		/* der Pfeil */
				display: inline-block;
		}

.ambiente .meinungen {
		display: none;		/* die Box nur bei Einzelartikeln, nicht aber im Ambiente anzeigen - kann dann per JAvascript eingeschalten werden */
}



.meinung_eigene {
		margin-top: 1em;
		/* border-top: 1px solid #e6e6e6; hier ist schon ein border-top dran, das waere dann doppelt  */
}

		.meinung_eigene table {
				border-spacing: 0;
		}
				.meinung_eigene td {
						padding: 0;
				}

						.meinung_eigene table.sternewahl {
								border-spacing: 2px;
						}
								.meinung_eigene table.sternewahl td {
										padding: 2px;
								}

		.meinung_eigene .meinung_eigene_ueberschrift {
				font-weight: bold;
		}
		.meinung_eigene input[type="text"], .meinung_eigene textarea {
				border: 1px solid #e6e6e6;
				padding: 0.5em;
				box-sizing: border-box;
		}
		.meinung_eigene input[type="text"] {
				font-size: 0.9em;
				width: 85%;
		}
		.meinung_eigene textarea {

		}
		.meinung_eigene .meinung_eigene_block {
				margin-top: 1em;
		}

		.meinung_eigene .left {
				width: 62%;
				float: left;
		}
		.meinung_eigene .right {
				width: 33%;
				float: right;
		}

		@media (max-width: 450px) {
				.meinung_eigene input[type="text"] {
						width: 100%;
				}
				.meinung_eigene .left {
						width: auto;
						float: none;
				}
				.meinung_eigene .right {
						width: auto;
						float: none;
				}
		}

	.link_Button {
			display: inline-block;
			text-decoration: none;
			margin: 0px 40px 40px 5em;
			cursor: pointer;
			color: #888888;
			border: 1px solid #e6e6e6;
			background-color: #f1f1f1;
			padding: 0.3em;
			font-size: 0.9em;
	}
			.link_Button:hover {
					color: #000000;
					border-color: #888888;
			}
			.link_Button:active {
					color: #000000;
					border-color: #888888;
					border-style: inset;
			}

	@media(max-width: 1000px){
		.artikel .artikel_table_main > .left .artikelbild_gross {
			width: 400px;
			max-width: none;
		}
	}
	@media(max-width: 800px){
		.layout2026 #layoutContent {
			margin: none;
		}
		
		.artikel .artikel_table_main > .left .artikelbild_gross {
			width: 330px;
		}
	}
	@media(max-width: 550px){
		.artikel .artikel_table_main{
			margin: 0;
		}
		.layout2026 #layoutContent {
			width: 78%;
		}
	}
	@media(max-width: 400px){
		.artikel .accordeon_box {
			width: 98%;
		}
		.layout2026 #layoutContent {
			width: 90%;
		}
		.preisMengeWarenkorbWrap {
			text-align: left;
		}
		.artikel .artikel_table_main .preisMengeWarenkorb {
			text-align: left;
		}
		.preisMengeWarenkorbWrap {
			text-align: left;
		}
		.zeile_warenkorb .warenkorb {
			margin-left: 0em;
		}
	}
	@media(max-width: 450px){
				
		.artikel .artikel_table_main > .left .artikelbild_gross{
			width: 290px;
		}
		.artikel .artikel_table_main > .left .artikelbild_gross{
			width: 290px;
		}
	}
	@media(max-width: 350px){
		.artikel .accordeon_box {
			width: 85%;
		}
	}