/*
		28.01.2020 - Tim - Anpassung mobiles Layout

pre {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999999999;
  background: #fff;
  overflow: auto;
}
*/
html, html * {
	scroll-behavior:smooth;
/*	overscroll-behavior:none;*/
}
.warenkorbFenster {
	display:none;
}
#fancybox-wrap{
	z-index: 999999!important; /*damit der header nicht drueber liegt*/
	box-sizing: content-box;
}

#fancybox-content{
	background-color: #fff;
}
#fancybox-close {
  top: 0!important;
  right: 0!important;
  width: 2em!important;
  height: 2em!important;
  background: rgba(255, 255, 255, 0.9) url(/ajax/getIcon.php?src=/bilder/icons/close.svg&primaryColor=FF7608) center!important;
  border-radius: 5px;
}
#fancybox-right span, #fancybox-right:hover span {
  left: auto!important;
  right: 0!important;
}
#fancybox-left span, #fancybox-left:hover span {
  left: 0!important;
  right: auto!important;
}
#fancybox-right-ico, #fancybox-left-ico {
	background-size: 2em!important;
	background-repeat: no-repeat;
  background-image: url(/ajax/getIcon.php?src=/bilder/icons/simpleArrowRight.svg&primaryColor=FF7608)!important;
  background-position: center!important;
  background-color:rgba(255, 255, 255, 0.3)!important;
  width: 2em!important;
  height: 2em!important;
  border-radius: 5px;
}

.btn_close {
								position:absolute;
								right: .5em;
								top: .5em;
								width:2rem;
								height:2rem;
								cursor:pointer;
								background-color: rgba(255, 255, 255, 0.9);
								  background-image:url(/ajax/getIcon.php?src=/bilder/icons/close.svg&primaryColor=FF7608);
								  background-position:center;
								  background-repeat:no-repeat;
								  background-size:1em;
								  border-radius: 5px;
								border-radius: 5px;
}
@media (pointer: coarse) {
	body.popupAktiv , body.simple_fixed {
		overflow:hidden!important;
		position:fixed;
	}
	body.popupAktiv #fancybox-wrap {
	position: fixed!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
		.btn_close, #fancybox-right-ico, #fancybox-left-ico, #fancybox-close {
			background-size:1.6em;
		}
		.html_wrap_auswahl_variationen.aktiv {padding-top:5em!important;}
		/*.html_wrap_auswahl_variationen.aktiv .btn_close {position:sticky!important;left:1em!important;top:1em!important;right:unset!important;}*/
	.html_wrap_auswahl_variationen.aktiv .btn_close {
		position: absolute!important;
/*		left: calc(100vw - 3rem);*/
		top:1rem;
		z-index:9999999;
	}
}
@media (max-width: 360px) {
	/*.nvs,*/ .oldPrice {display:none!important;}
	.html_wrap_auswahl_variationen.aktiv {z-index:6666!important;margin-top:1em!important;}
	.artikel_simple .button {
			padding:.75em .5em;
		}
}
#fancybox-left-ico {
  background-image: url(/ajax/getIcon.php?src=/bilder/icons/simpleArrowLeft.svg&primaryColor=FF7608)!important;

}
#fancybox-right, #fancybox-left {
  /*visibility: visible!important;*/
}
.artikel_simple .buttons_preis > * {
  order: 2;
}
.html_wrap_auswahl_variationen {
	display:none;
}
/*
.artikel_simple .html_wrap_auswahl_variationen.aktiv {
  display: block;
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  z-index: 9999;
  margin: auto;
  width: 100%;
  max-height: 100%;
  overflow:auto;
  font-size: 1rem;
}
*/
/*
.artikel_simple .html_wrap_auswahl_variationen.aktiv {
display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  margin: auto;
  width: 99%;
  max-width: 950px;
  max-height: 80%;
  overflow: auto;
  font-size: 1rem;
  outline: 1px solid var(--shadowPrimary,#cecece);
  border-radius: 5px;
  bottom:0;
}
*/
.html_wrap_auswahl_variationen.aktiv {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  margin: auto;
  width: 99%;
  max-width: 100vw;/*950px;*/
  max-height: 80%;
  overflow: hidden;
  font-size: 1rem;
  outline: 1px solid var(--shadowPrimary,#cecece);
  border-radius: 5px;
  bottom: 0;
  height: auto;
  align-items: center;
  align-self: baseline;
}
.artikel_simple .warenkorbDetails .variantendetails .preis_wrap {
  display: none;
}
.artikel_simple .zusatz {
	font-size: .8em;
  line-height: 16px;
  margin-top: 5px;
}
.html_wrap_auswahl_variationen.aktiv::after /*, .artikel_simple.ajax_loading::after*/ {
  content: "";
  position: fixed;
  height: 100vH;
  width: 100vw;
  background: rgba(64,64,64,.5);
  left: 0;
  top: 0;
  z-index: -1;
}
.artikel_simple {
	opacity:1;
	transition:opacity .5s ease-in-out;
}
.artikel_simple.ajax_loading {
	opacity:.5;
}
.artikel_simple.ajax_loading::before {
	content: "";
  background-color: rgba(0,0,0,.1);
  background-image: url(/xartikelsystem/bilder/load.svg);
  background-position: center;
  background-size: 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 66666;
  background-repeat: no-repeat;
}
.auswahl_variationen {
  display: flex;
  /*align-items: center;
  align-content: center;
  text-align: center;*/
  padding: 0;
  gap: 1em;
  flex-wrap: wrap;
  overflow: auto;
  max-height: 70vh;
}
/*
.artikel_simple .auswahl_variationen {
  display: flex;
  padding: 2em;
  gap: 2em;
  flex-wrap: wrap;
}
*/
.artikel_simple .pflegesymboleUebersicht .pflegesymbol {
  display: flex;
  align-items: center;
  gap: 1em;
}
.artikel_simple .pflegesymboleUebersicht .pflegesymbol svg {
  --svgColor2: #000;
  width: 2.5em;
  height: 2.5em;
  flex-shrink: 0;
  border: 1px solid #111;
  padding: 0.3em;
}
 
.auswahl_variationen .auswahlbox {
	display: flex;
  flex-direction: row;/*column;*/
  outline:1px solid #444;
  cursor:pointer;
  color:blue;
  padding: 1em;
  background: #eee;
  position:relative;
  border-radius: 5px;
  flex-wrap:nowrap;
  margin: 1em auto;
 /* gap:1em;*/
  column-gap:1em;
  order:2;
  align-items: center;
  text-align: center;
  text-decoration: none;
}
.auswahl_variationen .auswahlbox .variantendetail {
  max-width: min-content;
}
.auswahl_variationen .auswahlbox span small.dachfenster {
	line-height: 1.2em;
  display: inline-block;
  white-space: normal;
}
.auswahl_variationen .filler {
	width:1em;
	order:99;
}
.auswahl_variationen .auswahlbox .preis_wrap {
    color: initial!important;
}
.auswahl_variationen .auswahlbox .zusatz {
  display: none;
}
.artikel_simple .massanfertigung br {
  display: flex;
}
/*
.artikel_simple .auswahl_variationen .auswahlbox .preis_wrap {
  position: absolute;
  top: -1.8em;
  right: -.5em;
  color: #fff;
  font-size: .9rem;
  background: #111;
  padding: 3px;
  border-radius: 5px;
  opacity: .8;
}*/
.auswahl_variationen .aktiv.auswahlbox {
	color:#111;
	pointer-events:none;
	background:#fff;
	order:1;
}
 .auswahl_variationen .auswahlbox span {
	display:block;
	white-space:nowrap;
}
.auswahl_variationen .auswahlbox span.oldPrice:not(:empty) {
	color:#555;/*var(--primaryColor,#555);*/
}
.auswahl_variationen .auswahlbox span.aktuellerPreis.sonderpreis:not(:empty) {
	color:var(--primaryColor,#555);
}
.artikel_simple .box_icon {
    width: 2rem !important;
    height: 2rem;
	/*background: rgba(255, 255, 255, 0.3) url(/ajax/getIcon.php?src=/bilder/icons/close.svg&primaryColor=FF7608) center!important;*/
  border-radius: 5px;
}
.artikel_simple_aktiv .auswahl_eingrenzen, .artikel_simple_aktiv #listing_artikel {
	opacity:.3!important;
}
.artikel_simple_aktiv .auswahl_eingrenzen:hover, .artikel_simple_aktiv #listing_artikel:hover {
	opacity:1!important;
}
.artikel_simple {
  opacity:1!important;
}
.artikel_simple .inhaltTabs svg, .artikel_simple .inhaltTabs img { max-width: 100%;}
.artikel_simple .preis_wrap {
    flex-direction: column;
	flex-wrap: wrap;
    display: inline-flex;
    white-space: nowrap;
	text-align:center;
	align-content:center;
}
.artikel_simple .groessen_info {
  text-align: center;
  margin-bottom: 1em;
}
div#button_warenkorb_simple {
    order: 99!important;
}
.clr { clear:both; }

.artikel_simple {
		border: 2px solid #cecece;
		float: none;
		margin: 1.5% 2.3%;
		display: inline-block;
		position:relative;
		-webkit-overflow-scrolling: touch;		
		/*max-width: 75%;  Tim: diese Zeile wegen dem float-Llayout hinzugefuegt. - Noetig bei grosser Box (bei z.B. Rollos mit hunderten Farben in der Auswahll) entfernt 20251216 - carschtn  */
}
.artikel_simple .massanfertigung {
    border-top: 1px dashed #bde5bf;
    border-bottom: 1px dashed #bde5bf;
    color: #00900a;
    font-weight:500;
	text-shadow:1px 0px 0 #fff;
    background-image: linear-gradient(to right, #ffffff 0%, #e8fcea 50%, #ffffff 100%);
	margin-bottom:1em!important;
}
.artikel_simple h2, .artikel_simple p, .artikel_simple ul {
	  -webkit-hyphens: auto;
      -webkit-hyphenate-limit-before: 3;
      -webkit-hyphenate-limit-after: 3;
      -webkit-hyphenate-limit-chars: 6 3 3;
      -webkit-hyphenate-limit-lines: 2;
      -webkit-hyphenate-limit-last: always;
      -webkit-hyphenate-limit-zone: 8%;
      -moz-hyphens: auto;
      -moz-hyphenate-limit-chars: 6 3 3;
      -moz-hyphenate-limit-lines: 2;
      -moz-hyphenate-limit-last: always;
      -moz-hyphenate-limit-zone: 8%;
      -ms-hyphens: auto;
      -ms-hyphenate-limit-chars: 6 3 3;
      -ms-hyphenate-limit-lines: 2;
      -ms-hyphenate-limit-last: always;
      -ms-hyphenate-limit-zone: 8%;
      hyphens: auto;
      hyphenate-limit-chars: 6 3 3;
      hyphenate-limit-lines: 2;
      hyphenate-limit-last: always;
      hyphenate-limit-zone: 8%;
	}

.artikel_simple .artikel_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.artikel_simple .fancybox_hauptbild {
	position:relative;
	display:inline-block;
}
.artikel_simple .fancybox_hauptbild::after {
	content: "";
	position:absolute;
	left: 0;
	bottom: 0;
	margin: auto;
	right:0;
	top:0;
	width:2em;
	height:2em;
	background-image:url(/ajax/getIcon.php?src=/bilder/icons/lupe-gross.svg&primaryColor=FF7608);
	background-position:center;
	background-size:cover;
}
.artikel_simple .fancybox_hauptbild:hover::after {
	opacity:0;
}
.artikel_simple .meinungen_ueberschrift {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.artikel_simple .bewertungen_alle {
  margin-top: 1em;
}


.artikel_simple span.sternewertung img {
    width: 20px;
}
.artikel_simple .artikel_table_main .stoff_inhalt .ueberschrift.bewertungen, .artikel_simple .artikel_table_main .stoff_inhalt .ueberschrift.hidden {
	display:none!important;
}
.artikel_simple .sternewertung .wertungenansehen, .artikel_simple .varAuswahlTrigger {
	cursor:pointer;
	text-decoration:underline;
	color:blue;
	width: 100%;
}
.artikel_simple .varAuswahlTrigger {
	background: #fff;
	padding: .5em 0;
}
.artikel_simple .bewertungen_box {
  border-radius: 15px 15px 0 0;
  box-shadow: 0 3px 7px #00000029;
}
.artikel_simple .bewertungen_head {
  border-bottom: 1px solid #f1f1f1;
  font-weight: 500;
  border-radius: 15px 15px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
 /* align-items: stretch;*/
  color: #fff;
  background-color: #357dbc;
}

.artikel_simple .bewertungen_text {
	padding:1em;
}
.artikel_simple .bewertungen_head > span {
  display: flex;
  width: auto;
  margin: 5px 2em;
  text-align: right;
  align-items: center;
  flex: 1;
  white-space: nowrap;
}

.artikel_simple .stoff_inhalt.hasTabs  div.inhaltTabs {
	/*display:none;*/
	font-weight: 300;
	height: 0;
	max-height:0;
	padding:0;
  overflow: hidden;
  /*font-size: 0;*/
  transition: all .5s ease-in-out;
  -webkit-overflow-scrolling: touch;
}
.artikel_simple .stoff_inhalt.hasTabs div.inhaltTabs .pflegesymboleUebersicht {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.artikel_simple .stoff_inhalt.hasTabs div.inhaltTabs.aktiv {
	padding: 1em;
  height: auto;
  font-size: 1em;
  outline:1px solid #cecece;
  max-height: 1000vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1em;
}
.artikel_simple .inhaltTabs.bewertungen.aktiv, .artikel_simple .inhaltTabs.lieferumfang.aktiv {
  display: block !important;
}
.artikel_simple .inhaltTabs.bewertungen.aktiv > p {
  text-align: center;
}
/*
.artikel_simple .stoff_inhalt.hasTabs div.inhaltTabs.bewertungen.aktiv {
	padding: 1em;
  height: auto;
  font-size: 1em;
  outline:1px solid #cecece;
  max-height: 30vh;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  display:block;
}*/
/*
.artikel_simple .stoff_inhalt .ueberschrift.beschreibung.aktiv ~ div.inhaltTabs.beschreibung {
	display:block;
	padding: 1em;
  height: auto;
  font-size: 1em;
  outline:1px solid #cecece;
  max-height: 1000vh;
}
.artikel_simple .stoff_inhalt .ueberschrift.eigenschaften.aktiv ~ div.inhaltTabs.eigenschaften {
	display:block;
	padding: 1em;
  height: auto;
  font-size: 1em;
  outline:1px solid #cecece;
  max-height: 1000vh;
}
.artikel_simple .stoff_inhalt .ueberschrift.pflege.aktiv ~ div.inhaltTabs.pflege {
	display: flex;
  flex-direction: column;
  list-style: none;
  columns:2;
  padding: 1em;
  height: auto;
  font-size: 1em;
  outline:1px solid #cecece;
  max-height: 1000vh;
}
.artikel_simple .stoff_inhalt .ueberschrift.lieferumfang.aktiv ~ div.inhaltTabs.lieferumfang {
	display:block;
	padding: 1em;
  height: auto;
  font-size: 1em;
  outline:1px solid #cecece;
  max-height: 1000vh;
}

.artikel_simple .stoff_inhalt .ueberschrift.anleitung.aktiv ~ div.inhaltTabs.anleitung {
	display:block;
padding: 1em;
  height: auto;
  font-size: 1em;
  outline:1px solid #cecece;
  max-height: 1000vh;
}
*/
.artikel_simple .stoff_inhalt div.inhaltTabs p, .artikel_simple .stoff_inhalt div.inhaltTabs ul {
	margin:0;
}
.artikel_simple .stoff_inhalt div.inhaltTabs.beschreibung p {
	text-align:justify;
}
@media (pointer: coarse) {
		.artikel_simple .artikel_table_main .stoff_inhalt .ueberschrift {
										padding: 1em!important;
									/*	margin-bottom: 1px!important;*/
		}
		.artikel_simple .artikel_table_main .stoff_inhalt .ueberschrift.aktiv {
										padding: 1em 1em 1em 3em!important;

		}
		/*
		.artikel_simple .artikel_table_main .stoff_inhalt .ueberschrift:last-child {
										margin-bottom: 10px!important;
		}*/
}
.artikel_simple .ghostButton .mobil {display:none;}
	.artikel_simple .ghostButton .default {display:inline;}
@media (max-width: 1024px) {
		.artikel_simple {
				float: none;
				width: 100%;
				max-width: none;
				margin-left: 0;
				margin-right: 0;
				
		}
}
.html_wrap_auswahl_variationen .btn_close {
								position:absolute!important;

								top: 10px!important;
								z-index:9999999999!important;

								display:none;
}
.html_wrap_auswahl_variationen.aktiv .btn_close {
	display:block;
}
@media (max-width: 500px) {
	.html_wrap_auswahl_variationen.aktiv {
	  display: flex;
	  position: fixed;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  /*top:50px;*/
	  z-index: 999;
	  width: 90vw;
	  max-width: unset;
	  max-height: 100vh;
	  overflow:hidden;
	  font-size: 1rem;
	  align-content:center;
	  align-items:center;
	  text-align:center;
	  padding:1em;
	}
	.html_wrap_auswahl_variationen.aktiv .auswahl_variationen {
		max-width:100%;
		overflow-x:scroll;
	}
/*
	.html_wrap_auswahl_variationen .btn_close {
	  position: fixed !important;
	  top: 5rem !important;
	  float: none;
	}
	*/
	.auswahl_variationen {
	   padding: 3em 2em;
	  gap: 2em;
	  row-gap:2em;
	  /*outline:1px solid pink;*/
	  align-content:center;
	  align-items:center;
	  text-align:center;
	  width:100vw;
	  margin:auto;
	  flex-wrap:nowrap;
	}
	.auswahl_variationen .auswahlbox {
	   margin:auto;
	   white-space:nowrap;
	   align-content:left;
	   gap:1em!important;
	   row-gap:1em!important;
	   column-gap:1em!important;
	   text-align:center!important;
	}
	.artikel_simple .ghostButton .mobil {display:inline;}
	.artikel_simple .ghostButton .default {display:none;}
	.artikel_simple .artikel_table_main .buttons_preis {
  display: flex;
  flex-direction: row-reverse;
  align-items: last baseline;
  align-content: flex-end;
  padding: .5em;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 5px;
 /* float: right;*/
  text-align: center;
  position: fixed;
  bottom: 0;
  /*background-color: #fff;*/
  z-index: 66666;
  /*width: 100vw;*/
  left: 0;
  background: rgba(255, 255, 255, .5);
         backdrop-filter: blur(10px);
}
	.artikel_simple .warenkorbDetails {
	  display: flex;
	  flex-direction: row;
	  gap: .5em;
	  flex-wrap: wrap;
	  align-content: center;
	  align-items: center;
	 /* position:fixed;
	  bottom:0;
	  left:0;
	  z-index:666666;
	  background:#fff;
	  width:100vw;
	  padding:1em;
	  background: rgba(255, 255, 255, .5);
         backdrop-filter: blur(10px);*/
	}
	.artikel_simple .warenkorbDetails > * {
		display:inline-flex!important;
	}
	.artikel_simple .primaryButton, .ghostToPrimaryhover, .artikel_simple .ghostButton, .linkButton, .secondaryButton {
	  margin: auto;
	  width: auto;
	}
	 .artikel_simple .ghostButton, .artikel_simple .linkButton, .secondaryButton {

		
	  }
	.artikel_simple .warenkorbDetails > * {
	/*.artikel_simple .warenkorbDetails .variantendetails {*/
	  display: inline-flex;
	  flex-direction: column;
	  /*width:100vw;*/
	  text-align:center;
	  /*gap:1em;*/
	  align-content: center;
	  align-items: center;
	}

	.artikel_simple .warenkorbDetails .preis_wrap, .artikel_simple .warenkorbDetails .primayButton {
        flex-direction: column;
        row-gap: 0 !important;
        /*width: calc(50% - 1em);*/
    }
	.simple_fixed .artikel_simple_wrapper {
		position: fixed;
		top: 80px;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 666666;
		max-height: calc(100vh - 80px);
		/*overflow-y: auto;*/
	}
	.buttons_preis > .preis_wrap {
	  order: 1;
	}
	.simple_fixed .artikel_simple {
		max-height: 100%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.simple_fixed .artikel_simple .pfeil_nach_unten {
		display:none;;
	}
	.artikel_simple .stoff_inhalt .ueberschrift.hidden {
		display:none;
	}
	.artikel_simple .stoff_inhalt .ueberschrift {
		order:1;
	}
	.artikel_simple .stoff_inhalt .ueberschrift.aktiv {
		order:2;
	}
	.artikel_simple .stoff_inhalt .ueberschrift.beschreibung.aktiv ~ div.inhaltTabs.beschreibung
, .artikel_simple .stoff_inhalt .ueberschrift.eigenschaften.aktiv ~ div.inhaltTabs.eigenschaften
, .artikel_simple .stoff_inhalt .ueberschrift.pflege.aktiv ~ div.inhaltTabs.pflege
, .artikel_simple .stoff_inhalt .ueberschrift.anleitung.aktiv ~ div.inhaltTabs.anleitung
.artikel_simple .stoff_inhalt .ueberschrift.lieferumfang.aktiv ~ div.inhaltTabs.lieferumfang {
	  max-height: calc(100vw - 4em);
	  overflow: auto;
	}
}
.artikel_simple .stoff_inhalt .navver {
		display:flex;
		flex-wrap:wrap;
		padding:0 1em;
		row-gap:5px;
	}

		.artikel_simple .pfeil_nach_unten {
				bottom: -11px;
				left: 6%;
				position: absolute;
		}
		
		
		.artikel_simple .artikel_table_main { 
			display: flex;
			align-items: center;
		}

				.artikel_simple .artikel_table_main .top {
						border-bottom: 1px solid #cecece;
						display: inline-flex;/*inline-block;*/
						margin-bottom: 2%;
						margin-right: 3%;
						padding: 1% 1% 2% 0;
						width: 96%;
						flex-wrap: wrap;
						align-items: center;
				}

						.artikel_simple .artikel_table_main .top .logo {
								float: left;
								height: 80px;
								margin-right: 2%;
								margin-top:1%;
						}

						.artikel_simple .artikel_table_main .top .markenueberschrift {
								color: #888888;
								font-size: 0.85em;
						}

						.artikel_simple .artikel_table_main .top .titel {
								color: #000000;
								font-size: 1.2em;
								font-weight: normal;
								margin: 4px;
								margin-left:0;
						}

						.artikel_simple .artikel_table_main .top .artikelnummer {
								color: #888888;
								font-size: 0.85em;
						}
/*
						.btn_close {
								position:absolute;
								right: .5em;
								top: .5em;
								width:2rem;
								height:2rem;
								cursor:pointer;
								background: rgba(255, 255, 255, 0.9) url(/ajax/getIcon.php?src=/bilder/icons/close.svg&primaryColor=FF7608) center!important;
								border-radius: 5px;
						}
*/


				.artikel_simple .artikel_table_main > .left, .artikel_simple .artikel_table_main > .right {
						display: inline-block;
						vertical-align: top;
				}
				.artikel_simple .artikel_table_main > .left {
						/*width: 20%;*/
						padding-left:2%;
						padding-bottom:2%;		
						padding-top:2%;
						text-align:center;
				}
				
				.artikel_simple .artikel_table_main .left .groesse_variation {
					display:inline-block;
					font-weight:500;
					padding: .5em 0;
				}

						.artikel_simple .artikel_table_main > .left .leftContainer {
								position:relative;
								width:100%;								
						}

								.artikel_simple .artikel_table_main > .left .artikelbild_gross {
										max-height: 200px;
										margin: auto;
								}

								.artikel_simple .artikel_table_main .artikel_nichtlieferbar_bild {
										opacity: 0.4;
								}
								.artikel_simple .artikel_table_main .artikel_nichtlieferbar_banner {
										width: 100%;
										color: #ffffff;
										background-color: #bf0008;
										text-align: center;
										padding: 0.5em;
										box-sizing: border-box;
										position: absolute;
										top: 30%;
										font-size:.8em;
								}

				.artikel_simple .artikel_table_main .right {
						width: 76%;
						padding-left:2%;
						float:right;

				}
				
						.artikel_simple .artikel_table_main .right .farb_motiv_wrap {
								margin-left:0%;
								max-height: 400px;		/* Tim: fuer die Rollos, da haben wir hunderte Farben zur Auswahl */
								overflow: auto;
						}

						.artikel_simple .artikel_table_main .right .auswahl_ueberschrift {
								font-size: 0.85em;
								font-weight: bold;
								margin-bottom: 1em;
								margin-top: 0;
						}

						.artikel_simple .artikel_table_main .right .auswahl_variation_box {
								display: inline-block;
								margin-bottom: 1em;
								margin-right: 0.4em;
								cursor: pointer;
								text-align: center;								
						}
								.artikel_simple .artikel_table_main .right .auswahl_variation_box a, .artikel_simple .artikel_table_main .right .auswahl_variation_box img {
										width:100%;
										max-width: 80px;
								}

						.artikel_simple .artikel_table_main .right .markenueberschrift {
								color: #888888;
								font-size: 0.85em;
						}

						.artikel_simple .artikel_table_main .right .titel {
								font-weight: normal;
								font-size: 1.2em;
								color: #000000;
						}

						.artikel_simple .artikel_table_main  .artikelnummer {
								color: #888888;
								font-size: 0.85em;
						}
						/*
						.sternewertung {
						  margin-left: 1em;
						  display: inline-flex;
						  font-size: .85em;
						}*/

						.artikel_simple .artikel_table_main  .kundenbewertung {
								margin-top: 2em;
						}
								.artikel_simple .artikel_table_main  .kundenbewertung .sternewertung {
										font-size: 0.85em;
								}
										.artikel_simple .artikel_table_main  .kundenbewertung .sternewertung img {
												vertical-align: middle;
												height: 13px;
										}
/*
						.artikel_simple .artikel_table_main .right .preis_wrap {
								display: inline-block;
								position: absolute;
								right: 20px;
								bottom: 16%;
						}*/
						.artikel_simple .artikel_table_main  .preis_wrap .preis .oldPrice {
						  font-weight: normal;
						  margin-right: .5em;
							text-decoration:line-through;
						  color:#444;
						}

								.artikel_simple .artikel_table_main  .preis_wrap .preis {
										text-align: right;
										font-weight: bold;
										margin-top: 10px;
										display:inline;
								}
								.artikel_simple .sonderpreis {
								  font-weight: 500;
								  color: var(--primaryColor);
								}
								.artikel_simple .artikel_table_main .preis_wrap .zusatz {
										text-align: right;
										display:inline;
								}



						.artikel_simple .artikel_table_main .stoff_inhalt {
								display:inline-block;
								/*margin-bottom:87px;*/
								margin-left:0%;
								/*width:98%;
								padding:1em;*/
						}

								.artikel_simple .artikel_table_main .stoff_inhalt .ueberschrift:not(.hidden) {
										display: inline-block;
										font-size: 0.85em;
										font-weight: 400;
										margin-bottom: 0;
										padding: 1em;
										cursor:pointer;
										border:1px solid #cecece;
										color:#444;
										margin-right: 5px;
										background-color:#eee;
										position:relative;
										transition: all .3s ease-in-out;
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt .ueberschrift.aktiv {
										text-shadow:1px 0px 0 #111;
										cursor:initial;
										color:#111;
										background-color:#fff;
										border-bottom:1px solid transparent;
										padding-left: 3em;
										background-image: url(/xartikelsystem/minikonfiguratoren/assets/icons/icon_eigenschaften.svg);
										  background-repeat: no-repeat;
										  background-position: 5px center;
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt .ueberschrift.beschreibung.aktiv {
									background-image: url(/xartikelsystem/minikonfiguratoren/assets/icons/icon-beschreibung.svg);
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt .ueberschrift.pflege.aktiv {
									background-image: url(/xartikelsystem/minikonfiguratoren/assets/icons/icon-pflege.svg);
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt .ueberschrift.anleitung.aktiv {
									background-image: url(/xartikelsystem/minikonfiguratoren/assets/icons/icon-MessenMontage.svg);
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt .ueberschrift.lieferumfang.aktiv {
									background-image: url(/xartikelsystem/minikonfiguratoren/assets/icons/icon-lieferumfang.svg);
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt .ueberschrift.aktiv:after {
										content:"";
										position:absolute;
										left:0;
										bottom:-2px;
										height:3px;
										width:100%;
										background:#fff;
								}

								.artikel_simple .artikel_table_main  .stoff_inhalt ul {
										list-style:"\00BB\0020";
										list-style-position: inside;
										margin: 0;
										padding: 0;
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt ul > li {
										margin-left: 0;
								}
								.artikel_simple .artikel_table_main  .stoff_inhalt ul li ul {
										list-style:"\00BB\0020";
										margin-left: 2em;
										columns:1;
										/*padding-left:3%;*/
								}
								.artikel_simple .artikel_table_main .stoff_inhalt .pflegesymboleUebersicht .pflegesymbol:not(.pflegesymbol:nth-child(n-1)) {
								  border-bottom: 1px solid var(--lightGray);
								}
								@media screen and (min-width:601px) {
									.artikel_simple .artikel_table_main  .stoff_inhalt .inhaltTabs ul:not(ul.massanfertigung,ul.lieferumfang)  {
										columns: 2;
										-webkit-column-break-inside:avoid;
										page-break-inside:avoid;
										break-inside:avoid;
									}
									.artikel_simple .artikel_table_main .stoff_inhalt .pflegesymboleUebersicht .pflegesymbol:nth-child(n-2) {
									  border-bottom: 1px solid transparent;
									}
								}
								.artikel_simple .artikel_table_main .stoff_inhalt ul li, .artikel_simple .artikel_table_main .stoff_inhalt p {
										/*white-space: nowrap;*/
										font-size:1em;
										/*padding: 0 0 0.5em 0;
										line-height: 1.2em;*/
								}
								.artikel_simple .artikel_table_main .stoff_inhalt .inhaltTabs {
										line-height: 1.5;
								}
								.artikel_simple .artikel_table_main .stoff_inhalt .pflegesymbol {
								  display: flex;
								  align-items: center;
								  gap: 1em;
								  padding: .5em 0 .5em 0;
								  width:calc(50% - 1em);
								  line-height: 1;
								}
								
								.artikel_simple .artikel_table_main .stoff_inhalt .pflegesymbol img, .artikel_simple .artikel_table_main .stoff_inhalt .pflegesymbol svg {
								  width: 2.5em;
								  height: 2.5em;
								  flex-shrink: 0;
								  border: 1px solid black;
								  padding: 0.3em;
								} 
								/*
								.artikel_simple .artikel_table_main .stoff_inhalt ul li.pflegesymbol {
								  display: flex;
								  align-items: center;
								  gap: 1em;
								  padding: .5em 0 .5em 0;
								  width:calc(50% - 1em);
								}
								
								.artikel_simple .artikel_table_main .stoff_inhalt ul li.pflegesymbol img {
								  width: 2.5em;
								  height: 2.5em;
								  flex-shrink: 0;
								  border: 1px solid black;
								  padding: 0.3em;
								}
								*/
								.artikel_simple .artikel_table_main .stoff_inhalt ul.artikeleigenschaften li a:not(.fancybox_material) {
										text-decoration:none!important;
										border:none!important;
										color:#000;
										pointer-events:none;
								}
								.artikel_simple .artikel_table_main .stoff_inhalt ul.mediencontainer li {
								  display: flex;
								  align-items: flex-start;
								  flex-direction: column;
								  align-content: center;
								}
								
								.artikel_simple .artikel_table_main .stoff_inhalt ul.mediencontainer li a {
								  display: inline-flex;
								  align-items: stretch;
								  gap: 10px;
								}
								
						.artikel_simple .warenkorbDetails {
							display: flex;
							flex-direction: row;
							gap: .5em;
							align-items: center;
							flex-wrap: wrap;
						}
						
						.artikel_simple .warenkorbDetails .variantendetails, .artikel_simple .warenkorbDetails .variantendetail {
							display:inline-flex;
							flex-direction:column;
						}
/*
						.artikel_simple .warenkorbDetails {
							display: flex;
							  flex-direction: column;
							  gap: 1em;
						}*/
						.artikel_simple .artikel_table_main .buttons_preis {
						  display: flex;
						  flex-direction: row-reverse;
						  align-items: last baseline;
						  align-content: flex-end;
						  padding: .5em;
						  flex-wrap: wrap;
						  column-gap: .5em;
						  row-gap: 0;
						  float: none;
						  text-align:center;
						  background: #fff;
						  margin: 1px auto;
						}
						.artikel_simple .artikel_table_main .btn_detail_link {
								border: 1px solid #cecece;
								/*bottom: 4%;*/
								display: inline-flex;/*inline-block;*/
								/*height: 34px;
								position: absolute;
								right: 3%;*/
								text-decoration: none;
								/*width: 183px;*/
								align-items: center;
								padding: 10px;
						}
								.artikel_simple .artikel_table_main  .btn_detail_link .btn_detailseite {
										color: #666;
										display: inline-block;
										float: left;
										font-size: 0.9em;
										height: 34px;										
								}
										.artikel_simple .artikel_table_main .btn_detail_link .btn_detailseite span {
												display: inline-block;
												padding: 10px 16px;
										}
										
								.artikel_simple .artikel_table_main .btn_lupe {
										float: none;
										/*padding: 7px 13px 7px 0;*/
										width: 21px;
								}
								
								
								
								
								
/* gesonderte MEDIA angaben */

@media (max-width: 800px) {
		.artikel_simple .pfeil_nach_unten {
				left: 9%;
		}	
}

@media (max-width: 750px) {
		.artikel_simple .artikel_table_main .preis_wrap {
				bottom:13%;
		}
}
/*
@media (max-width: 600px) {
		.artikel_simple .artikel_table_main > .left {
				width: 27%;				
		}
		
		.artikel_simple .artikel_table_main .right {
				width: 68%;
		}
		
		.artikel_simple .pfeil_nach_unten {
				left: 13%;
		}
		
		.artikel_simple .artikel_table_main .right .auswahl_variation_box {
				margin-right: 1px;
				width:13%;		
		}
		
		.artikel_simple .artikel_table_main .right .preis_wrap {
				transform: scale(0.8);
				bottom:11%;
		}
		
		.artikel_simple .artikel_table_main .right .btn_detail_link {
				border: 2px solid #cecece;
				transform:scale(0.8);
				bottom:2%;
		}
		
		.artikel_simple .artikel_table_main .right .stoff_inhalt {
				margin-bottom:80px;
		}
		
}
*/
/*
@media (max-width: 525px) {

		.artikel_simple .artikel_table_main .top .btn_close {
				right:3%;
				top:35%;
				width:4%;
		}
}
*/


@media (max-width: 430px) {

		.artikel_simple .pfeil_nach_unten {
				left: 30%;
		}		
}
@media screen and (min-width:1024px) {
	.artikel_simple .stoff_inhalt.hasTabs div.inhaltTabs.aktiv .groessen_info:not(:empty), .artikel_simple .stoff_inhalt.hasTabs div.inhaltTabs.aktiv .masshtml:not(:empty) {
		width:calc(50% - 1em);
	}
	.artikel_simple .stoff_inhalt div.inhaltTabs.aktiv .groessen_info:empty {
		width:0;
	}
	.artikel_simple .stoff_inhalt div.inhaltTabs.aktiv .masshtml:empty {
		width:0;
	}
	.artikel_simple .artikel_table_main .stoff_inhalt .pflegesymbol {
	  width: 30%;
	}
	/*.artikel_simple .inhaltTabs.lieferumfang.aktiv {
	  columns: 2;
	}*/
}
@media screen and (min-width:1366px) {
	.artikel_simple .artikel_content .stoff_inhalt .inhaltTabs > *, .artikel_simple .sternewertung .wertungenansehen {
		font-size: .85em;
	}
		.artikel_simple {
		max-width: 85%; /* Tim: diese Zeile wegen dem float-Llayout hinzugefuegt. - Noetig bei grosser Box (bei z.B. Rollos mit hunderten Farben in der Auswahll) */
	}
	.artikel_simple .groessen_info svg {
	  max-width: 450px !important;
	  height: auto;
	}
	
	
	
}