/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* primary */
/* Primary color über das Theme festgelegt : rgb(238, 119, 0) */

@media (min-width: 576px) {
  .container-sm, .container, .container-fluid, .container-md, .container-lg, .container-xl {
	max-width: 97vw !important;
  }
}
/* @media (min-width: 768px) {
  .container-md, .container-sm, .container, .container-fluid, .container-lg, .container-xl {
	max-width: 720px !important;
  }
} */
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container, .container-fluid, .container-xl {
	/* max-width: 960px !important; */
	max-width: 100% !important;
  }
}
@media (min-width: 1424px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container, .container-fluid {
	max-width: 1424px !important;
  }
}

@font-face {
  font-family: 'ritzelhoch2';
  src: url("/templates/R2BikeChild/fonts/abw_icon_font/ritzelhoch2.woff2?v=1.24") format('woff2'),
	url("/templates/R2BikeChild/fonts/abw_icon_font/ritzelhoch2.woff?v=1.24") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: TTHovesPro;
  font-weight: normal;
  src: url("/templates/R2BikeChild/fonts/tt-hoves-pro-regular/webfonts/tt-hoves-pro-regular.woff2") format("woff2"), 
  	url("/templates/R2BikeChild/fonts/tt-hoves-pro-regular/webfonts/tt-hoves-pro-regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: TTHovesPro;
  font-weight: bold;
  src: url("/templates/R2BikeChild/fonts/tt-hoves-pro-bold/webfonts/tt-hoves-pro-bold.woff2") format("woff2"), 
  	url("/templates/R2BikeChild/fonts/tt-hoves-pro-bold/webfonts/tt-hoves-pro-bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: TTHovesPro;
  font-weight: 500;
  src: url("/templates/R2BikeChild/fonts/tt-hoves-pro-medium/webfonts/tt-hoves-pro-medium.woff2") format("woff2"), 
  	url("/templates/R2BikeChild/fonts/tt-hoves-pro-medium/webfonts/tt-hoves-pro-medium.woff") format("woff");
  font-display: swap;
}

html, body {
	position: relative;
	width: 100%;
	overflow-x: hidden !important;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: TTHovesPro,Verdana,Helvetica,Arial,sans-serif;
	font-weight: 500;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.product-matrix .product-matrix-title,.h3,.mas-coldesc>h2,.h4,.h5,.h6 {
	margin-bottom:1rem;
	font-family:TTHovesPro,Verdana,Helvetica,Arial,sans-serif;
	font-weight:500;
	line-height:1.2;
	color:inherit
}
h1,.h1 {
	font-size:2.25rem
}
@media (max-width:1200px) {
	h1,.h1{
		font-size:calc(1.35rem + 1.2vw)
	}
}
h2,.h2,.product-matrix .product-matrix-title{
	font-size:1.875rem}
@media (max-width:1200px){
	h2,.h2,.product-matrix .product-matrix-title {
		font-size:calc(1.3125rem + .75vw)
	}
}
h3,.h3,.mas-coldesc>h2{font-size:1.5rem}
	@media (max-width:1200px){h3,.h3,.mas-coldesc>h2{
		font-size:calc(1.275rem + .3vw)
	}
}
h4,.h4{font-size:1.125rem}
h5,.h5{font-size:.875rem}
h6,.h6{font-size:.8125rem}

/* @media screen and (-webkit-min-device-pixel-ratio:0) {
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="url"] {
		font-size: 16px !important;
		transform: scale(0.875);
		transform-origin: left center;
		width: 114.28%;
	}
} */

/* @media screen and (-webkit-min-device-pixel-ratio:0) {
	input#search-header-desktop.form-control.ac_input.tt-input,
	input.form-control.ac_input.tt-hint
	 {
	 	font-size: 14px !important;
		 transform: none !important;
		 width: 100% !important;
	}
} */
.text-accent, .productbox-price, .tab-navigation .nav-link {
	font-family: TTHovesPro,Verdana,Helvetica,Arial,sans-serif;
}
.btn-primary {
	color: #fff !important;
	background-color: rgb(238, 119, 0);
	border-color: rgb(238, 119, 0);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	text-transform: uppercase;
	font-weight: normal;
}
.btn.better-descr {
	font-weight: 400;
	max-height: 42px;
	margin:3px;
}
.btn.better-descr:focus {
	color: #fff !important;
	box-shadow: inset 0 0 2px #f8a100;
}

.btn.btn-light:not(.disabled) {
	background-color: #fff;
	border-color: #ccc;
	box-shadow: none;
	color: #333;
	text-decoration: none;
	font-size: .8125rem;
	font-weight: 400;
	text-transform: uppercase;
	min-height: 2.5625rem;
	padding: .125rem .9375rem;
	border-width: 1px;
	text-transform: uppercase;
}
.btn.btn-light:hover {
	color: rgb(238, 119, 0);
	border-color: rgb(238, 119, 0);
}
btn.r2-btn-shine {
  transition: box-shadow .16s ease-in-out;
}
.btn.btn-bold {
	font-weight: 800;
	font-size: 1rem;
}




.mas-wk-button {
	min-height: 50px;
	position: relative;
}

.mas-wk-button.is-added::after {
	content: "✓";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	animation: fadeIn 0.5s forwards;
	pointer-events: none;
	box-sizing: border-box;
}


.product-actions button.wishlist {
	font-size: 1.5rem !important;
}
@media (min-width: 992px) {
  .breadcrumb-wrapper {
	border-color: transparent;
  }
}
.breadcrumb-wrapper {
  margin-bottom: .5rem;
}
.breadcrumb {
  font-size: .8125rem;
  flex-wrap: nowrap;
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 1rem;
  padding-right: 2rem;
 
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE 10+ */
}
.breadcrumb::-webkit-scrollbar {
  background: transparent; /* Chrome/Safari/Webkit */
  width: 0px;
}

/* Speziell für Formulare, die gerne ausbrechen */
/* .form-control, .input-group, .container, .row {
	max-width: 100vw !important;
	box-sizing: border-box !important;
} */
/* #product-offer .product-info .product-offer {
  margin-bottom: 2rem;
} */
.productdetail-price {
  font-size: 1.75rem;
}
#product-offer .product-info .product-offer > .row {
	margin-bottom: 0.1rem;
}
#product-offer .product-info ul.info-essential {
	margin: 0rem 0;
}

#product-offer .variation-wrapper {
	padding: 0px;
}
#product-offer .product-info .stock-information {
  border-top: none;
  border-bottom: none;
}
#product-offer .variation-wrapper .badge {

  min-width: 115px;
	text-align: right;
	position: absolute;
	right: 40px;
	top: 12px;
}

.basket-form-inline .input-group .form-control {
  width: 4.25rem;
  height: auto;
  border-color: #606060;
  color: #606060;
  font-weight: 500;
}
.input-group.input-group-lg .form-control {
  min-height: 3.125rem;
  height: 3.125rem;
}
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}


.dropdown.bootstrap-select .status {
  margin-bottom: 0;
  font-size: .6875rem;
  text-transform: none;
  z-index: 1;
  position: relative;
  min-width: 7.1875rem;
  text-align: right;
  margin-right: 20px;
}

.r2-basketbox {
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .16);
}
.shadow-box {
	box-shadow: 0 0 1rem 0 rgba(0,0,0,.16);
}
.product-offer.shadow-box {
	padding: 1rem 1rem 0rem 1rem;
}
.question-col {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.mas-price-color {
  color: #555555;
}
/* .mas-price-special-box {
	min-height: 22px;
} */
.mas-price-special-color {
  color: #EF7800;
}

.line-height-1-1 {
  line-height: 1.1;
}
.item-delivery-status {
  margin-bottom: 1rem;
}
.caption .item-delivery-status {
  margin-bottom: 0rem;
  margin-top: 10px;
}
.font-size-sm {
  font-size: .8125rem;
}

.r2b-basketusp .aw_icon {
	font-size: 1rem;
	margin-top: 2px;
}
.r2b-basketusp:not(.aw_icon) {
	font-size: 0.8rem;
}

.aw_icon, i.aw_icon {
  font-family: 'ritzelhoch2' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* header */

/* colors */

header#jtl-nav-wrapper {
	background-color: rgb(51, 51, 51);
	color: #fff;
}


/* body:not(.shippingOpen) #country_bar_wrapper {
	display: none !important;
	opacity: 0; 
	transition: opacity 1s ease;
	scroll-behavior: smooth;
}
body.shippingOpen #country_bar_wrapper {
	display: flex !important;
	opacity: 1; 
} */
#country_bar_wrapper {
  position: fixed;
  /* top: -10rem; */
  top: -55px;
  /* height: 10rem; */
  height: 55px;
  background-image: url("/templates/R2BikeChild/themes/my-nova/images/world_bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  transition: top 0.3s ease-in;
  z-index: 1045;
}
#country_bar_wrapper .nav-link {
  display: block;
}
#country_bar_wrapper #country_bar {
	margin: 0px 35px;
}
/* #country_bar_wrapper .dropdown-item {
  padding: 0.25rem 0.5rem;
} */

body.shippingOpen #country_bar_wrapper {
  top: 0;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
/* body.shippingOpen #header-top-bar, */
body.shippingOpen #jtl-nav-wrapper {
  /* margin-top: 10rem; */
  margin-top: 55px;
}

#country_bar {
	height: 48px !important;
}

/* header#jtl-nav-wrapper .nav-mobile-body,
header#jtl-nav-wrapper .nav-mobile-body a,
header#jtl-nav-wrapper #shop-nav a{
	color: #fff;
}
header#jtl-nav-wrapper .cart-dropdown a {
	color: #525252;
} */

.new-dropdown-full a {
	color: #fff !important;	
}
.service-dropdown-full a {
	color: #fff !important;	
}
.service-dropdown-full a div a {
	color: #525252 !important;	
}
.service-dropdown .box-normal .nav-item a {
  color: #333 !important;
}
.manufacturer-dropdown-full a {
	color: #fff !important;	
}
#shop-nav i {
	color: #fff !important;	
}
#burger-menu {
	color: #fff !important;	
}
/* .nav-mobile-body ul .nav-link {
	text-transform: uppercase;
	letter-spacing: .1em;
} */
.nav-mobile-body > ul > li > .nav-link {
	text-transform: uppercase;
	letter-spacing: .1em;
}

@media (min-width: 992px) {
  header .navbar-nav > .nav-item > .nav-link::before {
	border-width: 0 0 4px;
	border-color: #ef7800;
  }
}

.confirmation-credit {
	padding-left: 0px;
	  padding-right: 0px;
	  margin-top: 12px;
}

.cart-icon-dropdown .fa-sup {
	top: 2px;
	margin-left: -2.5em;
	color: #fff;
	padding: 0.4em 0.8em;
}
.cart-icon-dropdown span {
	color: #fff;
	margin-left: 1rem;
	margin-bottom: 2px;
}

.icon-container-i .fa-sup {
	margin-left: -0.5rem !important;
}
.card-header {
	/* background-color: rgba(96, 96, 96, .03); */
	background-color: #eee;
	
	padding: .75rem;
	margin-bottom: 0;
}
.card-header .h3.checkout-confirmation-heading,
.card-header .h5 {
	font-size: .875rem;
}
.coupon-heading.checkout-confirmation-heading {
	cursor: pointer;
}
.checkout-confirmation .checkout-confirmation-items .card-body {
	margin-top: 0rem;
}
.checkout-confirmation .checkout-confirmation-items a {
	text-decoration: none;
}
.checkout-confirmation .checkout-confirmation-items .card-header .col {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-weight: 400;
}
.checkout-confirmation .checkout-confirmation-items .checkout-items-header-product {
	text-align: left;
}
.checkout-confirmation .checkout-confirmation-items .checkout-items-header-quantity {
	text-align: center;
}
.checkout-confirmation .checkout-confirmation-items .checkout-items-header-price {
	text-align: right;
}





.secure-checkout-icon {
	margin-top: .8rem;
}
@media (max-width: 991.98px) {
	.secure-checkout-icon {
	  margin-top: 0rem;
	}
}

/* checkout-items-item-main */
.card-body {
	flex: 1 1 auto;
	min-height: 1px;
	padding: 0px 15px;
}
.slim-cart-summary {
	z-index: 5;
}
/* .checkout-payment-method {
	border-bottom: 1px solid #e3e3e3;	
} */

.pm_info_wrapper {
	position: relative; 
	display: inline-block;
}
/* Versteckt alle Modale initial */
.pm_custom_modal {
	display: none;
	position: absolute;
	max-width: 276px !important;
	min-width: 250px;
	left: -13px !important;
	top: -7px !important;
	z-index: 99999 !important;
	font-size: 0.8125rem;
	background-color: #fff;
	font-weight: 400;
	border: 1px solid #ddd;
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
	.pm_custom_modal {
		width: 90vw;
		left: 50%;
		transform: translateX(-50%);
		position: fixed;
		top: 20%;
	}
}
/* .row.checkout-payment-options>div {
	width: 50%;	
} */
.checkout-shipping-form-options .row {
	margin-right: 0rem;
	margin-left: 0rem;
}
.checkout-payment-method-row {
	margin-right: 0rem;
	margin-left: 0rem;
}
.checkout-payment-method-row .col {
	padding: 5px;	
}
.checkout-shipping-method .border,
.checkout-payment-method .border {
	padding: 10px;
	margin-bottom: .5rem;
	outline: 1px solid #ddd;
	cursor: pointer;
}
.checkout-shipping-method:nth-child(even),
/* .checkout-payment-method:nth-child(even)  */
{
	margin-left: .5rem;
}
@media (max-width: 991.98px) {
	.checkout-shipping-method:nth-child(even),
	.checkout-payment-method:nth-child(even) {
		margin-left: 0rem;
	}
}
.checkout-shipping-method:hover .border,
.checkout-payment-method:hover .border{
	outline: 1px solid #EF7800;
	outline-offset: 0px;
	border-radius: 0px;
	background-color: #fff;
	overflow: visible !important;
	z-index: 100;
	position: relative;
}
.checkout-shipping-method .custom-control,
.checkout-shipping-method .custom-control-label,
.checkout-payment-method .custom-control,
.checkout-payment-method .custom-control-label {
	width: 100%;
}
.checkout-payment-options {
	margin: .1rem;
}
.checkout-shipping-method .price-col {
	text-align: right;
}
.checkout-shipping-method .custom-control-inline {
	padding-bottom: 0rem !important;
}
.checkout-shipping-method img,
.checkout-payment-options img {
	height: auto;
	width: 80px;

}
.checkout-payment-options #za_ppc_paypal-fields { display: none;}

.checkout-payment-options .funding-name {display:none !important;}

.checkout-payment-options .payment-methods-image {
	padding-right: 0px;
}
.checkout-payment-options .payment-title {
	padding-left: 0.5rem;
}
.checkout-payment-options .gebuereninfo {
	font-weight: normal;
}
.checkout-shipping-method:has(input[type="radio"]:checked) .border, 
.checkout-payment-method:has(input[type="radio"]:checked) .border{
	outline: 1px solid #EF7800;
	outline-offset: 0px;
	border-radius: 0px;
	background-color: #f8f9fa;
}

.checkout-shipping-method .custom-control-label::before,
.checkout-shipping-method .custom-control-label::after,
.checkout-payment-method .custom-control-label::before,
.checkout-payment-method .custom-control-label::after {
	top: .8rem;
}


/* Grundzustand der Boxen */
.checkout-shipping-form-options .checkout-shipping-method.col-lg-6 {
	max-width: calc(50% - 10px);
}


.basket-final .price-col {
	text-align: right;
}
.checkout-payment-options .checkout-payment-method {
	display: inline-block;
	width: calc(100% - 10px);
	/* width: 100%; */
	vertical-align: top;
}
@media (max-width: 991.98px) {
	.checkout-shipping-form-options .checkout-shipping-method.col-lg-6 {
	  max-width: 100%;
	}
	.row.checkout-payment-options > div {
	  width: 100%;
	}
	.checkout-payment-options .checkout-payment-method {
		width: 100%;
	}
}
/* Nur jede zweite Box in der Reihe */
/* .checkout-payment-options .checkout-payment-method:nth-child(2n) {
	margin-left: 20px;
} */
.checkout-shipping-method,
.checkout-payment-method {
	display: flex;
	flex-direction: column;
}
.checkout-shipping-form-options .row.g3 {
	padding: 0px;
	width: 100%;
	margin-left: -0.3rem;
}

.checkout-payment-options .row.g3 {
	padding: 0px 7px;
	width: 100%;
}
/* @media (max-width: 991.98px) {
	.checkout-payment-options .row.g3 {
		padding: 0px;
	}
} */
.checkout-shipping-form-options .row.g3 .g6 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}


.checkout-payment-options .row.g3 .g6 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}
.checkout-payment-method .row {
	height: 100%; /* Zwingt alle Boxen auf gleiche Höhe in der Zeile */
}

.checkout-payment-options .checkout-payment-method:nth-child(2n) {
	margin-left: 0px;
}
/* .pm_custom_modal i {
	cursor: pointer;
} */

/* Zeigt NUR das Modal an, das direkt auf das gehoverte Icon folgt */
.popoverData_pm:hover + .pm_custom_modal,
.popoverData_pm:focus + .pm_custom_modal {
	display: block !important;
}

/* Verhindert, dass das Modal schließt, wenn man mit der Maus darauf fährt */
.pm_custom_modal:hover {
	display: block;
}

/* #shop-logo {
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
} */
@media (min-width: 992px) {
	#logo {
		margin-top: 7px;
	}
  header .navbar-brand img {
	height: 55px;
	padding: 5px;
  }
}

header .navbar-nav > .nav-item.dropdown-full .dropdown-menu.service-dropdown-menu {
	width: 470px;
	height: 330px;
	position: absolute;
	margin-top: 10px;
	border: 1px solid #dadae5;
	border-radius: 3px;
	padding: .625rem;
}
/* .header-nav-singlerow #mainNavigation {
	display: flex;
} */
.header-nav-newrow {
	display: none;
}

@media (min-width: 992px) {
  #search {
	display: block;
	flex-grow: 1;
  }
}

.search-wrapper-dropdown .dropdown-body {
	background-color: rgb(51, 51, 51);
	padding: 0.2rem 1rem 1rem 1rem;
}

.search-wrapper-dropdown .fas.fa-search {
	font-family: 'ritzelhoch2' !important;
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 400;
	content: " ";
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.search-wrapper-dropdown .fas.fa-search::before {
	content: "\e921" !important;
}
.cart-icon-dropdown .nav-link::after {
	content: '' !important;
}

/* body.no-search-backdrop .modal-backdrop {
	display: none !important;
	opacity: 0 !important;
}
body.no-search-backdrop {
	overflow: auto !important;
	padding-right: 0 !important;
} */
/* 1. Wenn die Seite ganz oben ist, zeigen wir das Dropdown an */
.search-wrapper-dropdown.at-top .dropdown-menu {
	display: block;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


.search-wrapper-dropdown .nav-link-custom {
	transition: opacity 0.3s ease;
	opacity: 1;
	pointer-events: auto;
}
.search-wrapper-dropdown button {
	max-height: 43px;
}

.search-wrapper-dropdown .dropdown-menu {
	display: block !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	z-index: -1; 
	transition: 
		opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
		transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		z-index 0.4s step-end,
		visibility 0.4s;
	pointer-events: none;
	border: none;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
}


.search-wrapper-dropdown.at-top .dropdown-menu,
.search-wrapper-dropdown.show .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	z-index: 1000;
	pointer-events: auto; 
	transition: 
		opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
		transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		z-index 0s step-start;
}



.search-wrapper-dropdown .nav-link-custom {
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.search-wrapper-dropdown.at-top .nav-link-custom {
	opacity: 0;
	pointer-events: none;
	cursor: default;
	transition: opacity 0.3s ease;
}


.search-wrapper-dropdown.search-hidden {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-10px);
}

@media (max-width: 991.98px) {
	
	#mainNavigation {
		max-width: 90%;
	}
	header .container-fluid .mas-header-row3-inner .navbar-collapse #shop-logo-sm {
		width: 6.6875rem;
	}

	header .nav-item.nav-scrollbar-item.d-lg-none,
	header .nav-item.nav-scrollbar-item.dropdown.dropdown-full,
	header .nav-item.nav-scrollbar-item {
		border-bottom: 1px solid #e3e3e5;
		padding: .825rem 1rem .525rem;
	}
	header .nav-mobile-header.d-lg-none {
		border-bottom: 1px solid #e3e3e5;
		padding: .1rem 1rem;
	}
	header .navbar-nav>.nav-item>.nav-link {
		text-transform: none;
		color:#333;
		font-weight: 400;
		transition: padding .2s ease-in-out 250ms, background-color .2s ease-in-out, background .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
	}
	header .manufacturer-dropdown-full a {
	  color: #333 !important;
	}
	#m-logo {
		position: absolute;
		top: 5px;
		left: 50px;
	}
	
	
	/* Basis-Styles für alle Icons */
	.nav-scrollbar-item .nav-link .nav-mobile-heading::before,
	.nav-scrollbar-item .nav-link .text-truncate::before {
		font-family: 'ritzelhoch2' !important;
		font-size: 1.1rem;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		speak: never;
		content: "";
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		background-repeat: no-repeat;
		background-size: contain;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	/* New */
	.nav-scrollbar-item[data-category-id="s3"] .nav-link .text-truncate::before { content: "\e92c";}
	/* Sale */
	.nav-scrollbar-item .nav-link[data-category-id="545"] .nav-mobile-heading::before { content: "\e90f";} 
	/* Anbau */
	.nav-scrollbar-item .nav-link[data-category-id="53"] .nav-mobile-heading::before { content: "\e90e";}
	/* Antrieb */
	.nav-scrollbar-item .nav-link[data-category-id="43"] .nav-mobile-heading::before { content: "\e905";} 
	/* Bekleidung */
	.nav-scrollbar-item .nav-link[data-category-id="11"] .nav-mobile-heading::before { content: "\e915";}
	/* Beleuchtung */
	.nav-scrollbar-item .nav-link[data-category-id="108"] .nav-mobile-heading::before { content: "\e912";} 
	/* BikePacking */
	.nav-scrollbar-item .nav-link[data-category-id="2265"] .nav-mobile-heading::before { content: "\e916";} 
	/* Bremsen */
	.nav-scrollbar-item .nav-link[data-category-id="76"] .nav-mobile-heading::before { content: "\e90a";}
	/* E-Bike */
	.nav-scrollbar-item .nav-link[data-category-id="1720"] .nav-mobile-heading::before { content: "\1f394";}
	/* Elektronik */
	.nav-scrollbar-item .nav-link[data-category-id="1026"] .nav-mobile-heading::before { content: "\e911";}
	/* Gabel & Dämpfer */
	.nav-scrollbar-item .nav-link[data-category-id="62"] .nav-mobile-heading::before { content: "\e902";}
	/* Geschenkideen & Gutscheine */
	.nav-scrollbar-item[data-category-id="516"] .nav-link .text-truncate::before { content: "\e907";}
	/* Heimtrainer & Zubehör */
	.nav-scrollbar-item[data-category-id="1669"] .nav-link .text-truncate::before { content: "\e919";}
	/* Laufrad Einzelteile */
	.nav-scrollbar-item .nav-link[data-category-id="28"] .nav-mobile-heading::before { content: "\e904";}
	/* Laufradsatz & Laufräder */
	.nav-scrollbar-item .nav-link[data-category-id="154"] .nav-mobile-heading::before { content: "\e909";}
	/* Leistungsmessung */
	.nav-scrollbar-item .nav-link[data-category-id="1563"] .nav-mobile-heading::before { content: "\e913";}
	/* Rahmen */
	.nav-scrollbar-item .nav-link[data-category-id="1562"] .nav-mobile-heading::before { content: "\e90d";}
	/* Reifen */
	.nav-scrollbar-item .nav-link[data-category-id="153"] .nav-mobile-heading::before { content: "\e90c";}
	/* Schläuche & Tubeless */
	.nav-scrollbar-item .nav-link[data-category-id="218"] .nav-mobile-heading::before { content: "\e90b";}
	/* Schrauben & Lager */
	.nav-scrollbar-item .nav-link[data-category-id="142"] .nav-mobile-heading::before { content: "\e917";}
	/* Nutrition, Wellness & Training */
	.nav-scrollbar-item .nav-link[data-category-id="1194"] .nav-mobile-heading::before { content: "\e910";}
	/* Werkstatt */
	.nav-scrollbar-item .nav-link[data-category-id="67"] .nav-mobile-heading::before { content: "\e906";}
	/* Zubehör */
	.nav-scrollbar-item .nav-link[data-category-id="79"] .nav-mobile-heading::before { content: "\e918";}
	/* Laufradaktion */
	.nav-scrollbar-item .nav-link[data-category-id="2152"] .nav-mobile-heading::before { content: "\e92c";}
	
	/* Marken */
	.nav-scrollbar-item .nav-link[aria-controls="manufacturers-dropdown"] .nav-mobile-heading::before { content: "\e925";}


	/* rücksendung */
	.nav-icon-returns {
		border-top: 1px solid #ddd;
	  margin-top: 0px !important;
	  margin-bottom: 0px !important;
	  padding: .625rem 1rem .425rem !important;
	}
	.nav-icon-returns a::before {
		font-family: 'ritzelhoch2' !important;
		font-size: 1.1rem;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		speak: never;
		content: "";
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		background-repeat: no-repeat;
		background-size: contain;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e91f";
	}
	.nav-icon-returns a {
		/* inline-flex sorgt dafür, dass der Link nur so breit wie sein Inhalt ist */
		display: inline-flex !important; 
		align-items: center;    /* Zentriert Icon und Text vertikal */
		justify-content: flex-start; /* Erzwingt, dass der Inhalt links beginnt */
		text-decoration: none;
	}

	
	/* Service */
	.nav-scrollbar-item .nav-link[aria-controls="dropdown-menu-link-77"] .nav-mobile-heading::before { content: "\f879";}
	/* mein r2 */
	.nav-scrollbar-item .nav-link[aria-controls="dropdown-menu-link-81"] .nav-mobile-heading::before { content: "\e92d";}	
	
	
	/* submenu */

	
	.subcategory-wrapper .nav .nav-item {
		border-bottom: 1px solid #e3e3e5;
	}

	header .subcategory-wrapper .nav .nav-link {
		padding: .625rem 1rem;
	}
	
	header .subcategory-wrapper .nav .nav-item .categories-recursive-link {
		padding: 0rem;
	}
	header .subcategory-wrapper .nav-item .nav-link {
		display: flex !important;
		align-items: center; 
		justify-content: space-between; 
		width: 100%;
		font-weight: 400;
	}
	
	.subcategory-wrapper .header-nav-newrow .navbar-nav .nav-link {
		padding: 0rem 1.5rem !important;
		padding-bottom: 0rem;
		padding-bottom: 15px !important;
	  }
	ul#shop-nav {
		padding-right: 0rem !important;
	}  
	.cart-icon-dropdown .fa-sup {
	  top: 15px;
	  margin-left: -2rem;
	  color: #fff;
	}
	  
	}
	
	.account-icon-dropdown .dropdown-menu,
	.account-icon-dropdown .dropdown-footer {
		font-size: .8rem !important;
		font-weight: 400;
	}
	
	header .subcategory-wrapper .nav-item .text-truncate {
		display: inline-block !important; 
		flex: 1; 
		min-width: 0; 
		text-transform: none;
	}
	header .subcategory-wrapper .header-nav-newrow .navbar-nav .nav-item.dropdown {
		margin-top: 0px !important;
	}

	header .subcategory-wrapper .nav-item.dropdown .submenu-headline {
		/* padding: .225rem 0rem .825rem !important; */
		padding: .3rem 0rem .425rem !important;
		width: auto;
	}
	header .subcategory-wrapper .nav-item:not(.dropdown) {
		margin-top: 0px !important;
		margin-bottom: 0px;
		padding: .425rem 1rem .145rem .825rem !important;
		font-weight: 400;
	}
	header .subcategory-wrapper .nav-item:not(.dropdown) .submenu-headline {
		padding: 0rem !important;
	}
	header .subcategory-wrapper .nav-link::after {
		margin-right: 1rem;
	}
	
	header .subcategory-wrapper .categories-recursive-dropdown .nav .nav-item {
		padding: .425rem 1rem .55rem .2rem !important;
		margin-top: 1rem !important;
	}
	header .subcategory-wrapper .categories-recursive-dropdown .nav .nav-item strong {
		padding-left: 1rem;
	}

	.nav-lang-mobil {
		position: absolute;
		  right: 80px;
		  top: 15px;
	}
	
	.nav-offcanvas-title {
		position: relative;
		top:3px;
	}
	
}





ul#shop-nav {
	display: flex;
	list-style: none;
	padding: 0;
	width: 100%;
	width: max-content;
	flex-grow: 1;
}

@media (max-width: 1423.98px) {
	
	ul#shop-nav {
		display: flex;
		list-style: none;
		padding: 0;
		width: 100%;
		padding-right: .5rem;
	}
	
	ul#shop-nav li#search {
		flex-grow: 1;
	}
	
	ul#shop-nav li#search .search-wrapper {
		position: relative;
		left: 15%;
		right: 15%;
	}

	
	#shop-nav {
		width: 100%;
	}
	#shop-nav #search-header {
		width: 420px;
	}
	
	.header-nav-singlerow #knxmenu,
	.header-nav-singlerow .nav-mobile-body {
		display: none;
	}
	.header-nav-newrow {
		display: flex;
		width: 100%;
	}
	nav.navbar.header-nav-newrow  {
		height: 42px !important;
	}
	.header-nav-newrow .navbar-nav .nav-link {
		padding: 0rem 1.125rem !important;
		padding-bottom: 15px !important;
	}
	.header-nav-newrow .navbar-nav .nav-item {
		margin-top: 33px;
	}

	.header-nav-newrow .navbar-nav .nav-item .service-dropdown .nav-item {
		margin-top: 0px;
	}
		
	.header-nav-newrow .navbar-nav .nav-item .service-dropdown .nav-item:first {
		margin-top: 33px;
	}

	.header-nav-newrow .navbar-nav .nav-item .service-dropdown .nav-item a {
		padding-bottom: 0px !important;
		padding: 2px !important;
	}
	#knxmenu {
		margin-bottom: 0px;
	}
}
body[data-page="11"] #knxmenu,
body[data-page="11"] .nav-mobile-body {
	display: none;
}
.checkout-icons li:not(:last-child)::after {
	content: "|";
  	margin: 0 5px 0 20px;
  	color: #fff;
}
.checkout-icons {
	margin-top: 15px;
}
.checkout-icons img {
	height: 35px;
	margin-top: -5px;
	margin-right: 5px;
}
/* .icon-wrapper {
  display: flex;
  align-items: center; 
  gap: 10px;
} */

@media (max-width: 991.98px) {
	:not(.subcategory-wrapper) .header-nav-newrow .navbar-nav .nav-item {
		margin-top: 10px;
		
	}
	.subcategory-wrapper .nav .nav-item {
		margin-top: .2rem !important;
	}
	
	nav.navbar.header-nav-newrow {
		height: 0px !important;
	}
	#shop-nav {
		width: auto !important;
	}
	ul#shop-nav {
		flex-grow: unset;
	}
	ul#shop-nav li#search .search-wrapper {
		position: relative;
		left: 0%;
		right: 0%;
	}

}

	/* Mega menu manipulation */
	
	/* body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full {
		cursor: pointer;
	} */
	
	/* Ändere das hier: */
	/* body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full > a {
		cursor: pointer;
	} */
	
	/* Deaktiviere den Cursor für das li selbst ausdrücklich */
	/* body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full {
		cursor: default;
	} */
	

	
	.nav-mobile-body .navbar-nav li.service-dropdown-full:hover > .service-dropdown,
	.nav-mobile-body .navbar-nav li.dropdown:hover > .dropdown-menu {
		display: none; 
	}
	
	/* Erlaubt die Anzeige nur, wenn die Klasse 'show' aktiv ist */

	.nav-mobile-body .navbar-nav li.service-dropdown-full.r2bservice > .service-dropdown,
	.nav-mobile-body .navbar-nav li.dropdown.r2bshow > .dropdown-menu {
		display: block;
	}
/* Verhindert jegliches "Aufblitzen" durch Transitionen oder Hover-Events */
	.nav-mobile-body .navbar-nav li.nav-item.dropdown,
	.nav-mobile-body .navbar-nav li.nav-item.dropdown > .dropdown-menu {
		transition: none !important; /* Deaktiviert Animationen */
	}

	/* Wenn aktiv (durch Klick), dann sofort anzeigen */
	.nav-mobile-body .navbar-nav li.nav-item.dropdown.r2bshow > .dropdown-menu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto;
	}

	@media (min-width: 992px) {
		/* 1. Verhindere, dass JTL/Bootstrap das Menü bei Hover einblendet */
		body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full:hover > .service-dropdown,
		body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full:hover > .dropdown-menu {
			display: none !important;
		}
	
		/* 2. Erlaube die Anzeige NUR über deine Klick-Klasse */
		body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full.r2bservice > .service-dropdown,
		body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full.r2bservice > .dropdown-menu {
			display: block !important;
		}
		
		/* 3. Mauszeiger fixieren */
		body[data-viewport="lg"] .nav-mobile-body .navbar-nav li.service-dropdown-full > a {
			cursor: pointer !important;
		}
	}
	
	/* Für Mobilgeräte (Touch) */
	@media (max-width: 991px) {
		/* Hier darf das CSS niemals "display: none !important" sagen */
		.nav-mobile-body .navbar-nav li.service-dropdown-full .dropdown-menu {
			display: block; 
			/* Oder was auch immer der Standard für dein Mobile-Menu ist */
		}
	}

	
	

	.modal-backdrop {
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.3);
	}

header .nav-right .dropdown:not(.search-wrapper-dropdown) .dropdown-menu {
	border: 1px solid #ccc;
	box-shadow: 0 3px 10px rgba(0,0,0,.15);
}




@media (min-width: 1424px) {
	.nav-mobile-body {
		width: fit-content !important;
		flex-shrink: 0;
	}
	.nav-mobile-body ul.navbar-nav {
		width: fit-content; 
		flex-shrink: 0;
		flex-grow: 1;
	}
	ul#shop-nav {
		width: fit-content; 
		flex-shrink: 0;
		flex-grow: 1;
	}
}



/***********************
 *    Service		   *
 ***********************/
.service-dropdown-full .service-dropdown {
	display: none;
}
.service-dropdown-full a.nav-link:hover~.service-dropdown,
.service-dropdown-full .service-dropdown:hover {
	display: block;
 }
 
 
.service-dropdown {
	position: absolute;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	border-radius: 0px 0px 3px 3px;
	/* border: 1px solid rgba(0,0,0,.15); */
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: rgba(0, 0, 0, 0.15);
	box-shadow: 0 .0625rem .75rem rgba(0,0,0,.16);
	list-style-type: none;
}
.service-dropdown-full .dropdown-menu {
	background-color: #fff !important;
	width: 250px !important;
	position: relative !important;
	top: 0px !important;
	z-index: 10000 !important;
}
.service-dropdown .productlist-filter-headline {
	display: none !important;
}
.service-dropdown .box-normal {
	margin-bottom: 0px;
}
.service-dropdown .box-normal .nav-item {
	/* padding: 10px 35px; */
	padding: 12px 24px;
	color: #333;
}
.service-dropdown .box-normal .nav-item:hover {
	color: #ef7800;
	background-color: #f5f7fa;
}
.service-dropdown .box-normal .nav-item a {
	color: #333;
	text-transform: none;
}

#service-info {
	display: flex;
}
#service-hotline {
	display: block;
}
#service-links {
	flex-grow: 24;
}
#service-links a {
	display: block;
	padding: .3125rem .625rem;
	font-weight: bold;
}
#support-img {
	flex-grow: 1;
}
#support-img img {
	width: 143px;
}
#service-hotline {
	margin: 10px;
	margin-top: 20px;
}
/* #service-hotline img {
	width: 438px;
} */
#service-hotline .service-header {
	font-weight: 600;
	font-size: 1.4rem;
}
#service-hotline .service-number {
	color: #4F7E30;
	font-size: 1.4rem;
}
#service-hotline .service-subheader {
	font-size: 1rem;
	font-weight: 600;
}
#service-hotline .service-times {
	margin-top: 7px;
	display: block;
	font-size: 0.9rem;
	font-weight: 400;
}

/* search */
#search-header,
#search-header-mobile-top {
	background-color: #fff;
	color: #333;
}
.search-wrapper .form-control::placeholder {
	opacity: 0.5;
	color: #333 !important;
}

.search-wrapper .form-control {
  border-radius: 0.125rem 0 0 0.125rem;
}

.search-wrapper .input-group-append button {
	background-color: #fff;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	border-left: none;
	border-top-right-radius: 0.125rem !important;
	border-bottom-right-radius: 0.125rem !important;
	color: #ef7800;
} 

.search-wrapper .form-control:focus {
	border: 1px solid #000;
	border-color: none;
	box-shadow: none;
}

/* .search-wrapper .form-control:focus {
	color: #525252;
	background-color: #ffffff;
	border-color: rgb(239, 120, 0);
	outline: 0;
	box-shadow: -4px 0px 6px -2px rgba(239, 120, 0, 0.5),
				-3px 4px 6px -2px rgba(239, 120, 0, 0.5),
				-3px -4px 6px -2px rgba(239, 120, 0, 0.5);
}


.search-wrapper .input-group:focus-within .btn-secondary {
	border-color: rgb(239, 120, 0);
	box-shadow: 4px 0px 6px -2px rgba(239, 120, 0, 0.5),
				3px 4px 6px -2px rgba(239, 120, 0, 0.5),
				3px -4px 6px -2px rgba(239, 120, 0, 0.5);
} */

li.globals-dropdown,
li.language-dropdown {
	margin-top: -3px;
}

@media (max-width: 991.98px) {
	li.globals-dropdown {
		display:none;
	}
}

#manufacturers-dropdown .submenu-headline {
	padding: 0rem !important;
}
#manufacturers-dropdown .nav-item {
	margin-top: 10px;
  }
#manufacturers-dropdown .lg-row-lg > .col, .lg-row-lg > [class*="col-"] {
	padding-right: 1rem;
	padding-left: 1rem;
}

.brandcollection {
	margin-top: 35px;
}

.nav-mobile-header-name .language-dropdown-i,
.globals-dropdown .globals-language-dropdown-i,
.language-dropdown .language-dropdown-i {
	font-family: 'ritzelhoch2' !important;
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	speak: never;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: contain;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.nav-mobile-header-name .language-dropdown-i::before,
.globals-dropdown .globals-language-dropdown-i::before,
.language-dropdown .language-dropdown-i::before {
	content: "\e92a";
	cursor: pointer;
}
.nav-mobile-header-name .language-dropdown-i::before {
	color: #ef7800;
}
.globals-dropdown .nav-link-custom {
	padding: 0px !important;
}


.language-dropdown .dropdown-menu {
	overflow: hidden;
	position: absolute;
	transform: translate3d(15px, 50px, 0px) !important;
	top: -10px !important;
	left: -13px !important;
	will-change: transform;
}



.mobileLangCollapse {
	display: none;
	opacity: 0;
	transition: 1.5s;
	border-bottom: 1px solid #e3e3e5;
	padding-bottom: .525rem;
}
.mobileLangCollapse.show {
	display: block;
	animation: fineFadeIn 0.3s ease forwards;
}
@keyframes fineFadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#mobileLangCollapse #shippingCountry .bootstrap-select {
	position: relative !important;
}

#mobileLangCollapse #shippingCountry .bootstrap-select.show .dropdown-menu {
	position: relative !important; 
	display: block !important;
	float: none !important;
	width: 100% !important;
	box-shadow: none !important;
	border: none !important;
	margin-top: 0px;
	margin-bottom: 5px;
	left: 0px;
	border: 1px solid #ccc !important;
	box-shadow: 0 3px 10px rgba(0,0,0,.15) !important;
	
	position: absolute !important;
	  top: 40px !important;
	  
	z-index: 99999 !important;

}
#mobileLangCollapse {
	/* Erzeugt einen neuen Stacking Context, der hoffentlich 
	   höher liegt als die restliche Navbar */
	position: relative;
	z-index: 1001; 
}

#mobileLangCollapse #shippingCountry .bootstrap-select .inner {
	max-height: 242px !important; /* Etwas kleiner als das dropdown-menu */
	overflow-y: auto !important;
	display: block !important;
}
/* Den Link-Container innerhalb der Liste bändigen */
#mobileLangCollapse #shippingCountry .bootstrap-select .dropdown-menu li a {
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important; /* Verhindert den Zeilenumbruch */
	width: 100%;
	padding: 0.25rem .5rem;
}
#r2-languageMobile a.dropdown-item {
	width: 100%;
	padding: 0.25rem .5rem;
}
/* Falls die Flaggen-Icons in einem eigenen Span liegen, 
   müssen wir dem Text-Teil sagen, dass er flexibel schrumpfen darf */
#mobileLangCollapse #shippingCountry .bootstrap-select .dropdown-menu li a .text {
	display: inline-block;
	max-width: 85%; /* Platz für die Flagge lassen */
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 1. Den Container für das Dropdown öffnen */
.mobileLangCollapse .bootstrap-select.show .dropdown-menu {
	display: block !important;
	position: relative !important; /* Schiebt andere Menüpunkte nach unten */
	width: 100% !important;
	max-height: none !important;  /* Wichtig: Bootstrap berechnet hier oft 0px */
	overflow: visible !important;
	visibility: visible !important;
	opacity: 1 !important;
	border: none;
	box-shadow: none;
}

/* 2. Den inneren Bereich (wo die Flaggen-Liste liegt) sichtbar machen */
.mobileLangCollapse .bootstrap-select .inner {
	display: block !important;
	max-height: 240px !important; /* Begrenzt die Liste, damit sie scrollbar bleibt */
	overflow-y: auto !important;
	overflow-x: hidden;
	min-height: 240px !important; /* Erzwingt Platz unter der Suche */
}
/* Erzwingt, dass die Liste existiert, sobald der Button 'show' hat */
.mobileLangCollapse .bootstrap-select.show .inner {
	display: block !important;
	height: auto !important;
	/* min-height: 240px !important; */
}

/* Verhindert, dass Bootstrap die Liste während des Ladens versteckt */
.mobileLangCollapse .dropdown-menu.inner {
	visibility: visible !important;
	opacity: 1 !important;
}
/* 3. Sicherstellen, dass das Menü nicht abgeschnitten wird */
.mobileLangCollapse {
	overflow: visible !important;
}

/* 4. Das Suchfeld (falls vorhanden) optisch absetzen */
.mobileLangCollapse .bs-searchbox {
	padding: 5px;
	background: #eee;
}
.mobileLangCollapse .bs-searchbox .form-control{
	height: 2rem;
}

@media (max-width: 991px) {
	div.inner.show[id^="bs-select-"] {
		/* !important ist leider nötig, um das style="" Attribut im HTML zu schlagen */
		max-height: 70vh !important; 
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch; /* Sorgt für flüssiges Scrollen auf iPhones */
	}
}



#r2-languageMobile {
	position: absolute;
	background-color: #fff;
	width: 193px;
	border: 1px solid #ccc;
	box-shadow: 0 3px 10px rgba(0,0,0,.15);	
}
@media (max-width: 991.98px) {
	#r2-languageMobile {
		width: 137px;
	}
}

#languageChooseTopBar button {
	background-color: #fff;
	border-color: #ccc;
	box-shadow: none;
	color: #333;
	text-decoration: none;
	font-size: .8125rem;
	font-weight: 400;
	text-transform: uppercase;
	min-height: 2.5625rem;
	padding: .125rem .9375rem;
	border-width: 1px;
	text-transform: uppercase;
	width: 100%;
}
#languageChooseTopBar button span {
	position: absolute;
	left: 60px;
}
#languageChooseTopBar .fflag.ff-md,
#languageChooseTopBar img{
  width: 18px;
  height: 11px;
}
#globals-dropdown-container .language-dropdown {
	width: 100%;
}
#globals-dropdown-container .language-dropdown a.dropdown-toggle {
	padding: 0px 15px !important;
}

#globals-dropdown-container .language-dropdown.header_lang a.nav-link span {
  position: absolute;
  top: 10px;
  left: 42px;
}
.globals-dropdown-div .col {
	margin-bottom: 1rem;
}
.globals-dropdown-div .col #shippingCountry,
.globals-dropdown-div .col #languageChooseTopBar {
	margin-top: .3rem;
}
#nav-globals-collapse {
	margin-top: 5px;
}




/* Der Haupt-Link, der den Globus enthält */
.nav-link-custom {
	position: relative;
}

/* Unser dynamischer Indikator (unten rechts am Globus) */
#globus-indicator {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 16px;
	height: 11px; /* Typisches Flaggen-Format */
	display: none; /* Erst zeigen, wenn etwas gewählt wurde */
	border: 1px solid #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 10;
}

/* Da die Steuer-Flaggen Sprite-Klassen nutzen (fflag), 
   muss unser Indikator diese Klassen aufnehmen können */
#globus-indicator.fflag {
	display: block;
	position: absolute; /* Überschreibt ggf. Sprite-Defaults */
}


 /* .language-dropdown .dropdown-toggle {
	margin-top: -2px;
	padding: 0rem .5rem;
} */
.language-dropdown.header_lang a.nav-link {
	background-color: #fff;
	  border: 1px solid #ccc;
	  box-shadow: none;
	  color: #333;
	  text-decoration: none;
	  font-size: .8125rem;
	  font-weight: 400;
	  text-transform: uppercase;
	  min-height: 2.5625rem;
	  /* padding: .125rem .9375rem; */
	  border-width: 1px;
	  text-transform: uppercase;
}
.language-dropdown .dropdown-toggle::after {
	content: "" !important;
}
.language-dropdown.header_lang a.nav-link::after {
  content: '\f078' !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  margin-left: 0.5rem;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  transition: transform 0.2s;
  will-change: transform;
  border-top: 0;
  font-size: 0.75em;
}
.language-dropdown.header_lang a.nav-link span {
	position: relative;
	top: 1px;
}
.checkout-language-dropdown {
	margin: 1rem 0 0 0;
}
.checkout-language-dropdown li.language-dropdown {
	list-style-type: none;
}
#order-confirm .form-group.snippets-checkbox-wrapper.exclude-from-label-slide {
	display: none;
}
#sfu-slim-cart .checkout-confirmation-legal-notice {
	margin-left: 30px;
}
.custom-control-r2b {
	padding-left: 0rem;
}

.custom-control-label-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 10px;
}

.custom-control-input-native {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	margin: 0 10px 0 0;
	font: inherit;
	color: currentColor;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	display: grid;
	place-content: center;
	cursor: pointer;
	vertical-align: middle;
	transition: all 0.2s ease-in-out;
}

.custom-control-input-native {
	flex-shrink: 0; 
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 1px;
	cursor: pointer;
}

.custom-control-input-native:hover {
	border-color: #ef7800;
}

.custom-control-input-native:checked {
	background-color: #ef7800;
	border-color: #e68a00;
}

.custom-control-input-native::before {
	content: "";
	width: 12px;
	height: 12px;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em white; /* Das Häkchen-Symbol/Füllung */
	
	/* Erzeugt eine Häkchen-Form */
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.custom-control-input-native:checked::before {
	transform: scale(1);
}

/* 5. Fokus-Ring für Barrierefreiheit */
/* .custom-control-input-native:focus {
	outline: 2px solid rgba(255, 152, 0, 0.5);
	outline-offset: 2px;
} */



.basket-items a {
	text-decoration: none;
}
#globals-dropdown-container .dropdown-menu.show div.inner{
	max-height: 292px !important;
}

.page-item {
  margin-right: 1px;
  border-radius: 0 !important;
}
.page-item:last-child {
  margin-right: 0;
}
.page-item .page-link,
.page-item .page-text {
  border-color: #ccc;
  border-width: 0;
  border-radius: 0 !important;
  background-color: #ccc;
  min-height: 2.5625rem;
  height: 2.5625rem;
  min-width: 2.5625rem;
  line-height: 2.5625rem;
  padding: 0 0.5rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin: 0;
}
.page-item .page-link:hover,
.page-item .page-text:hover {
  border-color: #ccc;
  color: #ffffff;
  background-color: #ccc;
}
.page-item .page-link::after,
.page-item .page-text::after {
  border-bottom: 0 solid transparent;
}
.page-item .dropdown-menu:not(.show) {
  background-color: #ffffff;
}
.page-item .dropdown-menu.show {
  background-color: #ffffff;
  box-shadow: none;
}
.page-item .dropdown-menu.show::after {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  bottom: 0.625rem;
  left: 0.625rem;
  background-color: transparent;
  content: "";
  z-index: -1;
  border-radius: 0;
  box-shadow: 0 0 3rem rgba(0, 1, 6, 0.1);
}
.page-item .dropdown-menu.show .page-item {
  margin-right: 0;
  margin-bottom: 1px;
}
.page-item .dropdown-menu.show .dropdown-item.active .page-link,
.page-item .dropdown-menu.show .dropdown-item.active .page-text {
  color: #ffffff;
}
.page-item.active .page-link,
.page-item.active .page-text {
  border-color: #333;
  color: #ffffff;
  background-color: #333;
  border-radius: 0 !important;
}
.page-item.active .page-link::after,
.page-item.active .page-text::after {
  border-bottom: 0 solid #ccc;
}
.page-item.disabled .page-link,
.page-item.disabled .page-text {
  border-color: #ffffff;
  color: #ffffff;
  background-color: #ffffff;
}
.page-item .fa-angle-left::before {
	content: "\f104";
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal;
}
.page-item .fa-angle-right::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal;
}

.r2-dropdown {
  max-width: 12.3125rem;
  box-shadow: 0 2px 1rem 0 rgba(0, 0, 0, 0.16);
}
.r2-dropdown::before {
  content: "";
  position: absolute;
  left: 2.25rem;
  top: -9px;
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 11px 9px 11px;
  border-color: transparent transparent #ffffff transparent;
}
.r2-addCartQty button {
  color: #707070;
  border-width: 1px;
  border-style: solid;
  border-color: #707070;
}
#add-to-cart .aw_quick_select {
  left: -0.25rem;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  display: block;
  opacity: 0;
  transform: translate(30%, -6%);
  transition: opacity, transform 0.14s ease-in-out;
  visibility: hidden;
}
#add-to-cart .aw_quick_select .r2-addCartQty {
  width: -moz-max-content;
  width: max-content;
}
#add-to-cart.aw_show .aw_quick_select {
  visibility: visible;
  opacity: 1;
  transform: translate(0, -6%);
}

img.lang-icon,
.language-dropdown .dropdown-toggle img {
	height: 12px;
	width: auto;
	margin-right: 5px;
}
.fflag.ff-sm {
	margin-right: 5px;
}
.fflag {
	background-image: url(/plugins/css_vatSelect/frontend/template/custom/images/flagSprite42.png);
	background-repeat: no-repeat;
	background-size: 100% 49494%;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	box-sizing: content-box;
	box-shadow: 0 0 0 1px #dcdcdc;
}

.fflag-CH,.fflag-NP {
	box-shadow: none!important
}

.fflag-DZ {
	background-position: center .2287%
}

.fflag-AO {
	background-position: center .4524%
}

.fflag-BJ {
	background-position: center .6721%
}

.fflag-BW {
	background-position: center .8958%
}

.fflag-BF {
	background-position: center 1.1162%
}

.fflag-BI {
	background-position: center 1.3379%
}

.fflag-CM {
	background-position: center 1.5589%
}

.fflag-CV {
	background-position: center 1.7805%
}

.fflag-CF {
	background-position: center 2.0047%
}

.fflag-TD {
	background-position: center 2.2247%
}

.fflag-CD {
	background-position: left 2.4467%
}

.fflag-DJ {
	background-position: left 2.6674%
}

.fflag-EG {
	background-position: center 2.8931%
}

.fflag-GQ {
	background-position: center 3.1125%
}

.fflag-ER {
	background-position: left 3.3325%
}

.fflag-ET {
	background-position: center 3.5542%
}

.fflag-GA {
	background-position: center 3.7759%
}

.fflag-GM {
	background-position: center 4.0015%
}

.fflag-GH {
	background-position: center 4.2229%
}

.fflag-GN {
	background-position: center 4.441%
}

.fflag-GW {
	background-position: left 4.66663%
}

.fflag-CI {
	background-position: center 4.8844%
}

.fflag-KE {
	background-position: center 5.1061%
}

.fflag-LS {
	background-position: center 5.3298%
}

.fflag-LR {
	background-position: left 5.5495%
}

.fflag-LY {
	background-position: center 5.7712%
}

.fflag-MG {
	background-position: center 5.994%
}

.fflag-MW {
	background-position: center 6.2156%
}

.fflag-ML {
	background-position: center 6.4363%
}

.fflag-MR {
	background-position: center 6.658%
}

.fflag-MU {
	background-position: center 6.8805%
}

.fflag-YT {
	background-position: center 7.1038%
}

.fflag-MA {
	background-position: center 7.3231%
}

.fflag-MZ {
	background-position: left 7.5448%
}

.fflag-NA {
	background-position: left 7.7661%
}

.fflag-NE {
	background-position: center 7.98937%
}

.fflag-NG {
	background-position: center 8.2099%
}

.fflag-CG {
	background-position: center 8.4316%
}

.fflag-RE {
	background-position: center 8.6533%
}

.fflag-RW {
	background-position: right 8.875%
}

.fflag-SH {
	background-position: center 9.0967%
}

.fflag-ST {
	background-position: center 9.32237%
}

.fflag-SN {
	background-position: center 9.5426%
}

.fflag-SC {
	background-position: left 9.7628%
}

.fflag-SL {
	background-position: center 9.9845%
}

.fflag-SO {
	background-position: center 10.2052%
}

.fflag-ZA {
	background-position: left 10.4269%
}

.fflag-SS {
	background-position: left 10.6486%
}

.fflag-SD {
	background-position: center 10.8703%
}

.fflag-SR {
	background-position: center 11.0945%
}

.fflag-SZ {
	background-position: center 11.3135%
}

.fflag-TG {
	background-position: left 11.5354%
}

.fflag-TN {
	background-position: center 11.7593%
}

.fflag-UG {
	background-position: center 11.9799%
}

.fflag-TZ {
	background-position: center 12.2005%
}

.fflag-EH {
	background-position: center 12.4222%
}

.fflag-YE {
	background-position: center 12.644%
}

.fflag-ZM {
	background-position: center 12.8664%
}

.fflag-ZW {
	background-position: left 13.0873%
}

.fflag-AI {
	background-position: center 13.309%
}

.fflag-AG {
	background-position: center 13.5307%
}

.fflag-AR {
	background-position: center 13.7524%
}

.fflag-AW {
	background-position: left 13.9741%
}

.fflag-BS {
	background-position: left 14.1958%
}

.fflag-BB {
	background-position: center 14.4175%
}

.fflag-BQ {
	background-position: center 14.6415%
}

.fflag-BZ {
	background-position: center 14.8609%
}

.fflag-BM {
	background-position: center 15.0826%
}

.fflag-BO {
	background-position: center 15.306%
}

.fflag-VG {
	background-position: center 15.528%
}

.fflag-BR {
	background-position: center 15.7496%
}

.fflag-CA {
	background-position: center 15.9694%
}

.fflag-KY {
	background-position: center 16.1911%
}

.fflag-CL {
	background-position: left 16.4128%
}

.fflag-CO {
	background-position: left 16.6345%
}

.fflag-KM {
	background-position: center 16.8562%
}

.fflag-CR {
	background-position: center 17.0779%
}

.fflag-CU {
	background-position: left 17.2996%
}

.fflag-CW {
	background-position: center 17.5213%
}

.fflag-DM {
	background-position: center 17.743%
}

.fflag-DO {
	background-position: center 17.968%
}

.fflag-EC {
	background-position: center 18.1864%
}

.fflag-SV {
	background-position: center 18.4081%
}

.fflag-FK {
	background-position: center 18.6298%
}

.fflag-GF {
	background-position: center 18.8515%
}

.fflag-GL {
	background-position: left 19.0732%
}

.fflag-GD {
	background-position: center 19.2987%
}

.fflag-GP {
	background-position: center 19.518%
}

.fflag-GT {
	background-position: center 19.7383%
}

.fflag-GY {
	background-position: center 19.96%
}

.fflag-HT {
	background-position: center 20.1817%
}

.fflag-HN {
	background-position: center 20.4034%
}

.fflag-JM {
	background-position: center 20.6241%
}

.fflag-MQ {
	background-position: center 20.8468%
}

.fflag-MX {
	background-position: center 21.0685%
}

.fflag-MS {
	background-position: center 21.2902%
}

.fflag-NI {
	background-position: center 21.5119%
}

.fflag-PA {
	background-position: center 21.7336%
}

.fflag-PY {
	background-position: center 21.9553%
}

.fflag-PE {
	background-position: center 22.177%
}

.fflag-PR {
	background-position: left 22.4002%
}

.fflag-BL {
	background-position: center 22.6204%
}

.fflag-KN {
	background-position: center 22.8421%
}

.fflag-LC {
	background-position: center 23.0638%
}

.fflag-PM {
	background-position: center 23.2855%
}

.fflag-VC {
	background-position: center 23.5072%
}

.fflag-SX {
	background-position: left 23.732%
}

.fflag-TT {
	background-position: center 23.9506%
}

.fflag-TC {
	background-position: center 24.1723%
}

.fflag-US {
	background-position: center 24.392%
}

.fflag-VI {
	background-position: center 24.6157%
}

.fflag-UY {
	background-position: left 24.8374%
}

.fflag-VE {
	background-position: center 25.0591%
}

.fflag-AB {
	background-position: center 25.279%
}

.fflag-AF {
	background-position: center 25.5025%
}

.fflag-AZ {
	background-position: center 25.7242%
}

.fflag-BD {
	background-position: center 25.9459%
}

.fflag-BT {
	background-position: center 26.1676%
}

.fflag-BN {
	background-position: center 26.3885%
}

.fflag-KH {
	background-position: center 26.611%
}

.fflag-CN {
	background-position: left 26.8327%
}

.fflag-GE {
	background-position: center 27.0544%
}

.fflag-HK {
	background-position: center 27.2761%
}

.fflag-IN {
	background-position: center 27.4978%
}

.fflag-ID {
	background-position: center 27.7195%
}

.fflag-JP {
	background-position: center 27.9412%
}

.fflag-KZ {
	background-position: center 28.1615%
}

.fflag-LA {
	background-position: center 28.3846%
}

.fflag-MO {
	background-position: center 28.6063%
}

.fflag-MY {
	background-position: center 28.829%
}

.fflag-MV {
	background-position: center 29.0497%
}

.fflag-MN {
	background-position: left 29.2714%
}

.fflag-MM {
	background-position: center 29.4931%
}

.fflag-NP {
	background-position: left 29.7148%
}

.fflag-KP {
	background-position: left 29.9365%
}

.fflag-MP {
	background-position: center 30.1582%
}

.fflag-PW {
	background-position: center 30.3799%
}

.fflag-PG {
	background-position: center 30.6016%
}

.fflag-PH {
	background-position: left 30.8233%
}

.fflag-SG {
	background-position: left 31.045%
}

.fflag-KR {
	background-position: center 31.2667%
}

.fflag-LK {
	background-position: right 31.4884%
}

.fflag-TW {
	background-position: left 31.7101%
}

.fflag-TJ {
	background-position: center 31.9318%
}

.fflag-TH {
	background-position: center 32.1535%
}

.fflag-TL {
	background-position: left 32.3752%
}

.fflag-TM {
	background-position: center 32.5969%
}

.fflag-VN {
	background-position: center 32.8186%
}

.fflag-AX {
	background-position: center 33.0403%
}

.fflag-AL {
	background-position: center 33.25975%
}

.fflag-AD {
	background-position: center 33.4837%
}

.fflag-AM {
	background-position: center 33.7054%
}

.fflag-AT {
	background-position: center 33.9271%
}

.fflag-BY {
	background-position: left 34.1488%
}

.fflag-BE {
	background-position: center 34.3705%
}

.fflag-BA {
	background-position: center 34.5922%
}

.fflag-BG {
	background-position: center 34.8139%
}

.fflag-HR {
	background-position: center 35.0356%
}

.fflag-CY {
	background-position: center 35.2555%
}

.fflag-CZ {
	background-position: left 35.479%
}

.fflag-DK {
	background-position: center 35.7007%
}

.fflag-EE {
	background-position: center 35.9224%
}

.fflag-FO {
	background-position: center 36.1441%
}

.fflag-FI {
	background-position: center 36.3658%
}

.fflag-FR {
	background-position: center 36.5875%
}

.fflag-DE {
	background-position: center 36.8092%
}

.fflag-GI {
	background-position: center 37.0309%
}

.fflag-GR {
	background-position: left 37.2526%
}

.fflag-GG {
	background-position: center 37.4743%
}

.fflag-HU {
	background-position: center 37.696%
}

.fflag-IS {
	background-position: center 37.9177%
}

.fflag-IE {
	background-position: center 38.1394%
}

.fflag-IM {
	background-position: center 38.3611%
}

.fflag-IT {
	background-position: center 38.5828%
}

.fflag-JE {
	background-position: center 38.8045%
}

.fflag-XK {
	background-position: center 39.0262%
}

.fflag-LV {
	background-position: center 39.2479%
}

.fflag-LI {
	background-position: left 39.4696%
}

.fflag-LT {
	background-position: center 39.6913%
}

.fflag-LU {
	background-position: center 39.913%
}

.fflag-MT {
	background-position: left 40.1347%
}

.fflag-MD {
	background-position: center 40.3564%
}

.fflag-MC {
	background-position: center 40.5781%
}

.fflag-ME {
	background-position: center 40.7998%
}

.fflag-NL {
	background-position: center 41.0215%
}

.fflag-MK {
	background-position: center 41.2432%
}

.fflag-NO {
	background-position: center 41.4649%
}

.fflag-PL {
	background-position: center 41.6866%
}

.fflag-PT {
	background-position: center 41.9083%
}

.fflag-RO {
	background-position: center 42.13%
}

.fflag-RU {
	background-position: center 42.3517%
}

.fflag-SM {
	background-position: center 42.5734%
}

.fflag-RS {
	background-position: center 42.7951%
}

.fflag-SK {
	background-position: center 43.0168%
}

.fflag-SI {
	background-position: center 43.2385%
}

.fflag-ES {
	background-position: left 43.4602%
}

.fflag-SE {
	background-position: center 43.6819%
}

.fflag-CH {
	background-position: center 43.9036%
}

.fflag-TR {
	background-position: center 44.1253%
}

.fflag-UA {
	background-position: center 44.347%
}

.fflag-GB {
	background-position: center 44.5687%
}

.fflag-VA {
	background-position: right 44.7904%
}

.fflag-BH {
	background-position: center 45.0121%
}

.fflag-IR {
	background-position: center 45.2338%
}

.fflag-IQ {
	background-position: center 45.4555%
}

.fflag-IL {
	background-position: center 45.6772%
}

.fflag-KW {
	background-position: left 45.897%
}

.fflag-JO {
	background-position: left 46.1206%
}

.fflag-KG {
	background-position: center 46.3423%
}

.fflag-LB {
	background-position: center 46.561%
}

.fflag-OM {
	background-position: left 46.7857%
}

.fflag-PK {
	background-position: center 47.0074%
}

.fflag-PS {
	background-position: center 47.2291%
}

.fflag-QA {
	background-position: center 47.4508%
}

.fflag-SA {
	background-position: center 47.6725%
}

.fflag-SY {
	background-position: center 47.8942%
}

.fflag-AE {
	background-position: center 48.1159%
}

.fflag-UZ {
	background-position: left 48.3376%
}

.fflag-AS {
	background-position: right 48.5593%
}

.fflag-AU {
	background-position: center 48.781%
}

.fflag-CX {
	background-position: center 49.002%
}

.fflag-CC {
	background-position: center 49.2244%
}

.fflag-CK {
	background-position: center 49.4445%
}

.fflag-FJ {
	background-position: center 49.6678%
}

.fflag-PF {
	background-position: center 49.8895%
}

.fflag-GU {
	background-position: center 50.1112%
}

.fflag-KI {
	background-position: center 50.3329%
}

.fflag-MH {
	background-position: left 50.5546%
}

.fflag-FM {
	background-position: center 50.7763%
}

.fflag-NC {
	background-position: center 50.998%
}

.fflag-NZ {
	background-position: center 51.2197%
}

.fflag-NR {
	background-position: left 51.4414%
}

.fflag-NU {
	background-position: center 51.6631%
}

.fflag-NF {
	background-position: center 51.8848%
}

.fflag-WS {
	background-position: left 52.1065%
}

.fflag-SB {
	background-position: left 52.3282%
}

.fflag-TK {
	background-position: center 52.5499%
}

.fflag-TO {
	background-position: left 52.7716%
}

.fflag-TV {
	background-position: center 52.9933%
}

.fflag-VU {
	background-position: left 53.215%
}

.fflag-WF {
	background-position: center 53.4385%
}

.fflag-AQ {
	background-position: center 53.6584%
}

.fflag-EU {
	background-position: center 53.875%
}

.fflag-JR {
	background-position: center 54.099%
}

.fflag-OLY {
	background-position: center 54.32%
}

.fflag-UN {
	background-position: center 54.54%
}

.fflag.ff-sm {
	width: 18px;
	height: 11px
}

.fflag.ff-md {
	width: 27px;
	height: 17px
}

.fflag.ff-lg {
	width: 42px;
	height: 27px
}

.fflag.ff-xl {
	width: 60px;
	height: 37px
}


/* .language-dropdown .dropdown-menu .link-lang img {
	margin-right: 5px;
	border: 1px solid #fff;
	height: 20px;
	width: auto;
} */
#shippingCountry li .dropdown-item,
.language-dropdown .dropdown-menu .link-lang {
	padding: 0.25rem 0.9rem;
}
.language-dropdown .dropdown-menu {
	left: -15px !important;
	right: 15px;
}

#link_close_language {
	margin-top:15px;
}
.mas-css-tax-container .dropdown-menu {
	z-index: 1101;
}
.header_lang .dropdown-menu {
	z-index: 1100;
}

body[data-viewport="lg"] #manufacturers-dropdown {
	background-color: #fff;
	color: #333;
	box-shadow: 0 .0625rem .75rem rgba(0,0,0,.16);
}
body[data-viewport="lg"] #manufacturers-dropdown .submenu-headline-toplevel {

	border-bottom: 0px !important;
	margin-bottom: 0rem !important;
}
body[data-viewport="lg"] #manufacturers-dropdown .submenu-headline-image {
	margin-bottom: 0rem !important;
	padding: 10px;
}
body[data-viewport="lg"] #manufacturers-dropdown .submenu-headline-image:hover {
	box-shadow: 0 .0625rem .75rem rgba(0,0,0,.16);
}

body[data-viewport="lg"] #manufacturers-dropdown .manufacturer_name{
	display: none;
}

body[data-viewport="md"] #manufacturers-dropdown .submenu-headline-image,
body[data-viewport="xs"] #manufacturers-dropdown .submenu-headline-image {
	margin-bottom: 0rem;
	display: block;
	filter: invert(0.8);
	height: 30px;
	width: auto;
}
body[data-viewport="md"] #manufacturers-dropdown a,
body[data-viewport="xs"] #manufacturers-dropdown a {
	color: #fff;
}





/* h1 {
	display: grid;
	grid-template-columns: 1fr max-content 1fr;
	align-items: center;
	gap: 0.5rem;
} */


/* opc */
.hero-trusts {
	max-width: 100% !important;
}
.hero-trusts-inner p {
	margin-top: .8rem;
	margin-bottom: .8rem;
}

.hero-trusts-inner p::before {
	font-family: 'ritzelhoch2' !important;
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	speak: never;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.kategorie-line div a {
	top: 42px;
	position: relative;
	text-transform: uppercase;
	font-size: 1rem;
	text-decoration: none;
	font-weight: bold;
}
.kategorie-line div a::before {
	font-family: 'ritzelhoch2' !important;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	speak: never;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	  top:-50px;
	  right:0;
	  bottom:0;
	  left:0;
	  width:50px;
	  height:50px;
	  margin:0 auto;
}
@media (max-width: 991.98px) {
	.kategorie-line .row .col {
		margin-bottom: 60px; 
	}
}



.hero-trusts-inner div[data-area-id="col-0"] p::before {
	content: "\e922"; 
}
.hero-trusts-inner div[data-area-id="col-1"] p::before {
	content: "\e91c"; 
}
.hero-trusts-inner div[data-area-id="col-2"] p::before {
	content: "\e91f"; 
}
.hero-trusts-inner div[data-area-id="col-3"] p::before {
	content: "\e907"; 
}

.kategorie-line div[data-area-id="col-0"] a::before {
	content: "\e90e"; 
}
.kategorie-line div[data-area-id="col-1"] a::before {
	content: "\e905"; 
}
.kategorie-line div[data-area-id="col-2"] a::before {
	content: "\e911"; 
}
.kategorie-line div[data-area-id="col-3"] a::before {
	content: "\e90c"; 
}
.kategorie-line div[data-area-id="col-4"] a::before {
	content: "\e90a"; 
}
.kategorie-line div[data-area-id="col-5"] a::before {
	content: "\e909"; 
}


.headline {
	background-color: #fff;
	z-index: 5;
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom:35px;
	text-align: center;
}

/* .headline {
	background-color: #fff;
	z-index: 5;
	position: relative;
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom:35px;
	text-align: center;
} */

/* .headline {
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom: 35px;
	white-space: pre-wrap;

} */

.recommendations .headline {
	font-size: 28px;
}

@media (max-width: 991.98px) {
	.headline {
		font-size: 1.425rem;

	}
	.recommendations .headline {
		font-size: 1.425rem;
		line-height: 1.515rem;
	}
}
@media (max-width: 767.98px) {
	.headline {
		font-size: 1.425rem;

	}
	.recommendations .headline {
		font-size: 1.425rem;
	}
}

.recommendations .slick-slide {
	padding: 0 .5rem;
}




.recommendations .item-slider-price .base_price {
	color: #707070
}
/* .headline:before,
.headline:after {
	content: '';
	flex: 1; 
	height: 2px;
	background-color: #eee;
}

.headline:before { margin-right: 20px; }
.headline:after { margin-left: 20px; } */

.first-header {
	font-weight:bold;
	display: inline;
}
.recommendations .headline .first-header {
	font-weight: 500;
}

.headline {
	margin-top: 35px;
	text-align: center;
	width: 100%;
	
	/* Der Trick: Wir zeichnen eine 2px dicke Linie als Hintergrundbild direkt ins H2 */
	background-image: linear-gradient(to right, #eee 0%, #eee 100%);
	background-repeat: no-repeat;
	background-size: 100% 2px; /* 100% breit, 2px hoch */
	background-position: center; /* Genau in der vertikalen Mitte */
}

/* Das fängt alle mobilen Overrides für :before und :after ab */
.headline:before,
.headline:after {
	display: none !important;
	content: none !important;
}

.headline-content {
	display: inline !important; 
	background: #ffffff !important; 
	padding: 0 15px !important;
	position: relative;
	z-index: 2;
	line-height: inherit !important;
}

.first-header {
	font-weight: bold;
	display: inline !important;
	background: transparent !important;
}


/* .headline:before,
.headline:after {
	content: '';
	height: 2px;
	background-color: #eee;
} */

.highlight div {
	margin: 0;
	padding: 0px;
}
.highlight .row .col {
	min-height: 430px;
	overflow: hidden;
}
.highlight .row .col .banner {
	overflow: hidden;
	height: 100%;
}
.highlight .row .col .banner img {
	height: 100%;
	object-fit: cover;
}
.highlight .row .col .banner .area {
	width: 25px !important;
	height: 25px !important;
	opacity: 1;
	border: 2px solid #fc0;
	background-color: #fff;
	border-radius: 50px;
	display: block;
}

.highlight .row .col .opc-Container {
	min-height: 100% !important;
	padding: 100px;
}
.highlight .row .col h2 {
	color: #333;
	font-size: 2.5rem;
	font-weight: bold;
}
.highlight .row .col h3 {
	color: #333;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: bold;
}
.highlight .row .col h3 {
	color: #333;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: bold;
}
.highlight .row .col p {
	color: #333;
	font-size: 1rem;
	font-weight: normal;
}
.highlight .btn {
	margin-top: 10px;
	padding: 15px 35px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
}
.highlight .row .col div img.img-fluid {
	transition: .4s;
}
.highlight .row .col div:hover img.img-fluid {
	opacity: 1;
	transform:scale(1.05);
}

/* katalog */

/* .productlist-header-banner .container .title {
	text-shadow: none;
	padding: 30px;
	color: #fff;
} */
.r2-simple-banner-wrapper img {
	width: 100%;
}
.row.product-list.layout-gallery {
	padding: 0rem 0.5rem;
}
.sub-categories .r2-card-body {
  flex: 0 0 auto;
  transition: background-color .16s ease-in-out;
}
.sub-categories:hover .bg-lighter {
  background-color: #ef7800;
  color: #fff;
}
.sub-categories:hover .bg-lighter a {
  color: #fff;
}


.sub-categories .r2-card-body {
  flex: 0 0 auto;
  transition: background-color .16s ease-in-out;
}
.bg-lighter {
  background-color: #efefef;
}
.p-3 {
  padding: 1rem !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
#sidepanel_left {
	margin-top: 3px;
}
.sidepanel-left .nav-panel > .nav > .active > .nav-link,
.sidepanel-left .box .productlist-filter-headline, 
.sidepanel-left .box .btn-filter-box, .sidepanel-left .box .box-normal-link {
  padding: 0 0 4px;
  margin: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-size: .875rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
  line-height: 1.2;
  min-height: auto;
  overflow: visible;
  letter-spacing: .1em;
  border-bottom: 2px solid #e2e2e2;
}
.sidepanel-left .nav-panel > .nav > .active > .nav-link {
	color: #333 !important;
}
.sidepanel-left .box-categories > .collapse {
  margin-top: 0rem !important;
}

#r2mobileSort {
	min-height: 25px;
}

.nav-panel .nav .subnav {
  padding-left: 0rem;
}
#result-wrapper .hr-sect {
	flex-basis: auto;
}
#result-wrapper .r2-filter-dropbtn .btn {
	text-transform: uppercase;
	padding: 0rem 0rem 0.225rem;
	font-size: 13px;
}

#result-wrapper .justify-content-between.list-pageinfo {
	margin-top: 0rem !important;
    margin-bottom: 1rem !important;
	font-weight: 400;
}

#result-wrapper .title .row.no-gutters.position-relative {
	border-bottom: 2px solid #ddd;

}
#result-wrapper .productlist-page-nav-top,
#result-wrapper .productlist-page-nav-bottom {
	border-top: none;
}
#product-list .product-wrapper:not(:last-child) {
	margin-bottom: 1rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
/* #product-list .product-wrapper:not(:last-child) {
  margin-bottom: 1.5rem;
} */

.productbox .productbox-inner {
  transition: all .16s ease-in-out;
  border: 1px solid #eee;
}
.productbox.r2-nextbox i {
  aspect-ratio: 288/216;
}
.productbox.r2-nextbox a.stretched-link {
  	text-decoration: none;
}
/* .productbox .square-image .inner img {
  top: 42%;
} */


/* .productbox .productbox-inner.mas-freegift-border::before {
  box-shadow: none;
  border: 4px solid #EF7800;
} */
.productbox .productbox-inner:hover {
  border: 1px solid #EF7800;
}
.productbox .productbox-title {
	text-align: center;
	min-height: 60px;
}
.productbox .productbox-title a {
	color: #333;
	line-height: 1.3em;
	font-size: 1rem;
	padding-bottom: 0rem !important;
}

.caption .price_wrapper {
  margin-bottom: .5rem;
}
.caption .mas-price-special-box {
	position: relative;
	top: .425rem;
}
.caption  .list-unstyled.box-list {
	padding: 0px 5px;
}
.caption .pt-3 {
  padding-top: 0rem !important;
}
.caption ul {
  margin-bottom: 0rem;
}
.slick-slide .product-wrapper-product .price_wrapper {
  padding-top: 0.1rem;
@media (min-width: 992px) {
	.caption .pb-lg-3, .py-lg-3 {
	  padding-bottom: 0rem !important;
	}
  }
}
.productbox-price {
	font-family: TTHovesPro,Verdana,Helvetica,Arial,sans-serif;
  font-size: 1.75rem;
  font-weight: 400 !important;
}



/* .list-gallery img.first {
  opacity: 1;
  transition: opacity 0.35s linear;
}
.list-gallery img.second {
  opacity: 0;
  transition: opacity 0.35s linear;
}
.list-gallery:hover img.first {
  opacity: 0;
}
.list-gallery:hover img.second {
  opacity: 1;
} */

/* ajax reload */
.tablet-bridge-mobile, 
#abw_gallery_wrapper, 
.aw_native_slider_wrapper,
/* .aw_native_slider  */
{
	max-width: 100% !important;
	overflow-x: hidden !important;
}


.aw_native_slider__list {
	max-width: 100% !important;
	width: 100% !important;
}

.aw_native_slider__list  .caption .title span {
	min-height: 65px;
	  display: inline-block;
}







/* slider-items */
.aw_native_slider {
  position: relative;
  margin-bottom: 3rem;
}

.aw_native_slider ul.aw_native_slider__list {
  list-style: none;
  padding: 0;
  line-height: 0;
  white-space: nowrap;
  font-size: 0;
  margin-left: 0;
  margin-bottom: 0;
  overflow: hidden;
	overflow-x: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: 0;
}
@media (min-width: 64em) {
  .aw_native_slider[data-slides-desktop="4"] ul.aw_native_slider__list > li.aw_native_slider__slide {
	width: calc(25% - .75rem);
  }
}
.aw_native_slider ul.aw_native_slider__list > li.aw_native_slider__slide:first-of-type {
  margin-left: 0;
}
.aw_native_slider ul.aw_native_slider__list > li.aw_native_slider__slide {
  scroll-snap-align: end;
  width: 100%;
  margin: 0;
  margin: 0 .5rem;
	margin-left: 0.5rem;
  display: inline-block;
}
.aw_native_slider ul.aw_native_slider__list li {
  display: flex;
  align-items: center;
  height: 100%;
}
.aw_native_slider ul.aw_native_slider__list > li {
  white-space: normal;
  line-height: initial;
  font-size: initial;
}
.aw_native_slider ul.aw_native_slider__list .productbox {
  height: 100%;
}
.product-wrapper.freegift .custom-radio {
  padding-left: 0;
  height: 100%;
}

@media (min-width: 1300px) {
  #product-list .product-wrapper, 
  #product-list .product-wrapper:last-child {
	margin-bottom: 1.5rem;
  }
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.15625rem;
  opacity: 0;
}
.productbox .mas-freegift-border-label {
  border: 0;
  height: 100%;
  flex-direction: column;
  display: flex;
}
.freegift label {
  cursor: pointer;
}
.productbox .productbox-image.bg-white {
  /* margin-top: 1.5625rem;
  margin-bottom: .625rem; */
	margin-top: 0rem;
	margin-bottom: 0rem;
	max-height: 255px;
}

.productbox .productbox-image, 
.productbox .productbox-image .productbox-images {
	width: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 4 / 3 !important;
	overflow: hidden;
}

.badge-check {
  border: 2px solid #EF7800;
}
.badge-check .badge-circle {
  display: flex;
  background-color: #EF7800;
  border-color: #EF7800;
  color: #fff;
  opacity: 1;
  align-items: center;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}



.product-wrapper.freegift .custom-radio {
  padding-left: 0;
  height: 100%; /* R2 add */
}
.product-wrapper.freegift .inner {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.productbox .productbox-inner.mas-freegift-border::before {
  box-shadow: none;
  border: 4px solid #EF7800;
}
.productbox .mas-freegift-border-label {
  border: 0;
  height: 100%;
  flex-direction: column;
  display: flex;
}
.productbox .mas-freegift-border-label .caption > .btn {
  margin-top: auto;
}
#freegift .aw_nav_button {
  z-index: 1;
}
#freegift .aw_native_slider .aw_nav_button.aw_left {
  transform: translate(-100%, -50%);
}
#freegift .aw_native_slider .aw_nav_button.aw_right {
  transform: translate(100%, -50%);
}
#freegift:not(.slick-initialized) {
  padding-top: 25px;
}
#freegift .slick-list {
  padding-top: 25px;
}
.freegift .custom-control-label::before,
.freegift .custom-control-label::after {
  display: none;
}
.freegift label {
  cursor: pointer;
}


.font-italic {
  font-style: italic !important;
}
.font-weight-light {
  font-weight: 300 !important;
}

.r2-filter-dropbtn.filter-type-FilterItemSort > .btn.btn-link:not(.disabled)::before {
  content: "\e099";
  font-family: "ritzelhoch2";
  margin-right: .5rem;
}
.snippets-filter-mobile-sorting {
	display: none;
}
.hr-sect--b {
	letter-spacing: .1em !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	letter-spacing: .1em;
	padding-bottom: 6px;
	padding-top: 0px !important;
}


[data-viewport="md"] .hr-sect--b {
	letter-spacing: .1em !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px;
	margin-top: 0px;	
	letter-spacing: .1em;
	padding-top: 0px !important;
}

.item-box-list {
	padding-top: 1rem !important;
	margin-top: 0;
	margin-bottom: 1rem;
}
.box-link-wrapper {
	font-weight: 400;
}

.hr-sect.hr-sect-list::after {
  content: "";
  position: absolute;
  right: 0;
  left: -30px;
  bottom: 0;
  border-bottom: none;
}
.hr-sect::before, .hr-sect::after {
  content: "";
  flex-grow: 1;
  background: none;
  height: 1px;
  font-size: 0;
  line-height: 0;
}
.hr-sect::before {
  margin: 0px;
}
@media (min-width: 768px) {
  .r2-list-title .r2-list-title-h1 {
	position: unset !important;
  }
}
.justify-content-between {
  justify-content: space-between !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
/* .d-flex, .fa-sup {
  display: flex !important;
} */
.hr-sect.hr-sect-list {
  letter-spacing: .1em;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
	margin-top: 0px;
}
.position-relative {
  position: relative !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.nav-panel .nav .subnav li a {
	display: block;
	padding: 11px 13px 10px 2px !important;
	  border-bottom: 1px solid #eee;
	  color: #606060;
	  transition: all .16s ease-in-out;
	line-height: 1.1;
	font-weight: 400;
}
.nav-panel .nav .subnav li a:hover {
	padding: 11px 13px 10px 15px !important;
	background-color: #000;
	color: #fff;
}

.sidepanel-left .box {
  padding: 0;
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 2rem !important;
}
.sidepanel-left .box > .dropdown-toggle, .sidepanel-left .box > [data-toggle="collapse"]:not(.navbar-toggler) {
  pointer-events: none;
  cursor: default;
}
.sidepanel-left .box > .collapse {
  display: block !important;
  margin-top: 1rem;
}

.sidepanel-left .dropdown-toggle::after, 
.sidepanel-left [data-toggle="collapse"]:not(.navbar-toggler)::after {
  content: '' !important;
}
.sidepanel-left .snippets-filter-show-all button {
	text-transform: uppercase;
}

.collapse:not(.show) {
  display: none;
}

/* snippets */
/* filter */
.snippets-filter-item {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem; /* MAS harmonischere Optik */
  margin-right: 0.5rem;
}
.snippets-filter-item .snippets-filter-custom .badge {
  float: right;
}

.snippets-filter-item-all {
  text-decoration: none;
  display: inline-block;
}

.snippets-filter-show-all {
  width: 100%;
}
.snippets-filter-show-all .btn {
  padding: 0;
  margin-left: auto;
  margin-top: 0.25rem;
}

.snippets-filter-item-icon-left {
  margin-left: 0.5rem;
}

.snippets-filter-item-icon-right {
  margin-right: 0.5rem;
}

.snippets-filter-show-all button.btn.collapsed span:first-child {
	display: block;
}
.snippets-filter-show-all button.btn.collapsed span:last-child {
	display: none;
}
.snippets-filter-show-all .btn:not(.collapsed) span:first-child {
	display: none;
}
.snippets-filter-show-all .btn:not(.collapsed) span:last-child {
	display: block;
}

@media (min-width:992px) {
	.snippets-filter-show-all .btn span::after {
	  font-family: "ritzelhoch2";
	  content: "\f078";
	  margin-left: .5rem;
	  vertical-align: middle;
	  display: inline-block;
	  line-height: 1;
	  transition: transform .16s;
	  will-change: transform;
	  border-top: 0;
	  font-size: .75em;
	}
}

.snippets-filter-show-all .btn:not(.collapsed) span::after {
	transform: rotate(180deg);
}

.snippets-filter-mobile-heading {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 0;
}

.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-collapse {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-collapse .filter-item {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-collapse .dropdown-item {
  background-color: transparent;
  color: #333;
}
.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-link {
  text-decoration: none;
  text-align: left;
}
.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-link > span {
  float: right;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-right: 0.25rem;
  text-align: right;
  width: 40%;
}

.snippets-filter-mobile-item .snippets-filter-mobile-item-collapse {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.snippets-filter-mobile-buttons {
  justify-content: end;
  align-items: center;
}
.snippets-filter-mobile-buttons .btn {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
[data-toggle="collapse"]:not(.navbar-toggler)::after {
  font-family: "ritzelhoch2";
  content: "\f078";
  margin-left: .5rem;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  transition: transform .16s;
  will-change: transform;
  border-top: 0;
  font-size: .75em;
}






.productlist-header-banner {
	position: relative;
	z-index: 0;
}
.productlist-header-banner.desktop {

	
	max-height: 242px;
	  overflow: hidden;
	  padding-top: 15px;
	  position: relative;
	  top: 15px;
	
}

.productlist-header-banner .category {
	margin: auto;
	width: 90%;
	height: auto;
	position: absolute;
	bottom: 0px;
	margin: 0px;
	color: #fff;
	text-align: left;
	padding: 7px;
	overflow: hidden;
	transition: .4s;  
	left: 3rem;
}
.productlist-header-banner .category h1,
.productlist-header-banner .category h3 {
	color: #fff;
	font-size: 3.2rem;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 1px 1px 8px rgba(0,0,0,0.8);
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.productlist-header-banner .desc {
	margin: auto;
	width: 100%;
	padding: 10px;
	text-align: center;
	top: 5rem;
	position: absolute;
}
.productlist-header-banner .desc p {
	color: #fff;
	font-size: 1rem;
}

.productlist-header-banner img {
	width: 100%;
	height: auto;
}
.productlist-header-banner {
	/* min-height: 375px; */
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;
	display: flex;
	  align-items: center;
	  justify-content: center;
}

.productlist-header-banner .productlist-header-description-image {
  margin-bottom: 0em;
}
.productlist-header-banner .category.nodescr,
.productlist-header-banner .category.manufacturer {
	width: 90%;
	height: auto;
}
.is-mobile .productlist-header-banner .category.nodescr,
.is-mobile .productlist-header-banner .category.manufacturer {
	width: 90%;
	height: 50%;
}
@media (max-width: 767.98px) {
	.productlist-header-banner:not(.desktop) {
		min-height: 185px;
		background-repeat: no-repeat;
		background-position: center; 
		background-size: cover;
	}
	/* .productlist-header-banner .category {
		bottom: 50%;
	} */
	.productlist-header-banner .category h3 {
		font-size: 1.8rem;
	}
	.productlist-header-banner .desc {
		top: 1.4rem;
		font-size: 0.85rem;
	}
	.productlist-header-banner .desc p {
		font-size: 0.85rem;
	}
	/* .productlist-header-banner .category {
		width: 98%;
	} */
}

/* Ändert die Hintergrundfarbe des gesprungenen Textes */
::target-text {
  background-color: #faefe0; /* Ein sanftes Türkis */
  color: #525252;           /* Dunklere Schriftfarbe */
}

/* Um das Highlight ganz zu entfernen (nicht empfohlen für UX) */
/* ::target-text {
  background-color: transparent;
} */

body[data-page="2"] .sub-categories .caption {
	padding: 15px;
	background-color: rgba(0, 0, 0, .1);
	color: #000;
	margin-top: -16px;
	transition:.4s;
	
}
body[data-page="2"] .sub-categories .caption a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
body[data-page="2"] .sub-categories:hover .caption {
	color: #fff;
	background-color: rgb(238, 119, 0);
}
body[data-page="2"] .sub-categories:hover .caption a{
	color: #fff;
}
/* blog */

.frontpageblog {
	
}
.frontpageblog .col div {
	max-width: 100% !important;
}
.frontpageblog h2 {
	font-size: 1.375rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 1rem;
	margin-bottom: 0rem;
}
.frontpageblog img {
	min-height: 200px;
	opacity: 0.95;
	object-fit: cover !important;
	  object-position: center;
	  width: 100% !important;
	  height: auto !important;
}
.frontpageblog img:hover {
	opacity: 1;
}


.newsbox-headline {
	font-weight: 400;
	margin: 15px 0px;
	text-transform: uppercase;
	font-size: 1.5rem;
	text-decoration: none;
	line-height: 1.6rem;

}
.newsbox-body {
	padding: 0.3rem 0 0rem;
	flex: 0 1 auto;
}
.newsbox-body p {
	margin-bottom: 0rem;
}
.newsbox-footer a {
	color: rgb(238, 119, 0);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
}
.blog-preview-author {
	display: none;
}
.index-news-wrapper {
	padding: 1rem 0;
}
.index-news-wrapper .blog-header {
	display: none;
}

 {
  text-align: center;
}



/* BLOG */
body[data-page="41"]  h1 {
	text-align: left;
}
body[data-page="41"] .blog-details h1.blog-main-title {
	color: #525252;
	font-size: 22px;
}
body[data-page="41"] .blog-details .row.blog-details-content-row {
	padding-left: 25px;
}


body[data-page="41"] .author-meta  {
	display: none;
}

body[data-page="41"] .col div {
	max-width: 100% !important;
}

body[data-page="41"] .author-meta  {
	display: none;
}

body[data-page="41"] h1 {
	display: block;
	grid-template-columns: auto;
	font-size: 32px;
	color: #ef7800;
	text-transform: uppercase;
}
body[data-page="41"] h2 {
	font-size: 42px;
	text-transform: uppercase;
}
body[data-page="41"] h4 {
	font-weight: bold;
}
body[data-page="41"] .blog-page {
	font-size: 16px;
}

body[data-page="41"] .blog-preview-div {
	margin-bottom: 15px;
	padding: 25px;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid rgb(235, 240, 245);
}
body[data-page="41"] .blog-preview-div:hover {
	background-color: rgb(235, 240, 245);
    color: rgb(33, 37, 41);
}
body[data-page="41"] .blog-preview-div:hover a {
	color: #000;
}

body[data-page="41"] .blog-side-preview {
	/* background-color: rgb(235, 240, 245); */
}
body[data-page="41"] .blog-side-preview h3 {
	font-size: 22px;
	text-transform: uppercase;
}
body[data-page="41"] .blog-side-preview a {
	text-decoration: none;
}

body[data-page="41"] .blog-teaser-image {
	width: 100%;
	height: auto;
	opacity: 0.9;
}
body[data-page="41"] .blog-teaser-image:hover {
	opacity: 1;
}

.blog .col div {
	max-width: 100% !important;
}
.blog h2 {
	margin: 15px 0px;
	text-transform: uppercase;
}

.product-slider-Sonderangebote {
	margin-top: 42px;
}
.product-slider-Sonderangebote .h2 {
	background-color: #fff;
	  z-index: 5;
	  position: relative;
	  text-transform: uppercase;
	  display: grid;
	  align-items: center;
	  gap: 0.5rem;
	  grid-template-columns: 1fr max-content 1fr;
	  font-size: 2rem;
	  margin-bottom: 35px;
}
.product-slider-Sonderangebote .h2:before,
.product-slider-Sonderangebote .h2:after {
	background: none;
}

.frontpagedeals {
	margin-top: 100px;
}
@media (max-width: 767px) {
	.frontpagedeals {
		margin-top: 45px;
	}
}

/* Den Container zwingen, eine Reihe zu bilden */
.opc-ProductStream-gallery {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important; /* Zieht alle Boxen einer Zeile auf die gleiche Höhe */
}
/* WICHTIG: Die .hidden Klasse muss ALLES überschreiben */
.opc-ProductStream-gallery .product-wrapper.hidden {
	display: none !important; /* Versteckt die Boxen wirklich */
}
/* Den Wrapper flexibel machen und die feste Höhe killen */
.opc-ProductStream-gallery .product-wrapper {
	display: flex !important;
	height: auto !important; /* Das ist der wichtigste Befehl! */
	flex-direction: column;
}

/* Die Box darin muss sich strecken */
.opc-ProductStream-gallery .productbox {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column;
	height: 100% !important;
}

/* Den Content-Bereich (Titel, Preis etc.) strecken */
.opc-ProductStream-gallery .productbox-inner,
.opc-ProductStream-gallery .form-basket,
.opc-ProductStream-gallery .caption {
	display: flex !important;
	flex-direction: column;
	flex: 1 1 auto !important;
}




/* Wenn ausgeklappt, alle anzeigen (Bootstrap nutzt flex, daher 'block' oder 'flex' nutzen) */
.opc-ProductStream-gallery.is-expanded .product-wrapper {
	display: block !important; 
}


/* Den Container für 5 Spalten vorbereiten */
.opc-ProductStream-gallery {
	display: flex !important;
	flex-wrap: wrap !important;
	margin-right: -15px; /* Kompensiert Bootstrap Padding */
	margin-left: -15px;
}

/* Jedes Element auf 20% Breite zwingen */
.opc-ProductStream-gallery .product-wrapper {
	flex: 0 0 20% !important; /* 100% / 5 = 20% */
	max-width: 20% !important;
	padding-right: 15px;
	padding-left: 15px;
	display: flex !important; /* Wichtig für die einheitliche Höhe */
	height: auto !important;
}
.opc-ProductStream-gallery {
	justify-content: center; /* Zentriert die letzte Reihe, falls sie nicht voll ist */
}

.opc-ProductStream-gallery .square-image .inner,
.opc-ProductStream-gallery .productbox-image {
	/* max-height: 200px; */
	width: 100% !important;
	max-width: 100% !important;
	/* Ändere 1 / 1 zu 4 / 3 oder was auch immer dein Wunsch-Verhältnis ist */
	aspect-ratio: 4 / 3 !important; 
	overflow: hidden;
}

@media (max-width: 991.98px) {
	.opc-ProductStream-gallery .square-image .inner, .opc-ProductStream-gallery .productbox-image {
		max-height: 200px;
	}
	.opc-ProductStream-gallery .square-image,
	.opc-ProductStream-gallery .square-image .inner picture {
		top: 0rem;
	}
	.opc-ProductStream-gallery .price_wrapper .price-note {
	  margin-top: 0rem;
	}
}


/* Responsive: Auf Tablets (z.B. unter 992px) zu 3 Spalten wechseln */
@media (max-width: 991.98px) {
	.opc-ProductStream-gallery .product-wrapper {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}
}

/* Responsive: Auf Handys (z.B. unter 576px) zu 2 Spalten wechseln */
@media (max-width: 575.98px) {
	.opc-ProductStream-gallery .product-wrapper {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}


/* Optionaler Fade-In Effekt beim Einblenden */
.js-collapsible-item {
	animation: fadeIn 0.4s ease forwards;
}




.slick-slider-other .slick-slide > div,
.slick-slider-other .aw_native_slider__slide,
.slick-slider-other .productbox.productbox-column {
	height: 100%;
}

.product-gallery #abw_gallery_wrapper .aw_native_slider__list .aw_native_slider__slide {
	height: 100% !important;
}


/* .productbox-image.square .inner img {
	object-fit: cover; 
	width: 100%;
	height: 100%;
} */
.square-image .inner picture {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  left: 0;
  /* top: 1rem; */
}
@media (max-width: 767px) {
  .square-image .inner picture {
  	top: 0rem;
  }
}


.square-image .inner img {
  left: auto;
  top: auto;
  -webkit-transform: none;
  transform: none;
  height: auto;
}

.price-note .base_price .value {
	font-size: 0.852rem !important; 
}

.price_wrapper .price-note {
	margin-top: 1rem;
}

/* hover off */
.productbox.productbox-hover:hover .productbox-inner::before {
	display:none;
}

.productbox.productbox-hover:hover .productbox-ribbon.ribbon {
	top: 1rem;
	left: 0rem;
}
/* .productbox.productbox-hover,
.slick-slide .product-wrapper-product {
	border: 1px solid #eee;
	border-radius: 3px;
}
.productbox.productbox-hover:hover,
.slick-slide .product-wrapper-product:hover {
	border: 1px solid rgb(238, 119, 0);
} */
.productbox.productbox-hover .productbox-title,
.slick-slide .product-wrapper-product .item-slider-desc {
	padding: 1rem;
	flex-grow: 1 !important;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3em;
	flex-grow: 1 !important;
	height: auto !important;
	margin: 0 !important;
	min-height: 80px;
}
.productbox.productbox-hover .productbox-title a,
.slick-slide .product-wrapper-product a {
	text-decoration: none !important;
	min-height: 50px;
	font-size: .875rem;
	letter-spacing: .06em;
}
.productbox.productbox-hover .price_wrapper,
.slick-slide .product-wrapper-product .price_wrapper {
	padding-top: 1rem;
	margin-bottom: 0 !important;
	text-align: center;
	display: block;
}
.productbox.productbox-hover .price_wrapper span,
.slick-slide .product-wrapper-product .price_wrapper span {
	font-size: 1.75rem;
	font-weight: 400;
	letter-spacing: .06em;
}
.productbox.productbox-hover .price_wrapper .base-price span,
.slick-slide .product-wrapper-product .price_wrapper .base-price span {
	font-size: 0.85rem;
}
@media (min-width: 992px) {
	.carousel-arrows-inside .slick-prev {
	  transform: translate(-150%, -50%);
	}
	.carousel-arrows-inside .slick-next {
	  transform: translate(150%, -50%);
	}
}




/* Sortiment */
.sortiment button,
.sortiment .btn {
	margin: 0px 10px;
}

.opc-Button.sortiment a {
	opacity: 0;
	width: 1px;
	margin: 0rem;
	padding: 0rem;
}
.opc-Button.sortiment a.expanded {
	opacity: 1;
	width: auto;
	padding: 0.625rem 0.9375rem;
	margin: 0px 10px;
}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ribbon */
.ribbon {
  padding: .25rem .5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: .8125rem;
	text-transform: uppercase;
	font-weight: 700;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
	position: absolute;
	z-index: 1;
}
.productbox-ribbon.ribbon {
	left: 0rem;
}
.ribbon.mas-productdetail-ribbon-title {
	transform: scale(.7);
	top: -5px;
	left: -5px;
	padding-right: .625rem !important;
	font-weight: 500;
}
/* SALE */
.ribbon.ribbon-2 {
	width: 4rem;
}
/* NEU */
.ribbon.ribbon-3 {
	width: 3.5625rem;
}
/* s% */
.ribbon.ribbon-sale {
	width: 4.5rem;
}
.ribbon.ribbon-2,
.ribbon.ribbon-3{
	clip-path: polygon(0 0,100% 0%,76% 100%,0% 100%);
}
.ribbon.ribbon-sale {
	padding-left: 15px;
	margin-left: 3.5rem;
	clip-path: polygon(20% 0,100% 0%,80% 100%,0% 100%);
}
.ribbon.ribbon-2,
.ribbon-3,
.ribbon.ribbon-sale {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.9375rem;
	height: 1.9375rem;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	background-color: #ef7800;
}
.ribbon.ribbon-2 {
  padding: 0;
  text-align: center;
  line-height: 1.9375rem;
  height: 1.9375rem;
  width: 3.5625rem;
  font-size: 1rem;
  font-weight: 800;
  font-family: TTHovesPro;
  clip-path: polygon(0 0, 100% 0%, 76% 100%, 0% 100%);
}
.ribbon.ribbon-2 {
  padding: 0;
	padding-left: 0px;
  text-align: center;
  line-height: 1.9375rem;
  height: 1.9375rem;
  width: 3.5625rem;
  font-size: 1rem;
  font-weight: 800;
  font-family: TTHovesPro;
  clip-path: polygon(0 0,100% 0%,76% 100%,0% 100%);
}
.ribbon.mas-productbox-ribbon {
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  display: flex;
}

.r2-ribbon-wrapper:not(.r2-ribbon-wrapper-startslider) {
  top: 0.5rem;
}


.ribbon.r2-special-ribbon.r2-special-ribbon-first {
  text-align: left;
  padding-left: 4px;
  width: 3.5625rem;
  clip-path: polygon(0 0,100% 0%,76% 100%,0% 100%);
}
.ribbon.r2-special-ribbon {
  background-color: #ef7800;
  color: #fff;
  padding: 0;
	padding-left: 0px;
  text-align: center;
  line-height: 1.9375rem;
  height: 1.9375rem;
  font-size: 1rem;
  font-weight: 500;
  font-style: italic;
  font-family: TTHovesPro;
}

.ribbon.r2-special-ribbon.r2-special-ribbon-second {
  margin-left: -9px;
  width: 4.1875rem;
  clip-path: polygon(20% 0,100% 0%,80% 100%,0% 100%);
}
  .productbox.productbox-hover:hover .productbox-ribbon.ribbon {
	top: -0.5rem;
	left: -1.5rem;
  }
  
.productbox-ribbon.ribbon {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: -0.5rem;
  transition: all 160ms ease-in-out;
}
@media (max-width: 991.98px) {
  .productbox-ribbon.ribbon {
	font-size: 0.5625rem;
  }
}

.ribbon-1 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-2 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-3 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-4 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-5 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-6 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-7 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-8 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

.ribbon-9 {
  background-color: #EF7800;
  /* MAS color yig entfernt */
}

/* MAS color hinzugefuegt */
.ribbon-1 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-2 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-3 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-4 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-5 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-6 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-7 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-8 {
  color: #ffffff;
}

/* MAS color hinzugefuegt */
.ribbon-9 {
  color: #ffffff;
}

.ribbon-custom.bg-gray {
  border-right-color: #515151;
}

.ribbon-custom.bg-gray-light {
  border-right-color: #dfdfdf;
}

.ribbon-custom.bg-gray-medium {
  border-right-color: #6a767a;
}

.ribbon-custom.bg-gray-dark {
  border-right-color: #bdbdbd;
}

.ribbon-custom.bg-gray-darker {
  border-right-color: #131313;
}

.ribbon-custom.bg-primary {
  border-right-color: #d06900;
}

.ribbon-custom.bg-secondary {
  border-right-color: #3e3e3e;
}

.ribbon-custom.bg-success {
  border-right-color: #b9debd;
}

.ribbon-custom.bg-danger {
  border-right-color: #deb7bf;
}

.ribbon-custom.bg-warning {
  border-right-color: #f5e8c2;
}

.ribbon-custom.bg-info {
  border-right-color: #f0f0f0;
}

.ribbon-custom.bg-light {
  border-right-color: #dfdfdf;
}

.ribbon-custom.bg-dark {
  border-right-color: #131313;
}

.ribbon-custom.bg-white {
  border-right-color: #131313;
}

.ribbon-custom.bg-transparent {
  border-right-color: rgba(0, 0, 0, 0);
}

.ribbon-custom:before {
  border-right-color: inherit;
}

.ribbon::before, .ribbon::after {
  display: none;
}

/* e922 */



.delivery_info_div {
	text-align: center;
}

/* Ampel */
.status,
.signal_image {
  display: inline-block;
  margin-bottom: 1rem;
}
.signal_image {
  margin-bottom: .8rem;
}
.status::before,
.signal_image::before {
  position: relative;
  content: "";
  display: inline-block;
  margin-right: 0.5rem;
  margin-top: -0.1rem;
  height: 1rem;
  width: 1rem;
  vertical-align: middle;
}
.status.status-2::before,
.signal_image.status-2::before {
  background-color: #007C00;
}
.status.status-1::before,
.signal_image.status-1::before {
  background-color: #ffc000;
}
.status.status-0::before,
.signal_image.status-0::before {
  background-color: #B80000;
}

/* 1-3 Tage Color-Fix */
.status-add-green {
	color: #007C00 !important;
}
.status-add-green::before {
	background-color: #007C00 !important;
}

/* .productbox-inner .delivery-status::before {
	font-family: 'ritzelhoch2' !important;
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	speak: never;
	content: ""; 
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.productbox-inner .delivery-status::before {
  content: "\e922";
}
 */
.delivery-status .status-0, 
 .signal_image .status-0,
.productbox-inner .delivery-status.status-0 {
	color: #b80000;
	font-weight: 400;
}
.delivery-status .status-1, 
.signal_image .status-1,
.productbox-inner .delivery-status.status-1 {
	color: #ffc000;
	font-weight: 400;
}
.delivery-status .status-2, 
.signal_image .status-2,
.productbox-inner .delivery-status.status-2 {
	color: #007c00;
	font-weight: 400;
}


/* manufacturers */
.manufacturer_slider {
	margin-top: 100px;
}
@media (max-width: 767px) {
  .manufacturer_slider {
	margin-top: 45px;
  }
}
.manufacturer_slider .carousel {
	height: 120px;
}
.manufacturer_slider .carousel-arrows-inside .slick-prev,
.manufacturer_slider .carousel-arrows-inside .slick-next {
  transform: translate(50%, -75%);
}
.manufacturer_slider .carousel .square-image .inner picture {
	height: 50%;
}
.manufacturer_slider .carousel img {
	border: 1px solid #eee;
	border-radius: 3px;
}

.page-manufacturers h2 {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 12px;
}
.page-manufacturers ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.page-manufacturers ul li a {
	font-weight: 400;
	margin: .25em 0;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
}
.page-manufacturers ul li a:hover {
	color: #ef7800;
}
 

/* detail */

/* touch icon images  */


.mobile-touch-hint {
  position: absolute;
  bottom: 35px; 
  right: 25px;  
  width: 42px;  
  height: auto;
  z-index: 999;
  opacity: 0;
  
  /* Startet mit dem Reinfahren und geht dann ins Pulsieren über */
  animation: 
	slide-in 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards,
	pulse-hint 1.2s infinite ease-in-out 0.6s;
  
  /* Wichtig für einen weichen Übergang beim Klassenwechsel */
  transition: transform 0.5s cubic-bezier(0.55, 0, 1, 0.45), opacity 0.5s ease;
}

/* 1. Schritt: Reinfahren */
@keyframes slide-in {
  0% {
	transform: translateY(40px);
	opacity: 0;
  }
  100% {
	transform: translateY(0);
	opacity: 1;
  }
}

/* 2. Schritt: Pulsieren */
@keyframes pulse-hint {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

/* 3. Schritt: Elegant nach unten rausfahren und ausblenden */
.mobile-touch-hint.slide-out {
  animation: none !important; /* Pulsieren sofort stoppen */
  transform: translateY(40px) !important;
  opacity: 0 !important;
}

@media (min-width: 769px) {
  .mobile-touch-hint {
	display: none !important;
  }
}

/* Bestaetigung 33 */
@media (min-width: 992px) {
	body[data-page="1"] #main-wrapper #content-wrapper,
	body[data-page="2"] #main-wrapper #content-wrapper,
	body[data-page="33"] #main-wrapper #content-wrapper{
		padding-top: 0.5rem;
	}
}
@media (min-width: 992px) {
	body[data-page="11"] #main-wrapper #content-wrapper {
		padding-top: 1.5rem;
	}
	.product-headline-top {
		display: none;
	}
	.product-headline-side {
		display: block;
	}
}

/* Payment Buttons */
@media (max-width: 767.98px) {
  .ppc-ecs-horizontal-container {
	flex-wrap: nowrap !important;
  }
}

.r2-payment-buttons {
  padding-bottom: 0.5rem;
}
.r2-payment-buttons .r2-paypal-detail-inc #paypal-button-productDetails-container .ppc-ecs-horizontal-container {
  margin: 0;
}
.ppc-ecs-horizontal-container.position-relative.r2-paypal-consent.cursor-pointer.collapse {
	display: none !important;
}
.r2-paypal-detail-inc {
	height: 42px;
}
.ppc-ecs-horizontal-container {
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.r2-payment-buttons #paypal-button-miniCart-container {
  margin-top: 0 !important;
  padding: 0 !important;
}
#productDetails-ppc-paypal-standalone-button {
  padding-right: 0;
}
.ppc-ecs-horizontal-container > div {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0rem;
}
#ppc-productDetails-horizontal-container #productDetails-ppc-paylater-standalone-button,
#ppc-miniCart-horizontal-container #miniCart-ppc-paylater-standalone-button {
	display:none !important;
}
/* .ppc-ecs-horizontal-container .paypal-buttons-context-iframe iframe {
	border: 1px solid #f45 !important;
} */
.paypal-button.paypal-button-color-white {
	background: #fff;
	border: 1px solid #ccc !important;
	border-radius: 1px;
}
#paypal-button-productDetails-container iframe {
	border: 0px;
}
[data-funding-source="paylater"] {
	display: none !important;
}

.r2-wk-paypalrk-btn {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	margin-top: 50px;
}
/* 
.r2-paypal-detail-inc {
	position: relative !important;
	border: 1px solid #aaa !important;
	overflow: hidden !important;
	background: #fff !important;
	padding: 0 !important;
	min-height: 46px;
}

.r2-paypal-detail-inc iframe {
	position: relative !important;
	display: block !important;
	margin: -8px !important;
	width: calc(100% + 2px) !important;
	height: calc(100% + 2px) !important;
}
.r2-paypal-detail-inc {
	clip-path: inset(1px 1px 1px 1px round 1px);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}


.r2-paypal-detail-inc {
	border: 1px solid #ccc !important;
	border-radius: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	background: #fff !important;
}
.r2-paypal-detail-inc iframe {
	width: 100% !important;
	height: 100% !important;
	border: none !important;
	display: block !important;
} */
.r2-paypal-detail-inc {
	/* border: 1px solid #ccc; */
	background-color: #fff;
	height: 45px;
	border-radius: 0px;
}
.ppc-ecs-horizontal-container {
	margin: 0px !important;
	max-height: 0px !important;
}
/* Zwingt den vom JS aktivierten Container zur sofortigen Anzeige */
.r2-paypal-target-spot,
.r2-amazon-target-spot {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.r2-paypal-target-spot {
	padding-right: 2px;
}
.r2-amazon-target-spot {
	padding-left: 3px;
}
/* Paypal entfernt 17.06
.ppc-ecs-horizontal-container .paypal-buttons-context-iframe::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url("/templates/R2BikeChild/themes/my-nova/images/direktzuPayPal.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 999;
  pointer-events: none;
  inset: 0;
  border: 1px solid #ccc;
  height: 2.725rem !important;
}
.ppc-ecs-horizontal-container .paypal-buttons-context-iframe:hover::after {
	background-color: #eee;
}

.r2-payment-buttons-wk .r2-wk-paypal-btn #paypal-button-cart-container {
  margin-top: 0 !important;
}
*/
.lpa-button {
	margin: 0px;
}
.lpa-button-context-payDetail {
	width: 100% !important;
	height: 2.625rem !important;
	min-height: 2.625rem !important;
}
.lpa-button-content {
  margin: 0;
}
.lpa-button {
	display: block;
	margin-top: 0em !important;
	margin-bottom: 0em !important9iu;
}


/* Den PayPal-Standard-Border entfernen (falls PayPal intern einen eigenen setzt) */
.r2-paypal-detail-inc iframe {
	border: none !important;
}
.lpa-button-content-cols {
  width: 100%;
  padding: 0;
  height: 2.625rem !important;
  min-height: 2.625rem !important;
}
/*
.lpa-button-container::after {
	content: "";
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	background-color: #fff;
  	background-image: url("/templates/R2BikeChild/themes/my-nova/images/Amazon_Pay_logo.svg");
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: contain;
  	z-index: 999;
	pointer-events: none;
	inset: 0;
	border: 1px solid #ccc;
	height: 2.725rem !important;
}
.lpa-button-container:hover::after {
	background-color: #eee;
}
*/

@media (max-width: 991.98px) {
	/* body[data-page="1"] #main-wrapper #content-wrapper,
	body[data-page="2"] #main-wrapper #content-wrapper,
	body[data-page="11"] #main-wrapper #content-wrapper,
	body[data-page="33"] #main-wrapper #content-wrapper {
		padding-top: 4rem;
	} */
	
	#main-wrapper #content-wrapper {
		padding-top: 1rem;
	}
	#main-wrapper #content-wrapper.has-search-padding {
		padding-top: 4rem;
	}
	
	
	.product-headline-top {
		display: block;
	}
	.product-headline-side {
		display: none;
	}
	/* body[data-page="1"] #add-to-cart.sticky {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
		padding: 10px;
		padding-bottom: 10px;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
		padding-bottom: calc(10px + env(safe-area-inset-bottom));
	} */
	/* Greift nur auf mobilen Geräten (z.B. bis 768px Breite) */
	body[data-page="1"] #add-to-cart.sticky {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		padding: 10px;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
			
			/* Wichtig für iPhones mit Notch unten */
		padding-bottom: calc(10px + env(safe-area-inset-bottom));
			
			/* Sorgt für einen geschmeidigen Übergang, wenn er sticky wird */
		animation: slideUp 0.3s ease-out;
	}



	/* body[data-page="1"] #add-to-cart.sticky ~ button.scroll-to-top.show {
		bottom: 82px !important;
	} */
	
	/* Kleine optionale Animation für den "Wow"-Effekt beim Erscheinen */
	@keyframes slideUp {
		from { transform: translateY(100%); }
		to { transform: translateY(0); }
	}

	
	
	body #add-to-cart.jtl-forced-sticky {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		z-index: 999999 !important;
		background: #ffffff !important;
		padding: 12px 15px 8px 15px !important;
		box-shadow: 0 -4px 15px rgba(0,0,0,0.15) !important;
		margin: 0 !important;
	}
	
	/* Die PayPal- & Amazon-Buttons im klebrigen Zustand ausblenden, um Platz zu sparen */
	body #add-to-cart.sticky .r2-payment-buttons,
	body #add-to-cart.jtl-forced-sticky .r2-payment-buttons {
		display: none !important;
	}
	
	/* Struktur für Menge und Button nebeneinander beibehalten */
	body #add-to-cart.jtl-forced-sticky .basket-form-inline {
		margin-bottom: 0 !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}
	
	body #add-to-cart.jtl-forced-sticky .col-auto,
	body #add-to-cart.jtl-forced-sticky .col {
		padding-bottom: 0 !important;
	}

	
}

@media (min-width: 992px) {
  #content-wrapper:not(.has-fluid) {
	padding-top: 1rem;
  }
}


@media (min-width: 992px) {
	/* 1. Die Spalte bleibt ein Flex-Container (für die Höhe) */
	.r2-layout-info-col {
		display: flex;
		flex-direction: column;
		align-self: stretch;
	}

	/* 2. Der Wrapper dient nur noch als Abstandshalter/Container */
	.product-info-sticky-wrapper {
		position: relative; /* WICHTIG: Nicht sticky! */
		width: 100%;
		height: 100%;
	}


	html, body, #page, .container, .container-fluid, .row, .product-detail, .r2-layout-info-col {
		overflow: visible !important;
		position: static !important; /* Wichtig: Manche Themes setzen hier 'relative' */
	}
	
	/* 2. Den Sticky-Container isolieren */
	.product-info-inner {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 5rem !important;
		z-index: 100 !important;
		/* Falls das Element trotz Sticky nicht wandert, erzwingen wir den Kontext */
		display: block !important;
	}
	
}

@media (max-width: 991px) {
	/* Mobil deaktivieren wir Sticky, damit es beim Scrollen nicht hängen bleibt */
	.product-info-sticky-wrapper {
		position: static !important;
	}
}



@media (max-width: 991px) {
	.aw_image_wrapper {
		position: relative;
		overflow: hidden !important; /* Maskiert das Bild im Zoom sauber */
		
		/* NEU: Zwingt den Container, die volle Breite zu nutzen und nicht kollabieren zu lassen */
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 300px; /* Sicherheitsnetz, falls der Slider Höhen per JS entzieht */
	}

	.aw_product_image {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		object-fit: contain; /* Sorgt dafür, dass das Bild innerhalb des Wrappers nie beschnitten wird */
		
		transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1);
		will-change: transform;
		pointer-events: none;
	}

	/* Wenn das Bild groß geklickt ist */
	.aw_image_wrapper.zoomed .aw_product_image {
		transition: none !important;
	}
}






.row.info-essential,
.row.info-essential strong {
  color: #7d7d7d !important;
  font-weight: 400;
}

.product-offer p.choose-variations {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
}

.product-offer .status {
	margin-bottom: .1rem;
}
.variation-wrapper .delivery-status {
	min-width: 115px;
	text-align: right;
}
.variation-wrapper .dropdown-menu .inner.show {
	overflow-x: hidden;
}
.delivery-status.detail .status::before {
	background-color: transparent;
}
.dropdown.bootstrap-select .dropdown-menu .dropdown-item .badge-not-available.badge-danger,
.badge.badge-danger.badge-not-available,
.variations .badge.badge-danger.badge-not-available {
	display: none !important;
	opacity: 0;
}
/* Gezieltes Ansprechen der innersten Box im Filter */
.filter-option-inner-inner > span {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

/* Config */
.cfg-item-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 1;
  margin: 0.5rem 0;
}

.product-configuration {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}

.bg-recommendation {
  background-color: #ffdebc;
}

#cfg-container {
  margin-bottom: 2rem;
}
#cfg-container .cfg-group .hr-sect {
  margin-bottom: 0;
}
#cfg-container .cfg-group .hr-sect::before {
  max-width: 50%;
}
#cfg-container .cfg-group .h5 {
  background: #ebebeb;
}
#cfg-container .cfg-group .list-group-item {
  border: 0;
}
#cfg-container .cfg-group .custom-control-inline {
  width: 100%;
}
#cfg-container .cfg-group .custom-control-inline .custom-control-label {
  width: 100%;
}
#cfg-container .cfg-group .sticky-bottom .btn {
  margin: auto;
}
@media (max-width: 991.98px) {
  #cfg-container .hr-sect {
	text-align: initial;
	border-top: 0;
	border-bottom: 0;
	padding: initial;
	margin: initial;
  }
  #cfg-container .hr-sect::before {
	margin: 0 30px 0 0;
  }
  #cfg-container .hr-sect::after {
	margin: 0 0 0 30px;
  }
  #cfg-container .hr-sect::before, #cfg-container .hr-sect::after {
	content: "";
	background: #ccc;
	height: 1px;
	font-size: 0;
	line-height: 0;
  }
  #cfg-container .hr-sect a {
	text-decoration: none;
	border-bottom: 0.375rem solid transparent;
	font-weight: 700;
  }
}
#cfg-container .cfg-footnote {
  text-align: center;
  margin-top: 1.8rem;
  color: #7d7d7d;
}
#cfg-container .modal-body {
  padding: 1rem 0 0;
}
#cfg-container .cfg-price {
  text-align: right;
  white-space: nowrap;
}

#cfg-modal-tabs {
  margin-top: auto;
}
#cfg-modal-tabs .nav-link-text {
  display: none;
  margin-left: 0.5rem;
}
@media (min-width: 576px) {
  #cfg-modal-tabs .nav-link-text {
	display: inline-flex;
  }
}
@media (max-width: 991.98px) {
	
	/* Sucht innerhalb der mobilen Brücke nach dem ZWEITEN .tab-pane-Container 
	   und überschreibt das "show active" der JTL-Ajax-Injektion.
	*/
	/* .tab-content .tab-pane:nth-of-type(2) {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	} */
}
#cfg-tab-summary-finish {
  margin: auto;
}

#configuration-table .vat_info {
  color: #7d7d7d;
}
#cfg-container .cfg-group-list-wrapper .cfg-group,
.cfg-position-details.cfg-layout-list .cfg-group-list-wrapper .cfg-group {
  background-color: #f5f7fa;
  padding: .5rem 1rem 1rem;
}
.cfg-position-details.cfg-layout-list .product-configuration-sidebar-wrapper,
#product-configuration-sidebar {
  border: 1px solid #ef7800;
  padding: 0;
}
.btn.start-configuration {
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  display: inline-flex;
	align-items: center !important;
	text-align: center;
	justify-content: center !important;
}
#product-configurator {
	padding-left: 0rem;
	padding-right: 0rem;
}
#product-configuration-sidebar {
	margin-bottom: 1rem;
}
#product-configuration-sidebar a {
  color: #333;
  text-decoration: none;
  background-color: #fff0;
}
#product-configuration-sidebar .price.cfg-price-summary {
  font-size: 1.5rem;
}
#product-configuration-sidebar #add-to-cart {
	margin-bottom: .325rem;
}
#product-configurator .form-control.custom-select {
  min-height: 2.5625rem;
  height: 2.5625rem;
  border-color: #ccc;
  font-size: .875rem;
  color: #333;
  padding: .125rem .9375rem;
	padding-right: 0.9375rem;
}

/* Optional: Verhindert, dass der Text bei Platzmangel umbricht */
.filter-option-inner-inner .delivery-status {
	white-space: nowrap;
	margin-left: 10px;

}
.dropdown-item .text > span {
	display: flex !important;      /* Aktiviert Flexbox */
	justify-content: space-between; /* Schiebt Inhalte an die äußeren Ränder */
	align-items: center;            /* Zentriert sie vertikal zueinander */
	width: 100%;                   /* Nutzt die volle verfügbare Breite */
	margin-right: 20px;
}

/* Falls der Check-Mark (Haken) die Breite stört, stellen wir sicher, dass .text den Platz füllt */
.dropdown-item .text {
	display: block;
	width: 100%;
}

.tab-navigation .nav-link {
	border: 0;
	font-size: .875rem;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: normal;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	color: #333333;
}

h1.product-title.h2 {
	font-size: 1.575rem;
	font-weight: 500;
	color: #333333;
}
.tab-pane .desc {
	color: #606060;
	font-size: 15px;
	font-weight: 400;
}
.mediafiles-pdf {
	padding: 10px;
}
.r2-basketusp {
	font-weight: 400;
}
.r2-basketusp > div i {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.125rem;
	margin-top: 3px;
}
.details_links {
	margin-top: 0.7rem;
}
.details_features, .details_tech {
	padding-bottom: 0.252rem;
}
.details_features a, .details_tech a {
	text-transform: none;
	text-decoration: none;
	font-weight: 400;
	color: #707070 !important;
	font-size: 0.875rem;
    line-height: 1.5;
}
.details_features a::hover, .details_tech a::hover {
	color: rgb(238, 119, 0);
}

.details_features a i, .details_tech a i {
	font-size: 0.625rem;
}

.product-detail .manufacturer-col {
	text-align: right;
}
.product-detail .manufacturer-col img {
	margin-right:15px;
	width: 7.8125rem;
	height: auto;
}
@media (max-width: 991.98px) {
	.product-detail .manufacturer-col img {
		width: 5.8125rem;
	}
}
@media (max-width: 991.98px) {
 	.product-headline-top-essentials .product-attributes tr > td:first-child {
	 	width: 60%;
	}
	.aw_light_box button.aw_lightbox__close {
		display: none !important;
	}
}
.aw_read_more_btn_wrapper a,
.aw_read_more_btn_wrapper span {
	text-decoration: none;
}

#result-wrapper .desc {
	margin-bottom: 2rem;
}
.aw_toggle_content.aw_toggle_content_closed {
	max-height: 18.75rem !important;
	transition: max-height ease-in-out .12s;
}
.aw_toggle_content {
	position: relative;
	overflow: hidden;
}
#result-wrapper .desc:after {
	display: block;
	clear: both;
	content: "";
}
.aw_toggle_content.aw_toggle_content_closed:after {
	height: 5rem !important;
}
.aw_toggle_content:after {
	content: "";
	height: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
	position: absolute;
	right: 0;
	top: auto;
	left: 0;
	bottom: 0;
}
.mas-coldesc-more {
  min-height: unset;
  height: auto;
  border: none;
}
.mas-coldesc-more.d-none {
  display: none !important;
}
.mas-coldesc-more .more {
  margin-top: -1.625rem;
  position: relative;
}



/* footer */

#ca-footer {
	margin-top: auto;
	padding: 2rem 0 0;
	background-color: #333;
	color: #fff;
}
#ca-footer a {
	text-transform: uppercase;
	color: #fff;
}
#footer {
	position: relative;
}
#footer::before {
	content: ' ';
	display: block;
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background-image: url('/templates/R2BikeChild/themes/my-nova/images/r2-logo-footer-2026.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 30%;
}

#footer .productlist-filter-headline {
	border-bottom: 0 solid #ebebeb;
	font-size: 1.1rem;
	font-weight: 700;
	padding-bottom: 0;
	text-transform: uppercase;
}
#footer li {
  margin-bottom: 0.1rem;
}
#footer .nav-link {
  	font-size: 1.0rem;
	  font-weight: 400;
	  padding-bottom: 0;
	  text-transform: none;
}
#footer #sidebox147 img {
	height: 50px;
	width: auto;
	border: 1px solid #999;
}
#footer #sidebox147 a:nth-child(1) img {
  border-radius: 15px;
}
#footer #sidebox147 a:nth-child(2) img {
  border-radius: 13px;
}
#footer #sidebox147 a:nth-child(3) img {
	border-radius: 50px;
}
#footer #sidebox147 a:hover img {
	border: 1px solid #000;
}


#footer #sidebox150 img,
#footer #sidebox152 img,
#footer #sidebox154 img 
  {
	margin: 3px;
	width: 100px;
	height: auto;
	/* filter: grayscale(1) brightness(1.2);
	transition: 0.2s; */
	/* cursor: pointer; */
}

@media (max-width: 991.98px) {
	#footer #sidebox150 img {
		margin: 3px;
		width: auto;
		height: 100px;
	}
}

/* #footer #sidebox146 img:nth-child(2) {
	filter: grayscale(1) invert(1) brightness(1);
	transition: 0.2s;
} */

/* box141 Service */

/* #sidebox150 Auszeichnungen */
/* #sidebox151 R2Bike */
/* #sidebox152 Zahlung */
/* #sidebox154 Versand */
/* #sidebox155 Newsletter * /

#footer #sidebox150 img:hover,
#footer #sidebox152 img:hover,
#footer #sidebox154 img:hover,
#footer #sidebox150 img:hover {
	/* filter: grayscale(0); */
}
#footer #sidebox150 .productlist-filter-headline,
#footer #sidebox151 .productlist-filter-headline,
#footer #sidebox152 .productlist-filter-headline,
#footer #sidebox154 .productlist-filter-headline,
#footer #sidebox155 .productlist-filter-headline {
	display: none;
}
#footer #sidebox153 {
	font-size: 1.0rem;
	font-weight: 400;
	padding-bottom: 0;
	text-transform: none;	
}
#footer #sidebox147 {
	font-size: 1.0rem;
	font-weight: 400;
	padding-bottom: 0;
	text-transform: none;	
}
#footer #sidebox155 a.newsletter-link {
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
}
.followus {
	margin-top: 25px;
}
.r2-foot-auszeichnung {
	align-items: flex-start;
	  display: flex;
}
.r2-foot-auszeichnung img {
	width: 30%;
	height: auto;
}
body[data-page="11"] #footer {
	position: initial;
	padding: 1rem 0 4rem 0;
}
body[data-page="11"] #footer::before {
  background-image: none;
}

body[data-page="11"] #footer .footnote-vat {
	text-align: center;
}
body[data-page="11"] #footer #copyright {
	margin-top: .2rem;
}
/* Container: Entfernt Aufzählungszeichen und ordnet Items horizontal an */
ul.footer-info-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center; /* Zentriert die Items horizontal */
	list-style: none;
	padding: 15px;
	margin: 0 auto;         /* Zentriert den Container selbst, falls er eine Max-Breite hat */
	width: 100%;
}

/* Die List-Items */
ul.footer-info-list li {
	display: flex;
	align-items: center;
}

/* Die Pipe (|) als Trenner hinzufügen */
ul.footer-info-list li:not(:last-child)::after {
	content: "|";
	margin: 0 10px;      /* Abstand links und rechts der Pipe */
	color: #ccc;         /* Farbe der Pipe */
}

/* Falls die Links noch Standard-Styles haben (z.B. Unterstreichung) */
ul.footer-info-list li a {
	text-decoration: none;
	padding: 0;
}

body[data-viewport="lg"] #footer #box140,
body[data-viewport="md"] #footer #box140,
body[data-viewport="lg"] #footer #box141,
body[data-viewport="md"] #footer #box141,
body[data-viewport="lg"] #footer #box152,
body[data-viewport="md"] #footer #box152,
body[data-viewport="md"] #footer #box143,
body[data-viewport="lg"] #footer #box143 {
	margin-top: 1rem;
}
#footer-boxes .text-truncate {
	text-transform: uppercase;
	font-size: 1rem;
}

body[data-page="31"] .payment img {
	width: 120px !important;
	height: auto !important;
}
body[data-page="31"] .payment .row .col:first-child div {
	max-width: 120px !important;
}


.jobs_karriere_box {
	padding: 0% 15%;
}
@media (max-width: 991.98px) {
	.jobs_karriere_box {
		padding: 0% 0%;
	}
}

.card.opc-Accordion-group {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.card.opc-Accordion-group .card-header {
	margin-bottom: 0px;
}
.card.opc-Accordion-group .card-body{
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc !important;
}
.card.opc-Accordion-group:last-child .card-body{
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc !important;
}
.card.opc-Accordion-group .card-header {
	background-color: rgba(96,96,96,.03);
	border-bottom: 1px solid #ccc !important;
}

.card.opc-Accordion-group .card-header .opc-Accordion-head {
	font-size: 1.2rem;
	font-weight: 600;
}
.product-info-inner.sticky-top {
	z-index: 5;
}
@supports (position: sticky) {
  .sticky-top-r2b {
	position: sticky;
	top: 0;
	z-index: 1;
  }
}

/* checkout */
/* Stepper */
.checkout-wrapper {
	margin-top: 35px;
}
.basket_wrapper .cart-items-body .cart-items-delete {
  margin-top: .5rem;
}
.cart_items_slim_quantity {
	text-align: center;
}
.cart_items_slim_price {
	text-align: right;
}
.cart-items-body .cart-items-name {
  display: block;
  /* margin-bottom: 1rem; */
  text-decoration: none;
}
.btn.submit_once.font-weight-bold,
#sfu-slim-cart .btn-secondary{
	text-transform: uppercase;
	  font-weight: normal !important;
}
.mas-cart-drop-image {
	max-width: 70px;
}
@media (max-width: 991.98px) {
	.max-h-sm {
	  max-height: 100%;
	}
}

@media (min-width: 992px) {
  .is-checkout header {
	height: 79px;
  }
}
#customer_company {
	margin-left: 5px;
}
.order-completed {
	margin-bottom: 35px;
}
.order_completed_image {
	width: 100%;
	height: auto;
}

/* #existing-customer .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus) ~ label {
	left: 1.8rem !important;
} */
#existing-customer label {
	left: 1.8rem !important;
}

@media (min-width: 992px) {
	#existing-customer .existing-customer-login-button {
		padding-right: 17px;
	}
}

/* .card-gray {
  background: #eee;

} */
#sfu-slim-cart .cart-items-body {
	margin-bottom: 0rem !important;
}
#sfu-slim-cart .cart-items-name {
	margin-bottom: .4rem !important;
}
#sfu-slim-cart .form-counter {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.125rem;
  max-height: calc(1.5em + 1.25rem + 2px);
}
#sfu-slim-cart .h2.basket-heading small {
	font-size: 0.575em;
}
.slim-cart-summary .h2.basket-heading {
	margin-bottom: 0.3rem;
}
#sfu-slim-cart hr {
  margin-top: .1rem;
  margin-bottom: .1rem;
  border: 0;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: currentcolor;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#slideInCart {
	background-color: #fff;
	color: #525252;
}
.card {
	border: 1px solid #eee;
}
.cart-dropdown-buttons {
	padding: 10px;
}
.cart-dropdown-buttons.Zahlung,
.cart-dropdown-buttons.Versand,
.cart-dropdown-buttons.Bestaetigung {
	padding: 0px;
}
.cart-dropdown-buttons.Bestaetigung,
.card.checkout-confirmation-shipping {
	margin-top: 15px;
}
.slim-card-body .basket-items .cart-dropdown-total-item span {
	position: absolute;
	margin-right: 10px;
	right: 0px;
} 

@media (max-width: 991.98px) {
	/* unten fixieren */
	.checkout-button-container {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
		padding: 10px;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
		padding-bottom: calc(10px + env(safe-area-inset-bottom));
	}

	.checkout-button-container .btn {
		width: 100%;
		margin: 0;
	}

}

.checkout-confirmation .checkout-confirmation-legal-notice {
	margin-top: 0rem;
	margin-bottom: .5rem;
}
#panel-edit-comment .card-body {
	padding: 15px;
}
@media (min-width: 1300px) {
	.min-h-card {
		min-height: 100px;
	}
	#panel-edit-comment .card-body textarea.form-control {
		height: 30px;
	}
}

.checkout-steps .step-text {
	margin: 0px auto;
}

/* .stepper {
  align-items: center;
  border: 0;
  margin: 0;
  overflow: hidden;
}
.stepper .step-active .step-text {
  font-weight: 400;
}
@media (min-width: 992px) {
  .stepper {
	background: #ffffff;
  }
}
@media (max-width: 991.98px) {
  .stepper {
	background: #78868a !important;
  }
}
.stepper .step {
  position: relative;
  background: #eee;
  color: #333;
}
.stepper .step a {
  color: #333;
}
.stepper .step:not(.step-active) .badge {
  background: #eee;
  color: #78868a;
}
.stepper .step .step-content {
  min-height: 3.125rem;
  display: flex;
  align-items: center;
  position: relative;
}
.stepper .badge {
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 0.9375rem;
}
.stepper .badge-count {
  font-size: 0.9rem;
}
.stepper .step::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 3.125rem solid transparent;
  border-bottom: 3.125rem solid transparent;
  border-left: 1.875rem solid #eee;
  position: absolute;
  top: 50%;
  margin-top: -3.125rem;
  margin-left: -1rem;
  left: 100%;
  z-index: 2;
}
.stepper .step::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 3.125rem solid transparent;
  border-bottom: 3.125rem solid transparent;
  border-left: 1.875rem solid #ffffff;
  position: absolute;
  top: 50%;
  margin-top: -3.125rem;
  margin-left: -0.6666666667rem;
  left: 100%;
  z-index: 1;
}
.stepper .step:last-child::after, .stepper .step:last-child::before {
  display: none;
}
.stepper .step-active {
  background: #eee;
  color: #78868a;
}
.stepper .step-active .badge {
  background: #ccc;
  color: #333;
}
.stepper .step-active::after {
  border-left-color: #eee;
}
.stepper .step-active.step-current {
  background: #EF7800;
  color: #ffffff;
}
.stepper .step-active.step-current .badge {
  background: #ffffff;
  color: #333;
}
.stepper .step-active.step-current a {
  color: #ffffff;
}
.stepper .step-active.step-current::after {
  border-left-color: #EF7800;
}
.stepper .step-active .step-content::after {
  background: none;
}
@media (max-width: 991.98px) {
  .stepper {
	background: #ffffff;
	border: 0;
  }
  .stepper .step::after, .stepper .step::before {
	display: none;
  }
  .stepper .step:first-child {
	padding-left: 0;
  }
  .stepper .step:nth-child(2) {
	padding: 0;
  }
  .stepper .step:last-child {
	padding-right: 0;
  }
  .stepper .step-active .step-text {
	font-size: 0.8rem;
  }
  .stepper .step-content::after {
	display: none;
  }
  .stepper .step-current .step-content::after {
	content: "";
	display: block;
	position: absolute;
	height: 0.125rem;
	bottom: 0;
	background: #EF7800;
	z-index: 11;
	left: 0;
	right: 0;
  }
} */
.badge-primary {
  color: #fff;
  background-color: rgb(238, 119, 0);
}
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
.noUi-horizontal {
  height: 0.5rem;
}
.noUi-horizontal .noUi-connect {
  background: #ccc;
}
.noUi-horizontal .noUi-handle {
  top: -0.4375rem;
  border-radius: 50%;
  background: #333;
  border: 0;
  width: 1.375rem;
  height: 1.375rem;
  box-shadow: none;
}
.noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before {
  content: none;
}

.noUi-target {
  background: #ebebeb;
  box-shadow: none;
  border: 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -0.6875rem;
}





.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: TTHovesPro, Verdana, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.8125rem;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}

.popover {
	display: none;
}
#popoverData_aw {
	cursor: pointer;
}
	

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #333;
}

.aw_custom_modal.aw_top .aw_arrow {
  top: calc(-.5rem - 1px);
}
.aw_custom_modal .aw_arrow {
  transform: translateX(-33%);
  height: .5rem;
  margin: 0;
  width: 1rem;
  display: block;
  position: absolute;
}





button.aw_lightbox__close:after, 
button.aw_lightbox__close:before, 
div.aw_lightbox__close:after, 
div.aw_lightbox__close:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	height: 2px;
	width: 2rem;
	pointer-events: none;
	background-color: #333;
	transition: background-color ease-in-out .24s;
	cursor: pointer;
	transform: rotate(0deg) scaleX(0);
}

button.aw_lightbox__close, 
div.aw_lightbox__close {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  display: none;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  padding: .25rem;
}
.aw_custom_modal div.aw_lightbox__close {
  top: 0;
  right: 0;
  transform: scale(.5);
  background-color: transparent;
  padding: .25rem;
}
.aw_light_box button.aw_lightbox__close {
	display: block;
}
@media only screen and (min-width: 767px) and (hover: hover) {
	.aw_light_box button.aw_lightbox__close:before {
		animation: rotate-scaleX-before .34s .25s ease-in-out forwards;
	}
	.aw_light_box button.aw_lightbox__close:after {
		animation: rotate-scaleX-after .34s .25s ease-in-out forwards;
	}
}

button.aw_lightbox__close {
  display: none;
}

@media only screen and (min-width: 767px) and (hover: hover) {
  [data-light-box='true'] img.aw_product_image {
	cursor: zoom-in;
  }

  .aw_light_box {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 4rem;

	z-index: 9995;
	width: 100%;
	flex: unset;
	max-width: 100vw;
	isolation: isolate;
	background-color: rgba(30, 30, 30, 0.2);
	backdrop-filter: blur(3px);

	padding: 2rem;

	pointer-events: none;

	button.aw_lightbox__close {
	  display: block;

	  &::before {
		animation: rotate-scaleX-before 340ms 250ms ease-in-out forwards;
	  }
	  &::after {
		animation: rotate-scaleX-after 340ms 250ms ease-in-out forwards;
	  }
	}

	img {
	  cursor: zoom-out !important;
	}

	ul.aw_native_slider__list,
	li.aw_native_slider__slide,
	.aw_image_wrapper {
	  height: 100% !important;
	  margin-top: auto;
	}

	#abw_gallery {
	  pointer-events: all;
	  background-color: white;
	  height: 100%;

	  &.aw_native_slider:not(.aw_no_slide)[data-index='progress']
		.aw_native_slider_progress_container {
		bottom: 2rem;
		display: flex;
	  }

	  &.aw_native_slider:not(.aw_no_slide)[data-index='progress'] {
		.aw_nav_button {
		  display: block;
		}

		.aw_nav_button.aw_left,
		.aw_nav_button.aw_right {
		  opacity: 1;
		}

		.aw_nav_button.aw_left {
		  transform: translate(-50%, -50%) !important;
		}

		.aw_nav_button.aw_right {
		  transform: translate(50%, -50%) !important;
		}
	  }
	}
  }
}

.aw_show div.aw_lightbox__close {
  display: block;

  &::before {
	animation: rotate-scaleX-before 340ms 250ms ease-in-out forwards;
  }
  &::after {
	animation: rotate-scaleX-after 340ms 250ms ease-in-out forwards;
  }
}

div.aw_lightbox__close,
button.aw_lightbox__close {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  display: none;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  background-color: white;
  padding: 0.25rem;

  &:hover::after,
  &:hover::before {
	background-color: #EF7800;
  }

  &::after,
  &::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	height: 2px;
	width: 2rem;
	pointer-events: none;

	background-color: #333;
	transition: background-color ease-in-out 240ms;
	cursor: pointer;
  }

  &::before {
	transform: rotate(0deg) scaleX(0);
  }
  &::after {
	transform: rotate(0deg) scaleX(0);
  }
}

@keyframes rotate-scaleX-before {
  0% {
	transform: rotate(0deg) scaleX(0);
  }

  50% {
	transform: rotate(0deg) scaleX(1);
  }

  100% {
	transform: rotate(45deg) scaleX(1);
  }
}

@keyframes rotate-scaleX-after {
  0% {
	transform: rotate(0deg) scaleX(0);
  }
  50% {
	transform: rotate(0deg) scaleX(1);
  }
  100% {
	transform: rotate(-45deg) scaleX(1);
  }
}


/* @media only screen and (min-width: 767px) and (hover: hover) {
	.aw_light_box button.aw_lightbox__close {
		display: block;
	}
} */

/* Slide-In Cart*/
#slideInCart {
  position: fixed;
  z-index: 1050;
  right: 0;
  top: 0;
  background-color: #ffffff;
  height: 100vh;
  width: 100vw;
  max-width: 25rem;
  box-shadow: 0 0 4.375rem rgba(0, 0, 0, 0.1);
  transition: box-shadow 160ms ease-in-out;
}
@media only screen and (max-width: 766.98px) {
	#slideInCart {
		max-width: 100vw;
	}
}

#slideInCart .navbar-toggler {
  display: block;
}
#slideInCart.collapsing {
  right: -75%;
  transition: height 0s ease;
}
#slideInCart.collapsing + .modal-backdrop {
  transition: opacity 500ms ease-in-out;
  opacity: 0 !important;
  z-index: 1030;
}
#slideInCart.show {
  right: 0;
  transition: right 300ms ease-in-out;
}
#slideInCart.show + .modal-backdrop {
  transition: opacity 500ms ease-in-out;
  opacity: 1;
  z-index: 1030;
}
#slideInCart.collapsed ~ .navbar-collapse, #slideInCart:not(.show) {
  transition: right 500ms ease-in-out;
}
#slideInCart.collapsed ~ .navbar-collapse + .modal-backdrop, #slideInCart:not(.show) + .modal-backdrop {
  transition: opacity 500ms ease-in-out;
  opacity: 0;
  z-index: -1;
}
#slideInCart .cart-controls {
  border-bottom: 1px solid #ccc;
}
#slideInCart .table-responsive {
  max-height: none;
}
#slideInCart .basket-cart-dropdown li.cart-dropdown-total-item {
	padding: 15px !important;
	font-size: .85rem;
}
#slideInCart .dropdown-cart-items {
	font-weight: 400;
	font-size: .85rem;
}
.cart-icon-dropdown a:after {
	line-height: 0 !important;
}

.mas-varkombilist .basket-form-inline .input-group .form-control {
	height: 35px;
	min-height: 35px;
}
.mas-varkombilist-element .basket-form-inline .input-group .form-control {
	height: 50px;
	min-height: 50px;
}
.mas-varkombilist-element a {
	text-decoration: none;
}
.mas-varkombilist-element button {
	height: 50px;
}
.tab-navigation .nav-link::after {
  border-width: 0 0 4px;
}

.aw_custom_modal {
  display: none;
  position: absolute;

  left: 3rem;
  width: 350px;
  top: 1.45rem;

  &.aw_bottom {
	transform: translateY(calc(-100% - 2rem));
	/* bottom: 1.45rem; */
  }

  &.aw_show {
	display: block;
  }

  .aw_arrow {
	transform: translateX(-33%);
	height: 0.5rem;
	margin: 0;
	width: 1rem;
	display: block;
	position: absolute;
  }

  &.aw_top .aw_arrow {
	top: calc(-0.5rem - 1px);
  }

  &.aw_bottom .aw_arrow {
	bottom: calc(-0.5rem - 1px);
  }

  .aw_arrow::before,
  .aw_arrow::after {
	border-color: transparent;
	border-style: solid;
	content: '';
	display: block;
	position: absolute;
	left: 0;
  }

  /* Arrow on Top */
  &.aw_top .aw_arrow::before {
	border-bottom-color: rgba(0, 0, 0, 0.25);
	border-width: 0 0.5rem 0.5rem;
	border-style: solid;
	top: 0;
  }

  &.aw_top .aw_arrow::after {
	border-bottom-color: #f7f7f7;
	border-width: 0 0.5rem 0.5rem;
	top: 1px;
  }

  /* Arrow on Bottom */
  &.aw_bottom .aw_arrow::before {
	border-top-color: rgba(0, 0, 0, 0.25);
	border-width: 0.5rem 0.5rem 0;
	bottom: 1px;
  }

  &.aw_bottom .aw_arrow::after {
	border-top-color: #fff;
	border-width: 0.5rem 0.5rem 0;
	bottom: 2px;
  }

  div.aw_lightbox__close {
	top: 0;
	right: 0;
	transform: scale(0.5);
	background-color: transparent;
	padding: 0.25rem;
  }
}

@media only screen and (max-width: 1148px) {
  .aw_custom_modal {
	left: 0.5rem;

	.aw_arrow {
	  transform: translateX(calc(-33% + 2.5rem));
	}
  }
}




/* alerts */

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3.8125rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #7c3e00;
  background-color: #fce4cc;
  border-color: #fbd9b8;
}
.alert-primary hr {
  border-top-color: #facca0;
}
.alert-primary .alert-link {
  color: #492500;
}

.alert-secondary {
  color: #282828;
  background-color: #dbdbdb;
  border-color: #cdcdcd;
}
.alert-secondary hr {
  border-top-color: silver;
}
.alert-secondary .alert-link {
  color: #0f0f0f;
}

.alert-success {
  color: #306030;
  background-color: #def1de;
  border-color: #d1ebd1;
}
.alert-success hr {
  border-top-color: #bfe3bf;
}
.alert-success .alert-link {
  color: #1f3e1f;
}

.alert-info {
  color: #6a6a6a;
  background-color: whitesmoke;
  border-color: #f1f1f1;
}
.alert-info hr {
  border-top-color: #e4e4e4;
}
.alert-info .alert-link {
  color: #515151;
}

.alert-warning {
  color: #7d5a29;
  background-color: #fcefdc;
  border-color: #fbe8cd;
}
.alert-warning hr {
  border-top-color: #f9ddb5;
}
.alert-warning .alert-link {
  color: #573e1c;
}

.alert-danger {
  color: #712b29;
  background-color: #f7dddc;
  border-color: #f4cfce;
}
.alert-danger hr {
  border-top-color: #efbbb9;
}
.alert-danger .alert-link {
  color: #4c1d1b;
}

.alert-light {
  color: #6a6a6a;
  background-color: whitesmoke;
  border-color: #f1f1f1;
}
.alert-light hr {
  border-top-color: #e4e4e4;
}
.alert-light .alert-link {
  color: #515151;
}

.alert-dark {
  color: #1b1b1b;
  background-color: #d6d6d6;
  border-color: #c6c6c6;
}
.alert-dark hr {
  border-top-color: #b9b9b9;
}
.alert-dark .alert-link {
  color: #020202;
}

.alert-gray {
  color: #323232;
  background-color: #dfdfdf;
  border-color: #d2d2d2;
}
.alert-gray hr {
  border-top-color: #c5c5c5;
}
.alert-gray .alert-link {
  color: #191919;
}

.alert-gray-light {
  color: #7c7c7c;
  background-color: #fcfcfc;
  border-color: #fafafa;
}
.alert-gray-light hr {
  border-top-color: #ededed;
}
.alert-gray-light .alert-link {
  color: #636363;
}

.alert-gray-medium {
  color: #3e4648;
  background-color: #e4e7e8;
  border-color: #d9ddde;
}
.alert-gray-medium hr {
  border-top-color: #cbd1d2;
}
.alert-gray-medium .alert-link {
  color: #262b2d;
}

.alert-gray-dark {
  color: #6a6a6a;
  background-color: whitesmoke;
  border-color: #f1f1f1;
}
.alert-gray-dark hr {
  border-top-color: #e4e4e4;
}
.alert-gray-dark .alert-link {
  color: #515151;
}

.alert-gray-darker {
  color: #121212;
  background-color: lightgray;
  border-color: #c1c1c1;
}
.alert-gray-darker hr {
  border-top-color: #b4b4b4;
}
.alert-gray-darker .alert-link {
  color: black;
}
.alert.alert-primary {
  background-color: #eee;
  border-color: #EF7800;
  color: #333;
}
.alert.alert-primary .alert-link {
  color: #333;
}
.alert.alert-secondary {
  background-color: #eee;
  border-color: #4d4d4d;
  color: #333;
}
.alert.alert-secondary .alert-link {
  color: #333;
}
.alert.alert-success {
  background-color: #eee;
  border-color: #5cb85c;
  color: #333;
}
.alert.alert-success .alert-link {
  color: #333;
}
.alert.alert-danger {
  background-color: #eee;
  border-color: #d9534f;
  color: #333;
}
.alert.alert-danger .alert-link {
  color: #333;
}
.alert.alert-warning {
  background-color: #eee;
  border-color: #f0ad4e;
  color: #333;
}
.alert.alert-warning .alert-link {
  color: #333;
}
.alert.alert-info {
  background-color: #eee;
  border-color: #EF7800;
  color: #333;
}
.alert.alert-info .alert-link {
  color: #333;
}
.alert.alert-light {
  background-color: #eee;
  border-color: #ccc;
  color: #333;
}
.alert.alert-light .alert-link {
  color: #333;
}
.alert.alert-dark {
  background-color: #eee;
  border-color: #333;
  color: #333;
}
.alert.alert-dark .alert-link {
  color: #333;
}
.alert > p:last-of-type {
  margin-bottom: 0;
}


@keyframes hover-slide-arrow-left {

	0%,
	to {
		transform: translate(30%, -50%)
	}

	50% {
		transform: translate(-200%, -50%)
	}

	51% {
		transform: translate(-200%, -50%);
		opacity: 0
	}

	52% {
		transform: translate(200%, -50%);
		opacity: 1
	}
}

@keyframes hover-slide-arrow-right {

	0%,
	to {
		transform: translate(15%, -50%)
	}

	50% {
		transform: translate(-200%, -50%)
	}

	51% {
		transform: translate(-200%, -50%);
		opacity: 0
	}

	52% {
		transform: translate(200%, -50%);
		opacity: 1
	}
}

@keyframes hoist-arrows-top {
	0% {
		transform: scaleX(0) rotate(0deg) translate(-15%, 50%)
	}

	30% {
		transform: scaleX(1) rotate(0deg) translate(-15%, 50%)
	}

	to {
		transform: scaleX(1) rotate(-40deg) translate(-15%, 5%)
	}
}

@keyframes hoist-arrows-bottom {
	0% {
		transform: scaleX(0) rotate(0deg) translate(-15%, -50%)
	}

	30% {
		transform: scaleX(1) rotate(0deg) translate(-15%, 50%)
	}

	to {
		transform: scaleX(1) rotate(40deg) translate(-15%, -5%)
	}
}

@keyframes show-skip {
	0% {
		opacity: 0;
		transform: scale(0)
	}

	50% {
		opacity: 1;
		transform: scale(1.2)
	}

	70% {
		opacity: 1;
		transform: scale(.9)
	}

	90% {
		opacity: 1;
		transform: scale(1.1)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes reveal-left-arrow {
	0% {
		transform: translate(115%, -50%)
	}

	to {
		transform: translate(30%, -50%)
	}
}

@keyframes show-tap-indicator {

	0%,
	to {
		opacity: 0;
		transform: rotate(-5deg) translate(0, 300px) scale(1, 1)
	}

	40%,
	60% {
		transform: rotate(-5deg) translate(0, 50%) scale(1.1, 1.1)
	}

	50%,
	70% {
		transform: rotate(-5deg) translate(0, 50%) scale(.96, .96)
	}

	30%,
	80% {
		transform: rotate(-5deg) translate(0, 50%) scale(1, 1);
		opacity: 1
	}
}

@media only screen and (min-width: 767px) and (hover: hover) {
  [data-light-box='true'] img.aw_product_image {
	cursor: zoom-in;
  }
  .aw_light_box {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9995;
	width: 100%;
	flex: unset;
	max-width: 100vw;
	isolation: isolate;
	background-color: rgba(30, 30, 30, 0.2);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	padding: 2rem;
	pointer-events: none;
  }
  .aw_light_box button.aw_lightbox__close {
	display: block;
  }
  .aw_light_box button.aw_lightbox__close::before {
	animation: rotate-scaleX-before 340ms 250ms ease-in-out forwards;
  }
  .aw_light_box button.aw_lightbox__close::after {
	animation: rotate-scaleX-after 340ms 250ms ease-in-out forwards;
  }
  .aw_light_box img {
	cursor: zoom-out !important;
  }
 
  
  .aw_light_box #abw_gallery {
	pointer-events: all;
	background-color: #fff;
	height: 100%;
  }
  .aw_light_box
	#abw_gallery.aw_native_slider:not(.aw_no_slide)[data-index='progress']
	.aw_native_slider_progress_container {
	bottom: 2rem;
	display: flex;
  }
  .aw_light_box
	#abw_gallery.aw_native_slider:not(.aw_no_slide)[data-index='progress']
	.aw_nav_button {
	display: block;
  }
  .aw_light_box
	#abw_gallery.aw_native_slider:not(.aw_no_slide)[data-index='progress']
	.aw_nav_button.aw_left,
  .aw_light_box
	#abw_gallery.aw_native_slider:not(.aw_no_slide)[data-index='progress']
	.aw_nav_button.aw_right {
	opacity: 1;
  }
  .aw_light_box
	#abw_gallery.aw_native_slider:not(.aw_no_slide)[data-index='progress']
	.aw_nav_button.aw_left {
	transform: translate(-50%, -50%) !important;
  }
  .aw_light_box
	#abw_gallery.aw_native_slider:not(.aw_no_slide)[data-index='progress']
	.aw_nav_button.aw_right {
	transform: translate(50%, -50%) !important;
  }
}

.aw_native_slider {
	position: relative;
	margin-bottom: 3rem
}

.aw_native_slider ul.aw_native_slider__list {
	list-style: none;
	padding: 0;
	line-height: 0;
	white-space: nowrap;
	font-size: 0;
	margin-left: 0;
	margin-bottom: 0;
	overflow: hidden;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline mandatory;
	scroll-padding-inline: 0
}

.aw_native_slider ul.aw_native_slider__list>li {
	white-space: normal;
	line-height: initial;
	font-size: initial
}

.aw_native_slider ul.aw_native_slider__list::-webkit-scrollbar {
	display: none
}

.aw_native_slider ul.aw_native_slider__list>li.aw_native_slider__slide {
	scroll-snap-align: end;
	width: 100%;
	margin: 0;
	margin: 0 .5rem;
	display: inline-block
}

.aw_native_slider ul.aw_native_slider__list>li.aw_native_slider__slide:first-of-type {
	margin-left: 0
}

.aw_native_slider ul.aw_native_slider__list>li.aw_native_slider__slide:last-of-type {
	margin-right: 0
}

.aw_native_slider ul.aw_native_slider__list li {
	display: flex;
	align-items: center;
	height: 100%
}

.aw_native_slider ul.aw_native_slider__list li img {
	display: block
}

.aw_native_slider .aw_nav_button {
	-webkit-appearance: none;
	border: 0;
	height: 8rem;
	width: 2rem;
	color: #fff;
	background-color: #ef7800;
	position: absolute;
	top: 50%;
	cursor: pointer;
	opacity: 0;
	transition: opacity ease-in-out 560ms;
	z-index: 1
}

.aw_native_slider .aw_nav_button i {
	pointer-events: none
}

.aw_native_slider .aw_nav_button.aw_left {
	left: 0;
	border-radius: 1px;
	transform: translate(-110%, -50%)
}

.aw_native_slider .aw_nav_button.aw_right {
	right: 0;
	border-radius: 1px;
	transform: translate(110%, -50%)
}

.aw_native_slider:hover .aw_nav_button {
	opacity: 1;
	transition: opacity ease-in-out 120ms
}

.aw_native_slider .aw_native_slider__slide img {
	inline-size: 100%;
	display: block
}

.aw_native_slider[data-current-index="0"] .aw_nav_button.aw_left,
.aw_native_slider[data-first-slide=true] .aw_nav_button.aw_left,
.aw_native_slider[data-last-slide=true] .aw_nav_button.aw_right {
	opacity: 0 !important;
	cursor: default;
	pointer-events: none
}

@media (max-width:82.8025em) {
	.aw_nav_button.aw_left {
		transform: translate(-100%, -50%) !important
	}

	.aw_nav_button.aw_right {
		transform: translate(100%, -50%) !important
	}
}

/* 1. WENN "data-first-slide="true" -> Oberen Pfeil (aw_left) ausblenden */
#abw_preview_gallery[data-first-slide="true"] ~ .aw_nav_button.aw_left,
#abw_preview_gallery[data-first-slide="true"] .aw_nav_button.aw_left {
	display: none !important;
}

/* 2. WENN "data-last-slide="true" -> Unteren Pfeil (aw_right) ausblenden */
#abw_preview_gallery[data-last-slide="true"] ~ .aw_nav_button.aw_right,
#abw_preview_gallery[data-last-slide="true"] .aw_nav_button.aw_right {
	display: none !important;
}

/* 3. ZUSATZ-ABSICHERUNG: Wenn es so wenige Items gibt, dass BEIDE true sind */
#abw_preview_gallery[data-first-slide="true"][data-last-slide="true"] .aw_nav_button {
	display: none !important;
}
/* ==========================================
   PRÄZISE POSITIONIERUNG DER VERTIKALEN PFEILE
   ========================================== */

/* 1. Der Hauptcontainer MUSS die Basis für die absolute Positionierung sein */
#abw_preview_gallery {
	position: relative !important;
	/* Ein bisschen Abstand oben und unten schafft Platz für die Pfeile, 
	   falls sie innerhalb der Box liegen sollen */
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

/* 2. Gemeinsame Basis für beide Navigations-Buttons */
#abw_preview_gallery .aw_nav_button {
	position: absolute !important;
	left: 50% !important;            /* Schiebt den Button in die Mitte */
	transform: translateX(-50%) !important; /* Zentriert ihn mathematisch exakt horizontal */
	z-index: 10 !important;          /* Sorgt dafür, dass die Pfeile über den Bildern liegen */
	width: 40px !important;          /* Breite des Buttons */
	height: 40px !important;         /* Höhe des Buttons */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* 3. Der obere Pfeil (Hoch-Scrollen) */
#abw_preview_gallery .aw_nav_button.aw_left {
	top: 5px !important;            /* Abstand vom oberen Rand (hier feintunen!) */
}

/* 4. Der untere Pfeil (Runter-Scrollen) */
#abw_preview_gallery .aw_nav_button.aw_right {
	bottom: 5px !important;         /* Abstand vom unteren Rand (hier feintunen!) */
}
.aw_native_slider[data-slide-vertical="true"] ul.aw_native_slider__list {
	margin: .5rem auto !important;
}
.aw_native_slider[data-slide-vertical="true"][data-show-navigation="true"] .aw_nav_button.aw_left i,
.aw_native_slider[data-slide-vertical="true"][data-show-navigation="true"] .aw_nav_button.aw_right i {
  transform: rotate(0deg) !important;
}



@media (max-width:37.49em) {
	.aw_native_slider {
		margin-bottom: .75rem
	}

	.aw_native_slider ul.aw_native_slider__list {
		padding-bottom: 2rem;
		-webkit-clip-path: inset(0 0 2rem 0);
		clip-path: inset(0 0 2rem 0)
	}

	.aw_nav_button {
		display: none
	}

	.aw_native_slider_progress_container {
		bottom: 0 !important
	}
}

@media (min-width:64em) {
	.aw_native_slider[data-slides-desktop="1"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(100% - 0rem)
	}

	.aw_native_slider[data-slides-desktop="2"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(50% - .5rem)
	}

	.aw_native_slider[data-slides-desktop="3"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(33.3333333333% - .6666666667rem)
	}

	.aw_native_slider[data-slides-desktop="4"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(25% - .75rem)
	}

	.aw_native_slider[data-slides-desktop="5"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(20% - .8rem)
	}

	.aw_native_slider[data-slides-desktop="6"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(16.6666666667% - .8333333333rem)
	}
}

@media (min-width:37.5em) and (max-width:63.99em) {
	.aw_native_slider[data-slides-tablet="1"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(100% - 0rem)
	}

	.aw_native_slider[data-slides-tablet="2"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(50% - .5rem)
	}

	.aw_native_slider[data-slides-tablet="3"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(33.3333333333% - .6666666667rem)
	}

	.aw_native_slider[data-slides-tablet="4"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(25% - .75rem)
	}
}

@media (max-width:37.49em) {
	.aw_native_slider[data-slides-mobile="1"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(100% - 0rem)
	}

	.aw_native_slider[data-slides-mobile="2"] ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: calc(50% - .5rem)
	}
}

@media (hover:hover) and (pointer:fine) {
	.aw_native_slider_progress_container .aw_progress_range_slider {
		pointer-events: all
	}
}

@media only screen and (min-width:1390px) {
	.aw_nav_button.aw_left {
		transform: translate(-100%, -50%)
	}

	.aw_nav_button.aw_right {
		transform: translate(100%, -50%)
	}
}

@media only screen and (min-width:1325px) {
	.aw_nav_button.aw_left {
		transform: translate(-50%, -50%)
	}

	.aw_nav_button.aw_right {
		transform: translate(50%, -50%)
	}
}

@media only screen and (max-width:600px) {
	.aw_native_slider {
		margin-bottom: .75rem
	}

	.aw_native_slider ul.aw_native_slider__list {
		padding-bottom: 2rem;
		-webkit-clip-path: inset(0 0 2rem 0);
		clip-path: inset(0 0 2rem 0)
	}

	.aw_native_slider ul.aw_native_slider__list>li.aw_native_slider__slide {
		width: 50%
	}

	.aw_nav_button {
		display: none
	}

	.aw_native_slider_progress_container {
		bottom: 0
	}
}


/* ==========================================
   AUSGLEICH FÜR DIE VERTIKALEN ITEMS
   ========================================== */




.aw_native_slider_progress_container {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.aw_native_slider_progress_container .aw_native_slider_skip {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #ef7800;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: -1rem;
	margin-right: .5rem;
	opacity: 0;
	transform: scale(0)
}

.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_left,
.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_right {
	display: block;
	position: relative
}

.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_right {
	transform: translate(15%, -50%)
}

.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_left {
	transform: translate(115%, -50%)
}

.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_part_bottom,
.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_part_top {
	display: block;
	background-color: #fff;
	height: 1px;
	width: 6px;
	transform-origin: left center
}

.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_part_top {
	transform: rotate(0deg) translate(-15%, 50%)
}

.aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_part_bottom {
	transform: rotate(0deg) translate(-15%, -50%)
}

.aw_native_slider_progress_container .aw_progress_range_slider {
	position: relative;
	isolation: isolate;
	margin-bottom: 0;
	max-width: 114px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	height: 12px;
	background-color: #e0e0e0;
	border: 1px solid #e0e0e0;
	outline: 0
}

@media (max-width:30.115em) {
	.aw_native_slider_progress_container .aw_progress_range_slider {
		pointer-events: none
	}
}

.aw_native_slider_progress_container .aw_progress_range_slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 8px;
	border: 0;
	border-radius: 0;
	background: #ef7800;
	transform: scaleX(.9)
}

.aw_native_slider_progress_container .aw_progress_range_slider::-moz-range-thumb {
	width: 25px;
	height: 6px;
	transform: scaleX(.9);
	border-radius: 0;
	border: 0;
	background: #ef7800
}

[data-show-skip=true] .aw_native_slider_progress_container .aw_native_slider_skip {
	animation: show-skip 600ms ease-in-out both
}

[data-show-skip=true] .aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_left {
	animation: reveal-left-arrow 400ms 600ms ease-in-out both
}

[data-show-skip=true] .aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_part_top {
	animation: hoist-arrows-top 300ms 400ms ease-in-out both
}

[data-show-skip=true] .aw_native_slider_progress_container .aw_native_slider_skip .aw_ns_arrow_part_bottom {
	animation: hoist-arrows-bottom 300ms 400ms ease-in-out both
}

[data-show-skip=true] .aw_native_slider_progress_container .aw_native_slider_skip:hover {
	cursor: pointer
}

[data-show-skip=true] .aw_native_slider_progress_container .aw_native_slider_skip:hover .aw_ns_arrow_right {
	animation: hover-slide-arrow-right 600ms 2 ease-in-out both
}

[data-show-skip=true] .aw_native_slider_progress_container .aw_native_slider_skip:hover .aw_ns_arrow_left {
	animation: hover-slide-arrow-left 600ms 2 ease-in-out forwards
}

.aw_native_slider_progress_container .aw_native_slider_progress_wrapper .aw_progress_range_slider {
	position: relative;
	isolation: isolate;
	width: 110px;
	box-sizing: border-box;
	height: auto;
	padding: 2px;
	background-color: #e0e0e0;
	border-radius: 0;
	display: flex;
	align-items: center;
	overflow: hidden
}

.aw_native_slider_progress_container .aw_native_slider_progress_wrapper .aw_progress_range_slider .aw_native_slider_progress_bar {
	background-color: #ef7800;
	height: 8px;
	width: 30%;
	border-radius: 1px;
	box-sizing: border-box;
	display: block;
	position: relative;
	left: 0
}

.aw_native_slider_progress_container .aw_native_slider_progress_wrapper .aw_progress_range_slider:after,
.aw_native_slider_progress_container .aw_native_slider_progress_wrapper .aw_progress_range_slider:before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	background-color: inherit;
	height: 100%;
	width: 2px;
	z-index: 99
}

.aw_native_slider_progress_container .aw_native_slider_progress_wrapper .aw_progress_range_slider:before {
	left: 0
}

.aw_native_slider_progress_container .aw_native_slider_progress_wrapper .aw_progress_range_slider:after {
	right: 0
}

.aw_native_slider ul.aw_native_slider__list .signal_image {
	font-size: .875rem;
	letter-spacing: .06em;
	line-height: 21px
}

.aw_native_slider ul.aw_native_slider__list .productbox {
	height: 100%
}

.aw_native_slider ul.aw_native_slider__list .price_wrapper .price>span {
	font-size: 1.5rem
}

.aw_native_slider.aw_no_slide .aw_native_slider_progress_container {
	display: none !important
}

.aw_native_slider[data-slide-vertical=true] {
	position: relative;
	margin-bottom: 0
}

.aw_native_slider[data-slide-vertical=true].aw_no_slide ul.aw_native_slider__list {
	margin-top: 0
}

.aw_native_slider[data-slide-vertical=true] ul.aw_native_slider__list {
	list-style: none;
	padding: 0;
	margin: 2.5rem auto;
	line-height: 0;
	display: grid;
	grid-auto-flow: row;
	gap: 1rem;
	height: 100%;
	font-size: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: contain;
	overscroll-behavior-inline: unset;
	scroll-padding-top: 2.5rem;
	scroll-snap-type: y mandatory;
	scroll-padding-block: 0
}

.aw_native_slider[data-slide-vertical=true] ul.aw_native_slider__list>li {
	white-space: normal;
	line-height: initial;
	font-size: initial;
	width: 100%;
	margin: 0
}

.aw_native_slider[data-slide-vertical=true] ul.aw_native_slider__list>li.aw_native_slider__slide {
	scroll-snap-align: start;
	width: 100%;
	margin: 0;
	display: block
}

.aw_native_slider[data-slide-vertical=true] ul.aw_native_slider__list li {
	height: auto;
	border: 1px solid #fff;
	transition: border-color ease-in-out 100ms
}

.aw_native_slider[data-slide-vertical=true] ul.aw_native_slider__list li.aw_is_selected {
	border: 1px solid #ef7800
}

.aw_native_slider[data-slide-vertical=true] ul.aw_native_slider__list li img {
	display: block;
	height: auto;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

.aw_native_slider[data-slide-vertical=true] ul.aw_native_slider__list li img[style*=aspect] {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.aw_native_slider[data-slide-vertical=true][data-show-navigation=true] .aw_nav_button {
	height: 2rem;
	width: 100%;
	opacity: 1;
	background-color: #fff;
	color: #333
}

.aw_native_slider[data-slide-vertical=true][data-show-navigation=true] .aw_nav_button:focus,
.aw_native_slider[data-slide-vertical=true][data-show-navigation=true] .aw_nav_button:hover {
	color: #ef7800
}

.aw_native_slider[data-slide-vertical=true][data-show-navigation=true] .aw_nav_button.aw_left {
	top: 0;
	right: 0;
	transform: translateY(-2.5rem) !important
}

.aw_native_slider[data-slide-vertical=true][data-show-navigation=true] .aw_nav_button.aw_left i,
.aw_native_slider[data-slide-vertical=true][data-show-navigation=true] .aw_nav_button.aw_right i {
	transform: rotate(90deg)
}

.aw_native_slider[data-slide-vertical=true][data-show-navigation=true] .aw_nav_button.aw_right {
	top: unset;
	bottom: 0;
	transform: translateY(2.5rem) !important
}

.aw_native_slider[data-current-index="0"] .aw_nav_button.aw_left, 
.aw_native_slider[data-first-slide="true"] .aw_nav_button.aw_left, 
.aw_native_slider[data-last-slide="true"] .aw_nav_button.aw_right {
  opacity: 0 !important;
  cursor: default;
  pointer-events: none;
}
.aw_native_slider[data-slide-vertical="true"][data-show-navigation="true"] .aw_nav_button {
  height: 2rem;
  width: 100%;
  opacity: 1;
  background-color: #fff;
  color: #333;
}



[data-mobile-zoom=true] .aw_image_wrapper {
	height: 100%
}

[data-mobile-zoom=true] .aw_image_wrapper .pinch-zoom-container {
	width: 100%;
	height: 100%
}

[data-mobile-zoom=true].aw_animate_indicator ul li:first-of-type .pinch-zoom-container::after {
	display: block;
	position: absolute;
	bottom: 35%;
	left: 70%;
	content: "";
	pointer-events: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwcHQiIGhlaWdodD0iMTAwcHQiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02NC4wNTkgMzIuNjE3YTEuODcyIDEuODcyIDAgMCAxLTEuMzYzLTIuMjczYy4yODUtMS4xNDUuNDMtMi40MTguNDMtMy43ODIgMC05LjgyLTcuOTkzLTE3LjgxMi0xNy44MTMtMTcuODEycy0xNy44MTIgNy45OTMtMTcuODEyIDE3LjgxMmMwIDQuNjk2IDEuODA1IDkuMTE0IDUuMDg2IDEyLjQ0NWExLjg3NSAxLjg3NSAwIDEgMS0yLjY3MiAyLjYzM2MtMy45NzItNC4wMzktNi4xNjQtOS4zOTQtNi4xNjQtMTUuMDc4QzIzLjc1MSAxNC42NzIgMzMuNDIzIDUgNDUuMzEzIDVzMjEuNTYyIDkuNjcyIDIxLjU2MiAyMS41NjJjMCAxLjY3Mi0uMTgzIDMuMjQ2LS41NDMgNC42OTJhMS44NzIgMS44NzIgMCAwIDEtMi4yNzMgMS4zNjN6Ii8+PHBhdGggZD0iTTMxLjI1IDI2LjU2MmMwLTcuNzU0IDYuMzA5LTE0LjA2MiAxNC4wNjItMTQuMDYyczE0LjA2MiA2LjMwOSAxNC4wNjIgMTQuMDYyYTEuODc1IDEuODc1IDAgMCAxLTMuNzUgMGMwLTUuNjg4LTQuNjI1LTEwLjMxMi0xMC4zMTItMTAuMzEyUzM1IDIwLjg3NSAzNSAyNi41NjJhMS44NzUgMS44NzUgMCAwIDEtMy43NSAweiIvPjxwYXRoIGQ9Im0yMC44NzkgNjAuMTQxIDcuOTQxIDEyLjc0MmEzMS44MTkgMzEuODE5IDAgMCAwIDcuMTQxIDguMDRsMy45NiAzLjE2N2MuNDQ2LjM1Ni43MDQuODkuNzA0IDEuNDY1djMuODI0YTUuNjMxIDUuNjMxIDAgMCAwIDUuNjI1IDUuNjI1aDIwLjYyNUE1LjYzMSA1LjYzMSAwIDAgMCA3Mi41IDg5LjM4di00LjM2YzAtLjgwOC4xNjgtMS41OS41MDQtMi4zMjNsNC41NzgtMTAuMDk0QTI2Ljk1IDI2Ljk1IDAgMCAwIDgwIDYxLjQ3N2MwLS4wNCAwLS4wNzUtLjAwNC0uMTE0LjAwNC0uMDM5LjAwNC0uMDc0LjAwNC0uMTEzVjQ2LjcxOWE2LjU3MiA2LjU3MiAwIDAgMC02LjU2Mi02LjU2M2MtMS40MTggMC0yLjczMS40NTQtMy44MDUgMS4yMmE2LjU2NiA2LjU2NiAwIDAgMC01LjU3LTMuMDk1Yy0xLjQxOCAwLTIuNzMxLjQ1NC0zLjgwNSAxLjIyYTYuNTY2IDYuNTY2IDAgMCAwLTguMzgzLTIuNDYyVjI2LjU2MmMwLTMuNjE3LTIuOTQ1LTYuNTYyLTYuNTYyLTYuNTYycy02LjU2MyAyLjk0NS02LjU2MyA2LjU2MlY2MS44bC02LjgxMi03Ljk2NWE3LjM1OCA3LjM1OCAwIDAgMC04LjgyOS0xLjc1Yy0xLjQyMS43MTEtMi40OCAyLTIuOTA2IDMuNTMycy0uMTggMy4xOC42NzYgNC41MnptMi45MzgtMy41MmMuMTQ0LS41MTkuNDg4LS45MzcuOTY4LTEuMTc1YTMuNjA0IDMuNjA0IDAgMCAxIDQuMzE3Ljg0N0wzOS4yIDY4LjA5OGMuNTExLjU5NCAxLjM0LjgwNSAyLjA3NC41NGExLjg4IDEuODggMCAwIDAgMS4yMjYtMS43NjJWMjYuNTY0YzAtMS41NTEgMS4yNjItMi44MTMgMi44MTMtMi44MTNzMi44MTIgMS4yNjIgMi44MTIgMi44MTN2MjcuMTg4YTEuODc1IDEuODc1IDAgMCAwIDMuNzUgMFY0Mi45N2MwLTEuNTUxIDEuMjYyLTIuODEzIDIuODEzLTIuODEzUzU3LjUgNDEuNDIgNTcuNSA0Mi45NzF2MTAuNzhhMS44NzUgMS44NzUgMCAwIDAgMy43NSAwdi04LjkwNWMwLTEuNTUxIDEuMjYyLTIuODEzIDIuODEzLTIuODEzczIuODEyIDEuMjYyIDIuODEyIDIuODEzdjguOTA2YTEuODc1IDEuODc1IDAgMCAwIDMuNzUgMFY0Ni43MmMwLTEuNTUxIDEuMjYyLTIuODEzIDIuODEzLTIuODEzczIuODEyIDEuMjYyIDIuODEyIDIuODEzdjE0LjUzYzAgLjA0IDAgLjA3NS4wMDQuMTE0LS4wMDQuMDM1LS4wMDQuMDc0LS4wMDQuMTEzIDAgMy4yODEtLjcxOCA2LjU5LTIuMDgyIDkuNTdsLTQuNTgyIDEwLjA5OGE5LjMzMiA5LjMzMiAwIDAgMC0uODQgMy44NzF2NC4zNmMwIDEuMDM1LS44NCAxLjg3NS0xLjg3NCAxLjg3NUg0Ni4yNDdhMS44NzUgMS44NzUgMCAwIDEtMS44NzUtMS44NzV2LTMuODI0YzAtMS43MTUtLjc3LTMuMzE3LTIuMTEtNC4zOWwtMy45Ni0zLjE3M2EyOC4wMzcgMjguMDM3IDAgMCAxLTYuMzA1LTcuMDk0bC03Ljk1LTEyLjc1OGExLjg2NyAxLjg2NyAwIDAgMS0uMjM0LTEuNTIzeiIvPjwvc3ZnPg==);
	background-size: contain;
	height: 4rem;
	width: 4rem;
	opacity: 1;
	animation: show-tap-indicator 2.5s ease-in-out forwards;
	transform-origin: center center
}

.aw_col_1_desktop {
	display: flex;
	flex: 0 0 12.5%;
	max-width: 12.5%
}

.aw_col_11_desktop {
	display: flex;
	flex: 0 0 87.5%;
	max-width: 87.5%
}

@media only screen and (max-width: 767px) {
	.aw_col_1_desktop {
		display:none
	}

	.aw_col_11_desktop {
		flex: 0 0 100%;
		max-width: 100%
	}
}

#abw_gallery_wrapper :is(.aw_native_slider_progress_container,.aw_nav_button) {
	display: none
}

#abw_gallery_wrapper .aw_native_slider__slide img {
	width: 100%;
	height: auto
}

#abw_gallery_wrapper .aw_native_slider__list {
	overflow-x: scroll
}

@media only screen and (min-width: 1023px) and (hover:none) {
	#abw_gallery_wrapper .aw_native_slider__list {
		overflow-x:hidden
	}
}

@media (hover: hover) {
	#abw_gallery_wrapper .aw_native_slider__list {
		overflow-x:hidden
	}
}

@media only screen and (max-width: 767px) and (pointer:coarse) {
	#abw_gallery_wrapper .aw_native_slider:not(.aw_no_slide) .aw_native_slider_progress_container {
		display:flex
	}

	#abw_gallery_wrapper .aw_native_slider__list {
		overflow-x: scroll
	}
}

@media only screen and (min-width: 1425px) {
	#abw_preview_gallery ul.aw_native_slider__list {
		max-height:34.6rem
	}
}

@media only screen and (max-width: 1424px) {
	#abw_preview_gallery ul.aw_native_slider__list {
		max-height:27.4rem
	}
}

/* Wir zwingen das li-Element, den berechneten JS-Inline-Style zu ignorieren */
/* ==========================================
   LAYOUT-SAFE HÖHEN-AUSGLEICH (Absolut stabil)
   ========================================== */

/* 1. Dein funktionierender Basis-Fix: Das li ignoriert die 1347px */
li.aw_native_slider__slide[style] {
	height: auto !important;
	/* Wir erzwingen hier KEIN display: flex, damit das Slider-Layout intakt bleibt */
}

/* 2. Die CMS-Klassen flexibel, aber streckbar machen */
.productbox.productbox-column {
	height: 100% !important; /* Nutzt die volle Höhe, die das li durch das höchste Element bekommt */
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

/* 3. Das inner-Element füllt die Box komplett aus */
.productbox-inner {
	height: 100% !important;
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important; /* Zwingt die Box, sich nach unten zu dehnen */
}

/* 4. Der Inhaltsbereich (Titel, Beschreibung) dehnt sich aus */
.productbox-inner .caption {
	flex: 1 1 auto !important; /* Drückt alles darunter (Preis/Button) automatisch nach unten */
	display: flex !important;
	flex-direction: column !important;
}

/* 5. Der Preis wandert ganz nach unten, damit alle Preise bündig sind */
.item-slider-price {
	margin-top: auto !important;
}


.gallery-slider-container .row > [class*="col-"], 
.gallery-item {
	display: flex !important;
	flex-direction: column !important; /* Stapelt Bild und Text untereinander */
	align-items: center !important;    /* Zentriert horizontal */
	justify-content: center !important; /* Zentriert vertikal (falls die Boxen eine feste Höhe haben) */
	text-align: center !important;     /* Zentriert mehrzeiligen Text */
}

/* Falls die Bilder innerhalb der Links liegen, zentrieren wir auch den Link-Inhalt */
.gallery-item a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%; /* Nutzt die volle Breite des Items */
}

/* Optional: Ein kleiner Abstand zwischen Bild und Text */
.gallery-item img {
	margin-bottom: 8px; 
	max-width: 100%; /* Verhindert, dass das Bild über das Item hinausragt */
	height: auto;
}

/* ==========================================
   DESKTOP VIEW (Ab 768px: Alle 6 nebeneinander)
   ========================================== */
@media (min-width: 768px) {
	   .gallery-slider-container .row, 
	   .gallery-slider-wrapper {
		   display: flex !important;
		   flex-wrap: nowrap !important; 
		   justify-content: space-between !important;
		   gap: 15px !important;
	   }
   
	   .gallery-slider-container .row > [class*="col-"], 
	   .gallery-item {
		   /* Erzwingt exakt gleiche Breiten auf Desktop (1/6 des Platzes abzüglich Gaps) */
		   flex: 0 0 calc(16.66% - 13px) !important; 
		   max-width: calc(16.66% - 13px) !important;
		   min-width: calc(16.66% - 13px) !important;
		   box-sizing: border-box !important;
	   }
   
	   .kategorie-line .aw_native_slider_progress_container {
		   display: none !important;
	   }
   }

/* ==========================================
   MOBILE VIEW (Überschreibt die CMS-Logik)
   ========================================== */
@media (max-width: 767px) {
	.gallery-slider-container {
		overflow: hidden !important;
		width: 100% !important;
	}
	
	.gallery-slider-container .row, 
	.gallery-slider-wrapper {
		display: flex !important;
		flex-wrap: nowrap !important; 
		overflow-x: auto !important; 
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		gap: 12px !important;
		/* Padding links/rechts entfernt, damit die Boxen sauber mit dem Bildschirm abschließen */
		padding-left: 0 !important;
		padding-right: 0 !important;
		scrollbar-width: none !important;
	}
	
	.gallery-slider-container .row::-webkit-scrollbar {
		display: none !important;
	}
	
	.gallery-slider-container .row > [class*="col-"], 
	.gallery-item {
		/* Berechnet exakt 50% der Breite abzüglich der halben Lücke.
		   Dadurch passen exakt 2 Items perfekt auf den Bildschirm. */
		flex: 0 0 calc(50% - 6px) !important; 
		max-width: calc(50% - 6px) !important;
		min-width: calc(50% - 6px) !important;
		scroll-snap-align: start !important;
		box-sizing: border-box !important;
	}
	
	.kategorie-line div a::before {
	  top: -40px;
	}
	
}

/* opc */
.slider-pause-controls.slider-pause-overlay {
	display: none !important;
}

.css-withdrawal-button-wrapper a.css-withdrawal-button {
	/* max-height: 30px; */
	padding: 3px 15px;
	font-size: .8rem;
}

/* --- THEME SINGLE-SOURCE HARDWARE FILTER --- */

@media (min-width: 992px) {
	.r2-layout-master-row { display: flex !important; }
	.r2-layout-gallery-col { order: 1 !important; }
	.r2-layout-info-col { order: 2 !important; }
}
@media (max-width: 991px) {
	.r2-layout-master-row { display: flex !important; flex-direction: column !important; }
	.r2-layout-info-col { order: 2 !important; margin-bottom: 2rem; }
	.r2-layout-gallery-col { order: 1 !important; }
}