.shop main { position: relative; }
/*******| COOKIE |*********************************************************************************************************************/
#cc { position: fixed; z-index: 999999999; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.75); }
#cc > div { width: 90vW; max-width: 800px; border-width: 1px; border-style: solid; background: #ffffff; }
#cc > div > div { padding: 15px; }
#cc > div > div > div { padding: 15px; }
#cc > div > div > div:nth-of-type(1) h2 { border-bottom: 1px solid black; }
#cc > div > div > div:nth-of-type(3) { text-align: center; }
#cc > div > div > div:nth-of-type(3) button { min-width: 50%; }
#cc > div > div:nth-of-type(2) { display: none; }
.b2 { background-color: #c6162d; display: inline-block;height: 58px;/* padding: 0 40px; *//* font-size: 18px; */line-height: 56px;border: 1px solid;cursor: pointer; color: white;}
/*******| SORTIMENT |*********************************************************************************************************************/
/*******| STUFE 10:Design A |*********************************************************************************************************************/
.stufe10-box-link:hover { text-decoration: none;}
.stufe10-header > div { min-height: 3.6rem; }
.stufe10-sub-link { text-decoration: none!important;}
.stufe10-sub-link:nth-of-type(2N-1) { background: #f0f2f4; }
.sortiment-10-katalog .stufe10-box-img-container > div > div { padding: 50%; }
.stufe10-news .stufe10-header { background: #e20031 !important; color: #ffffff; }
.stufe10-news .stufe10-box-img-container { background: #e20031 !important; }
.stufe10-news > div > a:hover .stufe10-header { background: #000000 !important; }
.stufe10-news > div > a:hover .stufe10-box-img-container { background: #000000 !important; }
.stufe10-header { position: relative; }
.stufe10-news .stufe10-header { padding-left: 3.6rem !important; }
.stufe10-header-icon { position: absolute; left: 0.5rem; top: 0.5rem; bottom: 0.5rem; width: 2.6rem; background-repeat: no-repeat; background-position: center; background-size: contain; }
.stufe10-fav .stufe10-header { background: #FFDF00 !important; color: #ffffff; }
.stufe10-fav .stufe10-box-img-container { background: #FFDF00 !important; }
.stufe10-fav > div > a:hover .stufe10-header { background: #000000 !important; }
.stufe10-fav > div > a:hover .stufe10-box-img-container { background: #000000 !important; }
/*******| STUFE 10: Design B |*********************************************************************************************************************/
.hs-box > a { position: relative; display: block; height: 100%; padding: 38.82%; color: var(--schwarz) !important; border: 1px solid var(--hellgrau) !important; }
.hs-box.col-md-8 > a { padding: 18.66%; }
.hs-box > a > div.hs-image { position: absolute; z-index: 1; background-repeat: no-repeat; background-position: center; }
.hs-10 .hs-box > a > div.hs-image { top: 0; right: 0; bottom: 0; left: 0; background-size: cover; }
.hs-11 .hs-box > a > div.hs-image { top: 36px; right: 54px; bottom: 59px; left: 55px; background-size: contain; }
.hs-box > a > div.hs-label { position: absolute; z-index: 2; left: 0; bottom: 0; right: 0; min-height: 75px; padding: 10px 25px; transition: background-color 0.3s; }
.hs-10 .hs-box > a > div.hs-label { background-color: rgba(255, 255, 255, 0.75); }
.hs-11 .hs-box > a > div.hs-label { background-color: rgba(235, 239, 240, 0.5); }
.hs-box > a:hover > div.hs-label { background-color: var(--gelb); }
.hs-box > a > div.hs-label > span { max-width: calc(100% - 60px); }
#hs-navi .container { max-width: 1440px; }
#hs-navi article { margin-bottom: -2rem; }
@media screen and (max-width: 991px) {
#hs-navi article { margin-bottom: 0; }
}
#hs-list a { color: var(--schwarz); text-decoration: none; }
#hs-list a:hover { color: var(--rot); text-decoration: none; }
#hs-list button { position: relative; padding-left: 60px; padding-right: 60px; }
#hs-list button i { position: absolute; left: 20px; top: calc(50% - 12px); line-height: 24px; }
.stufe10-box-b h5 { font-size: 19px; line-height: 28px; font-weight: 600; }
.stufe10-b-header > div { min-height: 3.6rem; }
a:hover .stufe10-b-header { color: #0065AE; }
a.stufe10-b-sub-link { font-size: 15px; line-height: 23px; }
a.stufe10-b-sub-link:hover { color: #0065AE; }
.stufe10-fav .stufe10-b-header,
.stufe10-news .stufe10-b-header { display: flex; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 solid; }
.stufe10-b-header-icon { position: relative; height: 100%; margin: 0 0.5rem 0 0 !important; padding: 0.5rem }
.stufe10-b-header-icon > div { height: 3.6rem; width: 3.6rem; background-repeat: no-repeat; background-position: center; background-size: contain; }
.stufe10-fav .stufe10-b-header { border-color: #FFDF00 !important; }
.stufe10-fav .stufe10-b-header-icon { background: #FFDF00 !important; color: #ffffff !important; }
.stufe10-news .stufe10-b-header { border-color: #C40E05 !important; }
.stufe10-news .stufe10-b-header-icon { background: #C40E05 !important; color: #ffffff !important; }
.stufe10-box-b-img-container > div > div { position: relative; }
.stufe10-box-b-img-container > div > div > div { position: absolute; left: 0.125rem; top: 0; right: 0.125rem; bottom: 0.25rem; background: #ffffff; }
.stufe10-box-b-img-container > div > div > div > div { position: absolute; left: 0.5rem; top: 0.5rem; right: 0.5rem; bottom: 0.5rem; }
/*******| STUFE 11 |*********************************************************************************************************************/
/*******| STUFE 13: NEWS |*********************************************************************************************************************/
#hs-news-filter-more { overflow: hidden; }
.loaded #hs-news-filter-more { transition: all 0.3s; }
.closed #hs-news-filter-more { height: 0px !important; }
.closed #hs-news-filter-toggler-more { display: block !important;}
@media screen and (max-width: 991px) {
#hs-navi .block_50000 .m--3 { margin: -0.5rem !important; }
#hs-navi .block_50000 .mx--3 { margin-left: 0 !important; margin-right: 0 !important; }
#hs-navi .block_50000 .m-md--2 { margin: 0 !important; padding: 0.5rem !important; }
}
/*******| STUFE 13: Product Box |*********************************************************************************************************************/
.stufe13-sort > li { position: relative; }
.stufe13-sort > li > ul { display: none; position: absolute; z-index: 100; left: -25px; top: 25px; right: -25px; background: white; padding: 25px !important; border: 1px solid #EBEFF0; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06); }
.stufe13-sort > li:hover > ul { display: block; }
.stufe13-sort > li:hover > ul li:hover { color: var(--rot); cursor: pointer; }
.stufe13-sort > li:hover > ul li.current { cursor: default !important; }
.stufe13-sort > li:hover > ul li.current:before { display: inline-block; content: "\e905"; margin-right: 5px; font: 16px/28px 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.splide__slide .stufe13-box { height: 100%; padding: 1rem!important; }
.stufe13-box-inner { position: relative; height: 100%; padding-bottom: 90px; }
.stufe13-box-top { position: relative; }
.stufe13-image-box { position: relative; display: block; padding: 36.7%; background: var(--hellgrau); }
.stufe13-image { position: absolute; left: 80px; top: 50px; right: 50px; bottom: 45px; }
.stufe13-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.stufe13-brand { display: none; position: absolute; left: 3px; bottom: 3px; padding: 3px 10px; background: white; }
.stufe13-brand > div { width: 70px; height: 34px; }
.stufe13-discount { position: absolute; z-index: 2; top: 20px; left: 20px; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background: url("/www_partner/pages/img/star.svg") no-repeat center; background-size: contain; font: 23px/26px 'FSDillon'; color: white; }
.stufe13-discount span { transform: rotate(-5deg); }
.stufe13-availability { position: absolute; z-index: 2; top: 20px; right: 20px; width: 26px; height: 26px; }
.stufe13-energylabel { position: absolute; left: 5px; top: 5px; width: 50px; height: 30px; line-height: 1px; }
.stufe13-energylabel img { width: 100%; mix-blend-mode: multiply; }
.stufe13-body { display: block; padding: 10px 0 15px 0; color: var(--schwarz) !important; text-decoration: none; }
.stufe13-artNr { font: 17px/20px 'FSDillon'; text-align: center; color: var(--schwarz50) !important; }
.stufe13-artNr.stufe13-artNr-0 { color: var(--schwarz50); }
.stufe13-title { padding: 5px 5px 12px 5px; font: 23px/26px 'FSDillon'; text-align: center; }
.stufe13-title span { font: 23px/26px 'FSDillonBold'; }
.stufe13-price { position: absolute; left: 0; bottom: 72px; right: 0; height: 30px; font: 23px/30px 'FSDillonBold'; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stufe13-price .text-decoration-line-through { font: 23px/30px 'FSDillon'; }
.stufe13-footer-box { position: absolute; z-index: 100; left: -4px; bottom: 0; right: -4px; height: 62px; }
.stufe13-footer-box > div { width: 70px; padding: 0 4px; }
.stufe13-footer-box > div:nth-of-type(1):last-child { width: 100%; }
.stufe13-footer-box > div:nth-of-type(2):last-child { width: calc(100% - 70px); }
.stufe13-footer-box > div:nth-of-type(3):last-child { width: calc(100% - 140px); }
.btn-62.btn { height: 62px; width: 100%; border-radius: 0 !important; box-shadow: var(--schattenunten) !important; font: 20px/45px "FSDillon"; }
.btn-62.btn-rund { width: 62px; border-radius: 50% !important; }
.btn-62.btn.btn-schwarz i { margin-left: 8px; }
.sortiment13 .btn-62.btn { height: 52px; font: 20px/30px "FSDillon"; }
.sortiment13 .btn-62.btn-rund { width: 52px; padding-left: 2px; padding-right: 2px; text-align: center; }
.sortiment13-list .btn-62.btn { height: 50px; font: 20px/28px "FSDillon"; }
.sortiment13-list .btn-62.btn-rund { width: 50px; }
.input-group-62 { height: 62px; border: 1px solid var(--schwarz); }
.cms .splide .stufe13-box { height: 100%; }
.cms .splide .stufe13-box-inner { height: 100%; padding-bottom: 0; }
.cms .splide .stufe13-footer-box { display: none !important; }
.cms .splide .stufe13-price { position: static; }
.cms .splide .stufe13-body { padding: 15px 30px 0 30px !important; }
.cms .splide .stufe13-title { padding: 5px 0; }
.shop .splide .stufe13-box { height: 100%; }
.shop .splide .stufe13-box-inner { height: 100%; padding-bottom: 0; background: var(--hellgrau); box-shadow: var(--schattenproductebox); }
.shop .lightgray .splide .stufe13-box-inner { background: var(--dunkelgrau); }
.shop .splide .stufe13-image-box { background: white; }
.shop .splide .stufe13-footer-box { display: none !important; }
.shop .splide .stufe13-price { position: static; }
.shop .splide .stufe13-body { padding: 15px 30px !important; }
.shop .splide .stufe13-title { padding: 5px 0; }
.splide .stufe13-box { margin-bottom: 0 !important; }
.shop .box-gelb .splide .stufe13-box-inner { background: var(--gelb); }
.shop .box-buy .splide .stufe13-box-inner { padding-bottom: 90px; background: none; box-shadow: none; }
.shop .box-buy .splide .stufe13-image-box { background: var(--hellgrau); }
.shop .box-buy .splide .stufe13-footer-box { display: flex !important; }
.shop .box-buy .splide .stufe13-box-inner { background: transparent !important; }
.shop .box-buy .splide .stufe13-text-box { background: transparent !important; }
.shop .box-buy .splide .stufe13-price { position: absolute; }
.shop .box-buy .splide .stufe13-title { padding: 5px; }
.shop .box-buy .splide .stufe13-title { padding: 5px; }
.splide__arrows .splide__arrow { top: calc(50% - 25.5px); width: 55px; height: 55px; background: rgba(255,255,255,0.6); }
.splide__arrows .splide__arrow:hover { background: rgba(255,255,255,1); }
.splide__arrow:before { display: block; content: ""; font-family: 'icomoon'; font-size: 24px; }
.splide__arrow svg { display: none; }
.splide__arrow.splide__arrow--prev:before { content: "\e908"; padding-right: 2px; }
.splide__arrow.splide__arrow--next:before { content: "\e909"; padding-left: 2px; }
.splide .stufe13-box-inner { transition: background 0.3s; }
.splide .stufe13-box-inner .stufe13-text-box { transition: background 0.3s; }
.splide .stufe13-box-inner:hover .stufe13-text-box { background: var(--gelb); }
.splide .stufe13-box-inner:hover { background: var(--gelb) !important; }
body.access .splide .stufe13-box-inner:hover .stufe13-text-box { background: var(--hellblau); }
body.access .splide .stufe13-box-inner:hover { background: var(--hellblau) !important; }
.rel .splide__slide { width: 100% !important; }
@media screen and (min-width: 768px) {
.rel .splide__slide { width: 50% !important; }
}
@media screen and (min-width: 992px) {
.rel .splide__slide { width: 33.33333% !important; }
}
@media screen and (min-width: 1400px) {
.rel .splide__slide { width: 25% !important; }
}
@media screen and (min-width: 1920px) {
.rel .splide__slide { width: 16.6666% !important; }
}
@media screen and (min-width: 1500px) {
.splide__arrow--prev { left: -2rem !important; }
.splide__arrow--next { right: -2rem !important; }
.container-fluid .splide__arrow--prev { left: 20px !important; }
.container-fluid .splide__arrow--next { right: 20px !important; }
}
@media screen and (min-width: 1920px) {
.sortiment13 .stufe13-box,
.sortiment13 .stufe13-box.stufe13-box-xxl,
.sortiment13 .stufe13-box.stufe13-box-fluid { width: 100%; max-width: 360px; }
.sortiment13.sortiment13narrow .stufe13-box.stufe13-box-fluid { width: 33.33333%; }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
.sortiment13 .stufe13-box,
.sortiment13 .stufe13-box.stufe13-box-xxl,
.sortiment13 .stufe13-box.stufe13-box-fluid { width: 33.33333%; }
}
@media screen and (min-width: 960px) and (max-width: 1439px) {
.sortiment13 .stufe13-box,
.sortiment13 .stufe13-box.stufe13-box-xxl,
.sortiment13 .stufe13-box.stufe13-box-fluid { width: 50%; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.sortiment13 .stufe13-box,
.sortiment13 .stufe13-box.stufe13-box-xxl,
.sortiment13 .stufe13-box.stufe13-box-fluid { width: 100%; }
}
@media screen and (max-width: 767px) {
.sortiment13 .stufe13-box,
.sortiment13 .stufe13-box.stufe13-box-xxl,
.sortiment13 .stufe13-box.stufe13-box-fluid { width: 100%; }
}
.sortiment13-list.sortiment13 { display: table !important; width: 100%; padding: 0 1rem; }
.sortiment13-list.sortiment13.sortiment13-list { padding: 1rem 1rem 0 1rem; }
.sortiment13-list.sortiment13 > div { display: table-row !important; }
.sortiment13-list.sortiment13 > div > div,
.sortiment13-list.sortiment13 > div > a { display: table-cell !important; }
.sortiment13-list .stufe13l-box > div,
.sortiment13-list .stufe13l-box > a { vertical-align: middle; padding: 0.5rem 1rem 0.5rem 0; }
.sortiment13-list .stufe13l-box > div:last-child { padding: 0.5rem 0; }
.sortiment13-list .stufe13l-image > div { width: 90px; height: 60px; padding: 6px 12px; background: var(--hellgrau); }
.sortiment13-list .stufe13l-image > div > img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.sortiment13-list .stufe13-availability { position: static !important; }
.sortiment13-list .stufe13l-brand > div { padding: 3px 10px; background: white; box-shadow: var(--schattenunten); }
.sortiment13-list .stufe13l-brand > div > div { width: 70px; height: 34px; }
.sortiment13-list .stufe13l-text { width: 100%; }
.sortiment13-list .stufe13l-artNr { font: 20px/22px 'FSDillon'; }
.sortiment13-list .stufe13l-title { padding: 0; font: 20px/22px 'FSDillonBold'; }
.sortiment13-list .stufe13l-discount > div { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: url("/www_partner/pages/img/star.svg") no-repeat center; background-size: contain; font: 17.73px/19.51px 'FSDillonBold'; color: white; }
.sortiment13-list .stufe13l-discount > div span { transform: rotate(-5deg); }
.sortiment13-list .stufe13l-price { font: 21px/23px 'FSDillonBold'; white-space: nowrap; text-align: right; }
.sortiment13-list .stufe13l-price > span { display: block; text-align: right; }
.sortiment13-list .stufe13l-price > span.text-decoration-line-through { font-family: 'FSDillon'; }
.sortiment13-list .btn { white-space: nowrap; }
.sortiment13-list .btn-schwarz { min-width: 123px; height: 50px; line-height: 33px; }
.sortiment13-list .btn-schwarz > span { display: none; }
.sortiment13-list .btn-schwarz > i { margin-left: 0 !important; }
@media screen and (min-width: 960px) {
.sortiment13-list .stufe13l-box > div,
.sortiment13-list .stufe13l-box > a { border-bottom: 1px solid var(--dunkelgrau) !important; }
.sortiment13-list .stufe13l-box:first-of-type > div,
.sortiment13-list .stufe13l-box:first-of-type > a { border-top: 1px solid var(--dunkelgrau) !important; }
}
@media screen and (max-width: 959px) {
.sortiment13-list.sortiment13 { display: block !important; width: 100%; padding: 1rem 1rem 0 1rem; }
.sortiment13-list.sortiment13 > div { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; min-height: 130px; padding: 15px 0 15px 98px; border-top: 1px solid var(--dunkelgrau) !important; }
.sortiment13-list.sortiment13 > div > div,
#sortiment13-container.sortiment13-list.sortiment13 > div > a { display: block !important; }
.sortiment13-list .stufe13l-image { position: absolute; left: 0; top: 15px; padding: 0 !important; }
.sortiment13-list .stufe13l-image > div { width: 49px; height: 46px; padding: 6px 9px; background: var(--hellgrau); }
.sortiment13-list .stufe13l-image > div > img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.sortiment13-list .stufe13l-avail { position: absolute !important; left: 61px; top: 28px; padding: 0 !important; }
.sortiment13-list .stufe13l-text { padding: 0 0 6px 0 !important; }
#sortiment13-container.sortiment13-list > div > a.stufe13l-brand { display: none !important; }
#sortiment13-container.sortiment13-list .stufe13l-discount { position: absolute; left: 0; top: 71px; padding: 0 !important; }
#sortiment13-container.sortiment13-list .stufe13l-price { padding: 0 10px 0 0 !important; }
#sortiment13-container.sortiment13-list .stufe13l-price + div,
#sortiment13-container.sortiment13-list .d-vgl-none { display: none !important; }
#sortiment13-container.sortiment13-list > div > div:last-child { width: 50%; padding: 0 !important; }
/*
.sortiment13-list .stufe13l-box > div,
.sortiment13-list .stufe13l-box > a { vertical-align: middle; padding: 0.5rem 1rem 0.5rem 0; border-bottom: 1px solid var(--dunkelgrau) !important; }
.sortiment13-list .stufe13l-box:first-of-type > div,
.sortiment13-list .stufe13l-box:first-of-type > a { border-top: 1px solid var(--dunkelgrau) !important; }
.sortiment13-list .stufe13l-box > div:last-child { padding: 0.5rem 0; }
.sortiment13-list .stufe13-availability { position: static !important; }
.sortiment13-list .stufe13l-brand > div { padding: 3px 10px; background: white; box-shadow: var(--schattenunten); }
.sortiment13-list .stufe13l-brand > div > div { width: 70px; height: 34px; }
.sortiment13-list .stufe13l-text { width: 100%; }
.sortiment13-list .stufe13l-artNr { font: 20px/22px 'FSDillon'; }
.sortiment13-list .stufe13l-title { padding: 0; font: 20px/22px 'FSDillonBold'; }
.sortiment13-list .stufe13l-discount > div { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: url("/www_partner/pages/img/star.svg") no-repeat center; background-size: contain; font: 17.73px/19.51px 'FSDillonBold'; color: white; }
.sortiment13-list .stufe13l-discount > div span { transform: rotate(-5deg); }
.sortiment13-list .stufe13l-price { font: 21px/23px 'FSDillonBold'; white-space: nowrap; text-align: right; }
.sortiment13-list .stufe13l-price > span { display: block; text-align: right; }
.sortiment13-list .stufe13l-price > span.text-decoration-line-through { font-family: 'FSDillon'; }
.sortiment13-list .btn { white-space: nowrap; }
.sortiment13-list .btn-schwarz { min-width: 123px; height: 50px; line-height: 33px; }
.sortiment13-list .btn-schwarz > span { display: none; }
.sortiment13-list .btn-schwarz > i { margin-left: 0 !important; }
*/
}
/*.sortiment13-list .stufe13-box { width: 100% !important; max-width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 !important; }
.sortiment13-list .stufe13-box-inner { position: relative; padding: 0 0 0 10% !important; border-bottom: 2px solid #cccccc; }
.sortiment13-list .stufe13-box-top { position: absolute; left: 0; top: 0; bottom: 0; width: 10%; padding: 0; }
.sortiment13-list .stufe13-image-box { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0; }
.sortiment13-list .stufe13-box-top-buttons { right: -24px; bottom: -4px; }
.sortiment13-list .stufe13-body { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; padding: 0 0 0 24px; }
.sortiment13-list .stufe13-price { order: 2; width: 100%; border-bottom: 0; height: 33px; }
.sortiment13-list .stufe13-flag { position: relative; float: left; margin-right: 24px; }
.sortiment13-list .stufe13-artNr { width: 100%; padding-left: 0 !important; }
.sortiment13-list .stufe13-title { width: 100%; padding-top: 0 !important; padding-left: 0 !important; }
.sortiment13-list .stufe13-text { display: block; width: 100%; }
.sortiment13-list .stufe13-footer { position: static; padding-left: 16px; }
.sortiment13-list .stufe13-box-inner { padding: 0 0 0 150px !important; }
.sortiment13-list .stufe13-box-top { width: 150px; }
.sortiment13-list .stufe13-sortiment { display: none; }
.sortiment13-list .stufe13-box-top-buttons { display: none; }
.sortiment13-list .stufe13-flag.anzahl { padding-left: 0; }*/
/*
.stufe13-box a { text-decoration: none !important; color: #343a40 !important; cursor: pointer; }
.stufe13-box-inner { position: relative; height: 100%; }
.stufe13-image-box { display: block; position: relative; padding: 50%; background: #ffffff; }
.stufe13-image { position: absolute; z-index: 1; left: 16px; top: 32px; right: 16px; bottom: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.stufe13-brand { position: absolute; z-index: 2; left: 66.6666%; top: 8px; right: 8px; bottom: 80%; background-repeat: no-repeat; background-position: right top; background-size: contain; }
.stufe13-box .stufe13-sortiment { position: absolute; z-index: 2; left: 8px; bottom: 0; right: 8px; padding: 4px; line-height: 16px; color: #000000; text-align: center; }
.stufe13-energylabel { position: absolute; z-index: 2; left: 8px; bottom: 8px; width: 64px; height: 32px; }
.stufe13-sortiment .stufe13-energylabel { left: 0; top: -40px; bottom: auto; }
.stufe13-body { display: block; color: #343a40 !important; }
.stufe13-price { position: relative; height: 34px; padding: 0 8px 0 0; line-height: 32px; background: #ffffff; text-align: right; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.stufe13-flag { display: none; position: absolute; z-index: 2; left: 0; top: 0; height: 32px; padding: 0 8px; line-height: 32px; background: #cccccc; }
.stufe13-flag:before { display: block; content: ""; position: absolute; right: -8px; top: 0; border-width: 8px 4px; border-style: solid; border-color: #cccccc transparent transparent #cccccc; }
.stufe13-flag:after { display: block; content: ""; position: absolute; right: -8px; top: 16px; border-width: 8px 4px; border-style: solid; border-color: transparent transparent #cccccc #cccccc; }
.stufe13-flag.show { display: block; }
.stufe13-flag { display: none; position: absolute; z-index: 3; left: 0; bottom: -16px; height: 32px; padding: 0 8px; line-height: 32px; background: #cccccc; }
.stufe13-artNr { padding: 8px 8px 0 8px; color: #aaaaaa; font-weight: bold; }
.stufe13-title { padding: 8px; color: #343a40; }
.stufe13-text { display: none; padding: 0 8px 8px 8px; }
.stufe13-box-top { position: relative; }
.stufe13-box-top-buttons { position: absolute; z-index: 10; right: 0; bottom: 0; }
.sortiment13-list .stufe13-box { width: 100% !important; max-width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 !important; }
.sortiment13-list .stufe13-box-inner { position: relative; padding: 0 0 0 10% !important; border-bottom: 2px solid #cccccc; }
.sortiment13-list .stufe13-box-top { position: absolute; left: 0; top: 0; bottom: 0; width: 10%; padding: 0; }
.sortiment13-list .stufe13-image-box { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0; }
.sortiment13-list .stufe13-box-top-buttons { right: -24px; bottom: -4px; }
.sortiment13-list .stufe13-body { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; padding: 0 0 0 24px; }
.sortiment13-list .stufe13-price { order: 2; width: 100%; border-bottom: 0; height: 33px; }
.sortiment13-list .stufe13-flag { position: relative; float: left; margin-right: 24px; }
.sortiment13-list .stufe13-artNr { width: 100%; padding-left: 0 !important; }
.sortiment13-list .stufe13-title { width: 100%; padding-top: 0 !important; padding-left: 0 !important; }
.sortiment13-list .stufe13-text { display: block; width: 100%; }
.sortiment13-list .stufe13-footer { position: static; padding-left: 16px; }
.sortiment13-list .stufe13-box-inner { padding: 0 0 0 150px !important; }
.sortiment13-list .stufe13-box-top { width: 150px; }
.sortiment13-list .stufe13-sortiment { display: none; }
.sortiment13-list .stufe13-box-top-buttons { display: none; }
.sortiment13-list .stufe13-flag.anzahl { padding-left: 0; }
@media screen and (min-width: 1280px) and (max-width: 1919px) {
.sortiment13-zoom-1 .stufe13-box { width: 12.5%; }
.sortiment13-zoom-2 .stufe13-box { width: 20%; }
.sortiment13-zoom-3 .stufe13-box { width: 25%; }
.sortiment13-zoom-4 .stufe13-box { width: 33.3333%; }
.sortiment13-zoom-1 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-1 .stufe13-box.stufe13-box-fluid { width: 12.5%; }
.sortiment13-zoom-2 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-2 .stufe13-box.stufe13-box-fluid { width: 20%; }
.sortiment13-zoom-3 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-3 .stufe13-box.stufe13-box-fluid { width: 25%; }
.sortiment13-zoom-4 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-4 .stufe13-box.stufe13-box-fluid { width: 33.333%; }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
.sortiment13-zoom-1 .stufe13-box { width: 25%; }
.sortiment13-zoom-2 .stufe13-box { width: 33.33333%; }
.sortiment13-zoom-3 .stufe13-box { width: 50%; }
.sortiment13-zoom-4 .stufe13-box { width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.sortiment13-zoom-1 .stufe13-box { width: 25%; }
.sortiment13-zoom-2 .stufe13-box { width: 33.3333%; }
.sortiment13-zoom-3 .stufe13-box { width: 50%; }
.sortiment13-zoom-4 .stufe13-box { width: 100%; }
.d-md-table-cell {display: none !important;}
.d-md-none { display: none !important;}
}
@media screen and (max-width: 767px) {
.stufe13-box { width: 100% !important; max-width: 100% !important; }
.stufe13-box-inner { position: relative; padding: 0 0 0 10% !important; border-bottom: 2px solid #cccccc; }
.stufe13-box-top { position: absolute; left: 0; top: 0; bottom: 0; width: 10%; padding: 0; }
.stufe13-image-box { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0; }
.stufe13-box-top-buttons { right: -24px; bottom: -4px; }
.stufe13-body { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; padding: 0; }
.stufe13-price { order: 2; width: 100%; border-bottom: 0; height: 33px; }
.stufe13-flag { position: relative; float: left; margin-right: 24px; }
.stufe13-artNr { width: 100%; padding-left: 0 !important; }
.stufe13-title { width: 100%; padding-top: 0 !important; padding-left: 0 !important; }
.stufe13-text { display: block; width: 100%; }
.stufe13-footer { position: static; padding-left: 16px; }
.stufe13-box-inner { padding: 0 0 0 30% !important; }
.stufe13-box-top { width: 30%; }
.stufe13-sortiment { display: none; }
.stufe13-box-top-buttons { display: none; }
.stufe13-image { left: 8px; top: 8px; right: 8px; bottom: 8px; }
.stufe13-availability { left: 8px; top: 8px; }
.stufe13-brand { left: 40%; bottom: 70%; }
.stufe13-flag.anzahl { padding-left: 0; }
}*/
/*******| STUFE 13: Filter |*********************************************************************************************************************/
#filter-container { width: 348px; }
#filter { display: block; width: 348px; position: relative; font-family: "FSDillon"; font-size: 17px; }#filter > div > div > div.g-options.range input.rangeslidermm,
main #filter > div > div > div.g-options.checkbox > div > label > span,
#filter > div > div.groupbox-0 > div.g-header,
#filter > div > div > div.g-options.select > div > div > label > span > span:nth-of-type(1),
#filter > div > div > div.g-options.select > div > span { font-size: 17px; }
#filter > div { width: 332px; }
#filter > div::-webkit-scrollbar { width: 0; }
#filter > div > div > div.g-options.g-option-nolimit { height: auto !important; }
#filter > div > div.groupbox { border: none !important; }
#filter > div > div.groupbox > div.g-options { position: relative; }
#filter > div > div.groupbox > div.g-options > div { padding: 10px 0 !important; }
#filter > div > div.groupbox > div.g-options.logo { margin: -4px !important; }
#filter > div > div.groupbox > div.g-options > div > div.range-container { padding: 0 !important; }
#filter > div > div#g-top > div.g-options label > span > span > i { display: inline-block; min-width: 30px; color: var(--schwarz) !important; }
#filter > div > div.groupbox-1 { position: relative; margin-top: 20px; padding: 46px 0 0 0; }
#filter > div > div.groupbox-1:first-child { margin-top: 0; }
#filter > div > div.groupbox-1:nth-child(2) { margin-top: 1px; }
#filter > div > div.groupbox-1 > div.g-header { display: block; position: absolute; left: 0; top: 0; right: 0; width: 314px; height: 45px; padding: 13px 40px 13px 10px;
font: 18px/24px "FSDillonMedium"; color: var(--schwarz); cursor: pointer; transition: all 0.25s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: var(--hellgrau) ; }
#filter > div > div.groupbox-1 > div.g-header:before { display: block; content: ""; position: absolute; top: 20px; right: 12px; width: 8px; height: 8px; border: solid var(--schwarz); border-width: 2px 2px 0 0; transform: rotate(-45deg); transition: all 0.25s; }
#filter > div > div.groupbox-1 > div.g-header:hover { color: white; background: var(--schwarz); }
#filter > div > div.groupbox-1 > div.g-header:hover:before { border-color: white !important; }
#filter > div > div.groupbox-1.closed > div.g-header:before { top: 12px; transform: rotate(135deg); }
#filter > div > div.groupbox-0 { display: flex; flex-wrap: wrap; margin-top: 20px; background: #ffffff; }
#filter > div > div.groupbox-0 + .groupbox-0 { margin-top: 0px; }
#filter > div > div.groupbox-0 > div.g-header { width: 57%; padding: 0 10px 15px 0 !important; line-height: 30px; }
#filter > div > div.groupbox-0 > div.g-header table { width: 100%; min-height: 40px; }
#filter > div > div.groupbox-0 > div.g-header table td { font-weight: bold; vertical-align: middle; line-height: 20px; text-align: right; font-size: 13px; }
#filter > div > div.groupbox-0 > div.g-options { width: 43%; }
#filter > div > div.groupbox-0 > div.g-options.select { height: auto !important; }
/* Header Toggler for Limited BOX */
#filter > div > div .g-limited-toggler { display: none; position: absolute; top: 0; right: 40px; width: 40px; height: 45px; font-size: 32px; line-height: 45px; text-align: center; color: var(--schwarz); cursor: pointer; }
#filter > div > div .g-limited-toggler:hover { background: var(--schwarz); color: white; }
#filter > div > div.groupbox-limited .g-limited-toggler { display: block; }
#filter > div > div.groupbox-limited.limited .g-limited-toggler { display: none; }
#filter > div > div.groupbox-limited > div.g-header { padding: 13px 80px 13px 10px; }
#filter > div > div.groupbox-limited.limited > div.g-header { padding: 13px 40px 13px 10px; }
/* Footer Toggler for Limited BOX */
#filter > div > div.groupbox div.g-footer { display: none !important; position: absolute; z-index: 11; left: 0; top: auto !important; bottom: 0 !important; right: 0; height: 35px; padding: 5px 0 0 35px; font: 17px/30px "FSDillonBold"; color: var(--schwarz); cursor: pointer; background:#ffffff; }
#filter > div > div.groupbox div.g-footer:hover { color: var(--rot); }
#filter > div > div.groupbox div.g-footer i { position: absolute; left: 0; top: 10px; width: 20px; height: 20px; border: 1px solid var(--schwarz); line-height: 28px; font-size: 14px; border-radius: 50%; }
#filter > div > div.groupbox div.g-footer:hover i { border: 1px solid var(--rot); }
#filter > div > div.groupbox div.g-footer i:before { content: "\F282"; position: relative; top: -3px; left: 2px; }
#filter > div > div.groupbox.groupbox-limited div.g-footer { display: block !important; }
#filter > div > div.groupbox.groupbox-limited div.g-footer span:nth-of-type(1) { display: none; }
#filter > div > div.groupbox.groupbox-limited.limited div.g-footer span:nth-of-type(2) { display: none; }
#filter > div > div.groupbox.groupbox-limited.limited div.g-footer span:nth-of-type(1) { display: inline-block; }
/* Limited BOX */
#filter > div > div.groupbox.groupbox-limited > div.g-options > div { padding: 10px 0 40px 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.checkbox { height: 186px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.checkbox { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.button { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.button { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.pill { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.pill { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.color { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.color { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.symbol { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.symbol { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.logo { height: 232px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.logo { height: 0 !important; }
#filter > div > div.groupbox.disabled { position: relative; opacity: 0.5; text-decoration: line-through; }
#filter > div > div.groupbox.disabled:before { display: blocK; content: ""; position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; }
#filter > div > div.closed > div.g-options { height: 0 !important; }
#filter > div > div.closed { margin-bottom: 0; }
#filter .range-container { height: 80px; overflow: hidden; opacity: 0; transition: all 0.5s; }
#filter .range-container > div > input { width: 75px; }
#filter > div > div > div.g-options.checkbox { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.checkbox > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 6px 10px; }
#filter > div > div#g-top > div.g-options.checkbox > div { padding: 6px 0; }
#filter > div > div > div.g-options.checkbox > div > label { width: 100%; padding-bottom: 8px; }
#filter > div > div > div.g-options.checkbox > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.checkbox > div > label > span { position: relative; display: block; padding: 0 0 0 33px; cursor: pointer; line-height: 20px; font-size: 13px; }
#filter > div > div > div.g-options.checkbox > div > label > span > span:nth-of-type(2) { display: none; position: absolute; right: 0; top: 0; line-height: 20px; font-size: 11px; color: #999999; }
#filter > div > div > div.g-options.checkbox > div > label > span:before { display: block; content: ""; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border: 1px solid var(--schwarz50); }
#filter > div > div > div.g-options.checkbox > div > label > input[type="checkbox"]:checked + span:before { border: 1px solid var(--schwarz); background: var(--schwarz); }
#filter > div > div > div.g-options.checkbox > div > label > input[type="checkbox"]:disabled + span { opacity: 0.5; text-decoration: line-through; }
#filter > div > div > div.g-options.checkbox > div > label > span:after { display: block; content: ""; position: absolute; z-index: 2; left: 5px; top: 3px; width: 6px; height: 9px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate(45deg); }
#filter > div > div > div.g-options.checkbox.checkbox-2 > div > label { width: 50%; }
#filter > div > div > div.g-options.checkbox.checkbox-3 > div > label { width: 33.3333%; }
#filter > div > div > div.g-options.button { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.button > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.button > div > label { width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.button > div > label.disabled { display: none; }
#filter > div > div > div.g-options.button > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.button > div > label > span { position: relative; display: block; padding: 50%; border-radius: 50%; line-height: 22px; font-size: 13px; background: #eeeeee; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.button > div > label:hover > span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.button > div > label > span > span:nth-of-type(1) { display: block; position: absolute; left: 0; top: 50%; right: 0; margin-top: -12px; padding: 0 1px 0 0; text-align: center; }
#filter > div > div > div.g-options.button > div > label > span > span:nth-of-type(2) { display: none; }
#filter > div > div > div.g-options.button > div > label > input[type="checkbox"]:checked + span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.button > div > label > input[type="checkbox"]:disabled + span { opacity: 0.5; }
#filter > div > div > div.g-options.pill { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.pill > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.pill > div > label { display: block; width: auto; padding: 7px; }
#filter > div > div > div.g-options.pill > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.pill > div > label > span { display: block; padding: 7px 10px; border-radius: 18px; line-height: 22px; font-size: 13px; background: #eeeeee; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.pill > div > label:hover > span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.pill > div > label > span > span:nth-of-type(1) { display: block }
#filter > div > div > div.g-options.pill > div > label > span > span:nth-of-type(2) { display: none; }
#filter > div > div > div.g-options.pill > div > label > input[type="checkbox"]:checked + span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.pill > div > label > input[type="checkbox"]:disabled + span { opacity: 0.5; }
/*#filter select { padding-top: 3px; padding-bottom: 3px; line-height: 22px; font-size: 13px; border-radius: 0; }
#filter > div > div.select > div.g-header{ padding: 8px 10px 0 0; line-height: 17px; }
#filter .groupbox.select { min-height: 30px; margin-bottom: 8px; }
#filter .groupbox.select + .groupbox.select { margin-top: 0; }
#filter .groupbox.select option:disabled { color: #bbbbbb; }*/
#filter > div > div > div.g-options.select { transition: all 0.25s; }
#filter > div > div > div.g-options.select { position: relative; padding: 0 0 15px 0 !important; }
#filter > div > div.select > div.g-header{ padding: 0 15px 0 0 !important; }
#filter > div > div.select > div.g-options { padding: 0 0 0 0 !important; }
#filter > div > div > div.g-options.select { height: auto !important; min-height: 45px !important; }
#filter > div > div > div.g-options.select > div { padding: 0 0 15px 0 !important; }
#filter > div > div > div.g-options.select > div > span { position: relative; display: block; border: 1px solid var(--dunkelgrau); padding: 0 30px 0 10px; font: 14px/28px "ABC"; height: 30px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#filter > div > div > div.g-options.select.open > div > span:before { display: block; content: ""; position: fixed; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; }
#filter > div > div > div.g-options.select > div > i { display: block; position: absolute; top: 8px; right: 8px; color: #bbbbbb; line-height: 26px; }
#filter > div > div > div.g-options.select > div > div { display: none; position: absolute; z-index: 15; left: 10px; top: 36px; right: 10px; max-height: 320px; background: #ffffff; box-shadow: 0 5px 10px rgba(0,0,0,0.25); overflow-x: hidden; overflow-y: auto; }
#filter > div > div > div.g-options.select.open > div > div { display: block; }
#filter > div > div > div.g-options.select > div > div > label { display: block; position: relative; }
#filter > div > div > div.g-options.select > div > div > label > span { display: blocK; transition: all 0.25s; }
#filter > div > div > div.g-options.select > div > div > label > input[type="radio"] { display: none; }
#filter > div > div > div.g-options.select > div > div > label > span > span:nth-of-type(1) { display: block; padding: 5px 30px 5px 10px; line-height: 18px; font-size: 13px; cursor: pointer; }
#filter > div > div > div.g-options.select > div > div > label > span > span:nth-of-type(2) { display: none; position: absolute; right: 10px; top: 0; line-height: 32px; font-size: 11px; color: #999999; }
#filter > div > div > div.g-options.select > div > div > label:hover > span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.select > div > div > label > input[type="radio"]:checked + span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.select > div > div > label > input[type="radio"]:disabled + span { opacity: 0.5; text-decoration: line-through; }
#filter > div > div > div.g-options.range { height: 80px !important; overflow: hidden; transition: height 0.3s; }
#filter > div > div.closed > div.g-options.range { height: 0px !important; }
#filter > div > div > div.g-options.range input.rangeslidermm { height: 30px; padding: 0 0.75rem; font-size: 13px; line-height: 26px; text-align: right; border: 2px solid #eeeeee; border-radius: 0; }
/*#filter > div > div > div.g-options.color { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.color > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.color > div > label { width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.color > div > label > span { position: relative; display: block; border-radius: 50%; padding: 50%; border-radius: 50%; transition: all 0.25s; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; }
#filter > div > div > div.g-options.color > div > label > span > i { display: block; position: absolute; left: 0; top: 50%; right: 0; margin: -10px 0 0 0; line-height: 20px; font-size: 18px; text-align: center; color: #ffffff; opacity: 0; transition: all 0.25s; text-shadow: 0 0 3px rgba(0,0,0,1); }
#filter > div > div > div.g-options.color > div > label:hover > span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span { opacity: 0.35; cursor: default; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span > i { display: none; }*/
#filter > div > div > div.g-options.color { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.color > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.color > div > label { width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.color > div > label > span { position: relative; display: block; border-radius: 50%; padding: 50%; border-radius: 50%; transition: all 0.25s; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; }
#filter > div > div > div.g-options.color > div > label > span > i { display: block; position: absolute; left: 0; top: 50%; right: 0; margin: -10px 0 0 0; line-height: 20px; font-size: 18px; text-align: center; color: #ffffff; opacity: 0; transition: all 0.25s; text-shadow: 0 0 3px rgba(0,0,0,1); }
#filter > div > div > div.g-options.color > div > label:hover > span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span { background-color: #e20031; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span:before { display: block; content: ""; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; border: 2px solid #e20031; box-shadow: 0 0 5px #e20031; border-radius: 50%; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span { cursor: default; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span > i { opacity: 1; color: #aaaaaa; font-size: 24px; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span > i:before { content: "\f62a"; line-height: 20px; }
#filter > div > div > div.g-options.symbol { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.symbol > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.symbol > div > label { position: relative; width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.symbol > div > label > input[type="checkbox"] { display: none; position: absolute; z-index: 10; left: 7px; top: 7px; }
#filter > div > div > div.g-options.symbol > div > label > span { position: relative; display: block; padding: 50%; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.symbol > div > label > input[type="checkbox"]:disabled + span { opacity: 0.35; cursor: default; }
#filter > div > div > div.g-options.symbol > div > label > input[type="checkbox"]:checked + span:before { display: block; content: ""; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; border: 2px solid #e20031; box-shadow: 0 0 5px #e20031; border-radius: 3px; }
#filter > div > div > div.g-options.logo { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.logo > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 6px 11px 11px 11px; }
#filter > div > div > div.g-options.logo > div > label { position: relative; width: 33.3333%; padding: 4px; }
#filter > div > div > div.g-options.logo > div > label > input[type="checkbox"] { display: none; position: absolute; z-index: 10; left: 7px; top: 7px; }
#filter > div > div > div.g-options.logo > div > label > span { position: relative; display: block; padding: 5px; transition: all 0.25s; cursor: pointer; border: 1px solid #dddddd; border-radius: 3px; }
#filter > div > div > div.g-options.logo > div > label > span > span { position: relative; display: block; padding: 25%; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.logo > div > label > input[type="checkbox"]:disabled + span { opacity: 0.35; cursor: default; }
#filter > div > div > div.g-options.logo > div > label > input[type="checkbox"]:checked + span:before { display: block; content: ""; position: absolute; left: 0; top: 0px; right: 0px; bottom: 0px; border: 2px solid #e20031; box-shadow: 0 0 5px #e20031; border-radius: 3px; }
.filter > div { display: none; }
.filter > div.result { display: block; }
#filter-result { position: relative; }
#filter-reset { visibility: visible; display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
#filter-reset.show { visibility: visible; margin-top: 19px; padding-top: 23px; border-top: 1px solid var(--hellgrau); }
#filter-reset * { font-size: 13px; line-height: 23px; }
#filter-reset > div.fh_count > div { line-height: 35px; }
#filter-reset > div.fh_all { display: none; margin: 0px 15px 10px 0; padding: 5px 10px; background: #ffffff; border: 1px solid rgba(0,0,0,0.2); cursor: pointer; border-radius: 11px; }
#filter-reset > div.fh_all i { float: right; margin: -1px 0 0 15px; }
#filter-reset > div.fh_g + .fh_all { display: block; }
#filter-reset > div.fh_g { display: flex; flex-wrap: wrap; justify-content: flex-start; }
#filter-reset > div.fh_g > div:first-child { display: none !important; }
#filter-reset > div.fh_g > div { display: flex; }
#filter-reset > div.fh_g > div > div { height: 35px; margin: 0px 15px 10px 0; padding: 5px 10px; background: #ffffff; border: 1px solid rgba(0,0,0,0.2); cursor: pointer; border-radius: 11px; }
#filter-reset > div.fh_g > div i { float: right; margin: -1px 0 0 15px; }
/*
#filter-reset > div.fh_all i { float: right; margin-left: 5px; }
#filter-reset > div.fh_g > div:nth-of-type(1) { padding: 3px 9px 3px 0;; cursor: pointer; }
#filter-reset > div.fh_g > div:nth-of-type(1) i { float: left; display: block; width: 29px; height: 23px; border-right: 1px solid #ffffff; margin-right: 5px; text-align: center; cursor: pointer; }
#filter-reset > div.fh_g > div:nth-of-type(2) { display: flex; flex-wrap: nowrap; padding: 0; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div { padding: 0 7px; margin-right: 6px; background: #ffffff; border: 3px solid #dedede; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div i { margin-right: 3px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div span { display: block; float: right; width: 23px; height: 23px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div:last-child i { display: none; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div + div i { display: inline-block !important; }*/
@media screen and (max-width: 1199px){
#filter-reset > div.fh_g > div:nth-of-type(2) { flex-wrap: wrap; }
}
/*#filter-reset > div.fh_g > div:nth-of-type(1) { padding: 6px 12px 6px 0;; cursor: pointer; }
#filter-reset > div.fh_g > div:nth-of-type(1) i { float: left; display: block; width: 29px; height: 23px; border-right: 1px solid #ffffff; margin-right: 5px; text-align: center; cursor: pointer; }
#filter-reset > div.fh_g > div:nth-of-type(2) { display: flex; flex-wrap: nowrap; padding: 6px 0; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div { padding: 0 10px; margin-right: 6px; background: #ffffff; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div i { margin-right: 3px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div span { display: block; float: right; width: 23px; height: 23px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div:last-child i { display: none; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div + div i { display: inline-block !important; }*/
#filter { position: relative; }
#filter > span { display: none; position: absolute; top: 32px; right: -36px; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 16px; border-radius: 0 3px 3px 0; background: #e3e7eb; }
@media screen and (max-width: 959px){
#filter-container { width: auto; }
/*#filter { position: fixed; left: -100vW; top: 83px; bottom: 0; z-index: 10; width: 100vW; padding: 16px !important; cursor: pointer; transition: left 0.3s; }
#filter > div { width: 100%; height: 100%; overflow: auto; }
#filter.open { left: -0; z-index: 10000; }
#filter > span { display: block; }
#filter.open > span { top: -36px; left: 50%; right: auto; margin-left: -18px; border-radius: 3px 3px 0 0; }
#filter-reset .fh_g { display: none !important; }*/
}
@media screen and (max-width: 768px){
#filter-zoom { min-width: auto !important; }
#filter > div > div.groupbox-1 > div.g-header { width: 100%; }
/*.d-md-none { display: table-cell !important;}*/
}
@media screen and (max-width: 991px){
#crump { padding: 30px 20px 0 20px !important; font-size: 14px !important; }
#hasler-toggler { position: fixed; z-index: 1001; left: 0; top: 132px; width: 48px; height: 32px; background: var(--hellgrau); text-align: center; }
#hasler-filter { position: fixed; z-index: 1000; left: -100vW; top: 132px; bottom: 0; width: 100vW; max-width: 348px; overflow-x: hidden; overflow-y: auto; background: white; transition: all 0.3s; }
#hasler-filter #filter { padding-right: 0 !important; }
#hasler-filter.show { left: 0; }
}
@media screen and (max-width: 768px){
#hasler-filter { max-width: 100vW; }
#hasler-filter #filter { width: calc(100vW - 20px); }
#filter > div { width: 100%; }
}
.btn-submenu { position: relative; }
.btn-submenu:hover { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.btn-submenu > div { display: none; position: absolute; right: -2px; top: 100%; background: #ffffff; z-index: 999; color: black; border-radius: 5px; border-top-right-radius: 0; overflow: hidden; }
.btn-submenu:hover > div { display: block; }
.btn-submenu > div ul li { list-style: none; transition: all 0.3s; }
.btn-submenu > div ul li.current,
.btn-submenu > div ul li:hover { background: #0065AE; color: #ffffff; }
/*******| Product Det |*********************************************************************************************************************/
.hd-carousel-box > div { border: 1px solid var(--dunkelgrau); }
.hd-carousel-box.hd-more > div { border: none; }
.hd-carousel-box > div > div { position: relative; }
#hd-image .hd-video { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#hd-image .hd-video iframe { width: 100%; height: 100%; border: none; }
#hd-image .video .hd-video { display: block; }
#hd-image .hd-image { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
#hd-image .image .hd-image { display: block; }
#hd-image .hd-legend { position: absolute; z-index: 998; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.75); padding: 12px 16px; }
#hd-image .hd-legend:empty { display: none; }
#hd-image .hd-image-zoom { position: absolute; z-index: 999; right: 16px; bottom: 20px; }
#splide-container-outer-hd { margin-left: -20%; width: 120%; }
#splide-hd { padding: 0 16.6666%; }
#splide-hd .splide__arrows button { width: 25%; height: 100%; background: none; }
#splide-hd .splide__arrows button:disabled { display: none; }
#splide-hd .splide__arrows button svg { display: none; }
#splide-hd .splide__arrows button:before { display: block; position: absolute; left: calc(50% - 20px); top: 50%; width: 40px; height: 40px; text-align: center; font: 16px/40px "icomoon"; font-weight: 400; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06); border-radius: 50%; background: white; transition: all 0.3s; }
#splide-hd .splide__arrows button:hover:before { background: var(--hellgrau); }
#splide-hd .splide__arrows button.splide__arrow--prev { left: -25%; }
#splide-hd .splide__arrows button.splide__arrow--next { right: -25%; }
#splide-hd .splide__arrows button.splide__arrow--prev:before { content: "\e908"; }
#splide-hd .splide__arrows button.splide__arrow--next:before { content: "\e909"; }
@media screen and (max-width: 991px){
.carousel-indicators-limited button { display: none; }
}
@media screen and (min-width: 992px){
#leftside-navigation { margin-left: -68px; }
}
#hd-printnshare { position: absolute; z-index: 10; top: 20px; right: 40px; }
#hd-printnshare li { list-style: none; padding: 0 0 0 20px; }
#hd-printnshare li a { position: relative; display: block; text-decoration: none !important; color: inherit !important; }
#hd-printnshare li a > div:first-child { position: relative; display: flex; align-items: center; justify-content: center; height: 48px; min-width: 48px; }
#hd-printnshare li a > div:first-child i { position: relative; z-index: 2; font-size: 26px; }
#hd-printnshare li a > div:first-child:before { display: block; content: ""; position: absolute; left: calc(50% - 24px); top: 0; width: 48px; height: 48px; border-radius: 24px; background: var(--hellgrau); opacity: 0; }
#hd-printnshare li a:hover > div:first-child:before { opacity: 1; }
#hd-printnshare li a > div:nth-child(2) { height: 23px; font: 15px/23px "FSDillon"; white-space: nowrap; overflow: hidden; opacity: 1; text-align: center; }
#hd-printnshare li a > span { display: none; position: absolute; z-index: 10; top: 0; left: 50%; min-width: 24px; font: 15px/24px 'FSDillonBold'; text-align: center; background: var(--gelb); border-radius: 12px; box-shadow: var(--schattenbasketcount); }
@media screen and (max-width: 1559px){
#hd-printnshare { display: none !important; }
}
/*
#hd-thumb.more .d-none { display: block !important; }
#hd-thumb.more .hd-more { order: 10000; }
#hd-thumb.more .hd-more i { transform: rotate(180deg); }*/
.hd-limit > div { position: relative; overflow: hidden; padding-bottom: 10px; }
.hd-limit .hd-limit-text { transition: all 0.3s; overflow: hidden; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28)}
.hd-limit.limited .hd-limit-text { height: 92px; overflow: hidden }
.hd-limit.limited .hd-limit-toggler { position: absolute; left: 0; bottom: 0; right: 0; height: 33px; padding-top: 7px; display: flex; align-items: center; background: white; box-shadow: 0 0 40px white, 0 0 50px white, 0 0 60px white, 0 0 70px white; color: var(--schwarz50); }
/*.hd-limit.limited .hd-limit-toggler i { width: 20px; height: 20px; padding-top: 2px; border: 1px solid var(--schwarz50); border-radius: 50%; text-align: center; font-size: 12px; line-height: 16px; }*/
@media screen and (max-width: 959px){
.hd-limit.limited .hd-limit-toggler { justify-content: center; }
}
.hd-brand > div { position: relative; }
.hd-brand > div > a { position: absolute; left: 20px; top: 0; right: -20px; bottom: 0; }
.hd-brand > div > a > img { width: 100%; height: 100%; object-position: right bottom; object-fit: contain; }
#content .accordion-item { border: 0 !important; border-radius: 0 !important; }
#content .accordion-header { padding: 0; line-height: 58px !important; }
#content .accordion-header button { padding: 0 0.5rem 0 0; background: none !important; font: 20px/58px 'FSDillonMedium' !important; font-weight: 400 !important; border: none; }
#content .accordion-body { padding: 0 !important; }
.data-table td { padding: 12px 22px; font: 18px/18px 'FSDillonMedium' !important; vertical-align: middle; border-top: 1px solid var(--dunkelgrau); border-right: 1px solid var(--dunkelgrau); }
.data-table td:first-child { width: 33%; background: var(--hellgrau); border-top-color: white; border-right: none; }
.data-table td:first-child > div { display: flex; align-items: center; min-height: 36px; }
.box-normen { font-size: 17px; font-family: 'FSDillon'; }
.box-normen > a { margin-left: 0.25rem; font-size: 17px; font-family: 'FSDillonMedium'; color: var(--rot) !important; }
.box-normen > a:hover { color: var(--schwarz) !important; }
#filter-toggler { display: none !important; }
#groessen-filter { position: relative; z-index: 100; }
#groessen-filter,
#groessen-filter > tbody,
#groessen-filter > tbody > tr,
#groessen-filter > tbody > tr > td:last-child { display: block !important; }
#groessen-filter > tbody > tr > td:first-child { display: none !important; }
#pd-filter-form { padding: 0.75rem; background: var(--hellgrau); }
#pd-filter-form > table { display: block; }
#pd-filter-form > table > tbody { display: flex; flex-wrap: wrap; width: 100%; }
#pd-filter-form > table > tbody > tr { display: block; position: relative; width: 25%; padding: 0.25rem; }
#pd-filter-form > table > tbody > tr:hover { z-index: 10; }
#pd-filter-form > table > tbody > tr > td:nth-child(1) { display: flex; justify-content: space-between; align-items: center; background: white; min-height: 100%; min-height: 45px; padding: 4px 6px !important }
#pd-filter-form > table > tbody > tr > td:nth-child(1) h6 { padding: 4px 6px !important; font: 18px/20px "FSDillonMedium"; }
#pd-filter-form > table > tbody > tr > td:nth-child(1):after { display: block; content: "\f078"; padding: 4px 6px; font: 14px/20px "Font Awesome 5 Free"; font-weight: 900; }
#pd-filter-form > table > tbody > tr > td:nth-child(2) { display: none; position: absolute; left: 6px; top: calc(100% - 4px); right: 6px; width: calc(100% - 12px) !important; background: white; }
#pd-filter-form > table > tbody > tr > td:nth-child(2) > div { margin: 0 !important; }
#pd-filter-form > table > tbody > tr:hover > td:nth-child(2) { display: block; }
#left-carousel .carousel-indicators button.active,
#left-carousel .carousel-indicators button:hover { opacity: 1; }
#left-carousel .carousel-indicators button.active > div,
#left-carousel .carousel-indicators button:hover > div { border-width: 2px !important; padding: 3px !important; }
#left-carousel.lightning .carousel-item { position: relative; transition: 0.0s ease-in-out left; }
#pd-main .carousel-item .pd-legend { position: absolute; left: calc(1rem + 1px); bottom: 1px; right: calc(1rem + 1px); padding: 0.25rem 0.5rem; text-align: center; background: rgba(255,255,255,0.95); opacity: 1; transition: opacity 0.3s; height: auto; }
#pd-main .carousel-item:hover .pd-legend { opacity: 1; }
#left-carousel .carousel-indicators button { position: relative; }
#left-carousel .carousel-indicators button > div.video:before { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/pagesshop/img/youtube.svg') no-repeat center; background-size: 50%; }
#center-text .center-text { height: 0; overflow: hidden; }
#center-text .center-text.center-text-transition { transition: height 0.3s; }
#center-text .center-toggler { position: relative; height: 150px; margin-top: -150px; padding-top: 100px; line-height: 50px; font-size: 48px; cursor: pointer; text-align: center; background: linear-gradient(to bottom, rgba(248,249,250,0) 0%, rgba(248,249,250,0.75) 100%); transition: all 0.3s; }
#center-text.open .center-toggler { margin-top: 0; padding-top: 0; height: 50px; }
#center-text .center-toggler .bi-chevron-compact-up { display: none; }
#center-text.open .center-toggler .bi-chevron-compact-up { display: block; }
#center-text.open .center-toggler .bi-chevron-compact-down { display: none; }
.gt-table-hinweis.gt-table-hinweis-neu { height: 20px; }
.product-det-icon-growing div { min-width: 44px; height: 44px; }
.product-det-icon-growing div img { max-width: 88px; max-height: 44px; }
@media screen and (max-width: 992px){
#center-text .center-text { height: auto !important; }
#pd-filter-form > table > tbody > tr { width: 100%; }
#groessen-filter > tbody > tr > td:first-child { display: block !important; text-align: center; }
#groessen-filter.d-none > tbody > tr > td:last-child { display: none !important; }
}
.product-det-groessen-container > div { width: 100%; overflow-x: auto; }
.gt-table { display: table; }
.gt-row { display: table-row; }
.gt-cell { display: table-cell; }
.gt-table > .gt-row > .gt-cell:first-child { width: 1%; border-right: 0 solid #464646; }
.gt-table > .gt-row > .gt-cell:last-child { width: 1%; border-left: 0 solid #464646; }
.gt-table > .gt-row-header > .gt-cell { max-width: 200px; font: 21px/22px "FSDillonBold"; padding: 13px 37px 13px 0; text-align: inherit; vertical-align: bottom; background-color: #ffffff; }
.gt-table > .gt-row-body > .gt-cell { font: 24px/26px "FSDillon"; padding: 10px 50px 10px 10px; vertical-align: middle; background-color: #ffffff; cursor: pointer; }
.gt-table > .gt-row-body > .gt-cell:last-child { padding: 10px 0 10px 10px; }
.gt-table-staffelpreis img.di { height: 22px !important; }
.gt-table-staffelpreis td { padding: 0 0.25rem; line-height: 18px; vertical-align: middle; border-top: 1px solid #d7d7d7; }
.gt-table-staffelpreis td:nth-of-type(1) { padding: 0 0.25rem 0 0; }
.gt-table-staffelpreis td:nth-last-of-type(1) { padding: 0 0 0 0.25rem; }
.gt-table-staffelpreis tr:nth-of-type(1) td { border-top: none; }
.offcanvas .btn-primary,
#product-det-groessen-container .gt-table .btn-primary { height: 45px !important; min-width: 60px; line-height: 45px !important; padding: 0 20px; border: 0; vertical-align: middle; background: var(--schwarz) !important; cursor: pointer; border-radius: 0 !important }
.offcanvas .groessen-quantity { height: 45px !important; width: 127px; border: 1px solid var(--schwarz); }
#product-det-groessen-container .gt-table .groessen-quantity { height: 45px !important; width: 120px; border: 1px solid var(--schwarz); }
.offcanvas .groessen-quantity .btn,
#product-det-groessen-container .gt-table .groessen-quantity .btn { height: 43px !important; width: 30px; border-radius: 0 !important; background: white; }
.offcanvas .groessen-quantity input,
#product-det-groessen-container .gt-table .groessen-quantity input { height: 43px !important; padding: 1px 2px; }
#product-det-groessen-container .gt-table .btn-black { height: 45px !important; width: 45px; line-height: 45px !important; padding: 0; border: 0; vertical-align: middle; background: white !important; box-shadow: var(--schattenbutton) !important; cursor: pointer; border-radius: 50% !important }
#product-det-groessen-container .gt-table .btn-black.checkedY { background: #198754 !important}
#product-det-groessen-container .gt-table .btn-black:hover { background: var(--hellgrau) !important; color: var(--schwarz) !important; }
#product-det-groessen-container .gt-table .groessen-price-box .ms-2 { margin-left: 1.5rem !important; }
input.pd-attr { display: none; }
input.pd-attr + label { cursor: pointer; }
input.pd-attr:checked + label { color: #ffffff; background: #d0002d; border-color: #d0002d !important; }
input.pd-attr:disabled + label { color: #cccccc; background: #eeeeee; border-color: #eeeeee !important; }
.gt-table > .gt-row-body > .gt-cell.gt-price { white-space: nowrap; }
@media screen and (min-width: 960px) {
.gt-table .gt-cell { border-bottom: 1px solid var(--dunkelgrau); }
.gt-table > .gt-row-body.gt-row-more > td { background: #ffffff; }
.gt-table > .gt-row-body.gt-row-more > .gt-cell { padding: 0 !important; line-height: 1px; }
.gt-table > .gt-row-body.gt-row-more > .gt-cell .gt-cell-more-box { height: 0; overflow: hidden; transition: all 0.3s; }
.gt-table > .gt-row-body.gt-row-more.close > .gt-cell .gt-cell-more-box { height: 0 !important; overflow: hidden; }
.gt-table > .gt-row-body.gt-row-more > .gt-cell .gt-cell-more-box > div { padding: 20px; line-height: 21px; }
.gt-table > .gt-row.more[data-more="1"] > .gt-cell:first-child:before { transform: rotate(180deg); }
.gt-table > .gt-row > .gt-cell:first-child { left: 0; position: sticky; z-index: 1; }
.gt-table > .gt-row > .gt-cell:last-child { right: 0; position: sticky; z-index: 1; }
.gt-table > .gt-row[data-more="1"] > .gt-cell:first-child { padding-left: 2rem !important; }
.gt-table > .gt-row[data-more="1"] > .gt-cell:first-child:before { display: block; content: "\f282"; position: absolute; left: 0; top: 50%; width: 2rem; margin-top: -10px; text-align: center; line-height: 20px; font-family: bootstrap-icons !important; transition: all 0.3s; font-size: 12px; }
.gt-table > .gt-row-body.gt-row:hover > .gt-cell { background-color: #fbe0e6; }
.gt-table > .gt-row-body.gt-row.fakehover > .gt-cell { background-color: #fbe0e6; }
.gt-table > .gt-row-body.gt-row.marked > .gt-cell { background-color: #f8bfcb; }
.gt-table > .gt-row-body.gt-row.marked.fakehover > .gt-cell,
.gt-table > .gt-row-body.gt-row.marked:hover > .gt-cell { background-color: #f5a4bb; }
}
@media screen and (max-width: 959px) {
.gt-table > .gt-row-header { display: none !important; }
.gt-table > .gt-row-body { display: block !important; position: relative; border-bottom: 2px solid #e3e7eb; }
.gt-table.hasImages > .gt-row-body { padding-left: 30%; }
.gt-table.noImages > .gt-row-body { display: flex !important; flex-wrap: wrap; justify-content: end; width: 100%; }
/*.gt-table > .gt-row-body.gt-row.marked { background-color: #f8bfcb; }*/
.gt-table > .gt-row-body > .gt-cell { display: block; width: 100% !important; padding: 0.25rem 0 0.25rem 60px !important; background: none !important; white-space: normal; font: 20px/26px "FSDillonBold"; }
.gt-table > .gt-row-body > .gt-cell:first-child { font-family: "FSDillon"; }
.gt-table.noImages > .gt-row-body > .gt-cell.gt-price { width: auto !important; flex-grow: 1; padding-right: 1rem !important; text-align: left !important; }
.gt-table.noImages > .gt-row-body > .gt-cell.gt-cell-body-pricebox { padding: 0.25rem 0 0.5rem 0 !important; width: 100% !important; }
.gt-table.noImages > .gt-row-body > .gt-cell.gt-cell-body-pricebox .icon-availability { position: absolute; left: 0; top: 0.25rem; }
.gt-table > .gt-row-body > .gt-cell.gt-price:before { display: inline-block; content: "CHF"; padding-right: 0.25rem; }
.gt-table > .gt-row-body > .gt-cell.gt-text { line-height: 18px; }
.gt-table > .gt-row-body > .gt-cell.gt-image { display: none; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-image { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 30% !important; padding: 0.25rem 1rem 0.25rem 0 !important; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-image > div { height: 100%; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-image > div > div { height: 100%; background-image: var(--background); }
/*
#Fakturatext#
*/
/*.gt-table > .gt-row-body > .gt-cell { background-color: transparent !important; }
.gt-table > .gt-row-body.gt-row-1 { background-color: #e3e7eb; }
.gt-table > .gt-row-body.gt-row.marked { background-color: #f8bfcb; }
.gt-table > .gt-row-header { display: none !important; }
.gt-table > .gt-row-body > .gt-cell { padding: 0.25rem !important; }
.gt-table .groessen-price-box input { width: 30px !important; }
/*.gt-table > .gt-row-body.gt-row { position: relative; }
.gt-table > .gt-row-body.gt-row:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 32px; height: 1px; background: #cccccc; }
.gt-table > .gt-row-body.gt-row > .gt-cell { padding-bottom: 37px !important; }
.gt-table > .gt-row-body.gt-row > .gt-cell.gt-price { position: absolute; z-index: 1; bottom: 0; left: 0; width: auto !important; padding-bottom: 4px !important; line-height: 24px; }
.gt-table > .gt-row-body.gt-row > .gt-cell.gt-price:before { display: inline; content: "CHF "; }
.gt-table > .gt-row-header.gt-row > .gt-cell.gt-price { display: none !important; }
.gt-table > .gt-row-body.gt-row > .gt-cell.gt-cell-body-pricebox { position: absolute; z-index: 1; bottom: 0; right: 0; width: auto !important; padding-bottom: 4px !important; }
.gt-table > .gt-row-header.gt-row > .gt-cell.gt-cell-header-pricebox { display: none !important; }*/
#left-carousel .image.p-50p { padding: 33.3333%; }
}
/*
@media screen and (max-width: 959px) {
.gt-table > .gt-row-header { display: none; }
.gt-table > .gt-row-body { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; padding: 1rem 0; border-top: 2px solid #474747; }
.gt-table > .gt-row-body > .gt-cell { width: 100%; }
.gt-table > .gt-row-body > .gt-cell.gt-cell-title:before { display: inline-block; content: attr(data-title); }
.gt-table > .gt-row-body > .gt-cell.text-end { display: flex; justify-content: flex-end; }
.gt-table > .gt-row-body > .gt-cell:first-of-type { font-weight: bold; }
.gt-table > .gt-row-body > .gt-cell:last-of-type { padding-top: 1rem; }
.gt-table-staffelpreis img.di { height: 22px !important; }
.gt-table-staffelpreis td { padding: 0 0.25rem; line-height: 18px; }
.gt-table-staffelpreis td:nth-of-type(1) { padding: 0 0.25rem 0 0; vertical-align: middle; }
.gt-table-staffelpreis td:nth-of-type(2) { vertical-align: middle; }
.gt-table-staffelpreis td:nth-of-type(3) { vertical-align: middle; }
.gt-table-staffelpreis td:nth-last-of-type(1) { padding: 0 0 0 0.25rem; }
.gt-table-staffelpreis tr td { border-top: 1px solid #d7d7d7; }
.gt-table-staffelpreis tr:nth-of-type(1) td { border-top: none; }
}*/
.icon.icon-availability { width: 26px; height: 26px; }
.groessen-price-box input { width: 58px !important; height: 24px !important; line-height: 22px !important; border: none !important; border-radius: 0 !important; text-align: center !important; }
.groessen-price-box .groessen-quantity button:nth-of-type(1) { border-radius: 0.25rem 0 0 0.25rem !important; }
.groessen-price-box .groessen-quantity button:nth-last-of-type(1) { border-radius: 0 0.25rem 0.25rem 0 !important; }
.product-det-icon { width: 44px; }
.product-det-icon-xl { width: 72px; }
.product-det-brandlogo { max-height: 75px; }
.attr-img { height: 21px; margin-left: -0.125rem; margin-right: 0.25rem; }
#pd-gd .gd-left { position: relative; }
#pd-gd .gd-brand { position: absolute; z-index: 10; left: 1rem; top: 1rem; }
#pd-gd .carousel-item > div { position: relative; padding: 10% 20% 0 20%; }
#pd-gd .carousel-item > div > .gd-legend { position: absolute; left: 0; bottom: 0; right: 0; padding: 1rem; text-align: center; background: rgba(255,255,255,0.95); opacity: 1; transition: opacity 0.3s; height: auto; }
#pd-gd .carousel-item > div:hover > .gd-legend { opacity: 1; }
.carousel-fullscreen #pd-gd .carousel-item > div { padding: 30px; }
#pd-gd .carousel .carousel-indicators button { width: 12.5% !important; }
#pd-gd .carousel-fullscreen .carousel-indicators { display: none !important; }
#pd-gd .gd-text .gd-limit { transition: all 0.3s; overflow: hidden; }
#pd-gd .gd-text .gd-limit.limited { height: 378px !important; }
#pd-gd .gd-text .gd-limit-toggler { position: relative; }
#pd-gd .gd-text .gd-limit-toggler:hover { color: #e20031; cursor: pointer; transition: all 0.3s; }
#pd-gd .gd-text .gd-limit.limited + .gd-limit-toggler i { transform: rotate(180deg); }
#pd-gd .gd-text .gd-limit + .gd-limit-toggler:before { display: block; content: ""; position: absolute; left: 0; top: -50px; right: 0; height: 50px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);; opacity: 0; transition: all 0.3s; }
#pd-gd .gd-text .gd-limit.limited + .gd-limit-toggler:before { opacity: 1; }
#pd-gd .gd-right { position: relative; }
#pd-gd .gd-zusatz .product-det-icon { width: 48px; }
#pd-gd .gd-buy button { background-color: #e3e7eb; }
#pd-gd .gd-right-buy > button { min-width: 36px; }
#pd-gd .gd-buy .groessen-price-box input { line-height: 20px !important; border-style: solid !important; border-width: 1px 0 !important; border-color: #e3e7eb !important; }
@media screen and (max-width: 767px) {
.product-det-brandlogo { max-width: 100px; max-height: 50px; }
.gd-right-buy { justify-content: end !important; flex-wrap: wrap !important; }
.gd-right-buy .button-buy { width: 100% !important; margin: 12px 0 0 0 !important; }
.gt-table.hasImages > .gt-row-body { padding-left: 20%; padding-bottom: 65px; }
.gt-table.noImages > .gt-row-body { display: flex !important; flex-wrap: wrap; justify-content: end; width: 100%; }
.gt-table > .gt-row-body > .gt-cell { padding: 0.25rem 0 0.25rem 0 !important; font: 17px/22px "FSDillonBold"; }
.gt-table > .gt-row-body > .gt-cell .fs-30 { font: 22px/26px "FSDillonBold"; }
.gt-table > .gt-row-body > .gt-cell.gt-text { padding: 0.25rem 36px 0.25rem 0 !important; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-image { width: 20% !important; bottom: 65px; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-cell-body-pricebox { position: absolute; left: 0; bottom: 0; right: 0; }
#product-det-groessen-container .gt-table .gt-row-body .groessen-price-box .ms-2 { margin-left: 0 !important; }
.gt-table.noImages > .gt-row-body > .gt-cell.gt-cell-body-pricebox .icon-availability,
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-cell-body-pricebox .icon-availability { position: static !important; }
#product-det-groessen-container .gt-table .btn-black {
height: 40px !important;
width: 40px;
line-height: 40px !important;
}
.gr-det-toggler { left: auto !important; right: 0 !important; }
}
.gr-det { height: 0; transition: height 0.3s; overflow: hidden; }
.gr-det-toggler { position: absolute; left: -2px; top: 0.25rem;width: 30px; height: 30px; background: url('/pagespartner/img/myshop/bullet-down-yellow.svg') no-repeat center; background-size: contain; transition: transform 0.3s; }
.show_det .gr-det { height: var(--height); }
.show_det .gr-det-toggler { transform: rotate(180deg); }
.gr-det table { display: table !important; width: 100% !important; }
.gr-det table tbody { display: table !important; }
.gr-det table tbody tr { display: table-row !important; }
.gr-det table tbody tr td { display: table-cell !important; width: auto !important; }
/*******| END Product Det |*********************************************************************************************************************/
/*******| Normen |*********************************************************************************************************************/
#accordionNormen { border: 1px solid rgba(0,0,0,.125); border-top: 0; }
#accordionNormen > a,
#accordionNormen > div.accordion-item { border-top: 1px solid rgba(0,0,0,.125) !important; }
#accordionNormen .accordion-body { padding: 1rem !important; background: rgba(0,0,0,.0625); }
#accordionNormen > div.accordion-item td.pe-2 { padding: 1rem 0.5rem 1rem 1rem !important; }
.accordionNormen_directlink { padding: 1rem !important; line-height: 1px; }
#accordionNormen .bg-image-contain { width: 44px; height: 29px; background-repeat: no-repeat; background-position: left center; background-size: contain; }
/*
#accordionNormen .accordion-header .accordion-button td.pe-2 > div { width: 44px; height: 29px; }
.accordionNormen_directlink { margin: 0 !important; padding: 1rem 1.25rem !important; border: 1px solid rgba(0,0,0,.125); border-bottom: 0; }
.accordionNormen_directlink * { margin: 0 !important; padding: 0 !important; }
.accordionNormen_directlink div { width: 44px; height: 29px; background-repeat: no-repeat; background-position: left center; background-size: contain; }
*/
/*******| END Normen |*********************************************************************************************************************/
/*******| Index |*********************************************************************************************************************/
#indexFilterTextContainer { min-width: 250px; }
#index_content a { line-height: 20px !important; }
#index_content a.hide { display: none !important; }
#index_content a > span { display: none !important; }
@media screen and (max-width: 767px) {
#indexFilterTextContainer { width: 100%; }
}
/*******| End Index |*********************************************************************************************************************/
/*******| Marken |*********************************************************************************************************************/
@media screen and (min-width: 1200px) {
#marken_content > div { max-width: 185px; }
}
.brandheader > div { position: relative; }
.brandheader > div > div:nth-of-type(1) { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }
.brandheader > div > div:nth-of-type(1):after { display: block; content: ""; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); }
.brandheader > div > div:nth-of-type(2) { position: relative; z-index: 2; }
.brand-group-box { padding: 0.25rem 0.5rem; margin-top: 0.25rem; margin-bottom: 1rem; }
.brand-group-box > div { padding: 0 0.5rem; }
.brand-group-box > div > div { padding: 0; }
.brand-group-box > div > div > h5 { margin: 0; border-top: 2px solid; }
.brand-group-box > div > div > h5 > a { display: block; padding: 0.5rem; background: #f5f5f5; font-size: 1rem; }
.brand-group-box > div > div > h5 > a:before { float: right; display: block; content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.brandheaderlogo img { max-width: 50%; max-height: 75px; }
/*******| End Marken |*********************************************************************************************************************/
/*******| BASKET |*********************************************************************************************************************/
.bsi-table { margin-bottom: 50px; }
.bsi-table > thead > tr > td { font-weight: 500; vertical-align: bottom; font-weight: bold; border-top: 2px solid #000000; border-bottom: 1px solid #000000; }
.bsi-table > tbody > tr > td { font-weight: 400; }
.bsi-table > tbody > tr > td.bsi-image > a { width: 60px; }
.bsi-table > tbody > tr > td.bsi-preistotal { font-weight: bold; }
.bsi-table > tfoot > tr > td { font-weight: 300; }
.bsi-table > tfoot > tr > td.bsi-preistotal { font-weight: 700; }
.bsi-table > tfoot > tr:nth-of-type(1) > td { border-top: 1px solid #000000; padding-top: 5px !important; }
.bsi-table > tfoot > tr:nth-last-of-type(3) > td.bsi-border { padding-bottom: 5px !important; }
.bsi-table > tfoot > tr:nth-last-of-type(2) > td.bsi-border { border-top: 1px solid #000000; padding-top: 5px !important; border-bottom: 3px double #000000; padding-bottom: 5px !important; }
.bsi-table > tfoot > tr:nth-last-of-type(1) > td { padding: 10px 0 0 0 !important; }
.bsi-row { border-top: 1px solid #000000; }
.bsi-row-0 + .bsi-row-0,
.bsi-row-1 + .bsi-row-1 { border-top: 1px solid #dddddd; }
.bsi-row.bsi-row-noborder { border-top: none !important; }
.bsi-row.bsi-row-noborder > td { padding: 0 0 1px 0 !important; }
.bsi-row.bsi-row-noborder > td > div { display: none; }
.bsi-row.bsi-row-noborder.show > td > div { display: block; }
.bsi-row .availability { width: 16px; height: 38px; }
.bsi-gehrung-img { width: 266px; }
.bsi-gehrung-img > div { position: relative; cursor: pointer; }
.bsi-gehrung-img > div > i { position: absolute; left: 8px; top: 8px;; }
@media screen and (max-width: 991px) {
.bsi-table { display: block; font-size: 18px; }
.bsi-table > thead { display: none; }
.bsi-table > tbody { display: block; width: 100%; }
.bsi-table > tbody > tr { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.bsi-table > tbody > tr > td { display: block; order: 9999; }
.bsi-table > tbody > tr > td.bsi-image { order: 1; }
.bsi-table > tbody > tr > td.bsi-delete { order: 2; }
.bsi-table > tbody > tr > td.bsi-text { order: 3; width: 100%; }
.bsi-table > tbody > tr > td.bsi-menge { order: 4; width: 100%; }
.bsi-table > tbody > tr > td.bsi-preistotal { order: 5; width: 100%; }
.bsi-table > tfoot { display: table; width: 100%; }
.bsi-table > tfoot > tr > td { white-space: nowrap; }
.bsi-table > tfoot > tr > td.bsi-empty { display: none; }
.bsi-table > tfoot > tr > td.bsi-price-label-1 { width: 100%; white-space: normal; }
.bsi-row.bsi-row-noborder.show td { width: 100%; }
}
.zusatzLine{border-bottom: 1px solid #000000;padding-bottom: 5px !important;}
/*******| End BASKET |*********************************************************************************************************************/
.tooltipster-shadow-blacktext, .tooltipster-shadow-blacktext * { color: #000000 !important; white-space: nowrap;}
/***********| Stock Table |****************************/
.table#stocktable>tbody>tr>td { padding: 0rem 0.5rem !important; }
.iconMinWidth{ min-width: 18px; display: inline-block; }
.iconMinWidth2{ min-width: 32px; display: inline-block; }
.iconMinWidthSave{ min-width: 70px !important; display: inline-block; }
.iconMinHeight{ min-height: 32px; display: inline-block; }
.iconMinHeight2{ min-height: 21px; display: inline-block; }
.alert-extradanger { color: white; background-color: #d0002d; border-color: #d0002d; font-weight: bold; }