/*

	11.08.2022 - David D. - Planenkonfi Stofflisting Icons gleich gro�
	06.01.2022 - Tim		bei #label_versandgerollt display:none entfernt

*/




label {
		cursor: pointer;

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

}



/* Von Haus aus markiert Firefox Eingaben falsch. Das will ich auch bei anderen Browsern (Chrome) so */
:-moz-submit-invalid {		/* betrifft ein Teil des :invalid-Selektors */
		box-shadow: none;
}
:-moz-ui-invalid {
		box-shadow: none;
}
input:invalid {		/* es gibt auch :invalid, welches sich zusaetzlich auf form:invalid bezieht */
		border: 0;
		box-shadow: 0 0 1.5px 1px red;
}
input:focus:invalid {		/* relevant in Chrome: Waehrend der Eingabe (:focus) brauchen wir unfertige Zahlen noch nicht markieren. Ausserdem haetten wir da den :focus UND den :invalid style  */
		box-shadow: none;
}




/*
		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 Formauswahl 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 - ausserdem haben wir eigene Spin-Buttons (+ / -) */
}
input[type=number]::-webkit-inner-spin-button, 		/* fuer den Chrome - die Spin-Buttons nehmen so viel Platz weg, dass bei einem Input-Feld der Breite 3ch nur Platz guer eine Ziffer ist (ohne Spin-Buttons passen 3 Ziffern rein) */
input[type=number]::-webkit-outer-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
}

.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;
}

.flexFiller {
		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 !important;
		padding-bottom: 0 !important;
		border-top: 0;
		border-bottom: 0;
		border-right: 1px solid transparent;
}

.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;
		}


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

		#modellbild_preview .modellbild_preview_img {
				border: 1px solid #cccccc;
				margin-right: 10px;
				margin-bottom: 5px;
				height: 54px;
				cursor: pointer;
		}
				#modellbild_preview .modellbild_preview_img.active {
						outline: 1px solid #454545;
				}
		#modellbild_preview .vorschaubilder_erklaerung {
				margin-bottom: 5px;
				height: 54px;
				margin-left: 1em;
		}

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

				#link_save {
						text-decoration: none;
				}
						#link_save .icon {
								font-size: 24px;
						}
						#link_save .icon {

						}
				#link_save_data {
						display: none;
				}

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

				position: fixed;
				bottom: 0;
				right: 0;
				/* width: 100%; */
				box-sizing: border-box;		/* ist auch wichtig bei 1 Spalten-Responsive-Layout, wenn width 100% gesetzt ist (wegen dem Padding) */
				border: 1px solid #99ebcb;

				margin-top: 1em;
				display: flex;
				justify-content: space-between;
				flex-direction: row;
				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 {
						flex: 1 1 280px;
				}
						.sonderwunsch textarea {
								width: 100%;
								height: 50px;
								border: 1px solid #e6e6e6;
								box-sizing: border-box;
						}
				.box_menge {
						text-align: right;
						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 {
						flex: 1 0 auto;
						text-align: right;
				}
				.box_warenkorb {
						flex: 1 0 auto;
						text-align: right;
				}


					.warenkorb_extrafenster {
						cursor: pointer;
						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 {
						flex-wrap: wrap;
				}
						.gruppe_warenkorb > * {
								text-align: right;
								margin-top: 1em;
								margin-bottom: 1em;
						}
		}

		#spalten2 {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				box-sizing: border-box;
				display: flex;
				flex-direction: row;
				align-items: stretch;
		}
				#spalten2 > * {
						overflow: auto;
				}
				#spalten2 #visualisierung {
						flex: 1 0 0;
						text-align: center;
						position: relative;
						padding-left: 2%;
				}
				_:-ms-fullscreen,
				:root .selector,
				#spalten2 #visualisierung {
						/* IE11 Hack */
						flex: 1 0 auto;
				}


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

						#modellbild_kopf {
								margin-bottom: 1em;
								display: flex;
								justify-content: space-between;
						}
								#modellbild_ueberschrift {
										flex: 1 1 0;
										text-align: left;
								}
								#modellbild_logo {
										flex: 0 0 110px;
								}
										#modellbild_logo img {
												width: 100%;
										}
								#modellbild_kopf_rechts {
										flex: 1 1 0;
								}

						#paper {
								margin: auto;
								width: 100% !important; /* f�r Skalierung in der Visualisierung wichtig  */
						}
						.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 */
								position: relative;
						}
								.modellbildImg {
										max-width: 100%;
										z-index: 1;
										position: relative;
										display: block;
								}

										#spalten2 #visualisierung .ueberschrift1 {
												font-size: 16px;
										}
										#spalten2 #visualisierung .ueberschrift2 {
												font-weight: bold;
												font-size: 16px;
										}

						#visualisierung svg {
								max-width: 100%;
						}

				#spalten2 #trenner {
						flex: 0 0 10px;
						background-color: #cdcdcd;
						cursor: col-resize;
						/* visibility: hidden;		hover on hidden element funktioniert nicht (mit einem extra div haette es zwar wieder funktionier, aber ich mache es jitzt mit opacit) */
						opacity: 0;
						margin-left: 1%;
						margin-right: 1%;
				}
						#spalten2 #trenner:hover {
								opacity: 1;
						}


				#spalten2 #eingabe {
						flex: 1 0 0;
						position: relative;
						padding-right: 2%;
				}
				_:-ms-fullscreen,
				:root .selector,
				#spalten2 #eingabe {
						/* IE11 Hack */
						flex: 1 0 auto;
				}
						#eingabe .bereichsueberschrift {
								background-color: #00cc7e;
								color: #ffffff;
								font-size: 16px;
								font-weight: normal;
								padding: 1em;
								text-align: left;
								margin-top: 0;
								margin-bottom: 0;
						}
						#accordion {
								overflow: auto;
								padding-top: 8px;
								margin-bottom: 18em;
						}
						#eingabe .eingabeBox {
								margin-top: 1em;
								margin-left: 2em;
								margin-bottom: 1em;
								display: none;
								overflow: hidden;		/* fuer die Animation */
						}
								#eingabe .accordion_zwischenueberschrift {
										font-weight: normal;
										margin-top: 0;
										margin-bottom: 1em;
								}

								#eingabe .erklaerung {
										font-size: 90%;
										color: #888888;
								}

										.tabs > * {
												display: inline-block;
												border: 1px solid #f1f1f1;
												margin-right: 6px;
												padding: 1em;
												position: relative;
												left: 0;
												top: 1px;
												cursor: pointer;
												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.elemLt350 #tabForm .bez {		/* auf den Tabs die Ueberschrift */
														display: none;
												}
										.tabs > .noTab {
												border: 0;
												text-decoration: none;
												color: #444444;
										}
										.tabFenster {
												border-top: 1px solid #f1f1f1;
										}
												.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;

										/*
										display: flex;
										flex-wrap: wrap;
										geht mit der letzten Zeile nicht so richtig
										*/
										display: grid;
										grid-template-columns: repeat(auto-fit,minmax(100px, 1fr));		/*  auto-fit, statt auto-fill  - fit nutzt zur verfuegung stehenden Platz aus, fit nimmt den Mnidest-Platz  */
										grid-column-gap: 30px;

								}
										.tabFensterMain ul li {
										}
										.tabFensterMain ul li label {
										}
												.tabFensterMain ul li img {
														vertical-align: middle;
														margin-top: 1em;
														margin-bottom: 1em;
												}
												.formBildVorauswahl {
														height: 80px;
												}

												.formBild {
													position: relative;
												}
													.formBild .icon_formDrehen{
														margin-top: 0;
													}

										#tabFensterForm ul li {
												/* flex: 1 0 100px; */
												padding: 1em;
										}
										_:-ms-fullscreen,
										:root .selector,
										#tabFensterForm ul li {
												/* IE11 Hack */
												display: inline-block;
										}
												#tabFensterForm ul li label {
														display: flex;
														flex-direction: column;
														align-items: center;

														/* radio buttons auf eine Hoehe bringen */
														height: 100%;
														justify-content: space-between;
												}
														#tabFensterForm ul li label > * {
																text-align: center;
														}
														#tabFensterForm ul li .input {
														}

														#tabFensterForm ul li .img {
																width: 100%;
														}
														_:-ms-fullscreen,
														:root .selector,
														#tabFensterForm ul li .img {
																/* IE11 Hack */
																width: auto;
														}
														#tabFensterForm ul li .bezeichnung {
																padding-bottom: 1em;
														}
																#tabFensterForm ul li .bezeichnung .zusatz {
																		color: #888888;
																		display: block;
																}

														#tabFensterForm ul li .price {
																text-align: left;
																padding-left: 1em;
																padding-right: 1em;
														}
														#tabFensterForm ul li .info {
																width: 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 #tabFensterForm ul li .input {
																margin: 0;
														}
														*/

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

								#linkDesignwahl {
										display: inline-block;
								}

						#group_masseingabe {
								display: flex;
								flex-wrap: wrap;
								align-items: center;
						}
								.inputs_mass label {
										display: block;
										margin-top: 1.5em;
								}
										.inputs_mass label > * {
												vertical-align: middle;
										}
										.mass_bez {
												display: inline-block;
												width: 122px;
										}
										.mass_grenze {
												font-size: 80%;
												color: #888888;
												margin-left: 1em;
												white-space: nowrap;
										}

								.inputs_mass input[type=number], .inputs_mass input[type=text] {		/* number oder text - je nachdem was es letztendlich fuer ein Feld wird */
										background-color: #ececec;
										border: 1px solid #cecece;
										padding: 6px;
										text-align: right;
										width: 60px;
								}

						#masseingabe_drehbare_formen {
							width: 100%;
						}


						#hinweisMasseingabe {
								display: none;
								margin-top: 2em;
								background-color: #fdf8f8;
								font-size: 90%;
								padding: 1em;
						}
								.boxIconLeft {
										display: flex;
										align-items: center;
								}
										.boxIconLeft > .left {
												flex: 0 0 auto;
												padding: 1em;
										}
										.boxIconLeft > .right {
												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";
														}
						#label_versandgerollt {
								margin-top: 1em;
								margin-bottom: 1em;
						}

						#masseingabe_soforthinweise {
								display: none;
								margin-top: 1em;
								margin-left: 2em;
								padding: 1em;
								border: 1px solid #bb0000;
						}
						#masseingabe_berechnung {
								display: none;
								margin-top: 1em;
								margin-left: 3em;
								padding: 1em;
								border: 1px solid #eeeeee;
								cursor: default;
						}
								.masseingabe_berechnung_block {
										margin-top: 1em;
								}
								.masseingabe_berechnung_block:first-child {
										margin-top: 0;
								}

						#group_fenster {
								margin-bottom: 1em;
						}
								#group_fenster .middle * {
										/* fuer das Erklaer-(i) */
										vertical-align: middle;
										margin-top: 0;
										margin-bottom: 0;
										padding-top: 0;
										padding-bottom: 0;
										display: inline-block;
								}

						#masseingabe_fenster {
								display: none;
								flex-wrap: wrap;
						}
							#masseingabe_fenster > div {
								width: 50%;
								padding-bottom: 2em;
							}
							#masseingabe_fenster > #containerAnzahlFenster {
								width: 100%;
								padding: 2em 0;
								display: flex;
								align-items: center;
							}
								#masseingabe_fenster > #containerAnzahlFenster button {
									margin: 0 1em;
									background-color: #ffffff;
									background-image: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
									color: #424242;
									font-size: 1.2em !important;
									border: 1px solid #cfcfcf;
									padding: 0;
									width: 1.5em;
									/* height: 1.5em; laesst das Zeichen vertikal nichrt mehr mittig erscheinen, warum auch immer */
									line-height: 1.5em;
									vertical-align: middle;
								}

						#group_tuer {
							margin-bottom: 1em;
						}
							#group_tuer .middle * {
								/* fuer das Erklaer-(i) */
								vertical-align: middle;
								margin-top: 0;
								margin-bottom: 0;
								padding-top: 0;
								padding-bottom: 0;
								display: inline-block;
							}

							#masseingabe_tuer .middle {
								margin-top: 1em;
							}

						#auswahlRandList {
								margin-top: 15px;		/* fuer den Ueberstand des Ribbons (Bild) beim Saum, welches nach oben ragt (20px - 5px border) */
						}

						#auswahlRand.nurSchnittkante .auswahl_rand:not([data-rand="schnittkante"]) {
								opacity: 0.2;
								cursor: not-allowed !important;
						}

						  #auswahlRandList .bezeichnung
						, #auswahlBefestigungspunktList .bezeichnung
						, #auswahlDrehverschlussList .bezeichnung
						{
								font-size: 1rem;
								margin-top: 0.5em;
								margin-bottom: 0.5em;
						}
						.eingabeBox .preis_einzel {
								text-align: right;
						}
						.eingabeBox .preis_gesamt {
								text-align: right;
								color: #1a73ff;
						}
						#auswahlRandList .erklaerung_grau {
								color: #a3a3a3;
								margin-top: 0.5em;
								margin-bottom: 0.5em;
						}
						#auswahlRandList #input_hohlsaumDurchmesser {
								/* width: 2ch; */
								text-align: right;
						}
						#auswahlRandList #input_hohlsaumDurchmesser::-webkit-inner-spin-button,
						#auswahlRandList #input_hohlsaumDurchmesser::-webkit-outer-spin-button {
								-webkit-appearance: none;
								margin: 0;
						}

						.auswahl_seiten {

						}
								.seite {
										display: inline-block;
										color: #ffffff;
										padding: 1em;
										text-align: center;
										margin-right: 5px;
										width: 1rem;		/* weil wir keine monospace-Schriftart haben. So sind die Boxen alle gleich breit. -- Wenn ich breite und Hoehe auf feste Pixel setze, bin ich wider abhaenig von der Schriftgroesse */
										height: 1rem;		/* den gleichen Wert fuer Breite verwenden, so dass das Kaestche quadratisch ist */

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

								}
								.auswahl_rand:not(.inaktiv) .seite {
										cursor: pointer;
								}
								.auswahl_rand.inaktiv .seite {
										cursor: not-allowed;
								}
										.auswahl_seiten .seite {		/* nur bei der Auswahl Seiten, nicht bei der anzahl der Oesen */
												margin-bottom: 4px;
										}
								.seite.inaktiv {
										background-color: #cacaca;
										text-decoration: line-through;
										transition: background-color 0.5s;
								}

								.seite.inaktiv:hover {
										/* transform: scale(1.1); */

										/* Style vom Aktiven */
										background-color: #5e9dff;

								}

								.seite.aktiv {
										background-color: #1a73ff;
								}
						.auswahl_rand:not(.inaktiv) .auswahl_rand .bild {
								cursor: pointer;
						}
						.auswahl_rand.inaktiv .auswahl_rand .bild {
								cursor: not-allowed;
						}
						  .auswahl_befestigungspunkt
						, .auswahl_drehverschluss
						{
								cursor: pointer;
						}
								  .auswahl_rand .bild
								, .auswahl_befestigungspunkt .bild
								, .auswahl_drehverschluss .bild
								{
										margin-bottom: 1em;
										border: 5px solid transparent;
								}
										  .auswahl_rand .bild img
										, .auswahl_befestigungspunkt .bild img
										, .auswahl_drehverschluss .bild img
										{
												display: block;
										}
								  .auswahl_rand.aktiv .bild
								, .auswahl_befestigungspunkt.aktiv .bild
								, .auswahl_drehverschluss.aktiv .bild
								{
										border: 5px solid #cacaca;
								}

								.auswahl_rand .bild {
										position: relative;
								}
										.auswahl_rand .bild .ribbon {
												position: absolute;
												right: -10px;
										}

						.groupBefestigungspunkt .line {
								display: flex;
								align-items: center;
								padding-top: 5px;				/* padding-top, statt margin-top, weil sonst die Browser mit der Aufteilung der Elemente durcheinander kommen (bei 3 Elementen wuerden in der 1. Spalte ein Element sein und in der 2. Spalte 2 Element sein) - Chrome hatte da sogar vorher das eine div aufgespalten */
								-webkit-column-break-inside: avoid;		/* aus Kompatibilitaetsgruenden (09.12.2019) - wenn etwas Zeit vergangen ist, kann diese Zeile auch wieder raus */
								page-break-inside: avoid;		/* aus Kompatibilitaetsgruenden (09.12.2019) - wenn etwas Zeit vergangen ist, kann diese Zeile auch wieder raus */
								break-inside: avoid;			/* Safari wuerde sonst, bei nur einem Element umbrechen */
						}
						.groupBefestigungspunkt .line.lineHead {
								margin-top: 2em !important;		/* Angabe von .line ueberschreiben */
								font-weight: bold;
								background-color: #ebfbf5;
								margin-bottom: 5px;
								padding-top: 0.5em;
								padding-bottom: 0.5em;
						}
								.groupBefestigungspunkt .line.lineHead .icon {
										width: 20px;
										height: 20px;
										margin-left: 0.3em;
										cursor: pointer;
										vertical-align: middle;
								}
								.groupBefestigungspunkt .line.lineHead .lineAbstand > * {		/* fuer das Info (i) in der Ueberschrift (und den unmittelbaren Text davor im <span>-Element) */
										vertical-align: middle;
								}

								.groupBefestigungspunkt .line .lineSeite {
										flex: 0 0 60px;
										padding-left: 1em;
								}
								.groupBefestigungspunkt .line .lineAnzahl {
										flex: 0 0 130px;
								}
								.groupBefestigungspunkt .line .lineAbstand {
										flex: 0 0 100px;
								}
								.groupBefestigungspunkt .line .lineIndividualisieren {
										flex: 0 0 100px;
								}
										.btnIncDec {
												background-color: #ffffff;
												background-image: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
												color: #424242;
												font-size: 1.2em !important;
												border: 1px solid #cfcfcf;
												padding: 0;
												width: 1.5em;
												/* height: 1.5em; laesst das Zeichen vertikal nichrt mehr mittig erscheinen, warum auch immer */
												line-height: 1.5em;
												vertical-align: middle;
										}
										.input_befestigungspunkt_anzahl {
												text-align: center;
												padding-left: 1em;
												padding-right: 1em;
												width: 3ch;
												padding-top: 4px;
												padding-bottom: 4px;
												margin-left: 4px;
												margin-right: 4px;
												vertical-align: middle;
										}

						.oesenIndividualisierenButton {
								padding: 0.5em;
								text-align: center;
								cursor: pointer;
						}
							.oesenIndividualisierenButton.aktiv {
								border: 1px solid #000000;
								border-radius: 2px;
								background-color: #000000;
								color: #ffffff;
							}
							.oesenIndividualisierenButton.inaktiv {
								color: #797979;
								background-color: #cacaca;
								border: 1px solid #cacaca;
								text-decoration: line-through;
							}

						.oesenabstandInputGeaendert {
							box-shadow: 0 0 1px 1px #ff6500;
							border: 1px solid #ff6500;
						}

						.colorboxSimpleOesenabstand img, .colorboxSimpleRollenabstand img {
							width: 20px;
							height: 20px;
							margin-left: 0.3em;
							cursor: pointer;
							vertical-align: middle;
						}

						#auswahlOesen {
							display: flex;
							flex-direction: column;
							align-items: center;
						}

						#rolleLaufschienenButton {
							display: flex;
						}

						#laufschieneButton35x30, #laufschieneButton25x19 {
							padding: 1em;
							margin: 2em 1em;
							background-color: #1a73ff;
							color: #fff;
							text-decoration: none;
						}



						.oesenauswahlTabelle {
							border-collapse: collapse;
							/* margin: 0 auto; */
						}
							.oesenauswahlTabelle table, .oesenauswahlTabelle th, .oesenauswahlTabelle td {
								border: 1px solid #b7b7b7;
							}
							.oesenauswahlTabelle td, .oesenauswahlTabelle th {
								text-align: center;
								padding: 0.4em
							}
							.oesenauswahlTabelle td input {
								margin-right: 0.5em
							}

						.oesenAnzahl {
							margin: 1em 0;
						}
							.oesenAnzahl span {
								margin-right: .5em;
							}

						.oesenabstand_grenze {
							font-size: 80%;
							color: #888888;
							margin-left: 1em;
						}

						#groupAuswahlDrehverschluss {
								margin-top: 3em;
								display: none;
						}
								#auswahlDrehverschluss {
										margin-top: 2em;
										display: none;
								}

						#liste_seiten table {
								width: 100%;
						}
								#liste_seiten td {
										padding-top: 1em;
										padding-bottom: 1em;
										white-space: nowrap;
										text-align: center;
										cursor: default;
								}
								#liste_seiten .input_befestigungspunkt {
										width: 100px;
								}
								#liste_seiten .input_anzahl_oese {
										margin-left: 0.5em;
										margin-right: 0.5em;
										margin-top: 0;
								}
								#liste_seiten .input_abstand_rand {
										width: 2ch;
								}
								#liste_seiten .cell_anzahl_oese {

								}
										#liste_seiten .cell_anzahl_oese > * {
												vertical-align: top;
										}
										#liste_seiten .anzahl_oese_extrem {
												opacity: 0.6;
										}
										#liste_seiten .group_input_anzahl_oese {
												position: relative;
										}
												#liste_seiten .input_anzahl_oese_show {
														position: absolute;
														bottom: -9px;
														left: calc(50% - 1ch);
												}
								#liste_seiten .trenner {
										border-top: 1px solid #cccccc;
								}
								#liste_seiten .alle {

								}

						#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! */

		#spalten2 {
				flex-direction: column;
				margin-top: 2em;
				position: static;
		}
				#spalten2 > *{
						flex: none !important;
				}

						#modellbild_steuerung {
								position: static;
								margin-bottom: 2em;
						}
				#spalten2 #trenner {
						display: none;
				}
				#spalten2 #eingabe {
						padding-left: 2%;
				}
						#accordion {
								margin-bottom: 2em;
						}
						.gruppe_warenkorb {
								margin-top: 5em;
								margin-left: 0;
								margin-right: 0;
								margin-bottom: 1em;
								border-left: none;
								border-right: none;
								border-bottom: none;
								position: static;
						}
}

@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 eventuellen 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: 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: 2em;
										overflow: auto;
										max-height: 300px;

										position: relative;		/* fuer die absolut positionierten Ausblend-Balken */
								}

										.fensterZweiSpalten > .right:before {
												/* Uebergang ins Transparente */
												position: absolute;
												z-index: 1;
												top: 2em;
												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: ' ';
										}
										.fensterZweiSpalten > .right: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: ' ';
										}

								.fensterDesign .fensterZweiSpalten > .left {
										flex: 0 1 290px;
								}
								.fensterDesign .fensterZweiSpalten > .right {
										/* eigentlich
										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: */
										flex: 4.8 1 1px;
								}

						@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;
								}
						}


										.fensterZweiSpalten > .left h3 {
												font-size: 13px;
												border-bottom: 1px solid #cecece;
												padding-bottom: 0.5em;
												margin-bottom: 1em;
										}

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

								.extrafenster .buttons {
										margin-top: 1em;
								}
										.extrafenster .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 {
												background-color: #357dbc;
												color: #ffffff;
										}
												.extrafenster .buttons .uebernehmen:hover {
														background-color: #458dcc;
												}


								.listDesigns {
										overflow: auto;
										position: relative; 	/* fuer die Positionsbesteimmung eines Stoffes mit offsetLeft - fuer die Position des Pfeils */
										margin-left: 2%;

										display: flex;
										flex-wrap: wrap;

										padding-top: 1em;		/* fuer die transparenten Uebergangsbereiche */
										padding-bottom: 1em;
								}

										.listDesigns .notFound {
													margin-top: 5em;
													font-style: italic;
													text-align: center;
													color: #999999;
										}


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

												/* width: 178px; */
												flex: 1 1 200px;
										}
												.listDesigns .listDesignsAreaActivateDetails {
														cursor: pointer;
														position: relative;
												}
														.listDesigns .listDesignsGroupBilder > * {
																float: left;
														}
														.listDesigns .listDesignsGroupBilder > *:last-child {		/* clear-<br> */
																float: none;
														}
																.listDesigns .listDesignsDesign .listDesignsDesignbild {
																		margin-right: 5px;
																		margin-bottom: 1em;
																}
																		.listDesigns .listDesignsDesign .listDesignsDesignbild img {
																				display: block;
																				width: 100%;
																				min-height: 180px;		/* wenn das Bild fehlt */
																		}
																.listDesigns .iconSpezialContainer {
																	width: calc(18% - 5px);
																	float: right;
																	display: flex;
																	flex-direction: column;
																}
																.listDesigns .iconSpezial {
																		width: 23px;
																		height: 23px;
																		/*
																			width: 12%;
																		*/
																		margin-bottom: 5px;
																}

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

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

										.listDesigns .listDesignsBoxDetails {
												display: flex;
												flex-direction: row;

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

														.listDesigns .listDesignsBoxDetails .boxPDFDatenblatt {
																margin-left: 3em;
																margin-top: 2em;
														}
																.listDesigns .listDesignsBoxDetails .boxPDFDatenblatt a {
																}
																.listDesigns .listDesignsBoxDetails .boxPDFDatenblatt img {
																		vertical-align: middle;
																}

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


												.listDesigns .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  */
												}
												.listDesigns .listDesignsBoxDetails.elemLt550 .design_big_bildbox {
														width: 180px;
												}
												.listDesigns .listDesignsBoxDetails.elemLt500 .design_big_bildbox {
														/* hier jetzt untereinander */
														margin-left: auto;
														margin-right: auto;
														margin-bottom: 1em;
														width: 200px;

												}
														.listDesigns .listDesignsBoxDetails .design_big_bild {

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

														.listDesigns .listDesignsBoxDetails .design_big_nav_left, .listDesigns .listDesignsBoxDetails .design_big_nav_right {
																position: absolute;
																top: 160px;
																cursor: pointer;
																width: 12px;
														}
														.listDesigns .listDesignsBoxDetails .design_big_nav_left {
																left: -20px;
														}
														.listDesigns .listDesignsBoxDetails .design_big_nav_right {
																right: -20px;
														}
												.listDesigns .listDesignsBoxDetails .design_big_preview {
														margin-top: 7px;
														margin-left: 1em;
												}
														.listDesigns .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 */
														}
																.listDesigns .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;
												}


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

								  .listDesigns .listDesignsDesign .listDesignsDesignbild
								, .listDesigns .infoDetailansicht
								, .listDesigns .listDesignsGroupBottom
								, .listDesigns .listDesignsDesign .uebernehmen
								{
										/* width: 150px; */
										width: 82%;
								}

								.listDesigns .infoDetailansicht {
										position: absolute;
										left: 0;
										text-align: center;
										top: 77px;
										display: none;
								}
										.listDesigns .infoDetailansicht img {
												width: 23px;
										}
								.listDesignsDesign.flexFiller {
										border-right: 1px solid transparent;
								}
								.listDesigns .listDesignsDesign .uebernehmen {
										text-align: right;
								}
										.listDesigns .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;
										}
										.listDesigns .listDesignsDesign .uebernehmen > div:hover {
												background-color: #3580bb;
												color: #ffffff;
										}

						.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;
				}

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

						.suche {		/* .fensterDesign */
								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 { background-color: #838383; color: #ffffff; }
				.farbbox.transparent { background-color: #ffffff; background: linear-gradient(to bottom right, #e1e1e1 0%, #e1e1e1 50%, #ffffff 50%, #ffffff 100%); color:#888888; }



#fensterWarenkorb {

}
#fensterWarenkorb #fensterWarenkorb_top {
		/* padding: 40px; */
		padding: 8%;
}
		#fensterWarenkorb #fensterWarenkorb_top_left {
				float: left;
				width: 34%;
				position: relative;
		}
				#fensterWarenkorb #warenkorb_box_produktbild {
						/* width: 161px; */	/* es kam vor, dass die Bilder zu gross waren und hier nicht reingepasst haben */
						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) {
						#fensterWarenkorb_zurueck_einkaufen {
								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;
						}
}





/* ehemals shop.css */


body {
		/* solange im aLayout (layout.css) keine ordentliche Schriftgroesse gesetzt ist (aktuell: 1em), mache ich das hier */
		font-size: 13px !important;		/* important: so dass es auch im Extra-Stoffauswahl-Fenster geht */
}



#konfiguratorGesamt, #konfiguratorGesamt input, #konfiguratorGesamt select, #konfiguratorGesamt button, #konfiguratorGesamt li, #konfiguratorGesamt p {
		/* font-family: verdana, sans-serif;   das ist unsere empfohlene Schriftart fuer den Konfigurator - Zu bevorzugen ist aber die Schriftart vom gesamten Layout (sofern sie mindestens genauso gut passt) */
		font-size: 13px;
}



.gruppe_warenkorb {

}

		.preis {
				font-size: 0.45cm;
				font-weight: bold;
		}
		.box_preis .zusatz {
				font-size: 9px;
		}
		.box_warenkorb .lieferzeit {
				font-size: 9px;
				text-align: center;
		}

		/* nur RTS
		#anbieterkennzeichnung {
				text-align: right;
				cursor: pointer;
				text-decoration: underline;
				font-size: 11px;
		}
		 */


		/* Warenkorb Button */

		.warenkorb_konfi {

		}


/* Ende ehemals shop.css */