.artikel_alle .mainRight{
	padding: 1em 0;
}

.artikel_table_main{
	display: grid;
	grid-template-columns: 450px auto 240px;
	gap: 2em;
}


.artikel_table_main .beschreibungsspalte{
	overflow: hidden;
}

.artikelMassanfertigung{
	margin-top: 2em;
	display: flex;
	align-items: center;
}


.banner_versandtext, #text_stern_erklaerung{
	font-size: 0.778em;
}
	.banner_versandtext{
		margin-top: 2em;
	}
	#text_stern_erklaerung{
		margin: 2em 0;	
	}

.ueberschrift_gruppe_weitere{
	margin-top: 2em;
}
	.ueberschrift_gruppe_weitere a {
		color: black;

	}
	.design_gruppe_weitere  {
		margin-top: 1em;
	}
	.design_gruppe_weitere  .link_gruppe_weitere {
		position: relative;
	}
		.link_gruppe_weitere .icon_aktuelle_gruppe{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 0.2em;
			background-color: rgba(255, 255, 255, 0.9);
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
		}
		.link_gruppe_weitere .icon_aktuelle_gruppe svg{
			--svgColor: var(--primaryColor);
			width: 1em;
		}
	.design_gruppe_weitere  .link_gruppe_weitere img {
		max-width: 32px;
		border-radius: 4px;
	}


.design_big_bildbox {
	position: relative;
	margin: 0 2.2em;
}
	.design_big_bildbox .zoom{
		width: 20%;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		padding: 0.5em;
		background-color: rgba(255, 255, 255, 0.6);
		pointer-events: none;
  		z-index: 10;
	}


.link_gruppe_weitere{
	margin: 0 0.5em;
}


.imgNav {
    cursor: pointer;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	display: flex;
}
	.imgNav svg{
		--svgColor: var(--primaryColor);
		width: 1.5em;
	}
	.imgBack{
		left: 0;
	}
		.imgBack svg{
			transform: rotate(-90deg);
		}

	.imgNext {
		right: 0;
	}
		.imgNext svg{
			transform: rotate(90deg);
		}


.artikel .auswahl_groesse_part {
	display: inline-block;
	width: calc(50% - 1.5em);
	margin-right: 1em;
}
.accordionElem{	
	border: 2px solid var(--softWhite);
	box-shadow: 0px 3px 4px var(--secondaryHeaderLineShadow);
	border-radius: 4px;
	margin: 1em 0;
}

	.accordionElem .accordeon_head{
		cursor: pointer;
		font-size: 0.9em;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.5em 1em;
	}
	.accordionElem .accordeon_head:not(.accordionElem.optionset .accordeon_head, .notCloseable .accordeon_head)::after{
		content:'';
		display: block;
		width: 1em;
		height: 1em;
		background-image: url("/bilder/icons/simpleArrowUp.svg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		transform: rotate(180deg);		
		transition: 0.2s;
		transform-box: fill-box;
		transform-origin: center;
	}
	.accordionElem.active .accordeon_head:not(.accordionElem.optionset .accordeon_head, .notCloseable .accordeon_head)::after{
		transform: none;
	}

	.stoffeigenschaftenIcons{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1em;
		flex-wrap: wrap;
	}
	.stoffeigenschaftenIcons img{
		width: 2.5em;
	}
	.artikeleigenschaften li{
		margin: 0.3em 0;
	}
	.artikeleigenschaften a{
		color: #000;
		font-weight: 500;
	}
	.eingabeGewaehltBez{
		font-size: 0.778rem;
	}
	.eingabeGewaehltIcon{
		max-width: 1.5em;
		margin-right: 1em;
	}
	.wrapperOptionsetBez{
		display: flex;
		align-items: center;
	}
	.optionset .row{
		display: flex;
		margin: 1em 0;
	}
	.optionset .row a{
		color: #000;
		font-style: italic;
	}
	.optionset .row .icons{
		width: 30%;
		flex-shrink: 0;
	}
	.optionset .row svg{
		width: 1.8em;
		margin: 0 0.2em;
	}
	.konfektion .konfektionInputWrapper{
		display: flex;
		align-items: center;
		gap: 0.5em;
	}
	.konfektion .optionbox{
		margin: 1em 0;;
	}
	.konfektion .optionbox label{
		display: flex;
		gap: 1em;
		align-items: center;
	}
	.konfektion .konfektionInputWrapper{
		flex-basis: 10em;
	}
	.konfektion .icon {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.konfektion .icon svg{
		width: 2em;
	}

	.optionset .bez{
		display: flex;
		align-items: center;
		font-size: 0.9rem;
		margin-bottom: 1em;
	}
	.optionset .groupButtonsBottom{
		display: flex;
		justify-content: right;
	}

	.accordionElem .accordeon_box{
		font-size: 0.75em;
	}
	.accordionElem .accordeon_box:not(.eingabeBox, .notCloseable .accordeon_box){
		max-height: 0;
		overflow: hidden;
		transition: 0.5s;
	}
	.accordionElem .eingabeBox{
		height: 0;
		overflow: hidden;
	}

		.accordionElem .accordeon_box ul{
			padding-left: 2em;
		}
	.accordionElem .accordeon_box > * {
		padding: 0.5em 1em;
	}


.groessen_info{
margin: 2em 0;
}
.artikelInfos{
	margin-top: 3em;
}
.artikel .groessen_info img, .artikel .groessen_info svg {
	width: 100%;
	max-width: 400px;
}


.link_kundenbilder{
	border: 2px solid var(--softWhite);
	box-shadow: 0px 3px 4px var(--secondaryHeaderLineShadow);
	padding: 0.5em 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
	margin: 2em 0;
	cursor: pointer;
}
	.link_kundenbilder svg{
		--svgColor: var(--primaryColor);
		transform: rotate(90deg);
	}

.sensuna_bildinfo{
	margin-bottom: 2em;
}

.artikelInfo{
	text-align: center;
}

	.artikelInfo .logo{
		max-width: 10em;
		max-height: 3.5em;
	}

#design_big_lupe svg {
	width: 100%;
	pointer-events: none;
}
#design_big_lupe .zoomicon {
	width: 100%;
	pointer-events: none;
}
.kundenbewertung .sternewertung{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.5em 0;
}
	.link_kundenmeinungen{
		color: #000;
		text-decoration: none;
	}

	.sternewertung img{	
		height: 1.5em;
		margin: 0.2em;
	}

.artikel .titel {
	font-size: 1.5em;
	text-align: left;
}

.mediaLink{
	display: flex;
	align-items: center;
	color: #000;
	text-decoration: none;
}
	.mediaLink svg{
		--svgColor: #000;
		margin-right: 1em;
	}
.pflegesymboleUebersicht{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0.5em 1em;
	flex-direction: column;
}
	.pflegesymboleUebersicht .pflegesymbol{
		display: flex;
		align-items: center;
		gap: 1em;
		width: 100%;	
		padding: 1em 0;
	}
	.pflegesymboleUebersicht .pflegesymbol:not(.pflegesymbol:last-child){
		border-bottom: 1px solid var(--lightGray);
	}
	.pflegesymboleUebersicht .pflegesymbol svg{
		--svgColor2: #000;
		width: 4em;
		height: 4em;
		flex-shrink: 0;
		border: 1px solid black;
		padding: 0.3em;
	}


.artikel .auswahl_ueberschrift {
	font-size: 1.2em;
	font-weight: 500;
	margin: 1em 0;
}		
.artikel .auswahl_zwischenueberschrift {		
	font-size: 0.85em;
	font-weight: 400;
	margin-bottom: 0.4em;
}


.artikel .auswahl_variation_box:not(.auswahl_variation_farbbox){
	display: inline-block;
	border: 1px solid black;
	padding: 0.5em 1em;
	font-size: 0.75em;
	min-width: 10em;
	cursor: pointer;
}
.artikel .auswahl_variation_box.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}
.artikel .auswahl_variation_box.selected:not(.auswahl_variation_farbbox) {
			/* border: 2px solid #000;
			Tim, 20.03.2025: Das reicht nicht. Bei Monitoren mit einfacher Aufloesung (kein 4K) und eingestelltem Zoom (z.B. 90% (Manja, Emily)) ist die Auswahl nicht zu sehen.
			
			Loesung: Eigentlich 3px (oder 2.5px). So dass aber die Boxen beim Auswaehlen nicht "springen", habe ich auf outline umgestellt
			*/
			outline: 1.5px solid #000000;
			cursor: default;
}

.auswahl_variation_farbbox{
	padding: 0.5em;
	display: inline-block;
	cursor: pointer;
}
.auswahl_variation_farbbox.selected{
	cursor: default;
}
		.auswahl_variation_farbbox img{
			max-width: 75px;
		}
		.auswahl_variation_farbbox.selected img{
			border: 2px solid #000;
		}

dd ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}

.wrapperPreisMenge, .wrapperPreis{
	display: flex;
	align-items: flex-end;
	margin: 1.5em 0;
	gap: 1em;
}
	.wrapperPreis{
		justify-content: right;
	}

	.artikelBottom .preis{
		font-weight: 600;
		font-size: 1.45em;
		min-width: 5em;
	}

	.eingabeMenge{
		display: flex;
		align-items: center;
		border-radius: 4px;
		border: 1px solid var(--lightGray);
		justify-content: space-between;
		margin-top: 0.2em;
	}
		.box_menge svg{
			--svgColor: #000;
			width: 1em;
		}

		.box_menge .control{
			background-color: var(--softWhite);
			display: inline-flex;
			align-items: center;
			padding: 0.3em;
		}
			.box_menge .down {
				border-radius: 4px 0 0 4px;
			}
			.box_menge .up {
				border-radius: 0 4px 4px 0;
			}
			.box_menge .down svg{
				transform: rotate(180deg);
			}
		.box_menge input[type="number"]{
			margin: 0;
			border: none;
			padding: 0.2em;
			text-align: center;
			min-width: 2em;
		}

.artikelBottom .primaryButton{
	width: 100%;
    margin-bottom: 1em;
}
.buttonMuster{
	width: 100%;
}
.artikel .warenkorb.deaktiviert {
	opacity: 0.4;
	cursor: not-allowed;
}
.sonderKonfiButton{
	margin-bottom: 1em;
}

.artikel .artikel_table_main .artikelbild_gross {
	width: 100%;
	max-width: 378px;
}




.tabs-navigation{
	display: flex;
	font-size: 0.8em;
}
.tabs-navigation li{
	padding: 0.5em;
	text-transform: uppercase;
	cursor:pointer;	
}

.tabs-navigation li.aktiv{
	cursor: default;
	border: 1px solid var(--lightGray);
	border-bottom: none;
}

.tabsContainer > .body{
	border: 1px solid var(--lightGray);
}


.meinungen .sternewertung{
	display: inline-flex;
}
.meinung_meinung {
	padding: 1em 0;
	border-bottom: 1px solid #000;
}
	.meinung_meinung .meinung_description{
		margin-top: 2em;
	}
	.bewertung_datum, .bewertung_autor{
		margin-left: 0.3em;
	}

	.meinung_meinung .kundenmeinung{
		display: flex;
		align-items: center;
		gap: 0.5em;
	}
	.meinung_meinung .kundenmeinung img{
		max-width: 1.5em;
	}
	.meinungen_ueberschrift{
		margin: 1em 0;
	}
		.meinungen_ueberschrift .bewertungUeberschriftBez{
			font-weight: 500;
		}


.meinung_eigene{
	display: flex;
	justify-content: space-between;
}
	.meinung_eigene .meinung_spalte{
		flex-basis: calc(50% - 2em);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.meinung_eigene_ueberschrift{
		margin-top: 2em;
		margin-bottom: 1em;
	}
	.meinung_eigene label{
		margin: 0.5em 0;
	}

	.meinung_eigene .wrapper_sterne_submit{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 2em;
	}
	.meinung_eigene .inputMeinung{
		min-height: 12em;
	}

	.meinung_eigene .sterne ul, .meinung_eigene .sterne li {
		list-style: none;
		display: flex;
		margin-left: 0;
	}

	.meinung_eigene .sterne label {
		width: 2.7em;
		height: 2.7em;
		background: url("/bilder/stern-grau.svg") no-repeat 50% 50%;
		background-size: 100% auto;
		cursor: pointer;
		margin-right: 0.5em;
	}
	.meinung_eigene .sterne input[type=radio] {
		display: none;
	}
		.meinung_eigene #star5:checked ~ ul label {
			background-image: url("../bilder/stern-gelb.svg")
		}
		.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")
		}








		.tabsContainer > .body {
			font-size: 0.85em;		
			min-height: 170px;
			overflow:hidden;			
			width:100%;
			position: relative;
		
		}







.preview {
	margin: 2em 0;
}
	.preview .wrapper{
		align-items: center;
	}
	.preview .wrapper .medien_popup{
		margin: 0 0.5em;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.preview img, .preview .wrapper svg {
		cursor: pointer;
		max-width: 75px;
	}
		.preview img {
			margin-right: 0.5em;
		}
	.preview .wrapper svg{
		--svg-color: #000;
		width: 2em;
	}
	.preview .wrapper{
		align-items: center;
	}


#fancybox-wrap{
	z-index: 99999 !important; /*damit der header nicht dr�ber liegt*/
}
.fancyboxLinks .box_icon{
	display: flex;
	align-items: center;
	justify-content: center;
}	
	.fancyboxLinks .mediaLink{
		margin: 0.5em 0;
	}	
	#fancybox-content img{
		max-width: 100%;
	}



.artikelBottom{
	margin: 2em 0;
}
	.artikelBottom .verlinkteArtikel a{
		min-width: 200px;
		margin: 0 1em;
		color: #000;
		text-decoration: none;
		text-align: center;
		border: 2px solid var(--softWhite);
		box-shadow: 0px 3px 4px var(--secondaryHeaderLineShadow);
		padding: 1em;
	}
		.artikelBottom .verlinkteArtikel a .preis_ergaenzend{
			font-size: 0.889em;
			font-weight: 700;
			margin: 0.5em 0;
		}
		.artikelBottom .verlinkteArtikel a .box_detail_interessant{
			font-size: 0.778em;
			font-weight: 400;
			max-width: 70%;
			margin: 0 auto;
		}
	.artikelBottom .hauptbild{
		display: flex;
		align-items: center;
		justify-content: center;
	}
		.artikelBottom .hauptbild img{
			max-width: 100%;
			height: 9.5em;
		}
		
	.verlinkteArtikel{
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}
		.boxVerlinkteArtikel, .verlinkteArtikelGruppe{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.verlinkteArtikelGruppe{
			height: 100%;
			margin-top: 1em;
		}
		.boxVerlinkteArtikel{
			width: calc(50% - 3em);
			margin: 1em 0;
		}
		.boxVerlinkteArtikel:only-child {
		  width: 100%;
		}
		.wrapperVerlinkteArtikelGruppe{
			height: 100%;
		}
		.verlinkteArtikelGruppe .wrapper{
			height: 100%;
		}



.preis .neuerPreis{
	line-height: 1em;
	text-align: right;
	font-weight: 400;
	color: var(--primaryColor);
}
		


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

			.artikel #wrapperKennzeichnungSale{
				text-align: left;
		}		
			.artikel .kennzeichnungSale{
					background-color: var(--primaryColor);
					color: white;
					padding-left: 1em;
					font-weight: 600;
					height: 1.4em;
					position: relative;
					display: inline-flex;
					align-items: center;		
					padding-right: 2em;
					clip-path: polygon(calc(100% - 1em) 0%, 100% 100%, 0 100%, 0 0, 0 0);						
			}


		.artikel .preisAlt{
				text-decoration: line-through;
				font-weight: 400;
				margin-right: 1em;
				font-size: 0.889rem;
				height: 100%;
				display: flex;
				align-items: center;
				color: #000;
		}			

#fancybox-content{
	background-color: #fff;
}

@media (max-width: 1400px) {
	.artikelInfo{
		display: none;
	}
	.artikel_table_main{
		grid-template-columns: 450px auto;		
	}
	.artikel_table_main .zusatz {
		min-width: auto;
	}

	.artikel .preisAlt{
		display: inline-flex;
	}
	
	.artikel_table_main .artikelBottom{
		position: fixed;
		bottom: 0;
		left: 0%;
		margin: 0;
		width: 100%;
		padding: 1em 2em 0 2em;
        background-color: rgba(255, 255, 255, 0.9);
		z-index: 8;
		font-size: 0.9em;
		transition: 0.5s;
		transform-origin: bottom;
	}
	.scrolledToButton:not(.minikonfiAktiv) .artikelBottom{
		transform: scaleY(0);/* das regel ich selber im mini carschtn 20250206 */
	}
	.preisMengeWarenkorb{
		display: grid;
		grid-gap: 1em;
		grid-template-columns: 30% fit-content(0) auto;
	}
		.preisMengeWarenkorb.ohneSonderwuensche{
			grid-template-columns: 50% 50%;
		}

	.sonderwunsch{
		display: flex;
		align-items: center;
		margin-right: 2em;
		grid-column: 1;
		grid-row: 1 / 3;
	}
	.wrapperPreisMenge, .wrapperPreis{
		margin: 0;
	}
	.wrapperPreisMenge{
		grid-column: 2 / 4;
		justify-content: flex-end;
	}
	.wrapperPreis{
		grid-column: 2;
	}
	.zeile_warenkorb, .buttonMuster{
		grid-row: 2;
	}
	.buttonMuster{
		order: -1;
	}
	.keinMusterversand .zeile_warenkorb{
		grid-column: 2/4;
	}
	.sonderKonfiButton{
		grid-column: 1;
		grid-row: 1;
		margin: 0;
	}
	.banner_versandtext{
		display: none;
	}

	.meinung_eigene{
		flex-direction: column;
	}
	.meinung_eigene .meinung_spalte{
		flex-basis: 100%;
	}
}		

/*@media (max-width: 768px) {
	820px: ipad air, 810px neueres ipad mit ios
	*/
@media (max-width: 820px) {
	.artikel_table_main {
		grid-template-columns: auto;
		gap: 1em;
	}
		.artikel_table_main .preview {
			margin-bottom: 0;
		}
	.artikel_alle .mainRight{
		padding: 0;
	}	
	.design_big_bildbox{
		margin: 1em auto;
		max-width: 400px;
	}
	.preisMengeWarenkorb{
		grid-template-columns: fit-content(0) auto;
	}
	.sonderwunsch{
		grid-row: 1;
		min-width: 10em;
	}
	.wrapperPreisMenge{
		grid-column: 2;
	}
	.keinMusterversand .zeile_warenkorb {
        grid-column: 1 / 3;
    }

	.boxVerlinkteArtikel{
		width: 100%;
	}
}

@media (max-width: 500px) {
	.artikel_table_main .artikelBottom{
		font-size: 0.75em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.artikel_table_main .bildspalte{
		min-width: 0;
	}

	.artikel_table_main .artikelBottom{
		padding-bottom: 4.5em;
	}

	.preisMengeWarenkorb, .preisMengeWarenkorb.ohneSonderwuensche{
		grid-template-columns: auto auto;
	}
	.wrapperPreisMenge{
		grid-column: 1 / 3;
		justify-content: space-between;
	}
	.sonderwunsch{
		display: none;
	}

}

.artikelCoverImage{
	cursor: pointer;
}