/*
.artikel_table_main .bildspalte {
  min-width: 400px;
}*/
.artikel_table_main .design_big_bildbox {
	max-width:400px;
}
.artikel_table_main .sideScroller .wrapper {
  display: block;
}

.dreiDlink {
	/*display:none!important;*/
	display: inline-block!important;
    position: absolute;
    right: 0;
    top: 0;
}
.titelwrap {
    position: relative;
    padding-right: 60px;
}
.dialogImage_dialog {
    overflow:auto;
}
.dialogImage_dialog img.cover{
    /*max-width:95vw;*/
	max-width:unset;
	max-height:unset;
}

@media (any-pointer: fine) {
	.dialogImage_dialog {
		max-width:80vw;
	}
	.dialogImage_dialog::after {
	  content: "TIPP:\AMausrad um vertikal (\2195) zu scrollen\ASHIFT (\21D1) + Mausrad um horizontal (\2194) zu scrollen";
	  display: block;
	  position: absolute;
	  left: 10px;
	  top: 10px;
	  white-space: pre;
	  font-weight:bold;
	  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}
	.dialogImage_dialog:hover::after {
	  opacity: .5;
	}
}

@media (any-pointer: coarse) {
	input:focus {
		font-size:16px!important;
	}
	dialog.dialogImage_dialog {
		overflow:auto!important;
		transition-behavior: allow-discrete;
		max-width:90vw;
		/*scrollbar-color: #FF9D4F var(--sliderBarBackground);*/
	}

	dialog.dialogImage_dialog .closeBtn {
		position:fixed;
		z-index:1;
	}

	dialog.dialogImage_dialog .cover {
			max-width:unset!important;
			max-height:100vh!important;
			/*transition: max-height 200ms ease-in-out;
			transition-behavior: allow-discrete;*/
	}

	dialog.dialogImage_dialog:hover .cover, dialog.dialogImage_dialog .cover:hover {
			max-width:unset!important;
			max-height:unset!important;
			/*transition: max-height 200ms ease-in-out;
			transition-behavior: allow-discrete;*/
	}
	/*
	dialog .nextBtn, dialog .backBtn, dialog .closeBtn {
		position:fixed!important;
	}*/
}
@media screen and (max-width:1300px) {
	.artikelEinzelseite .artikel_table_main p, .artikelEinzelseite .artikel_table_main ul, .artikelEinzelseite .artikel_table_main .accordionElem .accordeon_box {
	  line-height: 1.5em;
	  font-size:1em!important;
	}
	.artikel_table_main .imgNav svg {
	  width:50px;
	  height:50px;
	}
}

.artikel_table_main .imgNav svg {
  background: rgba(255,255,255,.7);
  border-radius: 5px;
  outline: 5px solid rgba(255,255,255,.7);
}
	.dropdown img {
		  margin-right: 2em;
		  max-width: 80px;
		}
		dl.dropdown dt .gewaehlte_variation {
		  background-position: 96% center;
		  background-repeat: no-repeat;
		  cursor: pointer;
		}
		.dropdown {
		  border: 1px solid transparent;
		}
		.dropdown.aktiviert {
		  border: 1px solid #444;
		  border-bottom:0;
		}
		.dropdown.aktiviert dt .gewaehlte_variation {
		  background-color: #f1f1f1;
		}
		.dropdown dd {
		  position: relative;
		}
		.dropdown dd ul {
			display:flex;
			flex-direction:column;
			border: 1px solid #444;
			border-top:0;
			  display: none;
			  left: -1px;
			  padding: 5px 0px;
			  position: absolute;
			  top: 0;
			  width: calc(100% + 2px);
			  min-width: 170px;
			  list-style: none;
			  background: #fff;
			  max-height: 40vh;
			  overflow: auto;
			  
		}
		dd, dd ul {
		  list-style: none;
		  margin: 0;
		  padding: 0;
		  z-index: 10000;
		}
	
	.dropdown dt .gewaehlte_variation {
	  background-position: 98%;
	  outline: 1px solid #000;
	}
 .dropdown dd ul li .auswahl_variation_box, .dropdown dt .gewaehlte_variation {
	display: inline-flex !important;
	align-content: center;
	align-items: center;
	border: 0;
	background-color: #f1f1f1;
	padding:.5em;
	overflow: hidden;
	position: relative;
	width:100%;
 }

dl.dropdown dt .gewaehlte_variation:after {
  content: '';
  display: block;
  width: 2em;
  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;
}
/*dl.dropdown:hover dt .gewaehlte_variation::after,*/ dl.dropdown.aktiviert dt .gewaehlte_variation::after {
  transform:rotate(-0);
}
 .dropdown dd ul li .auswahl_variation_box.selected {
	background-color: #f1f1f1;
 }
 .dropdown dd ul li .auswahl_variation_box:not(.selected) {
	background-color: #fff;
	border-color:transparent;
	cursor:pointer;
 }
 .dropdown dd ul li .auswahl_variation_box:not(.selected):hover, .dropdown dd ul li:hover .auswahl_variation_box:not(.selected) {
	background-color: #e6e6e6;
 }
 .artikel  .dropdown .auswahl_variation_box .auswahl_variation_box_text {
  height: 100%;
  width: 100%;
  border: 1px solid transparent!important;
  padding: 14px;
}
.dropdown dd ul li:hover {
	background-color:#e6e6e6;
}
.dropdown dd ul li {
	order:2;
	width:100%;
	margin-left: 0;
}.dropdown dd ul li.aktiveVariation {
	order:1;
	display:none;
}

.artikel .dropdown .auswahl_variation_box .auswahl_variation_box_text, .artikel .dropdown .gewaehlte_variation .auswahl_variation_box_text {
  font-size: initial;
  border-color: transparent !important;
  width: 100%;
}
 .preview {
  text-align: center;
}