/*
fuer so spezielle teile wie darstellung des modell-tabs
*/
/*@media (hover:hover) and (pointer:fine) {*/



#ansicht3D.previewC3Dactive:after {
  display: none;
}
	#contMessanleitungen {
	  position: relative;
	  min-width: 90%;
	  cursor:pointer;
	}
	.infosMessen {
  display: flex;
  flex-direction: column-reverse;
  align-content: center;
  margin-left: 2em;
  margin-top: 1em;
  gap: 1.1em;
}


	@media screen and (min-width:640px) {
		.eingabeBox.konfektion.masse {
		  padding-left:40px;
		}
	}
	#contMessanleitungen::after {
	  background-image: url(/xArtikelsystem/minikonfiguratoren/assets/icons/navigate_before.svg);
	  position: absolute;
	  /*z-index: 99;*/
	  right: .5em;
	  top: 17px;
	  transform: rotate(-90deg);
	  height: 15px;
	  width: 15px;
	  background-position: center;
	  background-size: contain;
	  display: block;
	  content: "";
	  background-repeat: no-repeat;
	  transition:transform .2s ease-in-out;
	}
	#contMessanleitungen:hover::after {
		transform: rotate(90deg);
	}
		#contMessanleitungen.smart::after {
	  transform: rotate(-180deg);
	}
	.boxIconLeft.messen.mediathekBoxItem.smart {
	  position: absolute;
	  top: 0;
		width:100%;
		filter: invert(100%) contrast(100);
		z-index: 1;
	}
	#contMessanleitungen:hover .boxIconLeft.messen.mediathekBoxItem.smart {
		filter:none;
		background-color:#fff;
	}
	.boxIconLeft.messen.mediathekBoxItem.smart .lila, .boxIconLeft.messen.mediathekBoxItem.smart .rosa {
	  opacity: 0;
	  height:0;
		overflow:hidden;
	}
	#contMessanleitungen:hover .boxIconLeft.messen.mediathekBoxItem.smart .lila, #contMessanleitungen:hover .boxIconLeft.messen.mediathekBoxItem.smart .rosa {
	  opacity: 1;
	  height:auto;
	}
	a.boxIconLeft.messen.mediathekBoxItem {
		opacity:0;
		height:0;
		overflow:hidden;
		transition:opacity .2s ease-in-out;
		border-bottom: 1px solid transparent;
	}
	#contMessanleitungen:hover a.boxIconLeft.messen.mediathekBoxItem, .mgWindow .boxIconLeft.messen.mediathekBoxItem {
		opacity:1;
		height:auto;
		border-bottom: 1px solid #888;
	}
/*}*/
#modellbild_steuerung
{
  top: 2em;

}
.layout_menu .auswahl_eingrenzen {
	display:none!important;
}
/*
.MKS20_raffrollo .banner_wrapper_ws {
  left: 0 !important;
}
.MKS20_raffrollo #menue_wrap2,.MKS20_raffrollo #layout_menuWrap {
	display:none;
}*/
.MKS20_raffrollo .masseUnvollstaendig .artikel .eingabeBox.konfektion.masse input.fakedWert {
	color:#f1f1f1;
}
#modellbez_messen {
	text-transform:capitalize;
	font-weight: 400;
}
.mediathekContainer .pswp__button--arrow {

	visibility:hidden;
}
.mediathekanzeigen .pswp__button--arrow {
		visibility:visible;
}

/* neu modellbeschreibung css 20240207 */

.modellbeschreibungWrap {
padding: 0 2em 1em;
padding-bottom: 90px;
}
.modellbeschreibungWrap .legend {
	padding:1em;
	border-bottom:1px solid #ddd;
	position:relative;
	display:flex;
	align-items: center;
	align-items: center;
  column-gap: 2em;
  white-space: nowrap;
}
.modellbeschreibungWrap .legend .modellabpreis
{
  width: 65%;
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  /*visibility: hidden; das wieder rein wen der abpreis raus kommt*/
}
.modellbeschreibungWrap label {
height:50px;
display:inline-flex;
padding:0 40px;
background:#357DBC;
color:#fff;
align-items: center;
position:relative;
/*
position: absolute;
  right: 2em;
  top: 1em;*/
}
.modellbeschreibungWrap label:after {
	content: "";
	background-image: url(/xartikelsystem/bilder/eigenproduktion/pfeil_rechts_weiss.svg);
	display:inline-flex;
	position:absolute;
	align-items: center;
	background-position:center;
	background-repeat:no-repeat;
	height:50px;
	width:30px;
	top:0;
	right:0;
}
.modellbeschreibungWrap h4, .modellbeschreibungWrap h5 {
font-size:24px;
color:#444;
font-weight: 600;
}
.modellbeschreibungWrap h5 {
font-size:20px;
color:#444;
font-weight: 600;
margin: 0 0 1em 0;
}
.modellbeschreibungWrap .modellbeschreibung, .modellbeschreibungWrap .modellbeschreibung .modellbilder {
display:flex;
flex-direction:column;
gap:1em;
}
.modellbeschreibungWrap .modellbeschreibung .modellbilder img {
max-width:98%;
}
.modellbeschreibungWrap .modelltext ul
{
  margin: 0;
  padding: 0;
}
.modellbeschreibungWrap .modelltext ul li > span {
	font-weight:400;
}
.modellbeschreibungWrap .modelltext ul li
{
  list-style-type: none;
  position: relative;
  padding-left: 40px;
  margin: 10px;
}
.modellbeschreibungWrap .modelltext ul li::after
{
  position: absolute;
  content: url(/xArtikelsystem/minikonfiguratoren/assets/icons/done_black_24dp.svg);
  left: 0;
  top: 1px;
}
.modellbeschreibungWrap a
{
  color: #444;
  padding-left: 40px;
  display: block;
  position: relative;
  padding-top: 3px;
}
.modellbeschreibungWrap a:before {
	content:"";
	width:30px;
	height:30px;
	background-image: url(/xArtikelsystem/minikonfiguratoren/assets/icons/montageanleitung_dark.svg);
	background-size:cover;
  display: inline-block;
  vertical-align: middle;
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width:500px) {
	.modellbeschreibungWrap {
	  padding-bottom: 120px;
	}
	.modellbeschreibungWrap .legend {
	position: fixed;
	  width: 100%;
	  background: #fff;
	  bottom: 0;
	  left: 0;
	padding: 15px 0;
    text-align: center;
    border-radius: 20px 20px 0 0;
    outline: 1px solid #ddd;
    margin: 0;
	z-index: 666;
	}
	.modellbeschreibungWrap .legend .modellbez {
	display:none;
	}
	.modellbeschreibungWrap .legend .modellabpreis
{
  width: 30%;
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  transform: scale(.8);
  /*display: none; das wieder rein wen der abpreis raus kommt*/
}
	.modellbeschreibungWrap label {
		position: relative;
		  right: unset;
		  top: unset;
		  display:inline-flex;
		  transform: scale(.9);
		  /*margin:auto; das wieder rein wen der abpreis raus kommt*/
	}
}
@media screen and (min-width:800px) {
	.modellbeschreibungWrap .modellbeschreibung {
		flex-direction:row;
		width: 80%;
    margin: auto;
	}
	.modellbeschreibungWrap .modellbeschreibung .modellbilder {
		width:25%;
	}
	.modellbeschreibungWrap .modellbeschreibung .modelltext {
		width:75%;
	}
}

.tabWindowtabsModellBeschreibung {
	padding:1em;
}
.tabWindowtabsModellBeschreibung .content .titel {
	font-weight:600;
	font-size: 16px;
}
.tabWindowtabsModellBeschreibung
{
  max-height: 90vH;
}
.tabWindowtabsModellBeschreibung .h1 {
        text-align: left;
        text-decoration: none;
        margin-top:0px;
    }
    .tabWindowtabsModellBeschreibung .content{
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    .tabWindowtabsModellBeschreibung .topflex {
        display: grid;
        grid-template-columns: 15em auto;
        gap: 5em;
    }
    .tabWindowtabsModellBeschreibung .topflex img {
        width: 100%;
    }
    .tabWindowtabsModellBeschreibung .cover{
        width: 15em;
    }
    .tabWindowtabsModellBeschreibung .headline{
        margin-bottom: 2em;
    }
    .tabWindowtabsModellBeschreibung .warnbox{
        display: grid;
        grid-template-columns: 2em auto;
        gap: 0.75em;
        background-color: #FFFADE;
        border-left: solid 0.375em #FACF00;
        padding: 0.813em;
    }
    .tabWindowtabsModellBeschreibung .warnbox .warnIcon{
        width: 100%;
    }
    .tabWindowtabsModellBeschreibung .warnbox p {
        font-size: 14px;
        line-height: 18px;
        margin: 0;
    }
    .tabWindowtabsModellBeschreibung ul{
        margin: 0;
        padding: 0;
    }
    .tabWindowtabsModellBeschreibung .content ul li {
        list-style-type: none;
        position: relative;
        padding-top: 10px;
    }
    .tabWindowtabsModellBeschreibung ul li::before{
        content: "";
        background-image: url(https://www.raumtextilienshop.de/rollos/konfigurator/bilder/beschreibungen/erfal/done.svg);
        background-size: 1.25em;
        position: absolute;
        left: -1.5em;
        top: 0.7em;
        width: 1.25em;
        height: 1.25em;
    }
    .tabWindowtabsModellBeschreibung .Montageanleitungen{
        display: grid;
        grid-template-columns: auto 22.188em;
    }
    .tabWindowtabsModellBeschreibung .Montageanleitungen img{
        width: 100%;
    }
    .tabWindowtabsModellBeschreibung .montaneLinks a{
        display: block;
        margin-left: 1.45em;
        position: relative;
        margin-bottom: 0.5em;
        color: black;
    }
    .tabWindowtabsModellBeschreibung .montaneLinks a::before{
        background-image: url(https://www.raumtextilienshop.de/rollos/konfigurator/bilder/beschreibungen/erfal/montageanleitung.svg);
        background-size: 1.25em;
        position: absolute;
        left: -1.55em;
        width: 1.25em;
        height: 1.25em;
        content: "";
    }
  
    @media (max-width: 850px) {
        .tabWindowtabsModellBeschreibung .topflex {
            display: grid;
            grid-template-columns: auto;
            gap: 5em;
        }
        .tabWindowtabsModellBeschreibung .cover{
            width: auto;
        }
        .tabWindowtabsModellBeschreibung .Montageanleitungen{
            display: flex;
            flex-direction: column-reverse;
        }
        .tabWindowtabsModellBeschreibung .Montageanleitungen img{
            margin-bottom: 1.5em;
        }
        .tabWindowtabsModellBeschreibung ul{
            margin-left: 2em;
        }
        
        .tabWindowtabsModellBeschreibung .content ul li {
            margin-bottom: 0.5em;
        }
        .tabWindowtabsModellBeschreibung ul li::before {
            background-size: 24px;
            left: -35px;
            width: 24px;
            height: 24px;
        }
  
        .tabWindowtabsModellBeschreibung .montaneLinks {
            margin-left: 2em;
        }
        .tabWindowtabsModellBeschreibung .montaneLinks a::before{
            background-size: 24px;
            left: -35px;
            width: 24px;
            height: 24px;
        }
    }
/* sondercss f. modellbeschreibung ENDE */
.boxIconLeft {
  margin-bottom: 4px;
  text-decoration: none;
}
/*
#hinweisMasseingabe, #linkMasseingabeMessanleitung
{
  margin-top: 2em;
}*/
#hinweisMasseingabe .boxIconLeft > .rosa
{
   display: none;
}
.artikelMass .konfektion .modell .dritteEbeneStandard .row label {
	border: 0 !important;
  width: 120px;
  font-size: .8em;
}
.artikelMass .konfektion .dritteEbeneStandard .row input + span {
  background-color: #f1f1f1;
  color: #444444;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .8em;
  padding-bottom: .8em;
  border-right: 1px solid #ffffff;
  position: relative;
  z-index: 1;
  padding-left: 1em;
  min-width: 100px;
  font-size: 15px !important;
}
#wichtigeStoffdetails {
  display: none;
  padding: 1em;
  width: 100%;
}
#wichtigeStoffdetails:not(:empty) {
  display: block;
}
.flex_wrapper ul {
  margin-top: revert;
}
.artikelMass .konfektion .row label.hatBild_neu.activ {
	background-color: #f1f1f1;
}

.artikelMass .konfektion .row label.hatBild_neu {
padding: 3em 1em 2em 1em!important;
height: 90%;
  margin-top: 10%;
}


.artikel .artikel_table_main > .left .preview:not(.preview_new) > img {
	order: 2;
}

.eingabeBox.konfektion:not(.masse) > div > .rows_standard > .row .eingabe label input + span.option_bezeichner {
  /*aspect-ratio: 1;*/
  display: inline-flex;
  align-content: center;
  align-items: center;
  background-color: #f1f1f1;
  color: #444444;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  aspect-ratio: unset;
}
.eingabe.eingabe_modell
{
  background: #fff;
}
.eingabeBox.konfektion:not(.masse) > div > .rows_standard > .row .eingabe label input:checked + span.option_bezeichner {
	background-color: #3580bb;
	color: #ffffff;
	border-radius: 3px;
	transform: scale(1.1);
	box-shadow: 0 8px 6px -6px #000000;
	z-index: 2;
}
.artikelMass .konfektion .row input:checked + img.optionspreviewnew, .dritteEbeneStandard input:checked + span, .eingabe label input:checked + span {
  outline: none!important;
}
.tabsLinks {
	background:#fff;
}
.tabs-navigation li.aktiv {
	border:0!important;
	/*text-transform:none!important;*/
}
.icon.mediathekBox, .icon.fancybox_konfektion_icon, .icon.mgWindow_icon {
  margin: 0 auto;
  display: inline-flex;
  text-decoration: none;
  /*background-color: #fff;*/
  padding: 10px;
  border-radius: 100%;
  width: 40px;
  position: relative;
  height: 40px;
  align-content: center;
  align-items: center;
}
.stoffDetailsFlexWrap .flex_wrapper .tab img, .MKS_magichsupigerne .flex_wrapper img {
  width: 23px!important;
  height: 23px!important;
  vertical-align: inherit;
}

.flex_wrapper #contBeschr-label {
    order: 3!important;
  }
  .flex_wrapper #inhaltbeschr {
    order: 4!important;/*8;*/
  }
.flex_wrapper #contEig-label {
    order: 1!important;
  }
  .flex_wrapper .eigenschaften.eigenschaftBox {
    order: 2!important;/*2;*/
  }
.flex_wrapper #contPfl-label {
    order: 5!important;
}
.flex_wrapper .panel.pflegeFlexWrap_ {
    order: 6!important;/*10;*/
  }
.flex_wrapper #contLief-label {
    order: 7!important;
}
.flex_wrapper ul, .flex_wrapper p {

	padding-left: 1em;
}
.flex_wrapper .lieferumfang.eigenschaftBox {
    order: 8!important;/*4;*/
  }
.flex_wrapper #contMed-label {
    order: 9;
	margin-right:0;/*der letzte gem. Sortierung! */
  }
  .flex_wrapper .mediathek.eigenschaftBox {
    order: 10!important;/*6;*/
  }
.flex_wrapper #contBox1-label {
	order:1!important;
  }
  .flex_wrapper #contBox2-label {
	order:3!important;
  }
  .flex_wrapper #contBox3-label {
	order:5!important;
  }
  .flex_wrapper #contBox4-label {
	order:7
  }
  .flex_wrapper #contBox1 {
	  order:2!important;
  }
  .flex_wrapper #contBox2 {
	  order:4!important;
  }
  .flex_wrapper #contBox3 {
	  order:6!important;
  }
  .flex_wrapper #contBox4 {
	  order:8!important;
  }
  .stoffDetailsFlexWrap {
	  position: relative;
	  margin-top:20px;
  }
  
  .stoffDetailsFlexWrap .flex_wrapper .tab, .MKS_magichsupigerne .flex_wrapper .tab {
  font-size: 14px !important;
 /* border-bottom: 0!important;*/
  outline: none!important;
  outline-offset: -1px;
  text-transform: none !important;
  cursor: pointer!important;
  /*  pointer-events:none;*/
  width: 100%!important;
  background-color:transparent!important;
  color:#444444!important;
  opacity: 1;
  border:0!important;
  line-height:20px!important;
  font-weight: 600;
  padding:1em;
  border-bottom: 1px solid #cecece!important;
  position:relative;
  padding-bottom: 1em!important;
  opacity: .6;
}
.stoffDetailsFlexWrap .flex_wrapper .tab:after, .MKS_magichsupigerne .flex_wrapper .tab:after {
	position:absolute;
	content:"";
	top:5px;
	right:0;
	width:25px;
	height:100%;
	background-image: url(/xartikelsystem/minikonfiguratoren/assets/icons/navigate_prev_black_24dp.svg);
  background-position: center;
  background-size: 30px;
	background-repeat:no-repeat;
	/*transform:rotate(90deg);*/
}
  
  .stoffDetailsFlexWrap .flex_wrapper .tab img, .MKS_magichsupigerne .flex_wrapper img {
	visibility: visible!important;
}
  
.stoffDetailsFlexWrap .flex_wrapper .panel, .MKS_magichsupigerne .flex_wrapper .panel {
  background-color: transparent!important;
  padding: 0 5px!important;
  min-height: initial!important;
  display: block!important;
  flex-basis: auto!important;
  border:0!important;
  margin: -1px 0 0 0;
  max-height:0;
  transition:max-height .5s ease-in-out;
  overflow:hidden;
}
.stoffDetailsFlexWrap .flex_wrapper, .MKS_magichsupigerne .flex_wrapper {
  max-width: 700px !important;
  flex-direction: column!important;
  background-color: #F5F5F5!important;
  background-color: #fff !important;
  border:0!important;
	flex-wrap:nowrap!important;
  padding: 1em 1em 1em 150px;
  padding: 1em;
  top: 0;
/*position: absolute;
position und padding geaendert 20240326
.artikelinfoslinks .stoffbeschreibungstoggler geaendert zu display:none;
z649: .mediathekContainer erst order:6, nun order:0;
z579: .stoffDetailsFlexWrap .stoffbilddummy display:none;
z575 + z531: display: none; entfernt, background-color zu weiss geaendert
z793: padding geaendert zu 1em
*/
z-index: 66;
transition:all .5s ease-in-out;
}
.artikelinfoslinks .stoffbeschreibungstoggler {
	content: url(/xArtikelsystem/minikonfiguratoren/assets/icons/stoffbeschreibung.svg);
	order: 1;
	margin: 0 5px!important;
	height: 100px;
	cursor:pointer;
	/*position:absolute;*/
	left:-80px;
	bottom:0;
	width:80px;
	display:inline-block;
	display:none;
}
.artikel .artikel_table_main.artikelinfoslinks > .left .stoffDetails.aktiv .preview:not(.preview_new) {
	
	/*width:50%!important;
	display:inline-flex;*/
	/*
	left:0;
	z-index:3;
	bottom:0;
	position:fixed;*/
}
.artikelinfoslinks .tabsLinks.stoffDetails {
	/*height: calc(100vH - 300px);*/
}
.stoffDetailsFlexWrap .flex_wrapper.mediathekanzeigen {
	/*top:100vH;
	display:none;*/
	background-color: #F5F5F5 !important;
	background-color: #fff !important;
}
.stoffDetailsFlexWrap .stoffbilddummy, .MKS_magichsupigerne .stoffbilddummy {
	position:absolute;
	top:1em;
	left:1em;
	width:calc(150px - 2em);
	height:auto;
	cursor:pointer;
	display:none;
}
.design_big_bildbox_ohnezoom img {
	  height: 48vH;/*von 60vh geaendert auf dies wegen artikeleigenschaften jetzt drunter*/
}
@media screen and (min-width: 1500px) {
  #mygallery {
    transform: translateY(-20px);
  }
}
@media (max-width: 1024px)  {
	
	.artikel .artikel_table_main.artikelinfoslinks > .left .stoffDetails.aktiv .preview:not(.preview_new) {
	
	/*width:auto!important;
	display:inline-flex;*/
	/*
	left:0;
	z-index:3;
	bottom:0;
	position:fixed;*/
}
	.stoffbeschreibungstoggler {
		display:none!important;
	}
	.stoffDetailsFlexWrap .flex_wrapper, .MKS_magichsupigerne .flex_wrapper {
	  width: 97%!important;
	  padding-left: 0;
	}
	.stoffDetailsFlexWrap .stoffbilddummy, .MKS_magichsupigerne .stoffbilddummy {
		width:calc(60px - 2em);
		display:none;
	}
	.flex_wrapper .tab::after, .tabs-navigation li::after {
	  display: none!important;
	}
	.artikel .artikel_table_main > .left .preview:not(.preview_new) {
	  width: 100% !important;
	  position: unset;
	  z-index: unset;
	}
	.artikel .warenkorb .warenkorb_text {
	  display:none;
	}
	.artikel .warenkorb .warenkorb_symbol {
	  margin-left:0;
	}
	.stoffDetailsFlexWrap .flex_wrapper, .MKS_magichsupigerne .flex_wrapper {
	  position: relative;
	  z-index: unset;
	  background:#fff!important;
	}
	.design_big_bildbox_ohnezoom {
	  display: inline-flex;
	  /*min-height: calc(50vh + 50px);*/
	  align-content: center;
	  align-items: stretch;
	}
	
	
	
	.artikelinfoslinks .stoffDetailsFlexWrap .flex_wrapper.mediathekanzeigen {
		display:flex;
	}
}
@media screen and (orientation: portrait) {
	
}
.mediathekContainer {
  /*display:none;*/
  order:6;
  order:0;
}
.artikelMass .konfektion .modell .row .icons {
	  top: -17px !important;
	left: 0;
	margin: 1em auto;
	text-align: center;
	background: transparent;
}
.artikelMass .konfektion .modell .dritteEbeneStandard .row .icons {
  top: -25px !important;
  right: -10px;
  left: unset;
  margin: 0;
  text-align: right;
  background: transparent;
}
.icon.shopLink {
	
}
.eingabeBox.konfektion.masse > div:first-child {
  align-items: flex-start;
  max-width: 1000px;
}
#contMessanleitungen {
    /*margin-top: 1em;
	margin-left:2em;*/
}

.rows_standard.masse {
  display: flex;
  flex-direction: column;
}
.artikelMass .rows_standard.masse .row {
  margin: 1em 1em 1em 0;
}
.artikelMass .konfektion .row label .option_bezeichner {
  padding: 1px;
  font-weight: 400;
}
.artikelMass .konfektion .row label {
  margin-left: 0;
}
a.boxIconLeft.messen
{
  border-bottom: 1px solid #888;
  padding-right: 50px;
  background-image: url(/xartikelsystem/minikonfiguratoren/assets/icons/ic-arrow.svg);
  background-repeat: no-repeat;
  background-position: 100% center;
}
a.boxIconLeft.messen li:first-child {
	font-weight:400;
	text-decoration:underline;
}
a.boxIconLeft.messen li small {
	font-weight:300;
	text-decoration:none;
}
a.boxIconLeft.messen > .lila
{
  background-color: transparent;
}
div.boxIconLeft.messen .rosa, div.boxIconLeft.messen .rosa li
{
  background: blue;
  background-color: #357dbc;
  color: #fff;
}
#hinweisMasseingabe, #linkMasseingabeMessanleitung, .linkMasseingabeMessanleitung, .hinweisMasseingabe {
	/*max-width: 300px;*/
	display: flex;
	/*gap: 10px;*/
}
#hinweisMasseingabeList, .hinweisMasseingabeList {
	text-transform:none;
	list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
	color: #444;
}
#linkMasseingabeMessanleitung, .linkMasseingabeMessanleitung {
	text-transform:uppercase;
}
.masse .schaubild {
	display:inline-block;
	position:relative;
	font-size:14px;
	font-weight:600;
	margin-right:2em;
}
 .masse .schaubild span {
	position:absolute;
	font-size:14px;
	font-weight:600;
	/*display:none;*/
	background:#fff;
}
.masse .schaubild .massbez.hoehe {
	right: 10px;
    top: calc(50% - 2px);
}
.masse .schaubild .massbez.breite {
	top: 11px;
    left: calc(50% - 14px);
}
.artikelMass .konfektion .masse .row span.option_bezeichner.minmax {
  font-size: .8em;
  /*white-space: nowrap;*/
  font-style: italic;
  display: inherit;
  text-align: center;
}

@media screen and (max-width:580px) {
	.eingabe.eingabe_masse__breite::before {
  float: none;
}
	.rows_standard.modell {
	  align-items: center;
	}
	/*
	.artikelMass .accordion > .eingabeBox {
	  padding-left: 0;
	}
	*/
	
}
.artikel .eingabeBox.konfektion.masse input[type="number"]
{
  width: 100px;
  text-align: right;
}
.pswp__anleitung-container iframe, .pswp__anleitung-container .custom-html-slide
{
  /*max-width: 1060px!important;
  max-height: 768px!important;*/
}
@media screen and (min-width:1025px) {
	.stoffDetailsFlexWrap .flex_wrapper, .MKS_magichsupigerne .flex_wrapper {
	  padding: 1em 1em 150px 150px; 
	  padding:1em;
	}
	.MKS20_raffrollo .modell .activ + .dritteEbeneStandard {
	  order: 99;
	}
	/*.artikel .artikel_table_main > .left .preview:not(.preview_new) {*/
	.artikel .artikel_table_main.artikelinfoslinks > .left .previewwrap {
	  margin-left: auto;
	  margin-right: auto;
	  float: none;
	  margin-top: 1em;
	  margin-bottom: 1em;
	  margin-bottom: 1em;
	  display: inline-block;
	  align-items: baseline;
	  align-content: center;
	  position: fixed;
	  bottom: 1em;
	  z-index: 9999999;
	  left: 10%;
	  display: inline-flex;
		background-color: #f00;
	  background-color: #fff;
	}
	/*
	.MKS20_raffrollo .modell .activ + .dritteEbeneStandard {
		
		order: 99;
	}*/
}
.artikelMass .konfektion .modell .row label .option_bezeichner::before {
  display: inline-block;
content: var(--produktbezeichnung);
margin-right: 5px;
font-weight: 300;
}
.artikel .eingabeBox.konfektion.masse input[type="text"], .artikel .eingabeBox.konfektion.masse input[type="number"] {
  height: 40px;
  margin: 0 4px auto 2px;
}
ul.tabs-navigation {
  padding-left: 40px;
  position:relative;
}
ul.tabs-navigation::before {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100%;
  display: block;
  background-image: url(/xArtikelsystem/minikonfiguratoren/assets/icons/thumb_up_off_FILL1_wght400_GRAD0_opsz48.svg);
  background-repeat: no-repeat;
  background-size: auto 18px;
  background-position: 10px center;
  background-size: 18px;
  background-position: 10px center;
  content: "";
  opacity: .4;
}
div.titelwrap .sternewertung {display:none;}
.MKS20_raffrollo .rows_standard.modell {
	padding: 1em;
  flex-wrap: wrap;
  margin-top: 0;
  row-gap: 30px;
}
.MKS20_raffrollo .modell .hatBild_neu .inputFrontendHidden {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}
.MKS20_raffrollo .modell .hatBild_neu .inputFrontendHidden:checked
{
  display: inline;
}
.MKS20_raffrollo .modell .dritteEbeneStandard .inputFrontendHidden {
	display:none;
}
.MKS20_raffrollo .MKS20_optioninfohtml {
	display:none;
	margin: 1em;
	height: 0;
overflow: hidden;
margin: 0;
transition: all .5s ease-in-out;
}
.MKS20_raffrollo .modell .dritteEbeneStandard {
	/*
	padding-left: 0;
	padding-right: 20px;
	flex-direction: column;
	background: #f1f1f1;
	margin-top: .5em;
	margin-bottom: .5em;
	position:relative;
	border-right: 1px solid #cacaca;*/
	flex-wrap:wrap;
	column-gap:20px;
}
.MKS20_raffrollo .modell .dritteEbeneStandard h3,.MKS20_raffrollo .modell .dritteEbeneStandard h4 {
	width:100%;
	
}
.MKS20_raffrollo .modell .option_aufpreis {
  display: inline-block;
  text-align:center;
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  visibility:hidden;
}
.MKS20_raffrollo .modell .dritteEbeneStandard .option_aufpreis {
  visibility:visible;
}
.row.activ + .dritteEbeneStandard {
  width: 100%;
}
.MKS20_raffrollo .modell .dritteEbeneStandard label.hatBild_neu .option_aufpreis {
  bottom: 0;
}


.MKS20_raffrollo .modell label.hatBild_neu .option_aufpreis {
	bottom: 30px;
}
.MKS20_raffrollo .modell input:checked ~  .option_aufpreis {
	visibility:visible;
}
.artikelMass .konfektion .row label input:not([data-preisaufschlag="0"]):checked ~ .option_bezeichner, .artikelMass .konfektion .row label input:not([data-preisaufschlag="0"]) ~ .option_bezeichner {
  margin-bottom: 30px;
}
.MKS20_raffrollo .modell input:checked ~ .option_aufpreis .aufpreislabel {
}

#dritteEbene_modell_4:before {
  display: none;
  content: "Hinweis: Der Motor ist standardmässig via Bluetooth oder über die Motion Blinds App von Coulisse auf dem Smartphone oder Tablet (iOS oder Android) aus einer Entfernung von bis zu 10 m steuerbar.";
  padding:1em;
  font-weight:400;
  background-color: #f1f1f1;
}

.MKS20_raffrollo .modell .dritteEbeneStandard .row, .MKS20_raffrollo .modell .dritteEbeneStandard label.hatBild_neu {
  padding: 0!important;
  margin: 0 !important;
}


.MKS20_raffrollo .modell input[type="radio"], .MKS20_raffrollo #MKS20_middle input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 100%;
  height: 7px;
  width: 7px;
  display: block !important;
  background: #fff;
  opacity: 1;
  outline-style: groove;
  outline-color: #CECECE;
  outline-offset: 2px;
  outline-width: 1px;
}
.MKS20_raffrollo #MKS20_middle input[type="checkbox"] {
  border-radius: 2%;
}

.MKS20_raffrollo #MKS20Form .modell .dritteEbeneStandard input[type="radio"], .MKS20_raffrollo #MKS20Form .modell .dritteEbeneStandard input[type="checkbox"] {
  
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  top: unset;
}
.MKS20_raffrollo  #MKS20Form .modell input[type="radio"]:checked, .MKS20_raffrollo #MKS20Form input[type="checkbox"]:checked {
  
  background-color: #006FD1!important;
  outline-color: #006FD1!important;
  box-shadow: none;

}
.MKS20_raffrollo #MKS20Form input[type="checkbox"]::before, .MKS20_raffrollo #MKS20Form input[type="radio"].checkbox::before {
  display: none;
}
.MKS20_raffrollo .modell .activ + .dritteEbeneStandard {
		display: flex !important;
		gap: 42px;
	}

.artikelMass .konfektion .modell .dritteEbeneStandard .row label .option_bezeichner::before {
  display: none;
}
.artikelMass .konfektion .dritteEbeneStandard .row {
	border-left: 0!important;
	border-right: 0!important;
}
.artikelMass .konfektion .dritteEbeneStandard .row label.hatBild_neu {
	height:100%;
}
.artikelMass .konfektion .dritteEbeneStandard .row:not(:first-child) label.hatBild_neu {
	border-left: 0!important;
	border-right: 0!important;
}
.MKS20_raffrollo .modell .dritteEbeneStandard .hatBild_neu img {
 /* max-height: 50px;*/
  min-width: unset;
  min-height: unset;
}
.artikelMass .konfektion .row input:checked + img.optionspreviewnew {
	outline:none!important;
}
.MKS20_raffrollo #MKS20Form input:checked ~ .MKS20_optioninfohtml {
  /*display: block;*/
  margin: 1em;
  height:auto;
}
.MKS20_raffrollo .artikelMass .konfektion.modell .row {
  position: relative;
  display: flex;
  margin: .5em 0 0 0;
  padding: 0 10px;
  border-right: 1px solid #cacaca;
  /*border-bottom: 1px solid #ddd;*/
}
.MKS20_raffrollo .artikelMass .konfektion.modell .row:last-child {
   border-right: 0;
  /*border-bottom: 1px solid #ddd;*/
}
.MKS20_raffrollo .eingabeBox.konfektion.modell > div > .rows_standard > .row .eingabe label input + span {
  aspect-ratio: auto;
  width:100%;
  /*min-width: 306px;*/
}
.artikelMass .konfektion .modell .row .icons {
  position: absolute;
  right: 1px!important;
  top: 0!important;
  display: inline;/*flex;*/
  left:unset;
}
.artikelMass .konfektion .modell .dritteEbeneStandard .row .icons {
  position: absolute;
  right: -10px!important;
  top: -10px!important;
  display: inline;/*flex;*/
  left:unset;
}
.artikelMass .konfektion .eingabe_modell .icons .icon.mgWindow_icon img, .artikelMass .konfektion .modell .dritteEbeneStandard .icons .icon.shopLink img
{
  border: 3px solid #fff!important;
  border-radius: 100%;
}
.artikelMass .konfektion .eingabe_modell .row:not(:last-child) .icons {
	border-right: 1px solid #ccc;
}
.artikelMass .konfektion .eingabe_modell .icons .icon.pdf {
	display:none;
}
.artikelMass .konfektion .row label.hatBild_neu
{
  width: 160px;
}
.artikelMass .konfektion .row input:checked + img.optionspreviewnew, .dritteEbeneStandard input:checked + span, .eingabe label input:checked + span {
  font-weight: bold;
}
@media screen and (max-width:500px) {
	.MKS20_raffrollo .artikelMass .konfektion.modell .row
	{
	  margin: auto;
	}
	
}
/*
.MKS20_raffrollo .artikelMass .konfektion.modell .row .icons > a {
  display: none;
}
.MKS20_raffrollo .artikelMass .konfektion.modell .row input:checked  + .eingabe  .icons > a {
  display: block;
}*/