.sv-modul-variantenboxen-wrapper {
	margin-bottom: 5rem;
}

.sv-modul-variantenboxen {
	display: grid;
	column-gap: 1.5rem;
	justify-content: center;

}

.sv-modul-variantenboxen.v-boxen-3 {
	grid-template-columns: repeat(3, minmax(auto, 344px));	
}

.sv-modul-variantenboxen.v-boxen-2 {
	grid-template-columns: repeat(2, minmax(auto, 344px));	
}

.sv-modul-variantenboxen.v-boxen-1 {
	grid-template-columns: repeat(1, minmax(auto, 344px));	
}

.sv-modul-variantenboxen .variantenbox {
	padding: 2.75rem 0.625rem 1.125rem 0.625rem;
	background-color: var(--sailer-teal-800);
	border-radius: var(--modul-border-radius);
	position: relative;
	color: var(--sailer-beige);
	font-family: 'merlo_neue';
}

.sv-modul-variantenboxen.hat_beliebt_text .variantenbox {
	margin-top: 3rem;
}

.sv-modul-variantenboxen .variantenbox.beliebt {
	border: 10px solid var(--sailer-yellow-600);
	margin: -10px;
}

.sv-modul-variantenboxen .variantenbox.beliebttext .beliebtimg {
	position: absolute;
	display: block;
	background-image: url(../assets/images/beliebt-banner.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
    width: 148px;
    height: 65px;
    top: -35px;
    left: calc(50% - 74px);
}

.sv-modul-variantenboxen .variantenbox.beliebttext.beliebt .beliebtimg {
	/*background-image: url(../assets/images/beliebt-banner.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
    width: 148px;
    height: 65px;
    top: -35px;
    left: calc(50% - 74px);*/
}

.sv-modul-variantenboxen.hat_beliebt_text .variantenbox.beliebt {
	margin-top: calc(3rem - 10px);
}

.sv-modul-variantenboxen .variantenbox img.modulcover {
	background-color: #fff;
	margin-bottom: 0.75rem;
	width: calc(100% - 2.75rem);
	margin: 0 1.375rem 0.75rem 1.375rem;
	height: auto;
	border-radius: 0.75rem;
}

.sv-modul-variantenboxen .variantenbox h3 {
	text-align: center;
	margin-bottom: 0.5rem;
	color: var(--sailer-beige);
	font-size: var(--modul-title-font-size);
	line-height: 1.25em;
	font-family: 'argyle_socks_thick';
	font-weight: 400;
}

.sv-modul-variantenboxen .variantenbox .beliebtbox {
	position: absolute;
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-weight: 600;
	font-family: 'argyle_socks_thick';
    font-weight: 400;
    color: var(--sailer-teal-800);
    width: 148px;
    height: 65px;
    top: -35px;
    left: calc(50% - 74px);
    padding: 0.625rem 1rem 0 1.25rem;
    text-align: center;
}

.sv-modul-variantenboxen .variantenbox.beliebt .beliebtbox {
/*	position: absolute;
	top: -3rem;
	right: -15px;
	font-size: 1.5rem;
	font-weight: 600;*/
}

.sv-modul-variantenboxen .variantenbox .desc-wrapper {
	position: relative;
}

.sv-modul-variantenboxen .variantenbox .desc, .sv-modul-variantenboxen .variantenbox .desc2 {
	padding: 0 1.75rem;
	font-size: var(--modul-text-font-size);
}

.sv-modul-variantenboxen .variantenbox .desc ul, .sv-modul-variantenboxen .variantenbox .desc2 ul {
	padding-bottom: 0;
}
.sv-modul-variantenboxen .variantenbox .desc ul li, .sv-modul-variantenboxen .variantenbox .desc2 ul li{
	line-height: 1.325em;
	margin-bottom: 0.5rem;
}
.sv-modul-variantenboxen .variantenbox .desc p, .sv-modul-variantenboxen .variantenbox .desc2 p {
	line-height: 1.325em;
	margin-bottom: 0.5rem;
}
.sv-modul-variantenboxen .variantenbox .desc ul li ul , .sv-modul-variantenboxen .variantenbox .desc2 ul li ul {
	margin-top: 0.5rem;
}
.sv-modul-variantenboxen .variantenbox .desc-mehr-button {

	cursor: pointer;
	text-align: center;

}
.sv-modul-variantenboxen .variantenbox .desc-mehr-button:before {
	display: inline-block;
	color: var(--sailer-teal-200);
	font-size: 0.825rem;
	text-decoration: underline;
    /*content: "\33";
    font-family: etmodules;
    font-size: 2rem;*/
    /*transform: rotate(0);*/
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.sv-modul-variantenboxen .variantenbox .desc-mehr-button.open:before {
	content: "mehr anzeigen";
		-webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.sv-modul-variantenboxen .variantenbox .desc-mehr-button.close:before {
	/*transform: rotate(180deg);*/
	content: "weniger anzeigen";
	-webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.sv-modul-variantenboxen .variantenbox .preis-wrapper {
	display: grid;
}

.sv-modul-variantenboxen .variantenbox .preis {
	text-align: center;
	margin: 0.5rem 0 0.5rem 0;
	display: block;
	font-weight: 600;
	font-size: var(--modul-price-font-size);
	line-height: var(--modul-price-font-size);
}

.sv-modul-variantenboxen .variantenbox .preis .proheft {
	font-size: 0.750rem;
}

.sv-modul-variantenboxen .variantenbox .streichpreis {
	text-align: center;
	margin: 0.5rem 0 -0.5rem 0;
	display: block;
	text-decoration: line-through;
	font-size: 0.875rem;
}

.sv-modul-variantenboxen .variantenbox .preis-wrapper.hatstreichpreis {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.5rem;
}

.sv-modul-variantenboxen .variantenbox .preis-wrapper.hatstreichpreis .preis {
	color: var(--sailer-yellow-500);
	text-align: left;
}

.sv-modul-variantenboxen .variantenbox .preis-wrapper.hatstreichpreis .streichpreis {
	text-align: right;
	line-height: var(--modul-price-font-size);
}

.sv-modul-variantenboxen .variantenbox .svbutton-wrapper {
	text-align: center;
	margin-top:1rem;
}

.sv-modul-variantenboxen .variantenbox .svbutton {
	cursor: pointer;
    color: var(--sailer-teal-900);
    border-width: 0px;
    border-radius: 50px;
    font-size: var(--modul-button-font-size);
    font-weight: 600;
    background-color: var(--sailer-teal-50);
    padding: 10px 2rem;
    text-align: center;
    display: inline-block;
  -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.sv-modul-variantenboxen .variantenbox .svbutton:hover {
	background-color: var(--sailer-teal-600);
	color: var(--sailer-teal-50);
	-webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.sv-modul-variantenboxen .variantenbox .svbutton.inactive {
    color: #ffffff;
    background-color: #a1a1a1 !important;
    cursor: text;
}

.sv-modul-variantenboxen .variantenbox .svbutton.inactive:hover {
	background-color: #a1a1a1 !important;
	cursor: text;
}

.label.switchify.switchify-label {
	cursor: pointer;
}

.sv-modul-variantenboxen .variantenbox .zr-wrapper {
	background-color: var(--sailer-teal-900);
	margin: 1.75rem -0.625rem;
	padding: 1.250rem 1.250rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.sv-modul-variantenboxen .variantenbox .zr-wrapper .zr-option {
	display: block;
	  cursor: pointer;
}

.sv-modul-variantenboxen .variantenbox .zr-wrapper .zr-option:hover {
	cursor: pointer;
}

.sv-modul-variantenboxen .variantenbox .zr-wrapper .zrwaehler .zr-option:first-child{
	margin-bottom: 0.75rem;
}

.zrwaehler .form-control {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 1em;
    cursor: pointer;
}

/*.zrwaehler .form-control + .form-control {
  margin-top: 1em;
}*/

.zrwaehler .form-control:focus-within {
  color: var(--sailer-teal-50);
}

.zrwaehler input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: color: var(--sailer-teal-900);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.325em;
  height: 1.325em;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;

  margin-top: 0.25rem;

  cursor: pointer;
}

.zrwaehler input[type="radio"]::before {
  content: "";
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--sailer-teal-50);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

.zrwaehler input[type="radio"]:checked::before {
  transform: scale(1);
}

/*.zrwaehler input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}
*/
/*.sv-modul-variantenboxen .variantenbox .zrwaehler {
	display: block;
	min-height: 23px;
	position: relative;

}

.sv-modul-variantenboxen .variantenbox label.switchify-label {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.sv-modul-variantenboxen .variantenbox .zrwaehler .textlinks {
	position: absolute;
	left: 0;
	width: calc(50% - 2rem);
	text-align: right;
}

.sv-modul-variantenboxen .variantenbox .zrwaehler .textrechts {
	position: absolute;
	right: 0;
	width: calc(50% - 2rem);
	text-align: left;
}

.sv-modul-variantenboxen .variantenbox .zrwaehler span {
	font-weight: 700;
}*/

.sv-modul-variantenboxen .variantenbox h4.zr {
	font-size: 0.875rem;
	display: block;
	text-align: left;
	color: var(--sailer-beige);
	padding: 0;
}

.sv-modul-variantenboxen .variantenbox h4.kombi {
    font-size: 0.875rem;
    display: block;
    text-align: center;
}

.textspeicher.hidden {
	display: none;
}

span.tooltip {
	cursor: pointer;
}

/*.sv-modul-variantenboxen .variantenbox select.kombi {
    width: 100%;
    max-width: 80%;
    margin: 0 10%;
}*/

.sv-modul-variantenboxen .variantenbox select.kombi {
    width: calc(100% - 1rem);
    margin: 0.75rem 0.5rem;
    padding:0.75rem 0.75rem;
    font-size: 0.750rem;

    /*background-color: var(--sailer-teal-800);
    border: none;
    outline: none;

    color: var(--sailer-beige);

    border: 1px solid var(--sailer-beige);

    border-radius: 22px;*/
}

.sv-modul-variantenboxen .variantenbox select.kombi.mobile { 
    width: 100%;
    margin: 0.75rem 0rem;
    padding:0.75rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
      -webkit-appearance: auto;
   -moz-appearance:    auto;
   appearance:         auto;
}

.sv-modul-variantenboxen .variantenbox select.kombi option {
	/*background-color: var(--sailer-teal-50);
	line-height: 2rem;
	padding: 1rem;
	color: var(--sailer-teal-900);*/

}

.sv-modul-variantenboxen .variantenbox select.kombi li {

}

.sv-modul-variantenboxen .variantenbox .lp_element {
	text-align: center;
	margin-top:0.75rem;
	display: block;
}

.sv-modul-variantenboxen .variantenbox .lp_element a.lp_link {
	color: var(--sailer-teal-200);
	text-decoration: underline;
	font-size: var(--modul-lp-info-font-size);
}

.sv-modul-variantenboxen .variantenbox .lieferbeschraenkung {
	text-align: center;
	margin-top:0.75rem;
	display: block;
	color: var(--sailer-teal-200);
	font-size: var(--modul-lp-info-font-size);
	padding: 0 2rem;
}

.sv-modul-variantenboxen .variantenbox select.kombi {
	display: none;
}

.sv-modul-variantenboxen .variantenbox .select-wrapper {
	margin: 1rem 1.375rem;
}

.sv-modul-variantenboxen .variantenbox .nice-select {
	
}

.sv-modul-variantenboxen .variantenbox .nice-select {
    -webkit-tap-highlight-color: transparent;
    background: none;
    color: var(--sailer-beige);
    border-radius: 22px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 42px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.nice-select:after {
    border-bottom: 2px solid var(--sailer-beige);
    border-right: 2px solid var(--sailer-beige);
}

.nice-select .list {
	color: var(--sailer-teal-900);
	background-color: var(--sailer-teal-50);
	border-radius: 8px;
}

.sv-modul-variantenboxen-wrapper .sv-mobile-boxnav-wrapper {
	display: none;
	margin-top: 3.5rem;
}

.sv-modul-variantenboxen-wrapper .sv-mobile-item h4 {
	color: var(--sailer-teal-800);
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

.sv-modul-variantenboxen-wrapper .sv-mobile-item {
	cursor: pointer;
	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.sv-modul-variantenboxen-wrapper .sv-mobile-item .mobile-indicator {
	display: block;
	width: 100%;
	height: 9px;
	background-color: var(--sailer-beige);
	-webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.sv-mobile-boxnav-wrapper.sv-mobile-nav-2 .sv-mobile-boxnav {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.sv-mobile-boxnav-wrapper.sv-mobile-nav-3 .sv-mobile-boxnav {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.sv-modul-variantenboxen-wrapper .sv-mobile-item.slick-current .mobile-indicator, .sv-modul-variantenboxen-wrapper .sv-mobile-item.active .mobile-indicator {
	background-color: var(--sailer-teal-800);
	border-radius: 4px;
	-webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.sv-modul-variantenboxen-wrapper .sv-mobile-boxnav .sv-mobile-item:first-child .mobile-indicator {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.sv-modul-variantenboxen-wrapper .sv-mobile-boxnav .sv-mobile-item:last-child .mobile-indicator {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


@media (max-width: 1300px) {
	.sv-mobile-boxnav-wrapper.sv-mobile-nav-3 {
		display: block;
	}
	.sv-modul-variantenboxen-wrapper.sv-modul-count-3 {
		width: 100%;
		overflow: hidden;
	}
	.sv-modul-variantenboxen-wrapper.sv-modul-count-3 .dp_dmb_module_90_item {
		width: 344px;
		max-width: calc(100% - 70px);
		/*margin: 0 auto;*/
	}
	.sv-modul-variantenboxen.v-boxen-3 {
    display: flex;
    column-gap: 0;
    justify-content: normal;
}
	/*.sv-modul-variantenboxen.v-boxen-3 .et_pb_module_inner {
		width: 344px;
		max-width: 100%;
	}*/
/*	.sv-modul-variantenboxen.v-boxen-2 .slick-slide {
		width: 368px !important;
	}*/
}

@media (max-width: 880px) {
	.sv-mobile-boxnav-wrapper.sv-mobile-nav-2 {
		display: block;
	}
	.sv-modul-variantenboxen-wrapper.sv-modul-count-2 {
		width: 100%;
		overflow: hidden;
	}
	.sv-modul-variantenboxen-wrapper.sv-modul-count-2 .dp_dmb_module_90_item {
		width: 344px;
		max-width: 100%;
		/*margin: 0 auto;*/
	}
	.sv-modul-variantenboxen.v-boxen-2 {
		 display: flex;
    column-gap: 0;
    justify-content: normal;
	}
	/*.sv-modul-variantenboxen.v-boxen-2 .et_pb_module_inner {
		width: 344px;
		max-width: 100%;
	}*/
/*	.sv-modul-variantenboxen.v-boxen-2 .slick-slide {
		width: 368px !important;
	}*/
}

/* Elemente von inaktiven Slides nicht klickbar Fix */
.swiper-wrapper {
	pointer-events:none !important;
}
.swiper-slide {
	pointer-events:auto !important;
}