.inhalt{
	max-width: 100%;
}
label {
		cursor: pointer;

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

}

label.disabled {
		color: #999999;
		cursor: not-allowed;
}



/*
		IE-Label-Img-Event-Bug
		- betrifft nur IE 11 (nicht IE10 und auch nicht Edge12) oder andere Browser
		- Bild <img> ist nicht anklickbar wenn <img> innerhalb von <label> und das Ganze innerhalb eines <form> - Text innerhalb von Label funktioniert aber korrekt
		- dies ist der Fall -im Fenster Modellauswahl bei dem Filter auf der linken Seite oder -im Profiltab wahl der Optionen (Profilfarbe, Schienenprofil+)

		siehe auch
		http://stackoverflow.com/questions/20198137/image-label-for-input-in-a-form-not-clickable-in-ie11
*/

		label {
				display: inline-block;
		}
		label img{
				pointer-events: none;
		}
/*
		Ende IE-Label-Img-Event-Bug
*/







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

.link {		/* Elemente (z.b: <span>) die wie Links aussehen sollen (wenn ihnen z.B. per Javascript ein Ereignis zugeordnet wurde) - z.B. Bei der Dachfenster-Typen-Wahl wenn Hersteller mit Plissee-System nicht zusammen passt */
		cursor: pointer;
		text-decoration: underline;
}

.clear {
		clear: both;
		height: 0;
		width: 0;
		overflow: hidden;
}

.icon {
		/* Vector-Grafik (SVG) braucht immer Breiten-/Hoehenangabe */
		width: 22px;
		height: 22px;
}

.btnPfeil {
		background-image: url(pfeile/pfeil_rechts_weiss.svg);
		background-repeat: no-repeat;
		background-position: 96% center;
		padding-right: 2em !important;
		display: inline-block;
		background-color: #357dbc;
		color: #ffffff;
		padding-left: 0.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		text-decoration: none;
}

.listStyleTypeRaquo ul, ul.listStyleTypeRaquo {
		list-style-type: none;
}
		.listStyleTypeRaquo ul > li:before, ul.listStyleTypeRaquo > li:before {
				content: "\00BB\0020";
		}
		.listStyleTypeRaquo ul > li, ul.listStyleTypeRaquo > li {
				text-indent: -1em;
				margin-left: 1em;
		}

.info {
		vertical-align: middle;
		width: 20px;
		height: 20px;
}

#konfigurator {
		position: relative;
		display: block;
}
#konfigurator, .extrafenster {
		color: #444444;
}

#konfigurator h3 {
		font-size: 100%;
		margin-top: 1em;
		margin-bottom: 0.5em;
}
		#konfigurator h3:first-child {
				margin-top: 0;
		}

		#modellbild_preview img {
				border: 1px solid #cccccc;
				margin-right: 3px;
				margin-bottom: 3px;
				height: 54px;
				cursor: pointer;
		}
				#modellbild_preview img.active {
						outline: 1px solid #454545;
				}

		#modellbild_steuerung {
				color: #888888;
				font-size: 11px;
				position: fixed;
				bottom: 0;
				left: 0;
				width: 50%;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-around;
				justify-content: space-around;
		}
				#modellbild_steuerung_left {
						-webkit-flex: 0 1 33%;
						flex: 0 1 33%;
				}
						#modellbild_steuerung_animation {
								cursor: pointer;
						}
				#modellbild_preview {
						-webkit-flex: 1 0 auto;
						flex: 1 0 auto;
				}
				#modellbild_steuerung_right {
						-webkit-flex: 0 1 33%;
						flex: 0 1 33%;
				}
				.graphSetBackground {
						cursor: pointer;
						height: 54px;
				}



		.gruppe_warenkorb {
				background-color: #f5f5f5;
				padding: 10px;

				position: fixed;
				bottom: 0;
				right: 0.5%;
				width: 48%;
				box-sizing: border-box;		/* ist auch wichtig bei 1 Spalten-Responsive-Layout, wenn width 100% gesetzt ist (wegen dem Padding) */
				box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.10);

				margin-top: 1em;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-flex-direction: row;
				flex-direction: row;
				-webkit-align-items: center;
				align-items: center;
		}
				.gruppe_warenkorb > * {
						vertical-align: middle;
						padding-left: 0.5em;
						padding-right: 0.5em;
				}
				.gruppe_warenkorb > *:first-child {
						padding-left: 0;
				}
				.gruppe_warenkorb > *:last-child {
						padding-right: 0;
				}
				.sonderwunsch {
						-webkit-flex: 1 1 280px;
						flex: 1 1 280px;
				}
						.sonderwunsch textarea {
								width: 100%;
								height: 50px;
								border: 1px solid #e6e6e6;
								box-sizing: border-box;
						}
				.box_menge {
						text-align: right;
						-webkit-flex: 3 0 auto;
						flex: 3 0 auto;
				}
						.menge {
								text-align: center;
								display: inline-block;
						}
								.menge input[type="text"], .menge input[type="number"] {
										border: 1px solid #cccccc;
										border-radius: 2px;
										width: 40px;
										color: #444444;
										text-align: center;
										margin-bottom: 0.2em;
								}
				.box_preis {
						-webkit-flex: 1 0 auto;
						flex: 1 0 auto;
						text-align: right;
				}
				.box_warenkorb {
						-webkit-flex: 1 0 auto;
						flex: 1 0 auto;
						text-align: right;
				}
						.warenkorb_konfi {
								cursor: pointer;
								padding-top: 5px !important;		/* Paddings vom Layout ueberschreiben - das HR-Layout bringt noch einen 5Pixel Border-Bottom mit, der hier auch abgezogen ist */
								padding-bottom: 5px !important;
								padding-left: 1em !important;
								padding-right: 1em !important;
						}



					.warenkorb_extrafenster {
						cursor: pointer;
						-webkit-flex: 1 0 auto;
						flex: 1 0 auto;
						text-align: right;
				}
						.warenkorb_extrafenster .warenkorb_text, .warenkorb_extrafenster .warenkorb_symbol {
								display: inline-block;
								height: 43px;
								line-height: 43px;
								padding-left: 12px;
								padding-right: 12px;
						}
								.warenkorb_extrafenster > * {
										color: #444444;
								}

						.warenkorb_extrafenster .warenkorb_text {
								text-transform: uppercase;
								border-right: 1px solid #ffffff;
						}
								.warenkorb_extrafenster .warenkorb_text {
										background-color: #e6e6e6;
								}
						.warenkorb_extrafenster .warenkorb_symbol {
								background-size: auto 30px;
								background-repeat: no-repeat;
								background-position: center;
								width: 40px;
						}
								.warenkorb_extrafenster .warenkorb_symbol {
										background-color: #e6e6e6;
										background-image: url(wk_schwarz.svg);
								}


		@media (min-width: 800px) and (max-width: 1200px) {
				#button_warenkorb_text {
						display: none;
				}
		}
		@media (max-width: 600px) {

				.gruppe_warenkorb {
						-webkit-flex-wrap: wrap;
						flex-wrap: wrap;
				}
						.gruppe_warenkorb > * {
								text-align: right;
								margin-top: 1em;
								margin-bottom: 1em;
						}
		}

		#spalten2 {
				/* margin-top: 120px; */
				margin-bottom: 300px;
		}
				#spalten2 #visualisierung {
						position: fixed;
						/* top: 120px; wenn hier nichts gesetzt ist, sollte die aktuelle Position passen */
						left: 2%;
						width: 48%;
						text-align: center;
				}







				@media (max-width: 1400px) {

						#spalten2 {
								margin-top: 100px;
						}
								#spalten2 #visualisierung {
										top: 100px;
								}

				}

				@media (max-width: 1100px) {

						#spalten2 {
								margin-top: 80px;
						}
								#spalten2 #visualisierung {
										top: 80px;
								}
				}




						.ajax_lade {
								position: absolute;
								right: 0;
								top: 0;
								visibility: hidden;
								width: 50px;
								height: 50px;
						}

						#modellbild_ueberschrift {
								margin-bottom: 1em;
						}

						#paper {
								display: none;
								margin: auto;
								cursor: pointer;
						}
						.modellbild {		/* das Ganze als Klasse definieren, nicht als ID, weil beim Zoom, die Elemente geklont werden und dort die ID umbennat ist, die Klasse aber nicht */
								display: none;
								position: relative;
						}
								.modellbildHintergrund, .modellbildHintergrund_1 {
										position: absolute;
										left: 0;
										top: 0;
										z-index: 0;
										width: 100%;
										height: 100px;
								}
								.modellbildImg {
										max-width: 100%;
										z-index: 1;
										position: relative;
										display: block;
								}

						#spalten2 #visualisierung {
								text-align: center;
								/* margin-bottom: 1em; */
						}
								#modellbild_ueberschrift {
										text-align: left;
								}
										#spalten2 #visualisierung .ueberschrift1 {
												font-size: 16px;
										}
										#spalten2 #visualisierung .ueberschrift2 {
												font-weight: bold;
												font-size: 16px;
										}
										#spalten2 #visualisierung .versandfertig {
												color: #00900a;
												margin-top: 2px;
										}
						#visualisierung svg {
								max-width: 100%;
						}
				#spalten2 #eingabe {
						margin-left: 48%;
						padding-left: 4%;
						padding-right: 1.2%;
				}
						#eingabe .bereichsueberschrift {
								background-color: #444444;
								color: #ffffff;
								font-size: 16px;
								font-weight: normal;
								padding: 1em;
								text-align: left;
						}
						#eingabe .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-weight: normal;
								color: #888888;

								display: -webkit-flex;
								display: flex;
								-webkit-justify-content: space-between;
								justify-content: space-between;
								-webkit-align-items: center;
								align-items: center;
						}
						#eingabe .accordion_ueberschrift:first-child {
								border-top: 0;
						}
						#eingabe .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;
						}
						#eingabe .accordion_ueberschrift.active {
								color: #444444;
								font-weight: bold;
						}
								#eingabe .accordion_ueberschrift .eingabeGewaehltIcon {
										-webkit-flex: 0 0 auto;
										flex: 0 0 auto;
								}

								#eingabe .accordion_ueberschrift .eingabeGewaehltUe {
										-webkit-flex: 1 1 auto;
										flex: 1 1 auto;
										padding-right: 1em;
								}

								#eingabe .accordion_ueberschrift > img {
										vertical-align: middle;
										margin-left: 0.5em;
										margin-right: 1em;
								}
								#eingabe .accordion_ueberschrift .eingabeGewaehltBez {
										font-style: italic;
										font-weight: normal;
										font-size: 90%;
										text-align: right;

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

								#eingabe .accordion_ueberschrift .eingabeGewaehltHaken {
										margin-left: 1em;
										margin-right: 0.5em;

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

						#eingabe .eingabeBox {
								margin-top: 1em;
								margin-left: 2em;
								margin-bottom: 1em;
								display: none;
								overflow: hidden;		/* fuer die Animation */
								text-transform: none;
						}
								#eingabe .accordion_zwischenueberschrift {
										font-weight: normal;
										margin-top: 0;
										margin-bottom: 1em;
								}
										#eingabe #groupSchienenprofil .accordion_zwischenueberschrift {
												margin-top: 2em;
										}
								#eingabe .erklaerung {
										font-size: 90%;
										color: #888888;
								}

										.tabs > * {
												display: inline-block;
												border: 1px solid #cecece;
												margin-right: 6px;
												padding: 1em;
												position: relative;
												left: 0;
												top: 1px;
												cursor: pointer;
												/* color: #cecece;  das waere zu hell, deshalb jetzt dunkler */		color: #888888;
												background-color #ffffff;
										}
										.tabs > *.active {
												border-bottom: 1px solid #ffffff;
												color: #444444;
										}
												.tabs > * > img {
														vertical-align: middle;
												}
												.tabs > * > .bez {
														margin-left: 1em;
												}
												#eingabe.elemLt650 #tabModell .bez {
														display: none;
												}
										.tabs > .noTab {
												border: 0;
												text-decoration: none;
												color: #444444;
										}
										.tabFenster {
												border-top: 1px solid #cecece;
										}
												.tabFenster > * {
														display: none;
														padding: 1em;
														max-width: 800px;		/* max-width hilft uebergeordneten Flex-Elementen bei der Breitenbestimmung*/
												}

								.tabFensterMain ul {
										list-style-type: none;
										padding: 0;
										margin: 0;
								}
										.tabFensterMain ul li {
												border-bottom: 1px solid #cecece;
										}
										.tabFensterMain ul li label {
												display: block;
										}
												.tabFensterMain ul li img {
														vertical-align: middle;
														margin-top: 1em;
														margin-bottom: 1em;
												}
												.modellBildVorauswahl {
														height: 80px;
												}

										#tabFensterModell ul li {
												display: flex;
												display: -webkit-flex;
												-webkit-justify-content: space-between;
												justify-content: space-between;
												-webkit-align-items: center;
												align-items: center;
										}
												#tabFensterModell ul li label {
														display: flex;
														display: -webkit-flex;
														-webkit-justify-content: space-between;
														justify-content: space-between;
														-webkit-align-items: center;
														align-items: center;
														flex: 1 2 auto;
												}
												#tabFensterModell ul li .input {
														-webkit-flex: 0 0 5.6%;
														flex: 0 0 5.6%;
														text-align: left;
												}

												#tabFensterModell ul li .img {
														width: 69px;
														-webkit-flex: 0 0 69px;
														flex: 0 0 69px;
														margin-left: 1em;
														margin-right: 1em;
												}
												#tabFensterModell ul li .bezeichnung {
														-webkit-flex: 1 3 auto;		/* eigentlich flex: 1 3 0; - aber in IE11 (nicht Edge) und ich glaube im Safari (nicht Chrome) geht das mit auto hier besser */
														flex: 1 3 auto;		/* eigentlich flex: 1 3 0; - aber in IE11 (nicht Edge) und ich glaube im Safari (nicht Chrome) geht das mit auto hier besser */
														text-align: left;
														padding-left: 1em;
														padding-top: 1em;
														padding-bottom: 1em;
												}
														#tabFensterModell ul li .bezeichnung .bezeichnung_oben {
																display: block;
														}
																#tabFensterModell ul li .bezeichnung .zusatz {
																		color: #888888;
																		display: block;
																		text-transform: none;
																}

												#tabFensterModell ul li .price {
														-webkit-flex: 0 0 auto;
														flex: 0 0 auto;
														text-align: left;
														padding-left: 1em;
														padding-right: 1em;
												}
												#tabFensterModell ul li .info {
														-webkit-flex: 0 1 47px;
														flex: 0 1 47px;
														cursor: pointer;
														text-align: center;
												}

												/* #eingabe Element kleiner als 450 (lower than (lt)) */
												/* die Klassen werden per Javascript gesetzt */
												/* margins und paddings verkleinern */
												#eingabe.elemLt650 #tabFensterModell ul li .input {
														margin: 0;
												}
												#eingabe.elemLt650 #tabFensterModell ul li .bezeichnung {
														padding-left: 0;
												}
												#eingabe.elemLt650 #tabFensterModell ul li .price {
														-webkit-flex: 0 1 auto;
														flex: 0 1 auto;
												}
												/* untereinander darstellen */
												#eingabe.elemLt450 #tabFensterModell ul li {
														display: block;
												}
												#eingabe.elemLt450 #tabFensterModell ul li label {
														display: block;
												}
														#eingabe.elemLt450 #tabFensterModell ul li .bezeichnung {
																display: block;
																padding-top: 0;
																padding-bottom: 0;
														}
														#eingabe.elemLt450 #tabFensterModell ul li .img {
																width: 50%;
														}
														#eingabe.elemLt450 #tabFensterModell ul li .price {
																padding-left: 0;
																padding-right: 0;
														}
														#eingabe.elemLt450 #tabFensterModell ul li .info {
																margin-left: 1em;
														}


								.groupButtonsBottom {
										text-align: right;
										margin-top: 1em;
										margin-bottom: 1em;
								}
										.groupButtonsBottom > * {
												margin-right: 1em;
										}
										.buttonWeitere {
												background-color: #357dbc;
												color: #ffffff;
												display: inline-block;
												padding: 0.5em;
												text-decoration: none;
										}
										.btnNextBox {
												border: 1px solid #357dbc;
												padding-top: 0.5em;
												padding-bottom: 0.5em;
												padding-left: 2em;
												padding-right: 2em;
												display: inline-block;
												cursor: pointer;
										}

/*
								#auswahlMaterial {
										margin-top: 0.5em;
										margin-bottom: 2em;
								}
*/
								#linkDesignwahl {
										display: inline-block;
								}
								#linkDesignwahl_abschluss {
										margin-top: 1em;
								}

						.kurzbeschreibung_einzelmodell {
								margin-bottom: 2em;
						}
								.kurzbeschreibung_einzelmodell > * {
										vertical-align: top;
										margin-left: 1em;
								}
								.kurzbeschreibung_einzelmodell > .infoModell img {
										cursor: pointer;
								}

						#group_masseingabe {
								display: -webkit-flex;
								display: flex;
						}
								#group_masseingabe .left {
										-webkit-flex: 0 0 auto;
										flex: 0 0 auto;
										padding-right: 3em;
								}
								#group_masseingabe .right {
										-webkit-flex: 1 1 0;
										flex: 1 1 0;
								}
										#group_masseingabe label {
												display: block;
												margin-top: 1.5em;
										}
												#group_masseingabe label > * {
														vertical-align: middle;
												}
												.mass_bez {
														display: inline-block;
														width: 122px;
												}
												.mass_umrechnung {
														color: #888888;
												}
												.mass_grenze {
														font-size: 80%;
														color: #888888;
														margin-left: 1em;
												}
										#linkMasseingabeMessanleitung {
												margin-bottom: 1em;
										}

										#eingabe input[type=number]
										{
												background-color: #ececec;
												border: 1px solid #cecece;
												padding: 6px;
												text-align: right;
												width: 60px;
										}
										@media (max-width: 700px) {
												.mass_bez {
														width: auto;
												}
										}
										@media (max-width: 600px) {
												.mass_grenze {
														display: block;
												}
										}
										@media (max-width: 450px) {
												.mass_grenze {
														display: block;
												}
										}

						.boxBedienung ul {
								list-style-type: none;
						}
								.boxBedienung ul li {
										/*
										border-bottom: 1px solid #cacaca;
										*/
										display: flex;
								}
								.boxBedienung ul li:first-child {
										/*
										border-top: 1px solid #cacaca;
										*/
								}
								.boxBedienung ul li label {
										/*
										padding-top: 1em;
										padding-bottom: 1em;
										*/
								}
										.boxBedienung ul li input {
												margin-right: 1em;
										}
										.boxBedienung ul li .info {
												padding-left: 1em;
										}

						#auswahlKindersicher {
								margin-top: 2em;
						}

						#hinweisMasseingabe {
								display: none;
								margin-top: 2em;
								background-color: #fdf8f8;
								font-size: 90%;
								padding: 1em;
						}
								.boxIconLeft {
										display: -webkit-flex;
										display: flex;
										-webkit-align-items: center;
										align-items: center;
								}
										.boxIconLeft > .left {
												-webkit-flex: 0 0 auto;
												flex: 0 0 auto;
												padding: 1em;
										}
										.boxIconLeft > .right {
												-webkit-flex: 1 1 0;
												flex: 1 1 0;
										}

												.hinweisMasseingabeUeberschrift {
														font-weight: bold;
												}
												#hinweisMasseingabeList {
														margin-left: 0;
														padding-left: 1em;
														margin-top: 0;
														margin-bottom: 0;
														padding-top: 0;
														padding-bottom: 0;

														list-style-type: none;
												}
														#hinweisMasseingabeList > li {
																text-indent: -1.5ex;
														}
														#hinweisMasseingabeList > li:before {
																content: "\002D\0020";
														}

						.groupOptionen {
								display: none;
								margin-bottom: 1em;
						}

						#masseingabe_soforthinweise {
								display: none;
								margin-top: 2em;
								margin-bottom: 2em;
								padding: 1em;
								border: 1px solid #bb0000;
						}

						#berechneteMasse {
								margin-top: 3em;
						}
								#berechneteMasse > * {
										display: none;
										margin-top: 2em;
										cursor: default;
								}
										#berechneteMasse .img {
												display: inline-block;
												text-align: center;
												width: 35px;
										}
												#berechneteMasse img {
														vertical-align: middle;
												}

						#auswahlAbschluss label {
								display: block;
						}

						#zoomWindow {
								position: fixed;
								top: 100px;
								/*left: 100;*/
								width: 500px;
								height: 500px;
								background-color: #ffffff;
								border: 1px solid #999999;
								display: none;
								overflow: hidden;
						}

@media (max-width: 800px) {
		/* einspaltig untereinander (und nicht mehr 2 Spalten) */
		/* Die Pixelbreite zur Aenderung sind auch in javascript eingebaut! */

		/* rts */
		#leisteNavigationWrap {
				position: static;
		}
		/* HR */
		#layout_header {
				position: static;
		}

		#spalten2 {
				margin-top: 2em;
				margin-bottom: 0;
		}
		#spalten2 #visualisierung {
				width: 100%;
				position: static;
				box-sizing: border-box;
		}
		#modellbild_steuerung {
				position: static;
				width: 100%;
				box-sizing: border-box;
				height: auto;
				margin-bottom: 1em;
		}
		#spalten2 #eingabe {
				margin-left: 0;
				padding-left: 0;
				padding-right: 0;
		}

		.gruppe_warenkorb {
				position: static;
				width: 100%;
				box-sizing: border-box;
				margin-top: 2em;
		}
}

@media (max-width: 600px) {
		#modellbild_steuerung {
				display: block;
		}
}

@media (max-width: 500px) {
		#eingabe .eingabeBox {
				margin-left: 1em;	/* statt 2em */
		}
}

#extrafenster {
		display: none;
}
		.extrafenster {
				/* das hier sollte in der colorbox.css gestaltet werden! - oder besser nicht, so sind wir einem evtuellen Austausch der Colorbox unabhaengiger */
				background-color: #ffffff;
				padding: 2em;
		}
		@media (max-width: 800px) {
				.extrafenster {
						padding: 1em;
				}
		}
				.fensterDesign input[type="checkbox"] {
						vertical-align: middle;
				}
				.extrafenster .head {
						padding-bottom: 1em;
						border-bottom: 1px solid #cecece;
				}
						.extrafenster .head .left {
								float: left;
						}
						.extrafenster .head .right {
								float: right;
						}
								.extrafensterClose {
										cursor: pointer;
								}
						.extrafenster h2 {
								font-size: 14px;
								padding: 0;
								margin: 0;
						}
						.fensterZweiSpalten {
								display: -webkit-flex;
								display: flex;
						}
								.fensterZweiSpalten > .buttonAusklapp {
										display: none;

										position: absolute;
										left: 0px;
										z-index: 2;
										font-weight: bold;
										cursor: pointer;
										top: 100px;
								}
										.fensterZweiSpalten > .buttonAusklapp img {
												height: 40px;
												display: block;
										}
								.fensterZweiSpalten > .left {
										padding-top: 2em;
										padding-right: 1em;
										border-right: 1px solid #cecece;
										overflow: auto;
										max-height: 300px;
								}
								.fensterZweiSpalten > .right {
										padding-left: 2.5%;
										padding-top: calc(2em - 10px);
										overflow: auto;
										max-height: 300px;
										position: relative;		/* fuer die absolut positionierten Ausblend-Balken */
								}
								.fensterDesign .fensterZweiSpalten > .left {
										-webkit-flex: 0 1 290px;
										flex: 0 1 290px;
								}
								#fensterModell .fensterZweiSpalten > .left {
										-webkit-flex: 0 1 390px;
										flex: 0 1 390px;
								}
								.fensterDesign .fensterZweiSpalten > .right {
										/* eigentlich
										-webkit-flex: 4.8 1 0;
										flex: 4.8 1 0;
										damit kommt aber der IE11 nicht zurecht (der Edge aber schon), trotzdem hier folgender Umweg, der bei allen grossen Browsern funktioniert: */
										-webkit-flex: 4.8 1 1px;
										flex: 4.8 1 1px;
								}
								#fensterModell .fensterZweiSpalten > .right {
										-webkit-flex: 1 1 auto;
										flex: 1 1 auto;

										padding-right: 2.5%;		/* nur bei dem Modell-Fenster - bei den Stoff sparen wir uns den Platz fuer die Anzeige */
								}
								@media (max-width: 1200px) {
										#fensterModell .fensterZweiSpalten > .right {
												padding-right: 0;
										}
								}
						@media (max-width: 1000px) {
								/* ab hier die links Spalte zum einklappen */
								.fensterDesign .fensterZweiSpalten {
										display: block;
										position: relative;
								}
								.fensterDesign .fensterZweiSpalten > .buttonAusklapp {
										display: block;

								}
								.fensterDesign .fensterZweiSpalten > .left {
										position: absolute;
										left: 0;
										top: 0;
										background-color: #ffffff;
										width: 0;
										padding-right: 0;
										z-index: 10;
								}
						}
						@media (max-width: 800px) {
								/* ab hier die links Spalte zum einklappen */
								#fensterModell .fensterZweiSpalten {
										display: block;
										position: relative;
								}
								#fensterModell .fensterZweiSpalten > .buttonAusklapp {
										display: block;

								}
								#fensterModell .fensterZweiSpalten > .left {
										position: absolute;
										left: 0;
										top: 0;
										background-color: #ffffff;
										width: 0;
										padding-right: 0;
										z-index: 1;
								}
								#fensterModell .fensterZweiSpalten > .right {
										padding: 0;
								}
						}

										.fensterZweiSpalten > .left h3 {
												font-size: 13px;
												border-bottom: 1px solid #cecece;
												padding-bottom: 0.5em;
										}
										#fensterModell .fensterZweiSpalten > .left h3 {		/* nur Modelle-Wahl nicht Stoffe-Wahl */
												margin-top: 0;
										}

										.fensterDesignHinweis {
												display: none;
												margin-bottom: 2em;
												font-size: 90%;
										}

										.fensterModellDetails {
												display: -webkit-flex;
												display: flex;
												margin-top: 1.5em;
												-webkit-flex-direction: row;
												flex-direction: row;
										}
												.fensterModellDetails .left {
														-webkit-flex: 0 1 370px;
														flex: 0 1 370px;
														text-align: center;
												}
														.fensterModellDetails .left img.fensterModellDetailsModellbild {
																width: 170px;
														}
												.fensterModellDetails .right {
														-webkit-flex: 1 1 auto;
														flex: 1 1 auto;
												}
														.fensterModellDetails .right .tabs.elemLt700 .noTab .bez {
																display: none;
														}
														.fensterModellDetails .right .tabs.elemLt530 .bez {
																display: none;
														}
														.fensterModellDetails .tabFenster ul {
																margin: 0;
																padding: 0;
														}
										.fensterModellDetails.elemLt550 {
												-webkit-flex-direction: column;
												flex-direction: column;
										}
												.fensterModellDetails.elemLt550 .left {
														-webkit-flex: 0 1 auto;
														flex: 0 1 auto;
														margin-bottom: 1em;
												}
										.fensterModellDetails.alternativ {

										}
												.fensterModellDetails.alternativ > .left {
														opacity: 0.1;
												}

						.extrafensterDetailsBottom {
								text-align: right;
						}
								.extrafensterDetailsBottom .abpreis {
										font-size: 16px
								}

								.extrafenster .buttons, .boxInfoModell .buttons {
										margin-top: 1em;
								}
										.extrafenster .buttons button, .boxInfoModell .buttons button {
												margin-left: 1em;
												border: none;
												padding: 0.5em;
												font-size: 13px;
												cursor: pointer;
										}
										.extrafenster .buttons .stoffprobe {
												background-color: #cecece;
												color: #444444;
										}
												.extrafenster .buttons .stoffprobe:hover {
														background-color: #bebebe;
												}
										.extrafenster .buttons .uebernehmen, .boxInfoModell .buttons .uebernehmen {
												background-color: #357dbc;
												color: #ffffff;
										}
												.extrafenster .buttons .uebernehmen:hover, .boxInfoModell .buttons .uebernehmen:hover {
														background-color: #458dcc;
												}

										.boxInfoModell {
												padding: 1.8%;
										}
										#fensterModell .boxInfoModell {
												border: 2px solid #cecece;
												margin-bottom: 1em;
										}
												.boxInfoModell h3 {
														margin-top: 0;
												}
												.boxInfoModell .alternativBox {
														background-color: #fdf8f8;
														padding: 1em;
														display: -webkit-flex;
														display: flex;
														-webkit-align-items: center;
														align-items: center;
												}
														.boxInfoModell .alternativBox > .left {
																-webkit-flex: 0 0 auto;
																flex: 0 0 auto;
																padding: 1em;
														}
																.boxInfoModell .marke {
																		text-transform: uppercase;
																}
														.boxInfoModell .alternativBox > .right {
																-webkit-flex: 1 1 0;
																flex: 1 1 0;
																padding-left: 1em;
																color: #444444;
														}
																.boxInfoModell .alternativHinweis {
																		font-weight: bold;
																		font-size: 120%;
																}
																.boxInfoModell .alternativErklaerung {
																		margin-top: 1em;
																		font-size: 90%;
																}


												.boxInfoModell .fensterModellMinMax {
														display: inline-block;
														margin-right: 3em;
														margin-top: 1em;
												}
												
												.Lamellenbreite img{
													max-width: 100%;
													margin-top: 0;
												}

												.Lamellenbreite h3{
													margin-top: 1.5em !important;
													margin-bottom: 0;
												}
												
														.boxInfoModell .fensterModellMinMax img, #fensterModell .fensterModellMinMax ul {
																display: inline-block;
																vertical-align: top;
														}
														.boxInfoModell .fensterModellMinMax img {
																margin-right: 1em;
														}
														.boxInfoModell .fensterModellMinMax ul {
																list-style-type: none;
																margin: 0;
																padding: 0;
														}

										#fensterModell .iconModellauswahlFilter {
												width: 57px;
												height: 57px;
										}
												#fensterModell .fensterZweiSpalten .left label {
														display: inline-block;
														text-align: center;
														width: 92px;
														vertical-align: top;
														margin-bottom: 1em;
												}
														#fensterModell .fensterZweiSpalten .left label.ausgegraut {
																opacity: 0.1;
																cursor: not-allowed;
														}

										@media (max-width: 1100px) {		/* links alles kleiner machen */

												#fensterModell .fensterZweiSpalten .left label {
														width: 62px;
												}
												#fensterModell .iconModellauswahlFilter {
														width: 50px;
														height: 50px;
												}

										}

								.listDesigns {
										overflow: auto;
								}
										.listDesigns:before {
												/* Uebergang ins Transparente */
												position: absolute;
												z-index: 1;
												top: calc(2em - 10px);
												left: 0;
												background-color: transparent;
												background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
												width: 100%;
												height: 10px;
												content: ' ';
										}
										.listDesigns:after {
												/* Uebergang ins Transparente */
												position: absolute;
												z-index: 1;
												bottom: 0;
												left: 0;
												background-color: transparent;
												background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
												width: 100%;
												height: 10px;
												content: ' ';
										}

										.listDesigns .zwischenueberschrift {
												margin-top: 2em;
												margin-bottom: 2em;
												margin-right: 2%;


										}
														.listDesigns .zwischenueberschrift .logobezeichnung {
																float: left;

																display: -webkit-flex;
																display: flex;
																-webkit-justify-content: space-between;
																justify-content: space-between;
																-webkit-align-items: center;
																align-items: center;
																-webkit-flex-wrap: wrap;
																flex-wrap: wrap;
														}
																.listDesigns .zwischenueberschrift .logobezeichnung .logo {
																		-webkit-flex: 0 0 auto;
																		flex: 0 0 auto;
																}
																		.listDesigns .zwischenueberschrift .logobezeichnung .logo > img {
																				margin-right: 1em;
																		}
																.listDesigns .zwischenueberschrift .logobezeichnung .bezeichnung {
																		-webkit-flex: 1 1 auto;
																		flex: 1 1 auto;
																}

												.listDesigns .zwischenueberschrift .ansicht {
														float: right;
												}

														.listDesigns .zwischenueberschrift .ansicht form {
																display: inline;
														}
														.listDesigns .zwischenueberschrift .ansicht_bezeichnung {
																font-weight: bold;
																margin-right: 1em;
														}
														.listDesigns .zwischenueberschrift .ansicht_wahl {

														}
																.listDesigns .zwischenueberschrift .ansicht_wahl .button {
																		display: inline-block;
																		width: 93px;
																		height: 22px;
																		line-height: 22px;
																		border: 1px solid #cecece;
																		text-align: center;
																		color: #888888;
																		margin-left: 4px;
																		background-color: #ffffff;
																		padding: 0;
																		border-radius: 0;
																		font-size: 1em;

																		-webkit-touch-callout: none; /* iOS Safari */
																		-webkit-user-select: none;   /* Chrome/Safari/Opera */
																		-khtml-user-select: none;    /* Konqueror */
																		-moz-user-select: none;      /* Firefox */
																		-ms-user-select: none;       /* IE/Edge */
																		user-select: none;           /* non-prefixed version, currently not supported by any browser */
																}
																.listDesigns .zwischenueberschrift .ansicht_wahl .button:hover {
																		color: #444444;
																}
																		.listDesigns .zwischenueberschrift .ansicht_wahl input {
																				display: none;
																		}
																		.listDesigns .zwischenueberschrift .ansicht_wahl .button > img {
																				display: none;
																				width: 11px;
																				height: 10px;
																				margin-left: 1em;
																		}

																		.listDesigns .zwischenueberschrift .ansicht_wahl input:checked + .button {
																				color: #ffffff;
																				background-color: #3781bd;
																				border: 1px solid #3781bd;
																		}
																				.listDesigns .zwischenueberschrift .ansicht_wahl input:checked + .button > img {
																						display: inline;
																				}
										.listDesigns .notFound {
												margin-top: 5em;
												font-style: italic;
												text-align: center;
												color: #999999;
										}


								.listDesignsMarke {
										position: relative; 	/* fuer die Positionsbesteimmung eines Stoffes mit offsetLeft - fuer die Position des Pfeils */
										margin-left: 2%;
										margin-top: 10px;

										display: -webkit-flex;
										display: flex;
										-webkit-flex-wrap: wrap;
										flex-wrap: wrap;
								}

										.listDesignsMarke .listDesignsDesign {
												display: inline-block;
												padding-right: 1%;
												border-right: 1px solid #cecece;
												margin-right: 2%;
												margin-bottom: 2.45em;
												vertical-align: top;
												cursor: pointer;

												/* width: 178px; */
												-webkit-flex: 1 1 160px;
												flex: 1 1 160px;	/* flex-basis maximal 177px, ansonsten ist es zu gross */
										}
												.listDesignsMarke .listDesignsAreaActivateDetails {
														cursor: pointer;
														position: relative;
												}
														.listDesignsMarke .listDesignsGroupBilder > * {
																float: left;
														}
														.listDesignsMarke .listDesignsGroupBilder > *:last-child {		/* clear-<br> */
																float: none;
														}
																.listDesignsMarke .listDesignsDesign .listDesignsDesignbild {
																		margin-right: 5px;
																		margin-bottom: 1em;
																}
																		.listDesignsMarke .listDesignsDesign .listDesignsDesignbild img {
																				display: block;
																				/* min-height: 180px; */		/* wenn das Bild fehlt */
																		}
																		#listDesigns .listDesignsDesignbild img {
																				width: 100%;
																		}
																		  #listDesigns_abschluss .listDesignsDesignbild img		/* Jalousien bei Unterleiste */
																		, #listDesigns_abschluss .listDesignsDesignbild .rgbBox
																		{
																				height: 100px;		/* das doppelte der Lamellenbreite: 100px steht fuer 50mm */
																		}
																.listDesignsMarke .iconSpezial {
																		/*
																		width: 23px;
																		height: 23px;
																		*/
																		width: 12%;
																		margin-bottom: 5px;
																}

														.listDesignsMarke .listDesignsAreaActivateDetails:hover .infoDetailansicht {
																display: block;
														}
														.listDesignsMarke .listDesignsAreaActivateDetails:hover .listDesignsDesignbild {
																opacity: 0.5;
														}

										.listDesignsMarke .listDesignsBoxDetailsWrap {
												overflow: hidden;		/* fuer die Animation height: 0 */
												margin-bottom: 2em;
										}

										.listDesignsMarke .listDesignsBoxDetails {
												display: -webkit-flex;
												display: flex;
												-webkit-flex-direction: row;
												flex-direction: row;

												border: 2px solid #cecece;
												padding: 1.8%;
												position: relative;
												box-sizing: border-box;
										}
										.listDesignsMarke .listDesignsBoxDetails.elemLt500 {
												-webkit-flex-direction: column;
												flex-direction: column;
										}
												.listDesignsMarke .listDesignsBoxDetails .schliessen {
														position: absolute;
														top: 1em;
														right: 1em;
														cursor: pointer;
												}
												.listDesignsMarke .pfeilOben {
														position: absolute;
														height: 12px;
														font-size: 20px;
												}
												.listDesignsMarke .listDesignsBoxDetails > .left {
														-webkit-flex: 1 0 auto;
														flex: 1 0 auto;
														margin-right: 4%;
												}
														.listDesignsMarke .listDesignsBoxDetails > .left img.boxDetailsDesignbild {
																width: 100%;
																display: block;		/* wegen dem Space unter der Baseline */
														}
												.listDesignsMarke .listDesignsBoxDetails > .right {
														-webkit-flex: 10 5 auto;
														flex: 10 5 auto;
												}
														.listDesignsMarke .listDesignsBoxDetails > .right h3 {
																font-size: 15px;
														}
														.listDesignsMarke .listDesignsBoxDetails > .right .versand {
																color: #00900a;
																font-size: 13px;
														}
																.listDesignsMarke .listDesignsBoxDetails > .right .versand .haken {
																		font-size: 16px;
																		font-weight: bold;
																}
														.listDesignsMarke .listDesignsBoxDetails .eigenschaften {
																-moz-column-width: 170px;
																-webkit-column-width: 170px;
																column-width: 170px;
																line-height: 20px;
																padding-left: 5%;		/* das spiegelt die Standardeinsteellung im Firefox 44 wider (40px), verkleinert sich jetzt aber passenderweise bei kleinen Layouts */
														}

														.listDesignsMarke .listDesignsBoxDetails .licht {
																line-height: 20px;
														}


												.listDesignsMarke .listDesignsBoxDetails .design_big_bildbox {
														position: relative;
														width: 250px;
														margin-left: 1em;
														height: 333.33px;		/* Die Bilder sollten eigentlich 400x300Px vorliegen. Das sind aber leider nicht alle! Deshalb hier auch die Hoehe beschraenken sonst veraendert sich das Layout bei unterschiedlichen Bildgroessen. - Das Bild wird auch nicht gezerrt, weil das hier nur der Container um das eigentliche Bild herum ist  */
												}
												.listDesignsMarke .listDesignsBoxDetails.elemLt550 .design_big_bildbox {
														width: 180px;
												}
												.listDesignsMarke .listDesignsBoxDetails.elemLt500 .design_big_bildbox {
														/* hier jetzt untereinander */
														margin-left: auto;
														margin-right: auto;
														margin-bottom: 1em;
														width: 200px;

												}
														.listDesignsMarke .listDesignsBoxDetails .design_big_bild {

														}
														.listDesignsMarke .listDesignsBoxDetails .design_big_lupe {
																position: absolute;
																top: 15px;
																right: -1px;
																cursor: pointer;
														}

														.listDesignsMarke .listDesignsBoxDetails .design_big_nav_left, .listDesignsMarke .listDesignsBoxDetails .design_big_nav_right {
																position: absolute;
																top: 160px;
																cursor: pointer;
														}
														.listDesignsMarke .listDesignsBoxDetails .design_big_nav_left {
																left: -20px;
														}
														.listDesignsMarke .listDesignsBoxDetails .design_big_nav_right {
																right: -20px;
														}
												.listDesignsMarke .listDesignsBoxDetails .design_big_preview {
														margin-top: 7px;
														margin-left: 1em;
												}
														.listDesignsMarke .listDesignsBoxDetails .design_big_preview > img {
																border: 1px solid #cccccc;
																margin-right: 3px;
																width: 30px;
																height: 40px;
																/* cursor: pointer; 		-- solange es mouseover, statt click triggert, hier vielleicht kein cursor: pointer */
														}
																.listDesignsMarke .listDesignsBoxDetails .design_big_preview > img.active {
																		border: 1px solid #454545;
																}

												.extrafenster .tabsDesign {
														margin-top: 1em;
												}
														.extrafenster .tabsDesign.elemLt700 .bez {
																display: none;
														}

												#tabFensterDesign ul {
														padding-left: 1em;
												}
														#tabFensterDesignKunden {
																max-height: 202px;
																overflow: auto;
														}

																.meinung_text {
																		font-style: italic;
																		margin-bottom: 1em;
																}
																.meinung_keine {
																		font-style: italic;
																		text-align: center;
																		margin-top: 2em;
																}

												.kundenmeinungen {
														max-height: 220px;
														overflow: auto;
												}


								.listDesignsMarke .listDesignsBez, .listDesigns .listDesignsErsetztbez {
										font-size: 11px;
										color: #888888;
								}
								.listDesignsMarke .listDesignsErsetztbez {
										font-style: italic;
								}
								.listDesignsMarke .abpreis {
										text-align: right;
										font-weight: bold;
										margin-top: 4px;
										margin-bottom: 2px;
								}

								  .listDesignsMarke .listDesignsDesign .listDesignsDesignbild
								, .listDesignsMarke .infoDetailansicht
								, .listDesignsMarke .listDesignsGroupBottom
								, .listDesignsMarke .listDesignsDesign .uebernehmen
								{
										width: 220px;
										/* width: 82%; */
										overflow: hidden;
								}
								.listDesignsMarke .listDesignsDesign .rgbBox {
										display: inline-block;
										width: 220px;
								}
								.listDesignsMarke .infoDetailansicht {
										position: absolute;
										left: 0;
										text-align: center;
										top: 50%;
										margin-top: -42px;
										display: none;
								}
										.listDesignsMarke .infoDetailansicht img {
												width: 23px;
												display: inline-block !important;
										}
								.listDesignsMarke .listDesignsDesign .uebernehmen {
										text-align: right;
								}
										.listDesignsMarke .listDesignsDesign .uebernehmen > div {		/* .listDesignsUebernehmenButton */
												background-color: #cecece;
												color: #ffffff;
												padding-left: 1em;
												padding-right: 1em;
												padding-top: 0.5em;
												padding-bottom: 0.5em;
												display: inline-block;
												cursor: pointer;
										}
										.listDesignsMarke .listDesignsDesign:hover .uebernehmen > div {
												background-color: #3580bb;
												color: #ffffff;
										}
								#listDesigns_abschluss .listDesignsMarke .listDesignsDesign .uebernehmen {	/* Holz-Jalousie-Unterleiste. Hier steht kein Ab-Preis. Mit diesem Margin wird wieder Abstand geschaffen, den sonst der Ab-Preis bringt. */
										margin-top: 1em;
								}

								.listDesignsDesign.filler {
										height: 0;
										/*
										margin: 0;
										padding: 0;
										border: 0;
										margins, paddings und borders fuer die breitenberechnung so lassen wie sie sind

										... aber die Hoehe runtersetzen
										*/
										margin-top: 0;
										margin-bottom: 0;
										padding-top: 0;
										padding-bottom: 0;
										border-top: 0;
										border-bottom: 0;
										border-right: 1px solid transparent;
								}

						.fensterDesign input[type="checkbox"] {
								margin-right: 7px;
						}
						.fensterDesign .icon {
								vertical-align: middle;
								width: 22px;
								height: 22px;
								margin-left: 0;
								margin-right: 7px;
						}
						.extrafenster .schliessen {
								vertical-align: middle;
						}
				.fensterDesign .check label {
						display: block;
						text-indent: -2em;
						margin-left: 2em;
						margin-top: 5px;
						margin-bottom: 5px;
				}

				#wrapModellSuche {
						text-align: right;
						margin-bottom: 1em;
				}

						.suche {		/* .fensterDesign, sowie #fensterModell */
								background-image: url(icons/lupe.svg);
								background-repeat: no-repeat;
								background-position: 96% center;
								background-size: 24px 24px;
								padding-left: 15px;
								padding-right: 15px;
								padding-top: 15px;
								padding-bottom: 15px;
								border: 1px solid #cecece;
								box-sizing: border-box;
								width: 100%;

						}

				.group.color label {
						display: inline-block;
						margin-right: 4%;
						margin-bottom: 4%;
				}

				.farbbox {
						display: block;
						width: 30px;
						height: 30px;
						line-height: 30px;
						float: left;
						border: 1px solid #f1f1f1;
						text-align: center;
						font-weight: bold;
						cursor: pointer;
						font-size: 20px;
				}
				.farbbox.beige { background-color: #d4be8d; color: #ffffff; }
				.farbbox.blau { background-color: #3485ff; color: #ffffff; }
				.farbbox.braun { background-color: #6f3e18; color: #ffffff; }
				.farbbox.gelb { background-color: #fffc00; color: #888888; }
				.farbbox.gruen { background-color: #73b525; color: #ffffff; }
				.farbbox.orange { background-color: #ff6501; color: #ffffff; }
				.farbbox.rosa { background-color: #ed008c; color: #ffffff; }
				.farbbox.rot { background-color: #ea0001; color: #ffffff; }
				.farbbox.schwarz { background-color: #000000; color: #ffffff; }
				.farbbox.violett { background-color: #9349aa; color: #ffffff; }
				.farbbox.weiss { background-color: #ffffff; color: #888888; }
				.farbbox.grau, .farbbox.grau_-_silber { background-color: #838383; color: #ffffff; }
				.farbbox.holzfarben { background-image: url(icons/holzfarben.jpg); background-size: cover; color: #ffffff; }


				#fensterDesignAuswahlGruppe_abschluss {
						/* das sind dir Gruppen der Stoffe Rollo, Rollup, Raffrollo - Diese sind fuer die Jalousie-Unterlesiten ungegeignet */
						display: none;
				}







#fensterWarenkorb {

}
#fensterWarenkorb #fensterWarenkorb_top {
		/* padding: 40px; */
		padding: 8%;
}
		#fensterWarenkorb #fensterWarenkorb_top_left {
				float: left;
				width: 30%;
				margin-right: 4%;
				position: relative;
		}
				#fensterWarenkorb #warenkorb_box_produktbild {
						width: 100%;
						max-height: 340px;
						max-width: 161px;
				}
				#fensterWarenkorb #warenkorb_icon_hinzugefuegt {
						position: absolute;
						top: 50%;
						margin-top: -27px;
						left: 50%;
						margin-left: -27px;
						display: none;
				}
		#fensterWarenkorb #fensterWarenkorb_top_right {
				float: right;
				width: 64%;
		}
				#fensterWarenkorb #warenkorb_box_status {
						border-bottom: 1px solid #e6e6e6;
						padding-bottom: 7px;
						margin-bottom: 20px;
						font-size: 1.2em;
				}
				#fensterWarenkorb #warenkorb_box_titel {
						font-size: 1.1em;
						font-weight: bold;
				}
				#fensterWarenkorb #warenkorb_box_groesse {

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

		#fensterWarenkorb_top_buttons {
				margin-top: 28px;
		}
				#fensterWarenkorb_top_buttons .left {
						float: left;
						display: block;
						text-transform: uppercase;
						border: 2px solid #bf0008;
						height: 39px;		/* so hat es mit seinen bordern die gleiche Hoehe wie das Warnkorb-Icon */
						line-height: 39px;
						color: #bf0008;
						padding-left: 1em;
						/* padding-right: 46px; */
						padding-right: 8%;
						cursor: pointer;
				}
				#fensterWarenkorb_top_buttons .right {
						float: right;
				}
				@media (max-width: 530px) {
						.buttonFuellwoerter {
								display: none;
						}
				}

#fensterWarenkorb #fensterWarenkorb_bottom {
		display: none;
		border-top: 5px solid #e6e6e6;
		padding: 2em;
}
		.fensterWarenkorb_bottom_ueberschrift {
				margin-bottom: 1em;
				font-size: 13pt;
		}
		.warenkorbAehnlichArtikel {
				display: inline-block;
				width: 161px;
				vertical-align: top;
				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) {
		#fensterWarenkorb {
				width: auto;
		}
				#fensterWarenkorb_top_left {
						display: none;
				}
				#fensterWarenkorb #fensterWarenkorb_top_right {
						/* width: auto;
						float: none; */
				}
						#fensterWarenkorb_top_buttons .left {
								margin-bottom: 1em;
						}
}



#fensterHinweisAnfrageTitel {
		border-bottom: 1px solid #e6e6e6;
		font-size: 1.2em;
		padding-bottom: 7px;
		margin-bottom: 20px;
}
#fensterHinweisAnfrageMeldung {

}
#fensterHinweisAnfrageButtons {
		margin-top: 28px;
}
		  #fensterHinweisAnfrageButtons .left
		, #fensterHinweisAnfrageButtons .right
		{
				display: block;
				text-transform: uppercase;
				padding: 2%;
				cursor: pointer;
		}
		#fensterHinweisAnfrageButtons .left {
				float: left;
				border: 2px solid #444444;
				color: #444444;
		}
		#fensterHinweisAnfrageButtons .right {
				background-color: #e6e6e6;
				color: #444444;
				float: right;
				border: 2px solid transparent;
				text-decoration: none;
		}


/* z.B. Schienenprofil+ */
.msgboxhtml {
		font-size: 10px;
		line-height: 1.5em;
}
		.window_wk_ueberschrift_main {
				text-align: center;
				background-color: #5f5f5f;
				color: #ffffff;
				padding: 1em;
		}
		.window_wk_ueberschrift_main_1 {
				font-weight: bold;
				font-size: 13px;
		}
		.window_wk_ueberschrift_main_2 {
				font-size: 11px;
		}
		.window_wk_ueberschrift_erklaerung {
				 text-align: center;
				 padding: 1em;
		}
		.window_wk_ueberschrift_pfeil {
				 text-align: center;
		}
		.window_wk_zwischenzeile {
				height: 10px;
		}
		.window_wk_zwischenspalte {
				width: 10px;
				min-width: 10px;		/* greift beim td irgendwie nicht so richtig - Das Konzept habe ich in diesem Fall leider noch nciht so richtig verstanden */
		}

		.window_wk_table_auswahl {
				border-spacing: 0;
		}
				.window_wk_table_auswahl td {
						cursor: pointer;
						padding: 0;
				}
				.window_wk_ue_box {
						padding-top: 1em;
				}
						.window_wk_ue {
								font-weight: bold;
								font-size: 13px;
						}
				.window_wk_radiobox {
						border: 1px solid #d7d7d7;
				}
		.msgboxhtml_buttons {
				margin-top: 0.5em;
				text-align: right;
		}
				.msgboxhtml_buttons > div {
						display: inline-block;
						text-decoration: underline;
						cursor: pointer;
						padding-top: 0.5em;
						padding-bottom: 0.5em;
						padding-left: 1em;
						padding-right: 1em;
				}

						.msgboxhtmlButtonsHighlight {
								background-color: #444444;
								color: #ffffff;
								margin-left: 0.5em;
						}