@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
font-display: swap;
src: local('Myriad Pro Regular'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Condensed'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Condensed Italic'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Light';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Light'), url('/templates/NOVAChild/themes/my-nova/fonts/MyriadPro-Light.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Semibold'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Semibold Italic'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Bold Condensed'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Bold'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-BOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Bold Italic'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
font-display: swap;		
src: local('Myriad Pro Bold Condensed Italic'), url('/templates/NOVAChild/themes/my-nova/fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}

#maintenance-mode {
display: none;
}
#opc #opc-startmenu {
z-index: 99999!important;
}
#consent-manager {
z-index: 9999;
}

body {
font-family: 'Myriad Pro Light';	
font-size: 1.2rem;	
}
.modal {
  z-index: 9999;
margin-top: 3rem;
}
.ribbon {
  font-family: "Open Sans",sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
font-family: 'Myriad Pro Semibold';
}
.btn, .btn-lg, .btn-group-lg > .btn, .btn-dark {
font-size: 16px;
padding: 15px 25px;	
font-weight: normal;
}
.btn.compare, .btn.wishlist {
padding: 0.25em 0.4em;	
}
.btn.btn-decrement.btn-, .btn.btn-increment.btn- {
padding: 0.625rem 0.9375rem;
}
#filter-checkboxes .btn.btn-outline-secondary,
button#switch-label.btn.btn-outline-secondary,
#delete-all.btn.btn-outline-secondary{
padding: 0.625rem 0.9375rem;
font-size: 1rem;
}
.comparelist.table-responsive {
font-size: 1rem;
margin-top: 2rem;
}
#wishlist-search .btn.wishlist-search-button.btn-outline-primary {
padding: 0.625rem 0.9375rem;
}
#wishlist-search .form-control {
font-size: 16px;
}
html.bms_started #bms {
padding-top: 3rem;
}
html.bms_started .sg-hero {
  display: none !important;
}
#bms_suggestContainer {
border:0 none transparent!important;
}
.btn.btn-primary.bms_loadMore.btn-sm.disabled {
  display: none !important;
}
/* TopBar */
#header-top-bar {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1060;
background-color: #000;
border: none;
}
#header-top-bar .container-fluid {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex-direction: row !important;
}
.language-dropdown .dropdown-menu {
z-index: 1101 !important;
}
.sg-topbar__item {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
font-size: 0.85rem;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
.sg-topbar__icon {
margin-right: 8px;
font-size: 1rem;
opacity: 0.8;
}
.sg-topbar__item:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.topbar-main {
margin-left: auto;
flex: 0;
padding-left: 20px;
}
/* Header */
#header-top-bar {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1060;
background-color: #000;
border: none;
}
#header-top-bar .nav-link {
color: #ffffff !important;
}
header:not(.is-sticky) {
box-shadow: none;
}
body[data-page="1"] #jtl-nav-wrapper,
body[data-page="2"] #jtl-nav-wrapper,
body[data-page="18"] #jtl-nav-wrapper,
#storys #jtl-nav-wrapper,
#recipes #jtl-nav-wrapper,
#about-us #jtl-nav-wrapper {
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 1050;
background-color: transparent !important;
border: none;
box-shadow: none;
transition: all 0.3s ease;
}
body[data-page="1"] #jtl-nav-wrapper.is-sticky,
body[data-page="2"] #jtl-nav-wrapper.is-sticky,
body[data-page="18"] #jtl-nav-wrapper.is-sticky,
#storys #jtl-nav-wrapper.is-sticky,
#recipes #jtl-nav-wrapper.is-sticky,
#about-us #jtl-nav-wrapper.is-sticky {
position: fixed;
top: 0;
background-color: rgba(255, 255, 255, 0.95) !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
#jtl-nav-wrapper.is-sticky .nav-link,
#jtl-nav-wrapper.is-sticky .navbar-brand {
color: #333 !important;
}
#jtl-nav-wrapper.is-sticky .navbar-brand img {
filter: none;
}
#jtl-nav-wrapper.is-sticky #search .btn-secondary {
color: #333 !important;
}

header .navbar-nav > .nav-item > .nav-link {
font-family: 'Myriad Pro Regular';
}
body[data-page="1"] #jtl-nav-wrapper .navbar-brand,
body[data-page="2"]:not(.landingpage-search) #jtl-nav-wrapper .navbar-brand,
body[data-page="18"] #jtl-nav-wrapper .navbar-brand,
#storys #jtl-nav-wrapper .navbar-brand,
#recipes #jtl-nav-wrapper .navbar-brand,
#about-us #jtl-nav-wrapper .navbar-brand,
body[data-page="1"] #header-top-bar .sg-topbar__item,
body[data-page="2"]:not(.landingpage-search) #header-top-bar .sg-topbar__item,
body[data-page="18"] #header-top-bar .sg-topbar__item,
#storys #header-top-bar .sg-topbar__item,
#recipes #header-top-bar .sg-topbar__item,
#about-us #header-top-bar .sg-topbar__item,
body[data-page="1"] #header-top-bar .nav-link,
body[data-page="2"]:not(.landingpage-search) #header-top-bar .nav-link,
body[data-page="18"] #header-top-bar .nav-link,
body[data-page="19"] #header-top-bar .nav-link,
body[data-page="20"] #header-top-bar .nav-link,
#storys #header-top-bar .nav-link,
#recipes #header-top-bar .nav-link,
#about-us #header-top-bar .nav-link {
color: #ffffff !important;
}
html.bms_started body #header-top-bar .sg-topbar__item {
color: #ffffff !important;
}
html.bms_started body #jtl-nav-wrapper .navbar-brand,
html.bms_started body #header-top-bar .nav-link {
color: #000000 !important;
}
body[data-page="1"] #jtl-nav-wrapper .container-fluid,
body[data-page="2"]:not(.landingpage-search) #jtl-nav-wrapper .container-fluid,
body[data-page="18"] #jtl-nav-wrapper .container-fluid,
#storys #jtl-nav-wrapper .container-fluid,
#recipes #jtl-nav-wrapper .container-fluid,
#about-us #jtl-nav-wrapper .container-fluid {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

ul.navbar-nav.nav-scrollbar-inner.mr-auto > li:nth-child(1) { order: 1; }
ul.navbar-nav.nav-scrollbar-inner.mr-auto > li:nth-child(2) { order: 2; }
ul.navbar-nav.nav-scrollbar-inner.mr-auto > li:nth-child(4) { order: 4; }
ul.navbar-nav.nav-scrollbar-inner.mr-auto > li:nth-child(5) { order: 5; }
ul.navbar-nav.nav-scrollbar-inner.mr-auto > li:nth-child(6) { order: 6; }
ul.navbar-nav.nav-scrollbar-inner.mr-auto > li:nth-child(3) { order: 3; }

body[data-page="1"] header .navbar-brand img,
body[data-page="2"]:not(.landingpage-search) header .navbar-brand img,
body[data-page="18"] header .navbar-brand img,
#storys header .navbar-brand img,
#recipes header .navbar-brand img,
#about-us header .navbar-brand img {
filter: brightness(0) invert(1);
}
html.bms_started body header .navbar-brand img {
filter: none;
}

header.is-sticky .navbar-toggler {
color: #333;
}
.search-wrapper {
width: 100%;
background-color: #fff;
border-radius: 10rem;
height: 46px;
align-items: center;
display: flex;
border: 1px solid #000;
}
.search-wrapper .input-group {
align-items: center;
}
#search-header.form-control {
height: auto;
border: 0!important;
background-color: transparent !important;
}
#search-header.form-control:focus,
#search-wrapper.form-control:focus {
box-shadow: none!important;
}
body[data-page="1"] header #shop-nav a:not(.dropdown-item):not(.btn),
body[data-page="2"]:not(.landingpage-search) header #shop-nav a:not(.dropdown-item):not(.btn),
body[data-page="18"] header #shop-nav a:not(.dropdown-item):not(.btn),
#storys header #shop-nav a:not(.dropdown-item):not(.btn),
#recipes header #shop-nav a:not(.dropdown-item):not(.btn),
#about-us header #shop-nav a:not(.dropdown-item):not(.btn) {
color: #fff;
}
html.bms_started body #shop-nav a:not(.dropdown-item):not(.btn) {
color: #000 !important;
}
body[data-page="1"] .search-wrapper,
body[data-page="2"] .search-wrapper,
body[data-page="18"] .search-wrapper,
#storys .search-wrapper,
#recipes .search-wrapper,
#about-us .search-wrapper {
width: 100%;
background-color: transparent;
border-radius: 10rem;
border: 1px solid #fff;	
}
body[data-page="1"] #search .form-control,
body[data-page="2"] #search .form-control,
body[data-page="18"] #search .form-control,
#storys #search .form-control,
#recipes #search .form-control,
#about-us #search .form-control {
font-size: 1rem;
border-top-left-radius: 10rem;
border-bottom-left-radius: 10rem;	
border: 0;	
}
body[data-page="1"] .form-control:focus,
body[data-page="2"] .form-control:focus,
body[data-page="18"] .form-control:focus,
#storys .form-control:focus,
#recipes .form-control:focus,
#about-us .form-control:focus {
border-color: transparent;
box-shadow: none;
}
body[data-page="1"] .is-sticky .search-wrapper,
body[data-page="2"] .is-sticky .search-wrapper,
body[data-page="18"] .is-sticky .search-wrapper,
#storys .is-sticky .search-wrapper,
#recipes .is-sticky .search-wrapper,
#about-us .is-sticky .search-wrapper {
width: 100%;
background-color: #fff;
border-radius: 10rem;
border: 1px solid #000000;	
}

body[data-page="1"] #search .btn-secondary,
body[data-page="2"]:not(.landingpage-search) #search .btn-secondary,
body[data-page="18"] #search .btn-secondary,
#storys #search .btn-secondary,
#recipes #search .btn-secondary,
#about-us #search .btn-secondary {
color: #fff;
background-color: transparent;
border-color: transparent;
box-shadow: none;
font-size: 1.25rem;
padding: 0 1rem;
}
body[data-page="1"] #search-header-mobile-top,
body[data-page="2"] #search-header-mobile-top,
body[data-page="18"] #search-header-mobile-top,
#storys #search-header-mobile-top,
#recipes #search-header-mobile-top,
#about-us #search-header-mobile-top {
font-size: 1rem;
border-radius: 10rem;
border: 0 none transparent;
}
body[data-page="1"] .search-wrapper .btn-secondary,
body[data-page="2"] .search-wrapper .btn-secondary,
body[data-page="18"] .search-wrapper .btn-secondary,
#storys .search-wrapper .btn-secondary,
#recipes .search-wrapper .btn-secondary,
#about-us .search-wrapper .btn-secondary {
color: #fff;
background-color: transparent;
border-color: transparent;
box-shadow: none;
font-size: 1.25rem;
}

body[data-page="1"] .search-wrapper .btn-secondary,
body[data-page="2"]:not(.landingpage-search) .search-wrapper .btn-secondary,
body[data-page="18"] .search-wrapper .btn-secondary,
#storys .search-wrapper .btn-secondary,
#recipes .search-wrapper .btn-secondary,
#about-us .search-wrapper .btn-secondary,
.search-wrapper .btn-secondary {

background-color: transparent;
border-color: transparent;
box-shadow: none;
font-size: 1.25rem;
padding: 0 1rem;
}
body[data-page="1"] #jtl-nav-wrapper:not(.is-sticky) .form-control,
body[data-page="1"] #jtl-nav-wrapper:not(.is-sticky) .form-control,
body[data-page="2"] #jtl-nav-wrapper:not(.is-sticky) .form-control,
body[data-page="2"] #jtl-nav-wrapper:not(.is-sticky) .form-control,
body[data-page="18"] #jtl-nav-wrapper:not(.is-sticky) .form-control,
body[data-page="18"] #jtl-nav-wrapper:not(.is-sticky) .form-control,
#storys #jtl-nav-wrapper:not(.is-sticky) .form-control,
#storys #jtl-nav-wrapper:not(.is-sticky) .form-control,
#recipes #jtl-nav-wrapper:not(.is-sticky) .form-control,
#recipes #jtl-nav-wrapper:not(.is-sticky) .form-control,
#about-us #jtl-nav-wrapper:not(.is-sticky) .form-control,
#about-us #jtl-nav-wrapper:not(.is-sticky) .form-control  {
color: #fff;
}
body[data-page="1"] #jtl-nav-wrapper:not(.is-sticky) .form-control::placeholder,
body[data-page="1"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus::placeholder,
body[data-page="2"] #jtl-nav-wrapper:not(.is-sticky) .form-control::placeholder,
body[data-page="2"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus::placeholder,
body[data-page="18"] #jtl-nav-wrapper:not(.is-sticky) .form-control::placeholder,
body[data-page="18"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus::placeholder,
#storys #jtl-nav-wrapper:not(.is-sticky) .form-control::placeholder,
#storys #jtl-nav-wrapper:not(.is-sticky) .form-control:focus::placeholder,
#recipes #jtl-nav-wrapper:not(.is-sticky) .form-control::placeholder,
#recipes #jtl-nav-wrapper:not(.is-sticky) .form-control:focus::placeholder,
#about-us #jtl-nav-wrapper:not(.is-sticky) .form-control::placeholder,
#about-us #jtl-nav-wrapper:not(.is-sticky) .form-control:focus::placeholder  {
color: #fff;
}
body[data-page="1"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
body[data-page="1"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
body[data-page="2"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
body[data-page="2"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
body[data-page="18"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
body[data-page="18"] #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
#storys #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
#storys #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
#recipes #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
#recipes #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
#about-us #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,
#about-us #jtl-nav-wrapper:not(.is-sticky) .form-control:focus,  {
color: #fff;
}
.bms_nova.bms_targetContent.bms_started header #shop-nav a:not(.dropdown-item):not(.btn),
.bms_nova.bms_targetContent.bms_started #search .btn-secondary,
.bms_nova.bms_targetContent.bms_started #jtl-nav-wrapper:not(.is-sticky) .form-control{
color: #000000;
}
.bms_nova.bms_targetContent.bms_started .search-wrapper {
border: 1px solid #000000;	
}

.nav-item.dropdown.account-icon-dropdown span,
#shop-nav-wish,
.cart-icon-dropdown.nav-item.dropdown{
font-size: 1.25rem;
}
.cart-icon-dropdown .cart-icon-dropdown-price {
font-size: 1.15rem;
}
body.landingpage-search #content {
padding-top: 3rem;
}
/* Banner */
#main-wrapper {
padding-top: 0 !important;
}
#home .sg-hero .container-fluid {
max-width: 103.125rem !important;
min-height: 100vh !important;
display: flex;
align-items: flex-end;
padding-bottom: 15rem;
}
#home .sg-hero div {
width: 100%;	
max-width: 103.125rem !important;
margin: 0 auto;
}
#home .sg-hero {
background-repeat: no-repeat;
min-height: 100vh!important;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 100px;             
margin-top: 0;
position: relative;
overflow: hidden;
}
#home .sg-hero .card {
background: transparent !important;
border: none;
}
#home .sg-hero__headline {
font-size: clamp(2.75rem, 5vw, 3.8rem);
color: #fff;
font-weight: 800;
line-height: 1.1;
text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
#home .sg-hero__accent {
color: #ff7e45;
font-style: italic;
}
#home .sg-hero__subline {
color: #eeeeee;
font-size: 1.2rem;
margin: 10px 0 20px 0;
}
#home.sg-hero .btn-primary {
background-color: #ff7e45;
border-color: #ff7e45;
padding: 12px 30px;
font-weight: bold;
text-transform: uppercase;
}

#home .container-fluid-xl {
max-width: 103.125rem!important;
}
#home .sg-category .col {
padding: 0;
}
#home .sg-category-card {
position: relative;
border: none;
padding: 0 !important;
}
#home .sg-category-card .card-body {
padding: 0 !important;
position: relative;
}
#home .sg-category-card .card-body::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: background 0.3s ease;
z-index: 1;
}
#home .sg-category-card:hover .card-body::after {
background: rgba(0, 0, 0, 0.5);
}
#home .sg-category-card-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 2; 
color: #ffffff;
pointer-events: none;
}
#home .sg-category-card.one .sg-category-card-content::before {
content: '';
display: block;
width: 100px; 
height: 100px;
margin-bottom: 10px;
background-image: url('https://stahlglut.de//templates/NOVAChild/themes/my-nova/img/icon-plancha-grills.png'); 
background-size: cover; 
background-repeat: no-repeat;
background-position: center;
}
#home .sg-category-card.two .sg-category-card-content::before {
content: '';
display: block;
width: 100px; 
height: 100px;
margin-bottom: 10px;
background-image: url('https://stahlglut.de//templates/NOVAChild/themes/my-nova/img/icon-roboports.png'); 
background-size: cover; 
background-repeat: no-repeat;
background-position: center;
}
#home .sg-category-card.three .sg-category-card-content::before {
content: '';
display: block;
width: 100px; 
height: 100px;
background-image: url('https://stahlglut.de//templates/NOVAChild/themes/my-nova/img/icon-dekoration.png'); 
background-size: cover; 
background-repeat: no-repeat;
background-position: center;
}
#home .sg-category-card-content p {
font-size: 2.2rem;
font-weight: 700;
margin: 0;
color: #ffffff !important;
text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
font-family: 'Inter', sans-serif;
}
#home .sg-category-card .card-body > div:first-child {
max-width: 100% !important;
margin: 0 !important;
}


#home .sg-category  .card {
border: 0 none transparent;
}
#home .sg-category .card-body {
padding: 0;
}
#home .sg-category img {
outline: 5px solid #fff;
}
#home .sg-category .card div {
max-width: 100% !important;
}
#home .sg-category-card .opc-Button {
position: absolute;
bottom: 20%;
left: 0;
width: 100%;
z-index: 3;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
#home .sg-category-card-content {
transition: transform 0.4s ease-in-out;
}
#home .sg-category-card:hover .sg-category-card-content {
transform: translateY(-30px); /* Schiebt Icon und Text nach oben */
}
#home .sg-category-card:hover .opc-Button {
opacity: 1;
visibility: visible;
bottom: 10%; /* Endposition beim Hover */
transform: translateY(0);
}
#home .sg-category-card .opc-Button .btn-primary {
color: #fff;
background-color: rgba(255,255,255,0.35);
border-color: transparent;
box-shadow: none;
font-weight: normal;
font-size: 16px;	
}
#home .sg-category-card .opc-Button .btn-primary:hover {
color: #fff;
background-color: rgba(255,255,255,0.5);
border-color: transparent;
box-shadow: none;
font-weight: normal;
font-size: 16px;	
}
#home .sg-category-card-content {
pointer-events: none; /* Das hast du schon drin, das ist gut! */
}
#home .sg-product-highlights-section-one {
margin-top: 6rem;
}

/* Home | Unsere Produkt Highlights | Bild Slider */

.custom-slider-block {
width: 100%;
}

.sg-product-highlights-section-one [data-area-id="col-0"] > div, 
.sg-product-highlights-section-one [data-area-id="col-1"] > div {
height: 100%;
display: flex;
flex-direction: column;
}
.custom-slider-block {
height: 100%;
display: flex;
}

.slider-container {
height: 100%;
width: 100%;
}

.slider-container .slide, 
.slider-container .slide img {
height: 100%;
width: 100%;
object-fit: cover;
}
.slider-container {
position: relative; 
width: 100%;
overflow: hidden;
margin: 0 auto;
}

.slide, .sg-product-highlights .slide {
display: none; /* Wird per JS gesteuert */
}

.slide img, .sg-product-highlights .slide img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 1px; 
visibility: visible !important;
opacity: 1 !important;
}

.dot-container, .sg-product-highlights .dot-container {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
z-index: 99;
pointer-events: none;
}
.dot, .sg-product-highlights .dot {
pointer-events: auto;
cursor: pointer;
height: 6px;
width: 50px;
margin: 0 5px;
background-color: rgba(255, 255, 255, 0.4);
display: inline-block;
transition: background-color 0.3s ease;
border-radius: 2px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

.dot.active, .sg-product-highlights .dot.active {
background-color: #ffffff !important;
}
.fade:not(.show), .sg-product-highlights .fade:not(.show) {
opacity: 1;
}
.fade, .sg-product-highlights .fade {
animation: fadeEffect 0.6s;
}

@keyframes fadeEffect {
from { opacity: 0.4; }
to { opacity: 1; }
}


/* Home | Unsere Produkt Highlights | Produkt Slider */

.product-img {
max-width: 100%;
height: auto;
transition: opacity 0.2s ease-in-out;
}
.product-configurator {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1rem;
}
.color-selector {
display: flex;
justify-content: center;
gap: 30px;
padding-bottom: 1rem;
}
.color-option {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
transition: 0.3s ease;
}
.color-option.active { opacity: 1; }
.swatch {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
margin-bottom: 8px;
border: 2px solid transparent;
transition: 0.3s ease;
}
.color-option.active .swatch {
outline: 2px solid #E67E53;
outline-offset: 3px;
}
.swatch.corten { background-color: #B06D42; }
.swatch.black  { background-color: #333333; }
.color-option label {
font-size: 14px;
font-weight: normal;
color: #000000;
text-transform: uppercase;
}

.color-option[data-info="info-corten-3"] .swatch,
.color-option[data-info="info-black-3"] .swatch {
width: 100px;
height: 70px;
border-radius: 8px; 
background-color: transparent;
border: 1px solid #ddd;
padding: 8px;         
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box; 	
}

.color-option[data-info="info-corten-3"] .swatch {
background-image: url('https://stahlglut.de/media/image/storage/opc/home/de/icon-dachform-lodge.png');
}

.color-option[data-info="info-black-3"] .swatch {
background-image: url('https://stahlglut.de/media/image/storage/opc/home/de/icon-dachform-bloom.png');
}

.slider-main {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
}
.product-image-container {
flex: 1;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.nav-btn {
width: 45px;
height: 45px;
color: #000000;	
border: 1px solid #000000;
background: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.nav-btn.next {
background: #ff7e45;
border: none;
}
.variant-info { display: none; }
.variant-info.active { display: block; }
.info-bar {
display: flex;
align-items: center;
border-top: 1px solid #eee;
padding-top: 1rem;
gap: 1rem;
}
.info-group { flex: 1; }
.border-left { border-left: 1px solid #eee; padding-left: 30px; }
.info-label { font-size: 15px; color: #888; display: block; }
.info-value { font-size: 20px; font-weight: bold; color: #000; margin: 5px 0; display: block; }
.info-sub { font-size: 15px; color: #666; font-style: italic; }
.btn-discover {
background: #000;
color: #fff;
padding: 15px 25px;
text-decoration: none;
font-weight: normal;
font-size: 16px;
display: inline-block;
white-space: nowrap;
}

.sg-product-highlights-section-one h2.sg-product-highlights_headline {
font-size: clamp(2rem, 5vw, 3.8rem);
font-weight: 700;
}
h2 .sg-product-highlights_accent {
color: #ff7e45;
font-family: 'Myriad Pro Semibold Italic';
}
.sg-product-highlights-section-one h3.sg-product-highlights_headline {
font-size: clamp(1.5rem, 5vw, 2.75rem);
font-weight: 700;
}
h3 .sg-product-highlights_accent {
color: #8c8c8c;
font-family: 'Myriad Pro Semibold Italic';
}

.sg-product-assortment {
margin-top: 4rem;
margin-bottom: 4rem;	
}
.sg-product-assortment h2.sg-product-assortment_headline {
font-size: clamp(2rem, 5vw, 2.75rem);
font-weight: 700;
color: #000000;	
}
h2 .sg-product-assortment_accent {
color: #ff7e45;
}
.sg-product-assortment .btn-primary {
color: #fff;
background-color: #000000;
border-color: #000000;
box-shadow: none;
padding: 15px 25px;
text-decoration: none;
font-weight: normal;
font-size: 16px;
display: inline-block;
white-space: nowrap;	
}

#home .sg-blog .container-fluid-xl {
margin: 0 auto;
padding-top: 4rem;
padding-bottom: 4rem;	
}

#home .sg-blog h2.sg-blog_headline {
font-size: clamp(2rem, 5vw, 2.75rem);
font-weight: 700;
color: #000000;	
}
#home h2 .sg-blog_accent {
color: #ff7e45;
}

#home .sg-blog .card {
border: 0;
border-radius: 0;
height: 100%;	
}
#home .sg-blog .card-body {
padding: 0;
}
#home .sg-blog .card-body h3 {
font-size: clamp(1.25rem, 5vw, 1.5rem);	
padding-top: 1rem;	
padding-right: 1rem;
padding-left: 1rem;	
min-height: 5rem;	
}
#home .sg-blog .card-body p {
padding-right: 1rem;
padding-left: 1rem;
}
#home .sg-blog .card-body .opc-Button  {
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;	
}
#home .sg-blog .card-body .opc-Button .btn-primary {
color: #000;
background-color: transparent;
border-color: #000;
box-shadow: none;
padding: 15px 25px;
text-decoration: none;
font-weight: normal;
font-size: 16px;
display: inline-block;
white-space: nowrap;	
}

#home .sg-about {
padding-top: 4rem;
padding-bottom: 4rem;	
}
#home .sg-about [data-area-id="col-0"] {
align-content: center;
} 
#home .sg-about h2.sg-about_headline {
font-size: clamp(2rem, 5vw, 2.75rem);
font-weight: 700;
color: #000000;	
}
#home h2 .sg-about_accent {
color: #ff7e45;
}
#home .btn-primary {
padding: 15px 25px;
text-decoration: none;
font-weight: normal;
font-size: 16px;
display: inline-block;
white-space: nowrap;	
}

/* Category */
.breadcrumb-wrapper {
display: none;
}
.sg-category-banner {
display: flex !important;
justify-content: center; 
align-items: center;
height: 500px;
max-height: 500px;
}
.sg-category-banner .card {
background-color: transparent;
border: 0;
}
.sg-category-banner .card-body {
padding: 0;
}
.sg-category-banner h1 {
color: #fff;
font-size: clamp(3rem, 5vw, 4rem);
font-weight: 700;	
}
.sg-category-banner .subtitle {
color: #fff;
font-size: clamp(1.5rem, 5vw, 2rem);
font-weight: 600;
font-style: italic;
text-align: center;	
}
#product-list {
margin-top: 2rem;
}

/* Productdetails */
.container {
max-width: 103.125rem;
}
.modal-header .close {
color: #fff;
}
.sg-product-banner {
display: flex !important;
justify-content: center; 
align-items: center;
height: 500px;
max-height: 500px;
}
.sg-product-banner .card {
background-color: transparent;
border: 0;
}
.sg-product-banner .card-body {
padding: 0;
}
.sg-product-banner h1 {
color: #fff;
font-size: clamp(3rem, 5vw, 4rem);
font-weight: 700;	
}
.sg-product-banner-title p {
color: #fff;
font-family: 'Myriad Pro Semibold';	
font-size: clamp(3rem, 5vw, 4rem);
font-weight: 700;	
margin: 0;
text-align: center;
}
.sg-product-banner .subtitle {
color: #fff;
font-size: clamp(1.5rem, 5vw, 2rem);
font-weight: 600;
font-style: italic;
text-align: center;	
}
.sg-product-feature-grid {
background-color: #F8F8F8;
padding-top: 1rem;
padding-bottom: 1rem;
margin: 0;	
}
.sg-product-feature-item {
}
h2.sg-product-feature-heading {
font-size: 2rem;
font-weight: 600;	
}
p.sg-product-feature-heading {
font-size: 1.15rem;
font-weight: 600;	
}
.sg-product-feature-text {
}

.sg-product-content-split-text-heading {
font-size: 1.5rem;
font-weight: 600;
}
.sg-product-content-split {
background-color: #f8f8f8;
display: flex;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.sg-product-content-split-text-heading {
font-size: 1.5rem;
font-weight: 600;
}
.sg-product-content-split-image img {
width: 100%;	
}
.col.sg-product-content-split-image.col-sm-6.col-md-6.col-lg-6.col-12 {
padding: 0;
}
.sg-product-faq-grid {
background-color: #F8F8F8;
padding-top: 1rem;
padding-bottom: 1rem;	
margin: 0;	
}
.sg-product-faq-item-question {
font-weight: bold;
}

#gallery .square::before,
#gallery_preview .square::before {
padding-bottom: 63.8% !important;
}

#image_wrapper #gallery .slick-arrow {   
display: flex !important;
opacity: 1!important;	
}
#gallery .slick-prev.slick-arrow {
width: 45px!important;
height: 45px!important;
border: 1px solid #000000!important;
background: transparent!important;
cursor: pointer!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
flex-shrink: 0!important;
}
#gallery .slick-next.slick-arrow {
background: #ff7e45!important;
width: 45px!important;
height: 45px!important;
border: 1px solid #ff7e45!important;
cursor: pointer!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
flex-shrink: 0!important;
}
#gallery .slick-prev::after {
content: '\f060' !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
color: #000000;	
}
#gallery .slick-next::after {
content: '\f061' !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
}
#gallery .slick-next {
right: 3rem;
}
#image_wrapper.fullscreen #gallery .slick-arrow {
display: flex !important;
}
#image_wrapper.fullscreen #gallery .slick-prev {
left: 3rem;
}

#product-offer #gallery_wrapper .square-image .inner img {
display: block;
position: relative;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
#product-offer #gallery_preview .square {
max-width: 150px !important;
max-height: 150px !important;
}
#product-offer #gallery_preview .slick-slide.slick-current .square {
border: 2px solid #eb7e45 !important;
}
#product-offer #gallery_preview .slick-slide {
width: 150px !important;
}
#product-offer #gallery_preview .slick-track {
justify-content: center;
}
#product-offer #image_wrapper .variation-image-preview {
display:none !important;
}
#product-offer .product-info .shortdesc {
padding-top: 1rem;
}
#product-offer ul {
padding-left: 15px;
}
#product-offer ul li {
margin-bottom: 0.25rem;
}
#product-offer #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close {
color: #fff;
}
#product-offer .fa-truck::before {
content: "\f00c";
}
#product-offer .status-0 .fa-truck::before {
content: "\f00d";
}
#product-offer .delivery-status .status-2, .signal_image .status-2 {
color: #FF7800;
}
.product-gallery hr {
margin: 4rem 0;
}
.product-offer h1.product-title.h2 {
font-size: 2.5rem;
}
.product-offer .price_wrapper .price {
margin: 0;
}
.product-offer .hr-sect.h2 {
  display: none;
}
.product-offer .js-slider-wrapper .js-slider-items .js-slider-item {
display: flex;
justify-content: center;
}
.product-offer .variation-wrapper .swatches-image {
width: 100px;	
border: 2px solid #888;
border-radius: 100%;	
}
.product-offer .variation-wrapper .swatches-image.active {
width: 100px;	
border: 2px solid rgb(255, 126, 69);
border-radius: 100%;
}
.product-offer .variation-wrapper .variation-badge {
display: none!important;
}
.product-offer .variation-wrapper .sr-only {
position: absolute;
width: 100%;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: unset;
white-space: unset;
border: 0;
z-index: 9;
bottom: -25px;
color: #000;
left: 0;
}
.product-offer .variation-wrapper .text-success {
color: #ff7e45 !important;
}
.variation-wrapper + .variation-wrapper {
margin-top: 4rem !important;
}
.variation-wrapper + .variation-wrapper .swatches-image img {
padding: 0!important;
}
.product-offer #add-to-cart .col {
max-width: 100%;
flex: 0 0 100%;
}
.product-offer #add-to-cart .btn-primary {
background-color: #000000;
border: 1px solid #000000;
color: #fff;
font-size: 1.25rem;	
}
.product-offer #add-to-cart .btn-primary:hover {
background-color: #ff7e45;
border: 1px solid #ff7e45;
color: #fff;
font-size: 1.25rem;	
}
#add-to-cart .basket-form-inline > .col:first-child {
display: none !important;
}
#add-to-cart .basket-form-inline > .col:last-child {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.product-offer #ppc-paypal-button-productDetails {
padding: .625rem .9375rem;
}
.product-offer #ppc-productDetails-instalment-banner {
display: none;
}
.product-offer .lpa-button-content.row > div.row {
    margin-right: 1rem;
    flex: 1 1 auto;
    min-width: 0;
}
.product-offer .lpa-button-content.row > div.row .col-sm-6.ppc-standalone-buttons {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.sg-product-benefits-grid p {
text-align: center;
}
.sg-product-benefits-grid i {
font-size: 1.25rem;
}
.sg-product-details h3,
.sg-product-description h3,
.sg-product-technical-data h3,
.sg-product-safety-product-information h3{
font-size: 1.5rem;
font-weight: 600;
}
.sg-product-faq-grid h3, .sg-product-faq-grid h4 {
font-size: 1rem;
font-weight: 600;	
}
.video-wrapper {
position: relative;
width: 100%;
max-width: 100%;
margin: 20px auto;
border-radius: 0;
overflow: hidden;
background: #000;
cursor: pointer;
}
video {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
.play-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90px;
height: 90px;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(8px);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid rgba(255, 255, 255, 0.3);
transition: all 0.3s ease;
z-index: 10;
}
.play-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 25px;
border-color: transparent transparent transparent #ffffff;
margin-left: 6px;
}
.video-wrapper:hover .play-overlay {
transform: translate(-50%, -50%) scale(1.1);
background: rgba(0, 0, 0, 0.7);
border-color: #fff;
}
.video-wrapper.is-playing .play-overlay {
opacity: 0;
visibility: hidden;
}

.sg-lightbox-trigger {
cursor: zoom-in;
display: block;
}
.sg-lightbox-trigger img {
transition: opacity 0.2s ease;
}
.sg-lightbox-trigger:hover img {
opacity: 0.85;
}

#tabAccordion > .card .card-header {
font-size: 1.5rem;
font-weight: 600;
background-color: #fff;
border-bottom: 0 none transparent;	
}
#tabAccordion .card {
border: 0 none transparent;
border-radius: 0;
}
#tabAccordion hr {
margin: 1rem 0;
}
#tabAccordion .dropdown-toggle::after, #tabAccordion [data-toggle="collapse"]:not(.navbar-toggler)::after {
content: '\f067' !important;
}
#tabAccordion .dropdown-toggle[aria-expanded="true"]::after, #tabAccordion [aria-expanded="true"][data-toggle="collapse"]:not(.navbar-toggler)::after {
transform: rotate(180deg);
content: '\f068' !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;	
}
#tab-description-head {
cursor: pointer;
}
[data-toggle="collapse"] {
cursor: pointer;
}
#tabAccordion .mediafiles .card-title,
#tabAccordion .mediafiles-description.col-md-6{
display: none;
}
#tabAccordion .mediafiles .card-body {
padding: 2rem 0 0 0;
}
#tabAccordion .mediafiles .col.col-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.sg-slider-item {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
background: #fff;
}
.sg-slider-item .productbox-image, 
.sg-slider-item .productbox-image .inner {
position: relative !important;
width: 100% !important;
display: flex !important;
align-items: center;
justify-content: center;
overflow: visible !important;
}
.sg-slider-item .product-image {
max-height: 100% !important;
width: auto !important;
object-fit: contain;
}
.productbox-info-icon {
position: absolute !important;
top: 0 !important;
right: 0 !important;
z-index: 50 !important;
}
.productbox-info-icon i {
color: #bdc3c7 !important;
font-size: 1.2rem !important;
background: #fff;
border-radius: 50%;
}
.sg-plus-link {
width: 35px !important;
height: 35px !important;
min-width: 35px !important;
border-radius: 50% !important;
background-color: #ff8a50 !important; /* Dein Orange */
color: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 15px auto!important;
padding: 0 !important;	
text-decoration: none !important;
border: none !important;
transition: transform 0.2s ease, background-color 0.2s ease;
}
.sg-plus-link i {
display: none !important;
}
.sg-plus-link::before {
content: "\f067";
font-size: 16px !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.sg-plus-link.is-vater::before {
content: "\f0c1";
font-size: 16px !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;	
}
.sg-plus-link:hover {
background-color: #ff7034 !important;
transform: scale(1.1);
color: #ffffff !important;
}
.sg-plus-link.btn-success {
background-color: #28a745 !important;
}
.sg-plus-link.btn-success::before {
content: "\f00c" !important;
}
.is-included-set .sg-plus-link {
background-color: #28a745 !important;
pointer-events: none !important;
cursor: default !important;
}
.is-included-set .sg-plus-link::before {
content: "\f00c";
}
.is-included-set .item-slider-price {
display: none;
}
.sg-product-included-accessoires.is-included-set .productbox-caption.mt-2 {
display: none;
}
.slick-arrow {
background-color: #ff7e45;
color: #fff;
}
.sg-slider-item .item-slider-desc, 
.sg-slider-item .item-slider-price {
text-align: center;
width: 100%;
}
.sg-slider-item .item-slider-desc {
font-size: 1rem;
}
.tab-navigation .tab-content {
margin: 0;
}
.tab-navigation .nav-tabs {
background: #F8F8F8;
}
#tab-crossselling-accessoires-heading,
#tab-crossselling-add-ons-heading,
#tab-crossselling-pflege-heading,
#tab-productincludedaccessoires {
background-color: #F8F8F8;
padding: 1rem 0;	
}
#tab-crossselling-accessoires-heading .slick-slider-other.is-not-opc,
#tab-crossselling-add-ons-heading .slick-slider-other.is-not-opc,
#tab-crossselling-pflege-heading .slick-slider-other.is-not-opc,
#tab-productincludedaccessoires .slick-slider-other.is-not-opc{
margin-bottom: 0;
}
#tab-crossselling-accessoires-heading .slick-initialized .slick-slide,
#tab-crossselling-add-ons-heading .slick-initialized .slick-slide,
#tab-crossselling-pflege-heading .slick-initialized .slick-slide,
#tab-productincludedaccessoires .slick-initialized .slick-slide {
background-color: #fff;
padding: 1rem;	
}
#tab-crossselling-accessoires-heading .slick-slider-other.is-not-opc .carousel,
#tab-crossselling-add-ons-heading .slick-slider-other.is-not-opc .carousel,
#tab-crossselling-pflege-heading .slick-slider-other.is-not-opc .carousel,
#tab-productincludedaccessoires .slick-slider-other.is-not-opc .carousel {
margin-bottom: 0;
}
#tab-crossselling-accessoires-heading .price_wrapper,
#tab-crossselling-add-ons-heading .price_wrapper,
#tab-crossselling-pflege-heading .price_wrapper,
#tab-productincludedaccessoires .price_wrapper {
margin-bottom: 0!important;
}
#tab-crossselling-accessoires-heading .item-list-basket-details,
#tab-crossselling-add-ons-heading .item-list-basket-details,
#tab-crossselling-pflege-heading .item-list-basket-details,
#tab-productincludedaccessoires .item-list-basket-details {
margin-top: 0!important;
}
#tab-crossselling-accessoires-heading .square-image .inner,
#tab-crossselling-add-ons-heading .square-image .inner,
#tab-crossselling-pflege-heading .square-image .inner,
#tab-productincludedaccessoires .square-image .inner {
position: absolute;
width: 100%;
height: 100%;
overflow: visible !important; 
display: flex !important;
align-items: center;
justify-content: center;
}
#tab-crossselling-accessoires-heading .productbox-image img,
#tab-crossselling-add-ons-heading .productbox-image img,
#tab-crossselling-pflege-heading .productbox-image img,
#tab-productincludedaccessoires .productbox-image img {
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain;
position: relative !important;
z-index: 1 !important;
}
#tab-crossselling-accessoires-heading .productbox-info-icon,
#tab-crossselling-add-ons-heading .productbox-info-icon,
#tab-crossselling-pflege-heading .productbox-info-icon,
#tab-productincludedaccessoires .productbox-info-icon {
position: absolute !important;
top: -10px !important;
right: -10px !important;
z-index: 99 !important;
line-height: 1 !important;
display: block !important;
}
#tab-crossselling-accessoires-heading .productbox-info-icon i,
#tab-crossselling-add-ons-heading .productbox-info-icon i,
#tab-crossselling-pflege-heading .productbox-info-icon i,
#tab-productincludedaccessoires .productbox-info-icon i {
font-size: 20px !important;
color: #bdc3c7 !important;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
#tab-crossselling-accessoires-heading .basket-details-add-to-cart.btn-primary,
#tab-crossselling-add-ons-heading.basket-details-add-to-cart.btn-primary,
#tab-crossselling-pflege-heading.basket-details-add-to-cart.btn-primary,
#tab-productincludedaccessoires .basket-details-add-to-cart.btn-primary {
margin: 15px auto 0 auto !important;
z-index: 100 !important;
}

/* ===================================================
Included-Set Slider → horizontaler Scroll + Scrollbar
=================================================== */

.is-included-set-slider .slick-prev,
.is-included-set-slider .slick-next,
.is-included-set-slider .slick-dots {
display: none !important;
}
.is-included-set-slider .slick-list {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
padding-bottom: 12px;
cursor: grab;
}
.is-included-set-slider .slick-list:active {
cursor: grabbing;
}
.is-included-set-slider .slick-track {
display: flex !important;
width: auto !important;
transform: none !important;
transition: none !important;
}
.is-included-set-slider .slick-slide {
flex: 0 0 auto !important;
scroll-snap-align: start;
height: auto !important;
}
.is-included-set-slider .slick-list::-webkit-scrollbar {
height: 6px;
}
.is-included-set-slider .slick-list::-webkit-scrollbar-track {
background: #f0f0f0;
border-radius: 3px;
}
.is-included-set-slider .slick-list::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 3px;
}
.is-included-set-slider .slick-list::-webkit-scrollbar-thumb:hover {
background: #888;
}
.is-included-set-slider .slick-list {
scrollbar-width: thin;
scrollbar-color: #bbb #f0f0f0;
}
.is-included-set-slider .slick-list {
touch-action: pan-x !important;
pointer-events: auto !important;
}
.is-included-set-slider .slick-track {
touch-action: pan-x !important;
}
.is-included-set-slider .slick-cloned {
display: none !important;
}


/* Native Scrollbar verstecken */
.is-included-set-slider .slick-list::-webkit-scrollbar {
  display: none;
}
.is-included-set-slider .slick-list {
  scrollbar-width: none;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  padding-bottom: 0;
}

/* Eigene Scrollbar */
.is-custom-scrollbar-track {
  width: 100%;
  height: 6px;
  background: #f0f0f0;
  border-radius: 3px;
  margin-top: 8px;
  position: relative;
  cursor: pointer;
}
.is-custom-scrollbar-thumb {
  height: 6px;
  background: #bbb;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: grab;
  transition: background 0.2s;
}
.is-custom-scrollbar-thumb:hover {
  background: #888;
}
.is-included-set-slider .slick-list::-webkit-scrollbar {
  display: none;
}
.is-included-set-slider .slick-list {
  scrollbar-width: none;
}

/* About us */
#about-us .row.grid-2-cols {
align-items: center;
margin: 4rem 0;
}
#about-us  .row.grid-2-cols h2 {
font-size: 2rem;
}
#about-us .our-expertise {
margin-right: auto;
margin-left: auto;	
padding: 4rem 2rem 2rem 2rem;
}
#about-us .our-expertise .col {
margin-bottom: 2rem;	
}
#about-us .our-expertise .card.expertise-one,
#about-us .our-expertise .card.expertise-two,
#about-us .our-expertise .card.expertise-three,
#about-us .our-expertise .card.expertise-four {
height: 100%;	
}
#about-us .our-expertise h3 {
font-size: 1.25rem;
}
/* Basket */
.basket_wrapper {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.1);	
padding: 1rem;
}
.basket .basket-heading {
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 1rem;
}
.basket .basket-items {
margin-bottom: 2rem;
}
.cart-summary .card-header {
background-color: #fff;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.1);	
}
.cart-summary .card-gray.basket-summary {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);	
}
.basket .basket-summary {
margin-top: 0;
}
#basket-shipping-estimate-form .btn {
padding: 0.625rem 0.9375rem;	
}
#pushed-success .sg-slider-item .productbox-image, 
#pushed-success .sg-slider-item .productbox-image .inner,
.basket .sg-slider-item .productbox-image, 
.basket .sg-slider-item .productbox-image .inner {
position: unset!important;
}
/* Cart */
/* ===== NORMALER WARENKORB ===== */
.basket-items .sg-product-included-accessoires.is-included-set {
background: #f0f0f0;
border-radius: 12px;
padding: 12px 16px;
margin-top: 10px;
width: 100%;
}

.basket-items .included-set-title {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 500;
color: #444;
margin-bottom: 10px;
}

.basket-items .included-set-title::before {
content: '\24D8';
font-style: normal;
font-size: 15px;
color: #666;
}

.basket-items .included-set-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0 !important;
}

.basket-items .included-set-item {
display: flex !important;
align-items: center;
gap: 6px;
background: #fff;
border-radius: 50px;
padding: 4px 12px 4px 4px !important;
font-size: 13px;
white-space: nowrap;
}

.basket-items .included-set-item img {
width: 32px !important;
height: 32px !important;
object-fit: contain;
border-radius: 50%;
background: #f5f5f5;
flex-shrink: 0;
}

.basket-items .included-set-item a {
color: #333 !important;
text-decoration: none !important;
font-weight: 500;
}

.basket-items .included-set-item a:hover {
text-decoration: underline !important;
}

/* Off-canvas Cart */
#offcanvas-wrapper {
font-size: 1rem;
}
.offcanvas-dropdown-title .dropdown-cart-title-txt {
font-size: 1.5rem!important;
}
#offcanvas-wrapper .sg-product-included-accessoires-heading {
font-weight: 600;
}
#cart-offcanvas .item.updated {
background-color: #fff!important;
}
#offcanvas-wrapper .cart-dropdown .dropdown-cart-items img {
width: auto!important;
}

#offcanvas-wrapper #ppc-paypal-button-custom-miniCart-wrapper,
#offcanvas-wrapper #paypal-button-miniCart-container,
#offcanvas-wrapper .lpa-button.lpa-button-pay.lpa-button-context-pay,
#offcanvas-wrapper #ppc-miniCart-instalment-banner{
display: none;
}

#offcanvas-wrapper .sg-product-included-accessoires.is-included-set {
background: #f0f0f0;
border-radius: 12px;
padding: 12px 16px;
margin-top: 10px;
width: 100%;
}

#offcanvas-wrapper .included-set-title {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 500;
color: #444;
margin-bottom: 10px;
}

#offcanvas-wrapper .included-set-title::before {
content: '\24D8';
font-style: normal;
font-size: 15px;
color: #666;
}

#offcanvas-wrapper .included-set-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0 !important;
}

#offcanvas-wrapper .included-set-item {
display: flex !important;
align-items: center;
gap: 6px;
background: #fff;
border-radius: 50px;
padding: 4px 12px 4px 4px !important;
font-size: 13px;
white-space: nowrap;
}

#offcanvas-wrapper .included-set-item img {
width: 32px !important;
height: 32px !important;
object-fit: contain;
border-radius: 50%;
background: #f5f5f5;
flex-shrink: 0;
}

#offcanvas-wrapper .included-set-item a {
color: #333 !important;
text-decoration: none !important;
font-weight: 500;
}

#offcanvas-wrapper .included-set-item a:hover {
text-decoration: underline !important;
}

/* Checkout */
#checkout .card-header {
background-color: #F8F8F8;
}
#checkout .card-gray {
background-color: #fff;
}
/* Footer */
#footer .container {
max-width: 103.125rem !important;
}
#footer #footer-boxes img {
filter: brightness(0) invert(1);
}
#footer #sidebox126 .productlist-filter-headline {
margin: 0;
}
#footer .productlist-filter-headline {
color: #8c8c8c;
text-transform: uppercase;
}
#footer #footer-boxes p.footer-slogan {
font-size: clamp(1.5rem, 5vw, 2rem);
font-weight: 700;
color: #fff;
}
#footer #footer-boxes p.footer-slogan span {
color: #ff7e45;
}
#footer .row.payment-logos {
display: flex;
justify-content: space-between;
align-items: center;	
padding: 2rem 1rem;
border-bottom: 1px solid #808080;
gap: 15px;
}
#footer .row.payment-logos img {
width: 80px;
height: 32px;	
}
#footer .row.payment-logos img.mastercard {
width: 120px!important;
height: 48px!important;
}
#footer .row.payment-logos img.bank-transfer {
width: 100px !important;
height: 40px !important;
}
#footer .footer-social-media {
margin-bottom: 0;
margin-top: 0;
}
#footer .footer-social-media ul li {
margin-bottom: 0;
}
#footer .footer-social-media .btn-icon-secondary {
border-color: transparent;
color: #fff;
background-color: transparent;
padding: 0;
margin: 0;
border: 0;	
}
#footer .footer-social-media .fa-instagram::before {
font-size: 2rem;
}
#footer .btn-primary {
padding: 15px 25px;
text-decoration: none;
font-weight: normal;
font-size: 16px;
display: inline-block;
white-space: nowrap;	
}
#footer #copyright .col {
align-content: center;
}
#copyright .container-fluid {
max-width: 103.125rem !important;
}
#copyright .row {
display: flex;
align-items: center;
}
#copyright .row > .col:nth-child(1) {
display: flex;
justify-content: flex-start;
}
#copyright .row > .col:nth-child(2),
#copyright .row > .col:nth-child(3) {
display: flex;
justify-content: center;
}
#copyright .col.footer-social-media {
justify-content: flex-end;
display: flex;
}
#ws-myBusiness-badge .ws-myBusiness-front-page-detailed {
position: fixed;
}

/* Media Queries */

@media (max-width: 767.98px) {
#home .sg-hero .container-fluid {
padding-bottom: 10rem;
}
#home .sg-hero div {
margin: 0;
}
#home .sg-about [data-area-id="col-0"] {
margin-bottom: 2rem;
}	
#home .sg-about {
padding-top: 2rem;
padding-bottom: 2rem;
}	
#home .sg-about .opc-Gallery-column-1 .opc-Gallery-btn:nth-child(2),
#home .sg-about .opc-Gallery-column-1 .opc-Gallery-btn:nth-child(4),	
#home .sg-about .opc-Gallery-column-2 .opc-Gallery-btn:first-child,
#home .sg-about .opc-Gallery-column-4 .opc-Gallery-btn:first-child {
display: none;
}
#about-us .opc-Gallery-column-1 .opc-Gallery-btn:nth-child(2),
#about-us .opc-Gallery-column-1 .opc-Gallery-btn:nth-child(4),	
#about-us .opc-Gallery-column-2 .opc-Gallery-btn:nth-child(1),
#about-us .opc-Gallery-column-2 .opc-Gallery-btn:nth-child(2)	{
display: none;
}	
.product-configurator .border-left {
  border: 0 none transparent !important;
}	
.sg-category-banner h1, .sg-product-banner h1 {
hyphens: auto;
}	
#tab-crossselling-accessoires-heading, #tab-crossselling-add-ons-heading, #tab-crossselling-pflege-heading, #tab-productincludedaccessoires {
background-color: #fff;
}
#tab-crossselling-accessoires-heading .card-body, #tab-crossselling-add-ons-heading .card-body, #tab-crossselling-pflege-heading .card-body, #tab-productincludedaccessoires .card-body {
padding: 0;
}
#tabAccordion > .card .collapse {
margin-bottom: 0;
}
#tab-crossselling-accessoires-heading, #tab-crossselling-add-ons-heading, #tab-crossselling-pflege-heading, #tab-productincludedaccessoires {
padding: 0;
}	
#gallery .slick-prev.slick-arrow {
left: -1rem!important;
}
#gallery .slick-next.slick-arrow {
right: -1rem!important;
}	
.comparelist.table-responsive {
font-size: 0.875rem;
}
#filter-checkboxes .btn.btn-outline-secondary,
button#switch-label.btn.btn-outline-secondary,
#delete-all.btn.btn-outline-secondary{
font-size: 0.875rem;
}	
img.comparelist-item-image.img-fluid {
max-width: 50%;
width: 50%;
}
.info-bar { flex-direction: column; text-align: center; gap: 30px; }
.border-left { border-left: none; padding-left: 0; }
.play-overlay {
width: 60px;
height: 60px;
}	
.lpa-button-content.row > div.row {
  margin: 0 1rem!important;
  width: 100%;
}	
}	
@media (min-width: 768px) {
.container.snippets-wishlist:hover {
padding-bottom: 20rem;
}	
}
@media (max-width: 991.98px) {
html.bms_started #bms {
padding-top: 6rem;
}		
body[data-page="1"] #jtl-nav-wrapper,
body[data-page="2"] #jtl-nav-wrapper,
body[data-page="18"] #jtl-nav-wrapper,
#storys #jtl-nav-wrapper,
#recipes #jtl-nav-wrapper,
#about-us #jtl-nav-wrapper {
top: 0;
}	
body[data-page="1"] header .navbar-toggler,
body[data-page="2"]:not(.landingpage-search) header .navbar-toggler,
body[data-page="18"] header .navbar-toggler,
#storys header .navbar-toggler,
#recipes header .navbar-toggler,
#about-us header .navbar-toggler  {
color: #fff;
}
body[data-page="1"] header.is-sticky .navbar-toggler,
body[data-page="2"]:not(.landingpage-search) header.is-sticky .navbar-toggler,
body[data-page="18"] header.is-sticky .navbar-toggler,
#storys header.is-sticky .navbar-toggler,
#recipes header.is-sticky .navbar-toggler,
#about-us header.is-sticky .navbar-toggler  {
color: #000000;
}	
.nav-offcanvas-title {
font-weight: 600;
}	
.dropdown-menu {
font-size: 1.2rem;
}	
.categories-recursive-link.d-block {
display: inline-flex !important;
}
#mainNavigation .dropdown-menu .categories-recursive-link .submenu-headline-image,
#mainNavigation .dropdown-menu .categories-recursive-link .second-image,
#mainNavigation .container.subcategory-wrapper img {
display: none !important;
}	
header .form-control, header .form-control:focus {
background-color: transparent !important;
}	
#search-header-mobile-top {
border: 0;
}	
.is-sticky .search-wrapper .btn.btn-secondary {
color: #000 !important;
}	
#home .sg-blog .col {
  margin-bottom: 2rem;
}	
#product-offer.product-detail {
display: flex;
flex-direction: column;
}
#product-offer .product-gallery   { order: 1; }
#product-offer .product-info      { order: 2; }
#product-offer .sg-product-feature-grid-col { order: 3; }	
#product-offer .sg-product-video-col { order: 4; }
#product-offer .sg-product-content-split-col:first-of-type { order: 5; }
#product-offer .sg-product-content-split-col:last-of-type  { order: 6; }
#product-offer .sg-product-faq-col { order: 7; }
.sg-category-banner, .sg-product-banner {
align-items: flex-end; 
padding-bottom: 50px; 
}	
#about-us #content .col[data-area-id="col-0"], 
#about-us #content .col[data-area-id="col-1"] {
order: 1;
}
#about-us #content .col:has(.left-image), 
#about-us  #content .col:has(.right-image) {
order: 2 !important;
}	
}

@media (min-width: 992px) {
	
	
body[data-page="1"] header .navbar-nav > .nav-item > .nav-link,
body[data-page="2"]:not(.landingpage-search) header .navbar-nav > .nav-item > .nav-link,
body[data-page="18"] header .navbar-nav > .nav-item > .nav-link,
#storys header .navbar-nav > .nav-item > .nav-link,
#recipes header .navbar-nav > .nav-item > .nav-link,
#about-us header .navbar-nav > .nav-item > .nav-link {
position: relative;
padding: 1.25rem 1.5rem;
font-size: 1.15rem;
color: #ffffff;	
}	
html.bms_started body header .navbar-nav > .nav-item > .nav-link {
color: #000000 !important;
}	
.navbar-nav > .nav-item > .nav-link {
font-size: 1.15rem;
}		
.navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
align-items: center !important;
}
header .navbar-toggler {
color: #fff;
}	
header .nav-right .nav-link {
padding-top: 0;
padding-bottom: 0;
}	
#content-wrapper:not(.has-fluid) {
padding-top: 2rem;
}
.js-slider-wrapper .js-slider-items .js-slider-item {
width: 25%;
min-width: 25%;
}
#product-offer.product-detail {
display: grid;
grid-template-columns: 66.6667% 33.3333%;
grid-template-rows: auto;
align-items: start;
}
#product-offer .product-gallery {
grid-column: 1;
grid-row: 1;
}
#product-offer .product-info {
grid-column: 2;
grid-row: 1 / 10; /* Überspannt alle Zeilen rechts */
position: sticky;
top: 100px;
align-self: start;
}
#product-offer .sg-product-feature-grid-col {
grid-column: 1;
grid-row: 2;
}
#product-offer .sg-product-video-col {
grid-column: 1;
grid-row: 3;
}
#product-offer .sg-product-content-split-col:first-of-type {
grid-column: 1;
grid-row: 4;
}
#product-offer .sg-product-content-split-col:last-of-type {
grid-column: 1;
grid-row: 5;
}
#product-offer .sg-product-faq-col {
grid-column: 1;
grid-row: 6;
}
#product-offer.product-detail {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
}
#product-offer.product-detail > .col,
#product-offer.product-detail > [class*="col-"] {
padding-left: 15px !important;
padding-right: 15px !important;
max-width: 100% !important;
width: 100% !important;
flex: none !important;
}
#product-offer .product-info {
min-width: 0;
overflow: hidden;
}	
#tab-content-product-tabs .slick-track {
margin-left: 2rem!important;
margin-right: unset!important;
}	
/* ---- 1. Sidebar-Panel von links ---- */
#mainNavigation .navbar-nav > .nav-item.dropdown-full > .dropdown-menu {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 360px !important;
max-width: 360px !important;
height: 100vh !important;
max-height: 100vh !important;
overflow-y: auto !important;
margin: 0 !important;
border-radius: 0 !important;
border: none !important;
border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
z-index: 1070 !important;
padding-top: 25px !important;
padding-bottom: 40px !important;
box-shadow: 6px 0 32px rgba(0, 0, 0, 0.35) !important;
transform: translateX(-100%) !important;
opacity: 0 !important;
transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.22s ease !important;
pointer-events: none !important;
display: block !important;	
background-color: rgba(255,255,255,0.9);
}
#mainNavigation .navbar-nav > .nav-item.dropdown-full.sidebar-hover > .dropdown-menu {
transform: translateX(0) !important;
opacity: 1 !important;
pointer-events: auto !important;
}
#mainNavigation .dropdown-menu .dropdown-body {
padding: 0 !important;
margin: 0 !important;
}
#mainNavigation .dropdown-menu .subcategory-wrapper,
#mainNavigation .dropdown-menu .container,
#mainNavigation .dropdown-menu .container-fluid {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
#mainNavigation .dropdown-menu .row,
#mainNavigation .dropdown-menu .lg-row-lg {
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
width: 100% !important;
}
#mainNavigation .dropdown-menu [class*="col-"],
#mainNavigation .dropdown-menu .nav-item-lg-m {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 !important;
}
#mainNavigation .dropdown-menu .submenu-headline-toplevel {
display: block !important;
padding: 8px 20px 6px !important;
font-size: 1.15rem !important;
font-weight: 700 !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
margin-bottom: 2px !important;
}
#mainNavigation .dropdown-menu .nav-item > a,
#mainNavigation .dropdown-menu .nav-item > .nav-link,
#mainNavigation .dropdown-menu .dropdown-item {
display: block !important;
padding: 5px 20px !important;
border-bottom: 1px solid rgba(255,255,255,0.05) !important;
white-space: normal !important;
}
#mainNavigation .dropdown-menu .nav-item.d-lg-none {
display: block !important;
}
#mainNavigation .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle::after {
border: none !important;
font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important;
font-weight: 900 !important;
content: "\f054" !important;
font-size: 0.6em !important;
vertical-align: middle !important;
margin-left: 5px !important;
display: inline-block !important;
transition: transform 0.2s ease !important;
}
#mainNavigation .navbar-nav > .nav-item.dropdown:nth-of-type(3) > .nav-link.dropdown-toggle::after {
  display: none !important;
}
#mainNavigation .navbar-nav > .nav-item.dropdown.sidebar-hover > .nav-link.dropdown-toggle::after {
transform: rotate(90deg) !important;
}
#mainNavigation .navbar-nav > .nav-item.dropdown > .nav-link {
pointer-events: auto !important;
}
#mainNavigation .container.subcategory-wrapper img {
margin: 0 auto;
}
#mainNavigation .subcategory-wrapper strong {
font-size: 1.25rem;
}	
#mainNavigation .categories-recursive-dropdown .text-truncate {
font-size: 1.25rem;
}	
#mainNavigation .dropdown-menu .categories-recursive-link.submenu-headline-toplevel {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 0!important;
}
#mainNavigation .dropdown-menu .categories-recursive-link .submenu-headline-image {
position: relative;
}		
#mainNavigation .dropdown-menu .categories-recursive-link .submenu-headline-image,
#mainNavigation .container.subcategory-wrapper img {
width: 100px !important;
object-fit: cover !important;
border-radius: 4px !important;
flex-shrink: 0 !important;
margin: 0 !important; 
}
#mainNavigation .dropdown-menu .categories-recursive-link .text-truncate {
flex: 1 !important;
font-size: 0.95rem !important;
white-space: normal !important;
}
#mainNavigation .dropdown-menu .categories-recursive-link picture {
display: contents !important;
}
#mainNavigation .col.nav-item-lg-m.nav-item.col-lg-4.col-xl-3 {
margin: 0;
}
#mainNavigation .col.nav-item-lg-m.nav-item.dropdown.d-lg-none.col-lg-4.col-xl-3 {
margin: 1rem 0;
}
#mainNavigation .col.nav-item-lg-m.nav-item.dropdown.d-lg-none.col-lg-4.col-xl-3 .nav-mobile-heading {
display: none;
}	
.submenu-headline-image { display: block; width: 100%; transition: opacity 0.35s ease; }
.second-image { position: absolute; top: 0; left: 12px;  width: 100px !important; object-fit: cover; opacity: 0; transition: opacity 0.35s ease; pointer-events: none; }
.submenu-headline-toplevel:hover .second-image { opacity: 1; }	
.submenu-headline-image {
display: block;
width: 100%;
transition: opacity 0.35s ease;
}
.second-image {
position: absolute;
top: 0;
left: 12px;
width: 100px !important;
object-fit: cover;
opacity: 0;
transition: opacity 0.35s ease;
pointer-events: none;
}
.submenu-headline-toplevel:has(.second-image):hover .submenu-headline-image {
opacity: 0;
}
.submenu-headline-toplevel:has(.second-image):hover .second-image {
opacity: 1;
}
}	
@media (max-width: 1200px) {
#home .sg-category-card .card-body::after {
background: rgba(0, 0, 0, 0.35);
}
#home .sg-category-card .sg-category-card-content {
transform: translateY(-20px);
}
#home .sg-category-card .opc-Button {
opacity: 1;
visibility: visible;
bottom: 20%;
}
#home .sg-category-card:hover .sg-category-card-content {
transform: translateY(-20px);
}
#home .sg-category-card:hover .opc-Button {
bottom: 20%;
}	
#home .sg-category-card .opc-Button .btn-primary, #home .sg-category-card .opc-Button .btn-primary:hover {
color: transparent;
background-color: transparent;
border-color: transparent;
}
#home .sg-category-card .opc-Button {
opacity: 1;
visibility: visible;
bottom: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
}
#home .sg-category-card .opc-Button .btn-primary,
#home .sg-category-card .opc-Button .btn-primary:hover,
#home .sg-category-card .opc-Button .btn-primary:focus,
#home .sg-category-card .opc-Button .btn-primary:active {
color: transparent !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
width: 100%;
height: 100%;
display: block;
padding: 0;
margin: 0;
}
}	
/* iPad 2 Fix - groessere Pfeile, schwarze Farbe */
@media screen and (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1) {
  .nav-btn {
    width: 54px;
    height: 54px;
    padding: 0;
    color: #000000;
  }
  .nav-btn svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px;
    min-height: 30px;
  }
}