.interessante_artikel .listing a
{
  text-decoration: none;
  color: #444444;
  display: inline-block;
  width: 100%;
  margin-right: 20px !important;
  box-shadow: none;
  margin: 0 10px;
  display: inline-flex !important;
  border: 1px solid #ddd;
  padding: 10px;
  height: 100%;
  min-height:180px;
  position:relative;
}
.interessante_artikel .listing .bottom
{
  display:none;
}
.interessante_artikel .listing .hauptbild
{
  background-size: auto 85%;
  background-position:center;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  top: 10px;
  left:10px;
  width:calc(100% - 20px);
  background-size: auto 80% !important;
}
.interessante_artikel .listing a .box_detail_bottom_ {
    white-space: nowrap;
    min-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 1em;
    max-width: 99%;
    text-align: center;
    margin: auto;
	padding: 8px 0;
	hyphens: auto;
}
.interessante_artikel .listing a:hover .box_detail_bottom_ {
	white-space:normal;
	position:absolute;
	background-color:#fff;
	position: absolute;
	bottom: 2px;
	width:calc(100% - 20px);
	left:10px;
}
.interessante_artikel .listing a:hover {
box-shadow: 0px 3px 6px #00000029;
}
.interessante_artikel .body ul
{
  column-gap: 10px;
}
.showcase .body .nav_left, .showcase .body .new_nav_left
{
  right: 0;
  left: unset;
}
.showcase .body .nav_right {
	z-index:99;
}
.showcase .body .nav_right, .showcase .body .nav_left, .showcase .body .new_nav_left
{
  transition: all 1s ease-in-out;
  background-image:none;
}
.nav_showcase:after
{
  content:"";
  position:absolute;
  height:40px;
  background-image:url(/xartikelsystem/minikonfiguratoren/assets/icons/ic-arrow.svg);
  background-color:#fff;
  width:40px;
  border:1px solid #357DBC;
  top: calc(50% - 40px);
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 1s ease-in-out;
  transform:rotate(360deg);
}
.nav_showcase.nav_left:after, .nav_showcase.new_nav_left:after {
	transform:rotate(180deg);
}

.body.tabs-container.DetailTab.showcase {
	position:relative;
	padding:0 34px 0 0;
	height: unset;
	scrollbar-width: none;
}

.body.tabs-container.DetailTab.showcase.initialisierung {
	visibility:hidden;
	position:absolute;
	display:block!important;
}
.body.tabs-container {
  border-color: transparent;
}
.body.listing ul {
	height: 200px;
	min-width: 100%;
}
.interessante_artikel .body ul li
{
  flex: 1 1 180px;
  margin-right: 0;
  min-width: 160px;
  width:unset;
  display:unset;
  float:none;
}
.interessante_artikel .listing .box_detail_interessant, .interessante_artikel ._listing .box_detail_interessant
{
  font-size: .9em;
}
.interessante_artikel .listing .hauptbild, .interessante_artikel ._listing .hauptbild
{
  background-size: auto 85%;
  background-position: center;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  background-size: auto 100% !important;
}
.body.listing .nav_zurueck, .body.listing .nav_weiter, .body._listing .nav_zurueck, .body._listing .nav_weiter
{
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 28px);
  background-color: #fff;
  border:1px solid #357dbc;
  z-index: 2;
  cursor: pointer;
  user-select: none;
}
.interessante_artikel .body.listing.scrollbar li, .body.listing .nav_zurueck, .body.listing .nav_weiter, .interessante_artikel .body._listing.scrollbar li, .body._listing .nav_zurueck, .body._listing .nav_weiter
{
  transition: transform .8s ease-in-out;
}
.body.listing .nav_weiter.backwards, .body._listing .nav_weiter.backwards {
	transform:rotate(-180deg);
}
ul.tabs-navigation {
   margin-bottom: 4px;
}
ul.tabs-navigation li{
	text-transform: none;
	font-size: 1em;
}

.raumtextilienshop2025 .box_detail_bottom_ {
  white-space: normal;
  min-height: 50px;
  text-overflow: ellipsis;
}
.raumtextilienshop2025 .tabsContainer .listing a, .raumtextilienshop2025 .tabsContainer ._listing a {
  text-decoration: none;
  color: #444444;
  display: inline-block;
  width: unset;
  min-width: 250px;
  margin: 0 2em;
  max-width: 250px;
}
.raumtextilienshop2025 .tabs-navigation > li {
	display:none!important;
}
.raumtextilienshop2025 .tabsContainer.einziger {
	padding:0!important;
}
.raumtextilienshop2025 .MKS_magichsupigerne:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  width: 50px;
  height: 50px;
  background-image: url(/xArtikelsystem/minikonfiguratoren/assets/icons/thumb_up_off_FILL1_wght400_GRAD0_opsz48.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 10px center;
  opacity: .4;
}

.raumtextilienshop2025 .tabsContainer .gp {
  display: inline-block;
}
.raumtextilienshop2025 .tabsContainer .preis_ergaenzend {
  color: #000;
  font-weight: 600;
  background-image:none!important;
  border-color:transparent!important;
  text-align: center;
  padding: 1em 0 .5em 0;
}
.raumtextilienshop2025 .tabsContainer .hauptbild img {
  max-width: 100%;
  height: 9.5em;
}
@media screen and (any-pointer: coarse)  {
    .tabsContainer > .body, .interessante_artikel .body.listing, .preview:not(.preview_new) {
      -webkit-overflow-scrolling: touch!important;
      scroll-snap-type: x mandatory;
      overflow-x: auto!important;
	  scrollbar-width: none;
    }

    .interessante_artikel .listing {
        margin-right: 0;
        overflow-y: hidden;
       /* padding: 4em 0 !important;*/
        width: 100%;
    }
}
@media (pointer: coarse) {
	
	.body.listing .nav_zurueck, .body.listing .nav_weiter, .body._listing .nav_zurueck, .body._listing .nav_weiter {
		display:none!important;
	}
	.body.tabs-container.DetailTab.showcase {
		padding:0;
	}
	
	.scrollbar {
	  position:relative;
	  background-image: linear-gradient(to right, rgba(180,180,180,1), rgba(200,200,200,0)), linear-gradient(to right, rgba(180,180,180,1), rgba(180,180,180,1));
	  background-size:50% 5px, 70px 5px;
	  background-position:70px bottom, left bottom;
	  background-repeat:no-repeat, no-repeat;

	}
	.scrollbar:after {
		position:absolute;
		right:0;
		top:1em;
		content:url(/xartikelsystem/minikonfiguratoren/assets/icons/swipe.svg);
		display:block;
		content:"";
	}
	.scrollbar > * {
	  overflow-x:auto!important;
	  scroll-behavior:smooth;
	  padding: 20px 0;
	}
	 .scrollbar .nav_zurueck, .scrollbar .nav_weiter {
	  opacity:0;
	}
	.flexboxLink {
		transform: translate(0)!important;
	}
	.flexboxbox h4::before {
	  display: inline;
	}
	.flexboxContent, .previewwrap .preview {
	  overflow-x:auto!important;
	  scroll-behavior:smooth;
	  padding:10px 0 30px 0;
	}
	
	.flexboxLink {
		transform: translate(0)!important;
	}
	.nav_zurueck, .nav_weiter {
	  opacity:0;
	}

}
.raumtextilienshop2025 .artikel_table_main .artikelBottom {
    position: static;
}

.raumtextilienshop2025 .body.tabs-container.DetailTab.showcase {
		padding:0;
		display:block!important;
		min-height:unset!important;
		/*overflow:auto!important;*/
}
.raumtextilienshop2025 .wrapperVerlinkteArtikelGruppe {
  max-width: unset!important;
  width:auto!important;
  margin: 0 0 1em 0;
}
.verlinkteBoxen {
	flex-direction:row;
	flex-wrap:wrap;
	box-sizing:border-box;
}
.verlinkteBoxen * {
	box-sizing:border-box;
}
.flexboxbox {
   max-width: 100%;
    padding: 1em;
    /*border-left: 5px solid #eee;*/
	position: relative;
}

.flexboxContent {
	display:flex!important;
	flex-direction:row;
	overflow-y:hidden;
	overflow-x:hidden;
	white-space:nowrap;
}
.flexboxPreis.preis_ergaenzend {
  font-family: "Open Sans";
  font-weight: bold;
  color: #444;
  text-decoration: none;
  font-size: 14px;
}
.flexboxTitel {
	text-decoration: none;
	font-size: 12px;
	font-weight:300;
	color: #444;
	white-space: nowrap;
	text-overflow: ellipsis;
  overflow: hidden;
	/*position:absolute;*/
	bottom:10px;
	padding:0 5px;
	max-height: 20%;
}

.flexboxContent .nav_zurueck {
  left:10px;
}
.flexboxContent .nav_weiter {
  right:10px;
}
.flexboxbox h4 {
  text-transform: uppercase;
  margin-bottom: 5px;
  padding-left: .6em;
  font-weight: normal;
  font-size: 22px;
  position:relative;
}
.nav_zurueck, .nav_weiter {
	  opacity:0;
}
.scrollbar .nav_zurueck, .scrollbar .nav_weiter {
	  opacity:1;
}

.flexboxbox h4:after {
  content: ":";
}
.flexboxContent .nav_zurueck, .flexboxContent .nav_weiter {
  top:49%;
}
.flexboxbox ul {
			display:flex;
		}
.flexboxbox ul li {
		transition: all .5s ease-in-out;
}
.flexboxLink {
  height: 230px;
  display: flex !important;
  flex-direction: column;
  align-content: center;
  margin: 1em 10px;
  text-align: center;
  align-items: center;
  transition: all .5s ease-in-out;
  border: 1px solid #888;
  padding: 10px 5px;
  text-decoration: none;
  flex: 0 0 160px;
  width:160px;
  position:relative;
}
.flexboxLink .flexImageWrap {
	display:flex;
	align-content: center;
	align-items: center;
	height: 70%;
}
.verlinkteBoxen .flexboxLink img {
	max-height: 100%;
	text-decoration: none;
	max-width: 90%;
	margin: auto;
}
.tabs-container::after {
  display: none;
}
.flexboxbox h4 {
			 
			  font-size: 17px;
			}
.nav_zurueck, .nav_weiter {
  width: 30px;
  height: 50px;
  position: absolute;
  top: 30px;
  background-color: transparent;
  z-index:2;
  cursor:pointer;
  user-select: none;
}

.flexboxbox .nav_zurueck, .flexboxbox .nav_weiter {
	top:50%;
}
.nav_zurueck {
  left: 0;
  content:url(/xartikelsystem/minikonfiguratoren/assets/icons/btn-slider-left.svg);
}
.nav_weiter {
  right: 0;
  content:url(/xartikelsystem/minikonfiguratoren/assets/icons/btn-slider-right.svg);
}