/*
	28.07.2023		Swen		Regeln für "warenkorb_fenster" eingebaut
*/

.artikel .artikel_table_main {
	/*gap: 3.4%;*/
	gap: 3em;
	margin-bottom: 2em;
}
.artikel .artikel_table_main > .left, .artikelMass .artikelbildContainer, .artikelMass .artikel_table_main > .spalte_artikelbild {
	flex: 1.5;
	/*padding-left: 2%;*/
	padding-left: 1em;
}
.artikel .artikel_table_main > .left, .artikel .artikel_table_main > .middle, .artikel .artikel_table_main > .right, .artikelMass .artikel_table_main > .spalte_info {
	/*display: inline-block;*/
	flex: 1;
}
.artikel .artikel_table_main > .middle, .artikelMass .artikel_table_main > .spalte_eingabe {
	flex: 2.25;
	/*padding-right: 3.4%;
	padding-left: 3.4%;*/
	text-align: left;
}
.artikel .titel.mobile_titel, .artikel .mobile_artikelnummer {
	display: none;
}
.artikel .titel, .box_ergaenzend .titel {
	color: rgb(0, 0, 0);
	margin-top: 0px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 1.125em;
	font-weight: 500;
}
.artikel .artikelnummer {
	color: rgb(14, 14, 15);
	font-weight: 400;
}
.artikel .artikelnummer + div.fertiggroesse {
	padding: 2em;
	background: url('/bilder/layout/check_box_black.svg') no-repeat -2px 50%;
	background-size: auto 1.5em;
	font-weight: 400;
}
.artikel .artikel_table_main > .left .middleContainer {
	position: relative;
	margin-bottom: 2em;
}
.artikel .artikel_table_main > .left .middleContainer .design_big_bildbox {
	position: relative;
}
.design_big_nav_right, .design_big_nav_left {
	cursor: pointer;
	position: absolute;
	/*top: 50%;*/
	top: 0;
	width: 1.4em;
	padding: 0 0.25em;
	height: 100%;
	display: none;
	box-sizing: border-box;
}
.design_big_nav_left {
	/*left: -6%;*/
	left: -1.4em;
}
.design_big_nav_right {
	/*right: -6%;*/
	right: -1.4em;
}
.artikel .artikel_table_main > .left .artikelbild_gross {
	width: 100%;
	display: block;
}
.artikel .artikel_table_main > .left .preview {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1em auto;
	flex-wrap: wrap;
	gap: 0.5em;
}
.artikel .artikel_table_main > .left .preview > img, .artikelMass .preview > img {
	/*margin-right: 1.5%;*/
	cursor: pointer;
	/*margin-bottom: 0.5em;*/
	width: 18.5%;
	max-width: 35px;
	outline: 1px solid transparent;
	transition: outline 0.25s;
}
.artikel .artikel_table_main > .left .preview > img.aktivesBild, .artikelMass .preview > img.aktivesBild {
	outline: 1px solid var(--primary-brand);
}
.artikel .auswahl_ueberschrift {
	font-size: 1.125em;
	font-weight: 500;
	margin-bottom: 1em;
}
.artikel .auswahl_variation_box {
	display: inline-block;
	margin-bottom: 1em;
	margin-right: 0.4em;
	cursor: pointer;
	text-align: center;
}

.artikel .auswahl_variation_box.selected .auswahl_variation_box_text, .artikel .gewaehlte_variation .auswahl_variation_box_text {
    /*border-color: #888888;*/
    color: #0E0E0F;
}
.artikel .auswahl_variation_box .auswahl_variation_box_text, .artikel .gewaehlte_variation .auswahl_variation_box_text {
	padding: 1em;
}

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

		.artikel .auswahl_variation_box.disabled {
				cursor: not-allowed;
		}
				.artikel .auswahl_variation_box.disabled  .auswahl_variation_box_text {
						color: #cccccc;
				}
dd, dd ul { list-style:none;margin:0;padding:0;}
dd ul li {display:inline;}


.artikel .auswahl_groesse_part {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}
.artikel .auswahl_variation_select {
	color: #2F2F2F;
	border: 2px solid #F2F2F4;
	width: 100%;
	height: 4em;
	font-size: 1em;
	border: 1px solid #888888;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin-bottom: 3px;
	display: inline-block;
	background: url(/XArtikelsystem/bilder/pfeil-unten-grau.svg);
	background-position: 93% center, center center;
	background-repeat: no-repeat;
	background-size: 12px 8px, 100% 100%;
	/*padding: 1em 27px 2px 11px;*/
}
.artikel .groessen_info {
	margin-bottom: 0.1em;
	/* display: inline-block; */
	margin-top: 1em;
}
.artikel .groessen_info img, .artikel .groessen_info svg {
	width: 100%;
	max-width: 400px;
	height: auto;
}
.artikel .trenner_auswahl_info {	/*	???	*/
	/*border: 0;
	height: 0;
	margin-bottom: 2em;
	padding: 0;
	clear: both;*/
	display: none;
}
.artikel .accordeon_head.konfektion {
	background: url('/bilder/layout/tune_black.svg') no-repeat 0.75em 50%;
	background-size: 2.15em auto;
	text-align: left;
}
.artikel .details_head, .artikel .accordeon_head.konfektion {
	cursor: default;
}
.artikel .details_head:first-child, .artikel .accordeon_head:first-child {
	border-top: 1px solid #e6e6e6;
}
.artikel .details_head, .artikel .accordeon_head {
	border: 2px solid #F2F2F4;
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 1em;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 1em 0 0;
}
.artikel .accordeon_head {
	padding-left: 3em;
}
.artikel .accordeon_head.active {
	background-color: #F2F2F4;
}

.konfektion {
	margin-top: 15px;
}
.optionbox {
	padding: 0 0 0 1em;
}
.artikel .konfektion table {
	width: 100%;
	table-layout: fixed;
}
.artikel .konfektion td:nth-child(2) {
	width: 100px;
}
.artikel input[type="text"], .artikel input[type="number"] {
	/*border: 2px solid #F2F2F4;*/
	width: 60px;
	color: #0E0E0F;
	text-align: center;
	/*font-size: 1.125em;*/
	font-weight: 500;
	margin: 0 1px;
}
.artikel .konfektion td.icon {
	width: 2em;
}
.artikel .konfektion td.icon a {
	display: block;
	padding: 0.25em;
	background: #F2F2F4;
}
.artikel .konfektion td.icon a img {
	width: 90%;
	height: auto;
	margin: 0;
	display: block;
}
.artikel .massanfertigung {
	color: #2F2F2F;
	font-size: 0.85em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 30px;
	list-style: none;
	background-color: #FFFCE5;
	border-left: 8px solid #F2CB05;
	margin-bottom: 0;
}
.artikel .massanfertigung li {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.artikel .accordeon_head[data-box="beschreibung"],
.artikel .accordeon_head[data-box="eigenschaften"],
.artikel .accordeon_head[data-box="pflege"],
.artikel .accordeon_head[data-box="lieferumfang"],
.artikel .accordeon_head[data-box="anleitungen"] {
	background-image: url('/bilder/layout/icon_artikelbeschreibung.svg');
	background-repeat: no-repeat;
	background-position: 0.75em 50%;
	background-size: 2.15em auto;
	text-align: left;
}
.artikel .accordeon_head[data-box="eigenschaften"] {
	background-image: url('/bilder/layout/icon_artikeleigenschaften.svg');
}
.artikel .accordeon_head[data-box="pflege"] {
	background-image: url('/bilder/layout/icon_pflege.svg');
}
.artikel .accordeon_head[data-box="lieferumfang"] {
	background-image: url('/bilder/layout/icon_lieferumfang.svg');
}
.artikel .accordeon_head[data-box="anleitungen"] {
	background-image: url('/bilder/layout/icon_messen-montieren.svg');
}
.artikel .accordeon_box {
	display: none;
	height: 0;
	overflow: hidden;
	font-size: 0.875em;
}
.artikel .accordeon_box ul {
	margin-top: 0;
	margin-bottom: 0;
}
.artikel .accordeon_box ul + p {
	margin: 1em 0 0 0;
}
.artikel .accordeon_box > div/*, .artikel .accordeon_box .artikeleigenschaften, .artikel .accordeon_box > ul,*/ {
	border: 2px solid #F2F2F4;
	padding: 1.75em 1.75em;
}
.artikel .accordeon_box > div p:last-child {
	/*margin: 0;*/
}
.artikel .accordeon_box .artikeleigenschaften, .artikel .accordeon_box > ul {
	padding-left: 3em;
	margin-top: 0;
}
.artikel .accordeon_box .pflegeeigenschaften {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
	justify-content: left;
}
.artikel .accordeon_box .pflegeeigenschaften strong {
	width: 100%;
}
.artikel .accordeon_box .pflegeeigenschaften strong + br {
	display: none;
}
.pflegeeigenschaften .pflegesymbol {
	min-width: 80px;
	width: calc(20% - 0.8em);
	text-align: center;
}
.pflegeeigenschaften .pflegesymbol img {
	height: 50px;
	margin: 5px auto 0 auto;
	width: 50px;
}
.artikel .mediathek .box {
	display: block;
	color: #0E0E0F;
	text-decoration: none;
	/*margin-right: 1%;*/
	margin-bottom: 2%;
}
.artikel .mediathek .box:last-child {
	margin-bottom: 0;
}
.artikel .mediathek .box .box_icon img, .artikel .mediathek .box .box_icon {
	display: inline-block;
	line-height: 1.2em;
	display: table-cell;
	vertical-align: middle;
}
.artikel .mediathek .box .box_icon img {
	width: 26px;
	height: 26px;
}
.artikel .mediathek .box .box_text {
	padding-left: 10px;
	padding-top: 2px;
	vertical-align: top;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.design .oben_flex_wrapper .zusatz, .artikel .artikel_table_main .right {
	min-width: 280px;
}
.artikelInfo {
	text-align: center;
}
.artikel .logo {
	max-width: 100%;
	margin-bottom: 0.2em;
}
.artikel .logo.m_lysel {
	height: 60px;
}
.artikel .markenueberschrift {
	color: #fff;
	font-size: 0.85em;
	width: 100%;
}
.kundenbewertung {
	display: block;
	margin-top: 2em;
}
.sternewertung {
	white-space: nowrap;
	font-weight: 500;
}
.sternewertung img {
	vertical-align: middle;
	height: 25px;
}
.artikel .link_kundenmeinungen, .artikelMass .link_kundenmeinungen {
	font-size: 0.875em !important;
	font-weight: 400;
	text-decoration: underline;
	color: #0E0E0F;
	line-height: 1em;
	margin-top: 1em;
}
.artikel .link_kundenmeinungen, .artikel .link_kundenbilder {
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #888;
	font-size: 0.9em;
	margin-top: 1em;
}
.artikelMass .artikel_table_main > .spalte_info, .artikel .artikel_table_main .artikelBottom {
	min-width: 0;
}
.artikel .WarnungLagerbestandNiedrig {
	display: inline-block;
	text-align: right;
	background-image: url('/xArtikelsystem/bilder/achtung.svg');
	padding-left: 2.2em;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 27px;
	margin-top: 1em;
	color: #cc0000;
	font-weight: 500;
}
.artikel .artikel_table_main .preisMengeWarenkorb * {
	box-sizing: border-box;
}
.artikel .artikel_table_main .preisMengeWarenkorb {
	display: inline-block;
}
.preisMengeWarenkorb {
	width: 100%;
}
.preis {
	line-height: 1em;
	text-align: right;
	font-weight: 400;
	padding-left: 0 !important;
}
.artikel .preisMengeWarenkorb .preis, .artikelMass .preis {
	text-align: right;
	font-size: 1.5em;
	font-weight: 600;
	margin-top: 10px;
	padding-top: 21px;
	padding-right: 8px;
}
.artikel .zusatz {
	text-align: right;
	padding: 4px;
	margin-bottom: 1em;
	font-weight: 400;
}
.artikel .artikel_table_main .sonderwunsch textarea, .artikelMass .sonderwunsch textarea {
	width: 100%;
	height: 5em;
	resize: vertical;
}
.artikel .zeile_warenkorb {
	text-align: right;
	margin-top: 0.2em;
	display: flex;
	flex-direction: column;
}
.artikel .box_menge {
	text-align: center;
	padding: 1em 0;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: end;
	gap: 0 1em;
	align-items: center;
	font-size: 1em;
	font-weight: 400;
}
.artikel .box_menge > div {
	background: #f2f2f4;
}
.zeile_warenkorb .box_menge .up, .zeile_warenkorb .box_menge .down {
	width: 40px;
	height: 40px;
	background-color: #F2F2F4;
	color: #F2F2F4;
	font-size: 0px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border: 2px solid #F2F2F4;
	background-position: 50%;
	background-repeat: no-repeat;
}
.zeile_warenkorb .box_menge .down {
	background-image: url(/bilder/layout/icon_minus.svg);
}
.zeile_warenkorb .box_menge .up {
	background-image: url(/bilder/layout/icon_plus.svg);
	margin-right: 1em;
}
.zeile_warenkorb .box_menge .up, .zeile_warenkorb .box_menge .down, .zeile_warenkorb .box_menge input {
	height: 40px;
	padding: 1px;
	display: inline-block;
	vertical-align: top;
}
/*
.artikel input[type="text"], .artikel input[type="number"] {
	border: 2px solid #F2F2F4;
	width: 60px;
	color: #0E0E0F;
	text-align: center;
	font-size: 1.125em;
	font-weight: 500;
	margin: 0 1px;
}
*/
input[type="number"] {
	-webkit-appearance: none;
	-moz-appearance: textfield;
}
.artikel .warenkorb {
	cursor: pointer;
	margin-bottom: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.artikel .linkMuster img, .artikel .button.warenkorb img {
	margin-right: 1em;
	width: 10%;
}
.zeile_warenkorb + .button, .preisMengeWarenkorb + .button {
	/*width: 100%;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.artikel .btnNoDisplay {
	display: none;
}
.artikelBottom {
	margin-bottom: 2em;
}
.artikel .artikel_table_main + .artikelBottom {
	display: flex;
	gap: 2em;
	flex-wrap: wrap;
}
/* 28.03.2023 - Tim - auskommentiert - Wozu ist das gut? Das stoert bei "Dies könnte Sie auch interessieren" bei Fensterbilder, z.B. https://www.window-fashion.ch/fensterbilder/Fensterbild-aus-Plauener-Spitze-Kaiserkrone-mit-Marienkaefern-xart_38045_99407.html
.artikel .artikel_table_main + .artikelBottom > div {
	width: calc(50% - 1em);
}
*/
.artikel .artikel_table_main + .artikelBottom .artikelinfos {
	order: 1;
}
.artikel .artikel_table_main + .artikelBottom .artikel {
	order: 2;
}
.artikel .artikel_table_main + .artikelBottom > span {
	display: block;
	width: 100%;
	height: 0;
	order: 3;
}

.tabsContainer {
	/*margin-bottom: 2em;*/
}
.tabsContainer.einziger {
	/*width: 99%;*/
	width: 100%;
	/*margin: 0;*/
}
.artikel .artikel_table_main + .artikelBottom > .tabsContainer.einziger {
	width: 100%;
}
ul.tabs-navigation {
	width: 100%;
	background: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tabs-navigation li {
	float: left;
}
.tabs-navigation li.aktiv {
	background-color: #fff;
	cursor: default;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	opacity: 1;
}
.tabs-navigation li, .tabs-navigation li:hover {
	color: #424242;
	background-color: #f2f2f2;
	cursor: pointer;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 2px solid #fff;
	opacity: 0.5;
}
.tabs-navigation li, .tabs-navigation li a {
	/*display: block;*/
	/*font-size: 13px;*/
	font-size: 0.8em;
	padding: 8px 10px;
	text-transform: uppercase;
}
.tabs-container::after {
	/*content: "";
	display: table;
	clear: both;*/
}
.tabsContainer > .body {
	font-size: 0.85em;
	height: 21em;
	/*min-height: 170px;*/
	overflow: auto;
	/*overflow: hidden;*/
	overflow: auto;
	padding: 1em 1em 0 1em;
	position: relative;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	width: 100%;
	box-sizing: border-box;
}
.tabsContainer > .body ul {
	margin-top: 0;
}
.interessante_artikel .body ul {
	margin: 0;
	padding: 0;
	list-style: outside none none;
	white-space: nowrap;
	display: flex;
	gap: 1em;
}
.interessante_artikel .body ul li {
	flex: 1 1 120px;
	/*text-align: center;
	position: relative;*/
	padding: 5px 0;
}
.DetailTab .body a {
	position: relative;
}
.showcase .body .nav_left, .showcase .body .nav_right {
	width: 40px;
	position: absolute;
	top: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	cursor: pointer;
}
.showcase .body .nav_right {
	right: 0;
	background-image: url(/rollos/konfigurator/pfeile/pfeil_rechts_hellgrau.svg);
}
.showcase .body .nav_left {
	left: 0;
	background-image: url(/rollos/konfigurator/pfeile/pfeil_links_hellgrau.svg);
}
.interessante_artikel .listing a {
	/*border: 0;
	color: #0E0E0F;
	display: inline-block;
	margin: 1%;
	padding: 1%;
	vertical-align: bottom;*/
	/*width: 19%;*/
	display: flex;
	flex-direction: column;
	text-decoration: none;
}
.interessante_artikel .listing .hauptbild {
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 135px;
	transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	background-size: contain;
}
.interessante_artikel .listing .hauptbild img {
	max-height: 120px;
	width: auto;
	margin: 0 auto;
}
.DetailTab .body a .bottom {
	position: relative;
	background: #fff;
}
.interessante_artikel .body ul li .preis_ergaenzend {
	text-align: center;
	position: relative;
	/*font-size: .8em;*/
	/*font-size: 0.85em;*/
	line-height: 28px;
	margin: 5px 0;
	font-weight: 500;
}
.interessante_artikel .listing .box_detail_interessant {
	background: #fff;
	border-image: none;
	/*font-size: .7em;*/
	font-size: .85em;
	bottom: 10px;
	display: block;
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}
.box_detail_bottom_ {
	white-space: normal;
	min-height: 30px;
	line-height: 1.5em;
}

.interessante_artikel {
	border-top: 1px solid #e6e6e6;
}
.interessante_artikel .body.listing {
	text-align: center;
}
.interessante_artikel .listing {
	/*margin-bottom: 0.75em;
	margin-right: 0;*/
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.meinungen {
	/*padding-bottom: 3em;
	margin-top: 2em;*/
	/*margin: 2em 0 3em 0;*/
	margin-bottom: 0;
}
.meinung_eigene_dropdown {
	display: flex;
	flex-direction: column;
	width: 100%;
}
	
.meinung_eigene_dropdown_ueberschrift {
	display: flex;
	flex-direction: column;
	
}
	.meinung_eigene_dropdown_ueberschrift > label {
		display: flex;
		align-items: center;
		justify-content: space-between;
		user-select: none;
		background: #f2f2f4;
		padding: 1em 3em;
		border-radius: 8px;
	}
	.meinung_eigene_dropdown_ueberschrift > label > h2 {
		margin-bottom: 0;
	}
	.meinung_eigene_dropdown_ueberschrift > label > img {	
		transition-duration: 200ms;
	}

#eigene_meinung_dropdown_check {
	display: none;
}
	#eigene_meinung_dropdown_check:checked + label > img {
		transform: rotate(90deg); 
	}
.meinung_dropdown_content {
	transition-duration: 200ms;
	display: grid;
	grid-template-rows: 0fr;
}
	#eigene_meinung_dropdown_check:checked ~ .meinung_dropdown_content {
		grid-template-rows: 1fr;
		width: 100%;
	}

.meinung_dropdown_content > *:nth-child(1) {
	overflow: hidden;
}

.meinung_eigene_dropdown_ueberschrift > label > img {
	width: 2em;
}
@media (max-width: 700px) {
	.meinung_eigene_dropdown_ueberschrift > label {
		padding: 1em 1em;
	}

}
@media (max-width: 400px) {
	.meinung_eigene_dropdown_ueberschrift > label > img {
		display: none;
	}

}
.meinungen .details_box { 
	display: none;
	height: 0;
	overflow: hidden;
	font-size: 1em;
}
.meinungen .meinungen_ueberschrift, .meinung_eigene .meinung_eigene_ueberschrift, .meinungen .details_head {
	padding: 0;
	width: 100%;
}
#wertung_abgegeben{
	border: 1px solid #999999; 
	padding: 20px; 
	margin: 50px; 
	color: #990000;
}
.meinungen .meinungen_ueberschrift {
	margin-top: 1em;
	/*margin-bottom: 4em;*/
	margin-bottom: 2em;
	background-color: #f9f9f9;
	/*width: 98%;*/
	padding: 1%;

}

.meinungen_ueberschrift strong:first-child {
	font-size: 1.2em;
	font-weight: bold;
}
.artikel .details_head, .artikel .accordeon_head_, .accordeon_head_ {
	border-bottom: 1px solid #e6e6e6;
	display: block;
	position: relative;
	/* font-size: 11px; */
	font-weight: normal;
	margin: 0 0 5px;
	padding-bottom: 8px;
	padding-top: 8px;
}
.meinung_eigene .meinung_eigene_ueberschrift {
	font-weight: bold;
	background-color: #f9f9f9;
	margin-top: 1em;
	margin-bottom: 1em;
	/*width: 98%;
	padding: 1%;*/
	padding: 1em;
	cursor: default;
	font-weight: normal;
	margin: 0;
	order: 1;
}
.meinung_eigene form * {
	box-sizing: border-box;
}
.meinung_eigene form {
	display: flex;
	flex-wrap: wrap;
	gap: 1em 2em;
	justify-content: end;
}
.meinung_eigene .right, .meinung_eigene .left {
	width: calc(50% - 1em);
	padding: 0 1px;
}
.meinung_eigene .right {
	order: 3;
}
.meinung_eigene .left {
	order: 2;
}
.meinung_eigene .clear {
	display: none;
}
.meinung_eigene > form .meinung_eigene_block {
	order: 4;
}
.meinung_eigene .left > div, .meinung_eigene .right > div {
	padding-bottom: 1em;
	/*font-size: 1.1em;*/
}
.meinung_eigene .sterne input[type="radio"] {
	display: none;
}
.meinungen b {
	font-weight: bold;
}
.meinung_eigene .sterne ul, .meinung_eigene .sterne li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.meinung_eigene .sterne ul {
	display: flex;
	gap: 0.5em;
}
.meinung_eigene .sterne li:first-child, .meinung_eigene .sterne li:last-child {
	width: auto;
}
.meinung_eigene .sterne li {
	width: 2em;
	/*float: left;*/
	line-height: 2em;
	/*margin-right: 0.5em;*/
	padding: .55em 0;
}
.meinung_eigene .sterne label {
	display: block;
	width: 2em;
	height: 2em;
	background: url("/bilder/stern-grau.svg") no-repeat 50% 50%;
	background-size: 100% auto;
	display: block;
	cursor: pointer;
}
.meinung_eigene #star4:checked ~ ul label[for=star4],
.meinung_eigene #star4:checked ~ ul label[for=star3],
.meinung_eigene #star4:checked ~ ul label[for=star2],
.meinung_eigene #star4:checked ~ ul label[for=star1] {
	background-image: url("../bilder/stern-gelb.svg")
}
.meinung_eigene #star3:checked ~ ul label[for=star3],
.meinung_eigene #star3:checked ~ ul label[for=star2],
.meinung_eigene #star3:checked ~ ul label[for=star1] {
	background-image: url("../bilder/stern-gelb.svg")
}
.meinung_eigene #star2:checked ~ ul label[for=star2],
.meinung_eigene #star2:checked ~ ul label[for=star1] {
	background-image: url("../bilder/stern-gelb.svg")
}
.meinung_eigene #star1:checked ~ ul label[for=star1] {
	background-image: url("../bilder/stern-gelb.svg")
}
.meinung_eigene #star5:checked ~ ul label {
	background-image: url("../bilder/stern-gelb.svg");
}
.meinung_eigene textarea {
	height: 14.9em;
	resize: vertical;
}
.meinung_eigene input[type="text"], .meinung_eigene textarea {
	/*border: 1px solid #e6e6e6;*/
	width: calc(100% - 1px);		/*	1px für outline */
	text-align: left;
	/*background-color: #f1f1f1;
	border-color: #888;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0.5em;*/
}
.right .meinung_eigene_block:first-child {
	padding: 0;
}
.right .meinung_eigene_block:last-child {
	margin-top: 1em;
}
.left .meinung_eigene_block input[name="antispam"] + small span {
	font-weight: 500;
	color: var(--accent-color);
}
/*
.tabsContainer .pflegeeigenschaften .pflegesymbol {
	display: inline-block;
	margin: 0 1em;
	vertical-align: top;
	width: 80px;
	font-size: 0.8em;
	text-align: center;
}
*/

.tabsContainer .pflegeeigenschaften p {
	margin: 0;
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
}
.tabsContainer .pflegeeigenschaften p strong {
	display: block;
	width: 100%;
}
.tabsContainer .pflegeeigenschaften br {
	display: none;
}
.tabsContainer .pflegeeigenschaften span {
	width: calc(20% - 0.8em);
	text-align: center;
}
.tabsContainer .pflegeeigenschaften span img {
	display: block;
}
#mobileHinweise, #mobileHinweise * {
	box-sizing: border-box;
}
#mobileHinweise {
	position: fixed;
	top: 100%;
	box-sizing: border-box;
	left: 1em;
	transition: opacity 0.25s;
	z-index: 1400;
	transition: top 0.25s;
	width: calc(100% - 2em);
	height: calc(100% - 2em - 60px);
	display: flex;
	flex-flow: column;
	gap: 1em;
}
#mobileHinweise textarea {
	display: block;
	width: 100%;
	height: 100%;
	resize: none;
}
#mobileHinweise .button {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
}

#mobileHinweiseBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(1rem);
	z-index: 1200;
	display: none;
	opacity: 0;
	transition: opacity 0.25s;
}


.hinweisLinkZurMassanfertigung{
	background-color: #F3FDF9;
	display: flex;
	align-items: center;
	margin: 0.5rem 0 2rem 0;
	font-weight: 500;
	font-size: 0.75em;
	position: relative;
	padding-right: 3rem;
	border: 1px solid #16A160;
	text-decoration: none;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.2em;
}
	.hinweisLinkZurMassanfertigung .iconHinweisLinkZurMassanfertigung {
		padding: 1rem;
		background-color: #16A160;
		margin-right: 1rem;
		align-self: stretch;
		display: flex; 
		align-items: center;
	}
	.hinweisLinkZurMassanfertigung .textHinweisLinkZurMassanfertigung{
		padding: 0.5rem 0;
	}
	.hinweisLinkZurMassanfertigung span{
		font-weight: 300;
	}
	.hinweisLinkZurMassanfertigung:after {
		content: '';
		background-image: url(/img/icon-arrow-forward_right.svg);
		position: absolute;
		width: 2rem;
		height: 2rem;
		right: 1em;
		top: 50%;
		transform: translateY(-50%);
		background-size: contain;
		background-position: 50%;
	}


	.custom-select .hinweisLinkZurMassanfertigung{
		background-color: #fff;
		border: 1px solid #B4B4B4;
		margin: 0.5rem 0;
	}
		.custom-select .hinweisLinkZurMassanfertigung .iconHinweisLinkZurMassanfertigung{
			padding: 0.5rem;
		}
@media (max-width: 500px) {
	.hinweisLinkZurMassanfertigung:after{
		right: 0;
	}
	.hinweisLinkZurMassanfertigung{
		padding-right: 2em;
	}
}



@media (max-width: 1024px) {
	.artikel .artikel_table_main {
		flex-wrap: wrap;
		gap: 1em 3em;
	}
	.artikel .artikel_table_main > .left, .artikel .artikel_table_main > .middle, .artikel .artikel_table_main > .right, .artikelMass .artikel_table_main > .spalte_info {
		width: calc(50% - 1.5em);
		flex: auto;
	}
	.design .oben_flex_wrapper .zusatz, .artikel .artikel_table_main .right {
		width: 100%;
	}
	.artikel .artikel_table_main .right {
		display: flex;
		gap: 1em 3em;
	}
	.artikel .artikel_table_main .right > .artikelInfo, .artikel .artikel_table_main .right > .artikelBottom {
		width: 50%;
	}
	.artikel .artikel_table_main + .artikelBottom > div {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.artikel .artikel_table_main > .left, .artikel .artikel_table_main > .middle, .artikel .artikel_table_main > .right, .artikelMass .artikel_table_main > .spalte_info {
		width: 100%;
		padding: 0;
	}
	.artikel .artikel_table_main > .left {
		padding: 0 1em;
	}
	.artikel .artikel_table_main > .left .middleContainer {
		display: flex;
		align-items: flex-start;
		gap: 1em;
	}
	.artikel .artikel_table_main > .left .middleContainer .design_big_bildbox {
		flex: 7;
	}
	.artikel .artikel_table_main > .left .middleContainer .preview {
		flex: 3;
		margin: 0;
		gap: 1em;
	}
	.artikel .artikel_table_main > .left .preview > img, .artikelMass .preview > img {
		max-width: 50px;
		min-width: 32px;
	}
	.meinung_eigene .sterne label {
		width: 1em;
	}
	.artikel .linkMuster, .artikel .button.warenkorb {
		text-align: center;
	}
	.artikel .linkMuster img, .artikel .button.warenkorb img, a[id^="button_stoffprobe_"] > img {
		display: none;
	}

}
@media (max-width: 500px) {
	.contentWidthMax {
		padding: 0;
	}
	.artikel .artikel_table_main > .left .middleContainer {
		flex-wrap: wrap;
		width: 90%;
		margin: auto;
	}
	.artikel .artikel_table_main > .left .middleContainer .design_big_bildbox {
		flex: auto;
		width: 100%;
	}
	.artikel .artikel_table_main .right > .artikelInfo {
		display: none;
	}
	.artikel .artikel_table_main .right > .artikelBottom {
		width: 100%;
	}
	.artikel .artikel_table_main > .left .preview > img, .artikelMass .preview > img {
		width: calc(25% - 0.75em);
	}
	.meinung_eigene form {
		margin-bottom: 3em;
	}
	.meinung_eigene .right, .meinung_eigene .left {
		width: 100%;
	}
	.meinung_eigene > form .meinung_eigene_block, .meinung_eigene > form .meinung_eigene_block input[type="submit"] {
		width: 100%;
	}
	.meinung_eigene .sterne label {
		width: 1.5em;
	}
	.artikel .artikel_table_main .preisMengeWarenkorb {
		/*display: none;*/
	}
}






.interessante_artikel_fensterbild {
		/*border-top:3px solid #e6e6e6;*/
		margin-top:50px;
}

		.interessante_artikel_fensterbild .details_head {
				font-size:1.3em;
				font-weight:600;
				border:none;
		}

		.interessante_artikel_fensterbild .listing {
				/* ersetzt margin-right: 0; bei ".interessante_artikel .listing a:nth-child(4n)" */
				margin-right: -3.1%;
				margin-bottom: 3em;		/* Abstand zum Trenner-Banner */
		}


				.interessante_artikel_fensterbild .listing a {		/* 4 spaltig */
						display: inline-block;
						text-decoration: none;
						margin-bottom: 1.4em;
						position: relative;
						color: #444444;
						width:10%;
						min-width: 120px;
						vertical-align:top;
						margin-right:15px;;
				}

				@media (max-width: 800px) {
						.interessante_artikel_fensterbild .listing a:nth-child(6) {		/* das letzte ausblenden und breite anpassen */
								display:none;
						}

						.interessante_artikel_fensterbild .listing a {
								width:19%;
						}
				}

				@media (max-width: 700px) {
						.interessante_artikel_fensterbild .listing a:nth-child(6), .interessante_artikel_fensterbild .listing a:nth-child(5) {		/* das letzte ausblenden und breite anpassen */
								display:none;
						}

						.interessante_artikel_fensterbild .listing a {
								width:24%;
						}
				}

				@media (max-width: 600px) {
						.interessante_artikel_fensterbild .listing a:nth-child(6),
						.interessante_artikel_fensterbild .listing a:nth-child(5),
						.interessante_artikel_fensterbild .listing a:nth-child(4) {		/* das letzte ausblenden und breite anpassen */
								display:none;
						}

						.interessante_artikel_fensterbild .listing a {
								width:32%;
						}
				}

				@media (max-width: 450px) {
						.interessante_artikel_fensterbild .listing a:nth-child(6),
						.interessante_artikel_fensterbild .listing a:nth-child(5),
						.interessante_artikel_fensterbild .listing a:nth-child(4),
						.interessante_artikel_fensterbild .listing a:nth-child(3) {		/* das letzte ausblenden und breite anpassen */
								display:none;
						}

						.interessante_artikel_fensterbild .listing a {
								width:48%;
						}
				}

				@media (max-width: 300px) {
						.interessante_artikel_fensterbild  {		/* das letzte ausblenden und breite anpassen */
								display:none;
						}
				}


						.interessante_artikel_fensterbild .listing .hauptbild {
								text-align: center;
								float: left;
						}
								.interessante_artikel_fensterbild .listing .hauptbild img {
										display: block;
										width: 100%;
								}
						.interessante_artikel_fensterbild .listing .hauptbild {
								width: 100%;
								min-height: 120px;
						}

						.interessante_artikel_fensterbild .listing .artikelVorschau {
								float: left;
								margin-left: 5.7%;
								margin-right: 5.7%;
								padding-bottom: 4px;
								width: 20%;
						}
						.interessante_artikel_fensterbild .listing .vorschauWeitere {
								float: left;
								margin-left: 5.7%;
								margin-right: 5.7%;
								display: block;
								text-align: center;
								width: 20%;
								font-weight: bold;
								font-size: 12pt;
								height: 9pt;
								line-height: 9pt;
						}
						.interessante_artikel_fensterbild .listing .bottom {
								clear: both;
								padding-top: 1em;
								font-size: 0.85em;
						}
								.interessante_artikel_fensterbild .listing .bottom .preis {
										float:none;
										text-align: right;
										font-weight:bold;
										font-size:1em;
										font-weight:400;
										line-height:0;
								}

								.interessante_artikel_fensterbild .listing .bottom .groesse {
										float:none;
										text-align: right;
								}

								.interessante_artikel_fensterbild .listing .bottom .groesse span,
								.interessante_artikel_fensterbild .listing .bottom .preis span {
										float:left;
								}


						.interessante_artikel_fensterbild .listing .box_detail {
								display: none;
								border: 1px solid #cfcfcf;
								height:100%;
								left: -12px;
								position: absolute;
								top: -10px;
								width: 115%;
								background-color: #ffffff;
								border-bottom:none;
						}

						.interessante_artikel_fensterbild .listing a:hover .box_detail {
								display: block;
								z-index: 20;
						}

						.interessante_artikel_fensterbild .listing a:hover .box_detail .box_detail_bottom {
								background-color: #fff;
								border:solid 1px #cfcfcf;
								bottom: -65px;
								height: 65px;
								left: -1px;
								position: absolute;
								width: 86%;
								border-top:none;
								font-size:11px;
								padding:0 7%;
						}

						.interessante_artikel_fensterbild .listing a:hover .box_detail .bottom {
								background-color: #fff;
								bottom: -97px;
								clear: both;
								font-size: 0.85em;
								left: -1px;
								padding: 0 7% 5px 7%;
								position: absolute;
								width: 86%;
								height:28px;
								border:1px solid #c4c4c4;
								border-top:none;
						}

								.interessante_artikel_fensterbild .listing a:hover .box_detail .bottom .preis {
										float:none;
										text-align: right;
										font-weight:bold;
								}

								.interessante_artikel_fensterbild .listing a:hover .box_detail .bottom .groesse {
										float:none;
										text-align: right;
								}

						.interessante_artikel_fensterbild .listing a:hover .hauptbild {
								z-index: 21;
								position: relative;		/* z-index funktioniert nur in Kombination von position */
						}