:root { --schwarz: #3D3D3F; --schwarz50: #9E9E9F; --schwarz50t: rgba(61,61,63,0.5); --dunkelgrau: #D7DBDC; --hellgrau: #EBEFF0; --rot: #E20714; --dunkelrot: #B50009; --gelb: #FFEB00; --blau: #4FB7E1; --hellblau: #69C2E5; --sehrhellblau: #CBEEFB; --blau50: #A7DBF0; --gruen: #71E383; --orange: #FF9900; --schattenbasketcount: 0px 1px 1px rgba(0, 0, 0, 0.25); --schattenunten: 0px 2px 4px rgba(0, 0, 0, 0.06); --schattenoben: -2px -2px 4px 2px rgba(0, 0, 0, 0.06); --schattennavi: 0px 1px 2px rgba(61, 61, 63, 0.2); --schattentext: 0px 4px 4px rgba(0, 0, 0, 0.25); --schattenbutton: 0px 2px 4px rgba(0, 0, 0, 0.16); --schattenproductebox: 0px 0 4px rgba(0, 0, 0, 0.16); } .btn-cms { width: 320px; height: 56px; white-space: nowrap; padding-top: 0.65rem !important; padding-bottom: 0.65rem !important; } .btn-cms.btn-xs { width: auto; height: 36px; white-space: nowrap; padding: 3px 15px !important; } .w-btn { width: 320px; } .bg-schwarz { background: var(--schwarz); } .bg-schwarz50 { background: var(--schwarz50); } .bg-dunkelgrau { background: var(--dunkelgrau); } .bg-hellgrau { background: var(--hellgrau); } .bg-rot { background: var(--rot); } .bg-gelb { background: var(--gelb); } .bg-blau { background: var(--blau); } .bg-blau50 { background: var(--blau50); } .bg-gruen { background: var(--gruen); } .bg-orange { background: var(--orange); } .color-schwarz { color: var(--schwarz); } .color-schwarz50 { color: var(--schwarz50); } .color-dunkelgrau { color: var(--dunkelgrau); } .color-hellgrau { color: var(--hellgrau); } .color-rot { color: var(--rot); } .color-gelb { color: var(--gelb); } .color-blau { color: var(--blau); } .color-blau50 { color: var(--blau50); } .color-gruen { color: var(--gruen); } .color-orange { color: var(--orange); } .border-schwarz { border-color: var(--schwarz); } .border-schwarz50 { border-color: var(--schwarz50); } .border-dunkelgrau { border-color: var(--dunkelgrau); } .border-hellgrau { border-color: var(--hellgrau); } .border-rot { border-color: var(--rot); } .border-gelb { border-color: var(--gelb); } .border-blau { border-color: var(--blau); } .border-blau50 { border-color: var(--blau50); } .border-gruen { border-color: var(--gruen); } .border-orange { border-color: var(--orange); } .text-hover-white:hover { color: white !important; } .btn { font: 21px/30px "FSDillonMedium"; letter-spacing: 0.025em; } @media screen and (max-width: 991px){ .btn { font: 19px/30px "FSDillonMedium"; } } .btn a { color: inherit !important; } .btn.btn-35 { height: 35px; padding: 5px 20px; font-size: 17px; line-height: 23px; } .btn-link { color: var(--schwarz); } .btn-link:hover { color: var(--rot); } .btn-outline-black:hover { color: var(--rot) !important; border-color: var(--rot) !important; } .btn-text-black:hover { color: var(--rot) !important; } .btn-red, .btn-primary { background: var(--rot) !important; border-color: var(--rot) !important; color: white !important; } .btn-red:hover, .btn-primary:hover { background: var(--schwarz) !important; border-color: var(--schwarz) !important; color: white !important; } .btn-schwarz { background: var(--schwarz) !important; border-color: var(--schwarz) !important; color: white !important; } .btn-schwarz:hover { background: white !important; border-color: white !important; color: var(--schwarz) !important; } .btn-schwarz-nohover, .btn-schwarz-nohover:hover { background: var(--schwarz) !important; border-color: var(--schwarz) !important; color: white !important; } .btn-schwarz-auf-weiss { background: var(--schwarz) !important; border-color: var(--schwarz) !important; color: white !important; } .btn-schwarz-auf-weiss:hover { background: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; } a:hover .btn-schwarz.btn-hoverbox { background: white !important; border-color: white !important; color: var(--schwarz) !important; } .btn-weiss { background: white !important; border-color:white !important; color: var(--schwarz) !important; } .btn-weiss:hover { background: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; } .btn-black { background: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; } .btn-black:hover { background: var(--schwarz) !important; border-color: var(--schwarz) !important; color: white !important; } .btn-dunkelgrau { background: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; } .btn-dunkelgrau:hover { background: var(--schwarz) !important; border-color: var(--schwarz) !important; color: white !important; } .btn-gelb { background: var(--gelb) !important; border-color: var(--gelb) !important; color: var(--schwarz) !important; } .btn-gelb:hover { background: var(--rot) !important; border-color: var(--rot) !important; color: white !important; } .btn-icon-white .btn-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: white; color: var(--schwarz); font-size: 15px; } .btn-secondary { background: var(--hellgrau) !important; border-color:var(--hellgrau) !important; color: var(--schwarz) !important; } .btn-secondary:hover { background: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; } .btn-hellgrau { background: var(--hellgrau) !important; border-color:var(--hellgrau) !important; color: var(--schwarz) !important; } .btn-hellgrau:hover { background: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; } .btn-outline-dunkelgrau { background: white !important; border-color:var(--dunkelgrau) !important; color: var(--schwarz) !important; } .btn-outline-dunkelgrau.current, .btn-outline-dunkelgrau:hover { background: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; } .btn-on-off { background: white !important; border-color: white !important; color: var(--dunkelgrau) !important; } input + .btn-on-off { color: var(--schwarz) !important; } input:checked + .btn-on-off { color: var(--dunkelgrau) !important; } input:checked + .btn-on-off + .btn-on-off { color: var(--schwarz) !important; } .btn-gray-bullet { display: flex; align-items: center; background: white !important; border-color: white !important; color: var(--schwarz) !important; } .btn-gray-bullet i { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; margin-right: 1rem; text-align: center; line-height: 35px; background: var(--dunkelgrau); border-radius: 50%; } .loaded .btn-gray-bullet i { transition: all 0.3s; } .btn-gray-bullet:hover i { background: var(--gelb); } .btn-gray-bullet i:before { line-height: 35px; } .btn.btn-gray-bullet.checkedY { background: none !important; border-color: transparent !important; } .btn.btn-gray-bullet.checkedY span { color: var(--schwarz); } .btn.btn-gray-bullet.checkedY i { background: var(--gruen); } .btn-white-bullet-border { display: block; width: 45px; height: 45px; padding: 0; background: white !important; border-color: var(--dunkelgrau) !important; color: var(--schwarz) !important; border-radius: 50%; text-align: center; box-shadow: var(--schattenunten); } .btn-white-bullet-border i { line-height: 43px; } .btn-white-bullet-border i:before { line-height: 43px; } .bullet-40 { width: 40px; height: 40px; background: white; border-radius: 50%; box-shadow: var(--schattenunten); transform: matrix(1, 0, 0, -1, 0, 0); text-align: center; line-height: 40px; } .bullet-40.fa-chevron-right { padding-left: 2px; } .bullet-70-hellgrau { width: 70px; min-width: 70px; height: 70px; background: var(--hellgrau); border-radius: 50%; text-align: center; line-height: 70px !important; font-size: 40px; } span.bullet-70-hellgrau { padding: 15px; } .bullet-70-hellgrau > span { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; } .bullet-22-dunkelgrau { width: 22px; height: 22px; background: var(--dunkelgrau); border-radius: 50%; text-align: center; font-size: 14px; line-height: 22px; } span.btn { padding: 0; } span.btn a { display: block; padding: 0.375rem 80px; border-bottom: none !important; padding: 12px;} .navislider-text .btn.w-100{width:100%!important} .cms span.btn {padding: 0 !important} .text-schattentext { text-shadow: var(--schattentext); } hr.hd { height: 1px !important; background: var(--dunkelgrau) !important; } body.shop #content { padding-bottom: 150px; } /*******| COLORS |*********************************************************************************************************************/ .bg-fairlylight { background-color: #f6f7f8 !important; } .bg-quietlight { background-color: #f0f1f2 !important; } .bg-mediumlight { background-color: var(--hellgrau) !important; } .bg-almostmedium { background-color: #d0d5da !important; } .bg-medium { background-color: #a0a7ae !important; } .bg-mediumdark { background-color: #80878e !important; } .bg-dark-90 { background-color: rgba(33,37,41,0.9) !important; } .bg-dark-80 { background-color: rgba(33,37,41,0.8) !important; } .bg-dark-70 { background-color: rgba(33,37,41,0.7) !important; } .bg-primary-90 { background-color: rgba(208,0,45,0.9) !important; } .bg-primary-80 { background-color: rgba(208,0,45,0.8) !important; } .bg-primary-70 { background-color: rgba(208,0,45,0.7) !important; } .text-primary { color: #d0002d !important; } .bg-primary { background-color: #d0002d !important; } .border-primary { border-color: #d0002d !important; } .btn-primary { background-color: #d0002d !important; border-color: #d0002d !important; color: #ffffff !important; } .btn-primary:hover { background-color: #000000 !important; border-color: #000000 !important; } .btn-success { background-color: #198754 !important; border-color: #198754 !important; color: #ffffff !important; } .btn-success:hover { background-color: #157347 !important; border-color: #157347 !important; } .bg-mediumdark .btn-outline-secondary { background-color: #ffffff !important; } .bg-mediumdark .btn-outline-secondary:hover { background-color: #6c757d !important; } .btn-mediumlight { background-color: #e3e7eb !important; } .btn-mediumlight:hover { background-color: #d0002d !important; color: #ffffff !important; } .border-mediumlight { border-color: var(--hellgrau) !important; } .btn-outline-mediumlight { color: #ced4da !important; border-color: #ced4da !important; } .btn-outline-mediumlight:hover { color: #000000 !important; background: #ced4da !important; } .btn-outline-primary.current { background: #4a7d9b !important; color: #ffffff !important; } .btn-light:hover { color: #4a7d9b !important; } .btn-active { border-color: #198754 !important; background: #198754 !important; color: #ffffff !important;} .bg-info { background-color: #0d6efd !important; } .text-info { color: #0d6efd !important; } .btn-info { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-info:hover { color: #fff; background-color: #0b5ed7; border-color: #0b5ed7; } .btn-outline-info { color: #0d6efd; border-color: #0d6efd; } .btn-outline-info:hover { color: #fff; background-color: #0d6efd; } .btn-outline-primary { color: #d0002d; border-color: #d0002d; } .btn-outline-primary:hover { color: #fff; background-color: #d0002d; border-color: #d0002d;; } .btn-outline-medium { color: #a0a7ae; border-color: #a0a7ae; } .btn-outline-medium:hover { color: #fff; background-color: #a0a7ae; border-color: #a0a7ae; } /*******| STUFE 13 |*********************************************************************************************************************/ .stufe13-footer .compareY .btn-light { color: #ffffff !important; background: #198754 !important; } .stufe13-footer .favoriteY .btn-light { color: #ffffff !important; background: #198754 !important; } .stufe13-box-top .stufe13-box-top-buttons .compareY button { color: #ffffff !important; background: #198754 !important; } .stufe13-availability.aktion { color: #b80d2f; } .stufe13-availability.hit { color: #f5c502; } .stufe13-availability.hinweis { color: #0d6efd; } .stufe13-availability.neuheit { color: #81b72a; } .stufe13-flag.aktion { background: #b80d2f; color: #ffffff; } .stufe13-flag.aktion:before { border-color: #b80d2f transparent transparent #b80d2f; } .stufe13-flag.aktion:after { border-color: transparent transparent #b80d2f #b80d2f; } .stufe13-flag.hit { background: #f5c502; color: #ffffff; } .stufe13-flag.hit:before { border-color: #f5c502 transparent transparent #f5c502; } .stufe13-flag.hit:after { border-color: transparent transparent #f5c502 #f5c502; } .stufe13-flag.hinweis { background: #0d6efd; color: #ffffff; } .stufe13-flag.hinweis:before { border-color: #0d6efd transparent transparent #0d6efd; } .stufe13-flag.hinweis:after { border-color: transparent transparent #0d6efd #0d6efd; } .stufe13-flag.ausverkauf { background: #0d6efd; color: #ffffff; } .stufe13-flag.ausverkauf:before { border-color: #0d6efd transparent transparent #0d6efd; } .stufe13-flag.ausverkauf:after { border-color: transparent transparent #0d6efd #0d6efd; } .stufe13-flag.neuheit { background: #81b72a; color: #ffffff; } .stufe13-flag.neuheit:before { border-color: #81b72a transparent transparent #81b72a; } .stufe13-flag.neuheit:after { border-color: transparent transparent #81b72a #81b72a; } .stufe13-flag.anzahl { background: transparent; color: #000000; } .stufe13-flag.anzahl:before { border-color: transparent; } .stufe13-flag.anzahl:after { border-color: transparent; } #filter > span:hover { background: #4a7d9b; color: #ffffff; } .btn-light.compareY { background: var(--gruen) !important; border-color: var(--gruen) !important; color: #ffffff !important; } #product-det-groessen-container .gt-table .btn-black.checkedY, #product-det-groessen-container .gt-table .btn-primary.checkedY, .btn.checkedY { background: var(--gruen) !important; border-color: var(--gruen) !important; color: #ffffff !important; } .stufe13-box a.stufe13-sortiment { color: #000000 !important; background: rgba(222,222,222,0.6) !important; } .stufe13-box a.stufe13-sortiment:hover { color: #4a7d9b !important; } @media screen and (max-width: 1942px){ #filter { background: #ffffff !important; } } /*******| Product Det |*********************************************************************************************************************/ .product-det-groessen-container > div > table tbody tr:hover > td { background-color: rgba(226,0,49,0.125); } .product-det-groessen-container > div > table tbody tr.marked > td { background-color: rgba(226,0,49,0.25); } .icon.icon-availability-0, .availability-0 { background-image: url('/www_partner/pages/img/availability_0.svg'); } .icon.icon-availability-25, .availability-25 { background-image: url('/www_partner/pages/img/availability_0.svg'); } .icon.icon-availability-50, .availability-50 { background-image: url('/www_partner/pages/img/availability_50.svg'); } .icon.icon-availability-60, .availability-60, .icon.icon-availability-75, .availability-75 { background-image: url('/www_partner/pages/img/availability_75.svg'); } .icon.icon-availability-100, .availability-100 { background-image: url('/www_partner/pages/img/availability_100.svg'); } #carousel-shadow-image { width: calc(100vW - 40px); max-width: 960px; } #carousel-shadow-image > div { position: relative; padding: 30.6%; background: white; } #carousel-shadow-image > div > div { position: absolute; left: 88px; top: 55px; right: 88px; bottom: 55px; background-repeat: no-repeat; background-position: center; background-size: contain; } @media screen and (max-width: 959px){ #carousel-shadow-image > div { padding: 50%; } } /*******| MyShop |*********************************************************************************************************************/ #myshop { font-size: 16px; } #leftside-navigation ul:hover li > div > div:nth-of-type(2), #leftside-navigation ul:hover li a div:nth-of-type(2) { font-size: 14px; } #center-navigation ul > li > ul > li > a > div:nth-of-type(3) { color: var(--rot); } #leftside-navigation ul li > div > div > div > div > div:hover { background: var(--rot); border-color: var(--rot); } #leftside-navigation ul li.current a div { background: var(--rot); border-top-color: var(--rot); border-right-color: var(--rot); } #leftside-navigation ul li:hover a div { background: var(--rot); } #center-navigation ul > li > ul > li > a > div:nth-of-type(3) { color: var(--rot); } /*******| End Bootstrap overwrite |*********************************************************************************************************************/ /*******| Header |*********************************************************************************************************************/ .bg-mdunkelgrau { background: #363636 !important; color: white !important;} #es_container { border-color: #e3e7eb; } #es_result > div > div#esr_left > .esr_list ul li a:focus, #es_result > div > div#esr_left > .esr_list ul li a:hover, #es_result > div > div#esr_right > div > div ul li a:hover { color: #4a7d9b; background: #f6f6f6; } /*******| End Header |*********************************************************************************************************************/ /*******| SORTIMENT |*********************************************************************************************************************/ /*******| STUFE 10 |*********************************************************************************************************************/ a:hover .stufe10-header { background: #d0002d !important; color: #ffffff; } /*******| STUFE 11 |*********************************************************************************************************************/ /*******| STUFE 13 |*********************************************************************************************************************/ .g-options.select { cursor: pointer; } /*******| PRODUCT DET |*********************************************************************************************************************/ .accordion-button { box-shadow: none !important; } .accordion-button:not(.collapsed) { color: #000000; background-color: #f6f7f8; font-weight: 500; outline: none !important; border-bottom: 1px solid rgba(0,0,0,.125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } /*******| END SORTIMENT |*********************************************************************************************************************/ /*******| ZUTRITTEXPERTEN |*********************************************************************************************************************/ body.access header:after { background: var(--blau); } body.access #header-logo { background-image: url("/www_partner/pages/img/logo_access.svg"); } body.access footer:before { background: var(--hellblau) !important; } body.access footer div.f-yellow { background: var(--hellblau) !important; } body.access footer div.f-yellow .svgfill { fill: var(--hellblau) !important; } /*body.access footer .f-logo a { background: url("/www_partner/pages/img/logo_access2.svg") no-repeat left center; background-size: contain; mix-blend-mode: multiply; }*/ /*******| END ZUTRITTEXPERTEN |*********************************************************************************************************************/ /*******| ICON OVERWRITE:ICONMOON4 |*********************************************************************************************************************/ .fas.fa-chevron-up, .fas.fa-chevron-right, .fas.fa-chevron-down, .fas.fa-chevron-left, .fas.fa-search:before, .far.fa-clock:before, .fas.fa-sign-in-alt:before, .bi.bi-x:before, .bi.bi-upc-scan:before, .bi.bi-star:before, .bi.bi-list-ul:before, .bi.bi-grid-3x3-gap:before, .bi.bi-search:before, .fas.fa-star:before, .bi.bi-ui-checks:before, .bi.bi-person:before, .bi.bi-cart2:before, .fas.fa-phone:before, .fas.fa-map-marker-alt:before { font-family: 'icomoon' !important; font-weight: 400 !important; } .bi.bi-grid-3x3-gap:before { content: "\e902"; } .bi.bi-star:before, .fas.fa-star:before { content: "\e903"; } .fas.fa-sign-in-alt:before, .bi.bi-person:before { content: "\e904"; } .bi.bi-ui-checks:before { content: "\e924"; } .bi.bi-x:before { content: "\e90f"; font-size: 0.7em; } .bi.bi-list-ul:before { content: "\e920"; } .fas.fa-map-marker-alt:before { content: "\e921"; } .bi.bi-upc-scan:before { content: "\e929"; } .fas.fa-search:before, .bi.bi-search:before { content: "\e92b"; } .fas.fa-phone:before { content: "\e930"; } .bi.bi-cart2:before { content: "\e932"; } .far.fa-clock:before { content: "\e935"; } .fas.fa-chevron-up:before { content: "\e913"; } .fas.fa-chevron-right:before { content: "\e909"; } .fas.fa-chevron-down:before { content: "\e907"; } .fas.fa-chevron-left:before { content: "\e908"; } /*******| ICON OVERWRITE:ICONMOON-ABUNATE |*********************************************************************************************************************/ /* #hFav .fas.fa-star { margin: -0.25em 0 0 0.15em; } */ .btn-gray-bullet .bi.bi-star:before { margin: -3px 0 0 1px; } /* #hFav > a:hover .fas.fa-star:before, main a:hover .bi.bi-star:before, main button:hover .bi.bi-star:before, main a:hover .fas.fa-star:before, main button:hover .fas.fa-star:before { display: block; content: ""; width: 1em; height: 1.5em; background-position: center; background-size: contain; background-repeat: no-repeat; background: var(--bgstar); background-size: contain; } */ /*******| ICON OVERWRITE:SVG |*********************************************************************************************************************/ /*.icon-termin:before, .icon-call:before, .icon-chat:before, .icon-share:before, .bi.bi-percent:before, .bi.bi-check-circle-fill:before { display: block; content: ""; width: 1em; height: 1em; background-position: center; background-size: contain; background-repeat: no-repeat; } .icon-termin:before { background-image: url("/www_partner/pages/img/icons/icons-schwarz/termin.svg"); width: 0.9em; } .icon-call:before { background-image: url("/www_partner/pages/img/icons/icons-schwarz/call.svg"); width: 0.9em; } .icon-chat:before { background-image: url("/www_partner/pages/img/icons/icons-schwarz/chat.svg"); width: 0.9em; } .icon-share:before { background-image: url("/www_partner/pages/img/icons/icons-schwarz/share.svg"); width: 0.8em; } .bi.bi-percent:before { background-image: url("/www_partner/pages/img/icons/icons-schwarz/liquidation.svg"); } .bi.bi-check-circle-fill:before { background-image: url("/www_partner/pages/img/icons/icons-schwarz/verfügbarkeit.svg"); }*/ /*******| END ICON OVERWRITE |*********************************************************************************************************************/ input.hasler-input { width: 100%; height: 50px; padding: 10px 20px; background: var(--hellgrau); border: none; border-radius: 0; outline: none; font: 19px/30px "FSDillonMedium"; letter-spacing: 0.005em; } input.hasler-input::placeholder { color: var(--schwarz50); } textarea.hasler-input { width: 100%; height: 170px; padding: 10px 20px; background: var(--hellgrau); border: none; border-radius: 0; outline: none; font: 19px/30px "FSDillonMedium"; letter-spacing: 0.005em; } textarea.hasler-input::placeholder { color: var(--schwarz50); } select.halser-select { width: 100%; height: 50px; padding: 10px 20px; line-height: 30px; background: var(--hellgrau); border: none; border-radius: 0; outline: none; appearance: none; } input.hasler-check-input { display: none; } input.hasler-check-input + label { position: relative; display: block; padding: 15px 0 15px 26px; font: 17px/20px "FSDillon"; letter-spacing: 0.005em; } input.hasler-check-input + label:before { display: block; content: ""; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; border: 1px solid var(--schwarz50); } input.hasler-check-input:checked + label:after { display: block; content: "\e905"; position: absolute; left: 2px; top: calc(50% - 6px); width: 12px; height: 12px; text-align: center; font: 12px/12px "icomoon"; } input.hasler-radio-input { display: none; } input.hasler-radio-input + label { position: relative; display: block; padding: 21px 0 21px 26px; line-height: 22px; } input.hasler-radio-input + label:before { display: block; content: ""; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; border: 1px solid var(--schwarz50); } input.hasler-radio-input:checked + label:after { display: block; content: "\e905"; position: absolute; left: 2px; top: calc(50% - 6px); width: 12px; height: 12px; text-align: center; font: 12px/12px "icomoon"; } .hasler-form-link { display: inline-block; padding: 10px 0; font: 22px/30px "FSDillon"; border: none !important; } #chkUID { display:none;} #chkUID.open { display:flex !important;} .errspan {float: right; margin-right: 10px; margin-top: -35px; position: relative; z-index: 2; color: var(--rot); cursor: pointer;} /*******| MYSHOP ELEENTS |*********************************************************************************************************************/ .mt-1p { margin-top: 1px !important; } .ms-10p { margin-left: 10px !important; } .ms-15p { margin-left: 15px !important; } .ms-25p { margin-left: 25px !important; } .p-7-15p { padding: 7.5px 15px; } .p-22-15p { padding: 22.5px 15px; } .pt-1p { padding-top: 1px; } .pt-3p { padding-top: 3px; } .pt-5p { padding-top: 5px; } .pt-9p { padding-top: 9px; } .w-55p { width: 55px !important; } .btn-header { color: var(--schwarz) !important; background-color: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; } .btn-header:hover { color: var(--schwarz) !important; background-color: white !important; border-color: var(--dunkelgrau) !important; } .btn-standard { color: white !important; background-color: var(--schwarz) !important; border-color: var(--schwarz) !important; } .btn-standard:hover { color: white !important; background-color: var(--schwarz) !important; border-color: var(--schwarz) !important; } .btn-primaer { color: var(--schwarz) !important; background-color: white !important; border-color: var(--schwarz) !important; } .btn-primaer:hover { color: white !important; background-color: var(--schwarz) !important; border-color: var(--schwarz) !important; } .btn-sekundaer { color: var(--schwarz) !important; background-color: var(--hellgrau) !important; border-color: var(--hellgrau) !important; } .btn-sekundaer:hover { color: var(--schwarz) !important; background-color: var(--dunkelgrau) !important; border-color: var(--dunkelgrau) !important; } .ico.ico-20 { width: 20px; height: 20px; } i.lnk.lnk-add { background-image: url('/pagespartner/img/myshop/add.svg'); } i.lnk.lnk-barcode { background-image: url('/pagespartner/img/myshop/barcode.svg'); } i.lnk.lnk-basket { background-image: url('/pagespartner/img/myshop/basket.svg'); } i.lnk.lnk-bullet-empty { background-image: url('/pagespartner/img/myshop/bullet-empty.svg'); font-size: 14px; display: flex; justify-content: center; align-items: center; padding-bottom: 4px; } i.lnk.lnk-bullet-times { background-image: url('/pagespartner/img/myshop/bullet-times.svg'); } i.lnk.lnk-bullet-yellow-right { background-image: url('/pagespartner/img/myshop/bullet-yellow-right.svg'); } i.lnk.lnk-datum { background-image: url('/pagespartner/img/myshop/datum.svg'); } i.lnk.lnk-copy { background-image: url('/pagespartner/img/myshop/copy.svg'); } i.lnk.lnk-del { background-image: url('/pagespartner/img/myshop/del.svg'); } i.lnk.lnk-export { background-image: url('/pagespartner/img/myshop/export.svg'); } i.lnk.lnk-fav { background-image: url('/pagespartner/img/myshop/favoriten.svg'); } i.lnk.lnk-import { background-image: url('/pagespartner/img/myshop/import.svg'); } i.lnk.lnk-import-barcode { background-image: url('/pagespartner/img/myshop/import-barcode.svg'); } i.lnk.lnk-info { background-image: url('/pagespartner/img/myshop/nfo.svg'); } i.lnk.lnk-mut { background-image: url('/pagespartner/img/myshop/mut.svg'); } i.lnk.lnk-save { background-image: url('/pagespartner/img/myshop/save.svg'); } i.lnk.lnk-save-grayborder { background-image: url('/pagespartner/img/myshop/save-grayborder.svg'); } i.lnk.lnk-down-grayborder { display: flex; margin-right: -1px; align-items: center; justify-content: center; border: 1px solid var(--dunkelgrau) !important; } i.lnk.lnk-down-grayborder:before { display: block; content: "\e907"; font: 22px/24px "icomoon"; } .open > a > i.lnk.lnk-down-grayborder:before { transform: rotate(180deg); } i.lnk.lnk-save-gray { display: flex; margin-right: -1px; align-items: center; justify-content: center; border-top: 1px solid var(--dunkelgrau) !important; border-bottom: 1px solid var(--dunkelgrau) !important; } i.lnk.lnk-save-gray:before { display: block; content: "\f019"; font: 16px/24px "Font Awesome 5 Free"; font-weight: 900; color: var(--dunkelgrau); } a:hover i.lnk.lnk-save-gray:before { color: var(--rot); } i.lnk.lnk-srt { background-image: url('/pagespartner/img/myshop/srt.svg'); } .ico.ico-valid, i.lnk.lnk-valid { background-image: url('/pagespartner/img/myshop/form-valid.svg'); } i.lnk.lnk-lieferung { background-image: url('/pagespartner/img/myshop/lieferung.svg'); } i.lnk.lnk-abholung { background-image: url('/pagespartner/img/myshop/abholung.svg'); } i.lnk.lnk-fa { border: 1px solid black !important; color: black !important; } .datepicker.dropdown-menu { border-color: var(--dunkelgrau); border-radius: 0; padding: 20px 20px 17px 20px; } .datepicker.dropdown-menu:before { border-bottom: 7px solid var(--dunkelgrau) !important; } .datepicker .table-condensed, .datepicker .table-condensed thead, .datepicker .table-condensed tbody { display: block; width: 266px; } .datepicker .table-condensed thead tr { display: flex; height: 28px; align-items: center; justify-content: space-between; } .datepicker .table-condensed thead tr:first-child { display: none; } .datepicker .table-condensed thead tr:nth-child(2) { padding-bottom: 18px; } .datepicker .table-condensed thead th { display: block; } .datepicker .table-condensed thead th.prev, .datepicker .table-condensed thead th.next { display: block; width: 28px; height: 28px; background-repeat: no-repeat; background-size: contain; background-position: center; background-color: transparent !important; text-indent: -1000px; overflow: hidden; } .datepicker .table-condensed thead th.prev { background-image: url('/pagespartner/img/myshop/bullet-left.svg') !important; } .datepicker .table-condensed thead th.next { background-image: url('/pagespartner/img/myshop/bullet-right.svg') !important; } .datepicker .table-condensed thead th.datepicker-switch { font: 22px/24px "FSDillonBold"; letter-spacing: 0.005em; } .datepicker .table-condensed thead th.dow { width: 38px; height: 38px; padding: 9px 0 0 9px; text-align: left; vertical-align: top; border: none; font: 18px/20px "FSDillonMedium"; letter-spacing: 0.025em; } .datepicker .table-condensed thead th.dow:nth-child(7) { color: var(--rot); } .datepicker .table-condensed tbody tr { display: flex; height: 38px; align-items: center; justify-content: space-between; } .datepicker .table-condensed tbody td { display: block; width: 38px; height: 38px; padding: 6px 0 0 0; text-align: center; vertical-align: top; border: none; font: 21px/24px "FSDillonMedium"; letter-spacing: 0.025em; background: transparent !important; border: 1px solid transparent; border-radius: 0; color: var(--schwarz) !important; } .datepicker .table-condensed tbody td:nth-child(7) { color: var(--rot) !important; } .datepicker .datepicker-days .table-condensed tbody td:hover { border-color: var(--dunkelgrau) !important; } .datepicker .datepicker-days .table-condensed tbody td.active { border-color: var(--dunkelgrau) !important; background: var(--hellgrau) !important; text-shadow: none !important; } .datepicker .datepicker-days .table-condensed tbody td.disabled { opacity: 0.5; } .datepicker .table-condensed tbody td span { width: 60px; } .datepicker .table-condensed tbody td span:hover { border-color: var(--dunkelgrau) !important; } .datepicker .table-condensed tbody td span:active { border-color: var(--dunkelgrau) !important; background: var(--hellgrau) !important; text-shadow: none !important; } .datepicker .datepicker-months .table-condensed tbody td { width: 100% !important; } .datepicker .datepicker-years .table-condensed tbody td { width: 100% !important; } .datepicker .datepicker-decades .table-condensed tbody td { width: 100% !important; } .datepicker .datepicker-centuries .table-condensed tbody td { width: 100% !important; } .datepicker .datepicker-months { height: 210px; } .datepicker .datepicker-years { height: 210px; } .datepicker .datepicker-decades { height: 210px; } .datepicker .datepicker-centuries { height: 210px; } /*.quantity-toggler { display: flex; width: 134px; height: 40px; border: 1px solid var(--dunkelgrau); }*/ .quantity-toggler { display: flex; width: 134px; height: 38px; border: 1px solid var(--dunkelgrau); border-right: none;margin: 1px 0;} .quantity-toggler button { width: 38px; height: 38px; padding: 0; border: none; background: none; outline: none; appearance: none; } .quantity-toggler input { width: 56px; height: 38px; padding: 0; border: none; background: none; outline: none; appearance: none; font: 20px/38px "FSDillonMedium"; } /*******| BASKET |****************************************************************************************************************************************************************/ /*******| BASKET: TABLE HEADER |****************************************************************************************************************************************************************/ .hbi-table thead { font: 20px/22px "FSDillonBold"; letter-spacing: 0.02em; } .hbi-table thead td { width: 1%; white-space: nowrap; padding: 9px 45px 9px 0; border-top: 1px solid var(--dunkelgrau); } .hbi-table thead td:last-child { padding: 9px 12px 9px 0; } .hbi-table thead td.hbi-text { width: 100%; white-space: normal; } #kommission-box #kommission-lst, .kommission-box .kommission-lst { display: none; border: 1px solid var(--dunkelgrau); border-top: none; } #kommission-box.open #kommission-lst, .kommission-box.open .kommission-lst { display: block; } #kommission-box.open .kommission-toggler { transform: rotate(180deg); } #kommission-box #kommission-header .btn { width: 48px; padding-left: 0 !important; padding-right: 0 !important; } #kommission-box #kommission-lst .mek .edit, .kommission-box .kommission-lst .mek .edit { display: none !important; } #kommission-box #kommission-lst .mek.mut .edit, .kommission-box .kommission-lst .mek.mut .edit { display: flex !important; } #kommission-box #kommission-lst .mek.mut .noedit, .kommission-box .kommission-lst .mek.mut .noedit { display: none !important; } #kommission-box #kommission-lst .mek:hover, .kommission-box .kommission-lst .mek:hover { background: var(--hellgrau); cursor: pointer; } #kommission-box #kommission-lst .mek-label, .kommission-box .kommission-lst .mek-label { width: calc(100% - 76px); height: 38px; padding: 7px 0 7px 10px; font-size: 18px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; } #kommission-box #kommission-lst .btn, .kommission-box .kommission-lst .btn { width: 38px; height: 38px; padding: 0; line-height: 38px; font-size: 13px; text-align: center; } #kommission-box #kommission-lst .btn:hover, .kommission-box .kommission-lst .btn:hover { color: var(--red) !important; background: none !important; } .block-input { position: relative; } .block-input:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } /* .show input { border-color: #6c757d; } .show .btn { min-width: 33px; } .show .input-group label { background: none !important; border-color: #6c757d; } .kommission-box.open > .input-group > label:first-child { border-bottom-left-radius: 0 !important; } .kommission-box > .input-group > * { min-width: 34px; } .kommission-box .fa-chevron-up { display: none; } .kommission-box.open .fa-chevron-up { display: block; } .kommission-box.open .fa-chevron-down { display: none; } .kommission-box > .kommission-lst { display: none; background: white; border-style: solid; border-color: #6c757d; border-width: 0 1px 1px 1px; } .kommission-box.open > .kommission-lst { display: block; } .mek { height: 31px; padding: 0 32px 0 0 !important; border-bottom: 1px solid #ced4da; background: #f7f8f9; } .mek:hover { background: #f3f4f5; } .mek:last-child { border-bottom: none; } .mek .mek-label { padding: 0 0.75rem; line-height: 30px; cursor: pointer; } .mek input { height: 30px; padding: 0 0.75rem; border: none; line-height: 30px; } .mek .btn { min-width: 33px; height: 30px; padding: 0 !important; line-height: 30px; border-radius: 0 !important; } .btn-inputgroup { height: 30px; line-height: 28px; padding: 0 0.5rem; background: none !important; border-color: #6c757d; color: #212529; font-size: .875rem; border-radius: 0.2rem; } .btn-inputgroup:hover { background: none !important; border-color: #0069b4; color: #0069b4; } */ @media screen and (max-width: 768px){ .hbi-table thead { display: none; } } /*******| BASKET: TABLE FOOTER |****************************************************************************************************************************************************************/ .hbi-table tfoot td { padding: 4.5px 45px 4.5px 0; white-space: nowrap; text-align: right; font: 20px/22px "FSDillon"; } .hbi-table tfoot td:last-child { padding-right: 12px !important; } .hbi-table tfoot tr:first-child td { padding-top: 15px !important; } .hbi-table tfoot tr:nth-last-child(2) td { padding-bottom: 15px !important; } .hbi-table tfoot tr:nth-last-child(1) td { padding-top: 15px !important; font: 24px/26px "FSDillonBold"; letter-spacing: 0.02em; border-top: 2px solid var(--schwarz); } .hbi-table tfoot tr:nth-last-child(1) td.hbi-empty { border-top: none; } @media screen and (max-width: 767px) { .hbi-table tfoot td { padding: 3.5px 3vw 3.5px 0; } .hbi-table tfoot td:first-child { text-align: right !important; white-space: normal !important; } .hbi-table tfoot td:first-child:after { display: inline-block; content: "CHF"; padding-left: 4px; } .hbi-table tfoot td:nth-child(2) { display: none !important; } .hbi-table tfoot td:last-child { padding-right: 0 !important; } } /*******| BASKET: TABLE BODY |****************************************************************************************************************************************************************/ .hbi-table tbody { font: 20px/22px "FSDillon"; letter-spacing: 0.02em; } .hbi-table tbody tr.hbi-primary td { width: 1%; padding: 35px 45px 20px 0; white-space: nowrap; border-top: 1px solid var(--dunkelgrau); } .hbi-table tbody tr.hbi-primary td:last-child { padding: 35px 0 20px 0; } .hbi-table tbody tr.hbi-primary-plus td { padding: 0 0 20px 0; } .hbi-table tbody tr.hbi-primary.hbi-secondary-no + tr.hbi-primary-plus td { padding-bottom: 45px; } .hbi-table tbody tr.hbi-secondary td { padding: 0 0 10px 0; } .hbi-table tbody tr.hbi-secondary.hbi-secondary-last td { padding: 0 0 30px 0; } .hbi-table tbody tr.hbi-secondary td span { display: block; padding: 12px 15px 11px 15px; } .hbi-table tbody tr:last-child td { border-bottom: 1px solid var(--dunkelgrau); } .hbi-table tbody .hbi-image { line-height: 1px; } .hbi-table tbody .hbi-image a { width: 65px; padding: 10px; background: var(--hellgrau); border: none; } .hbi-table tbody .hbi-image a img { width: 45px; height: 45px; object-fit: contain; mix-blend-mode: multiply; } .hbi-table tbody .hbi-text { width: 100%; white-space: normal !important; } .hbi-table tbody .hbi-quantity .quantity-toggler { display: flex; width: 134px; height: 40px; border: 1px solid var(--dunkelgrau); margin: 1px 0 0 0; } .hbi-table tbody .hbi-quantity .quantity-toggler button { width: 38px; height: 38px; padding: 0; border: none; background: none; outline: none; appearance: none; } .hbi-table tbody .hbi-quantity .quantity-toggler input { width: 56px; height: 38px; padding: 0; border: none; background: none; outline: none; appearance: none; font: 20px/38px "FSDillonMedium"; } .hbi-table tbody .hbi-quantity .availability { width: 20px; height: 20px; } .hbi-table tbody .hbi-quantity .availability + span { margin-left: 10px; } @media screen and (max-width: 959px){ .hbi-table tbody tr.hbi-primary td { padding-right: 30px; } .hbi-table tbody tr.hbi-primary td:last-child { padding-right: 0; } .hbi-table tbody .hbi-image a { width: 51px; padding: 8px; } .hbi-table tbody .hbi-image a img { width: 35px; height: 35px; } } @media screen and (max-width: 768px){ .hbi-table { display: block; } .hbi-table tbody { display: flex; flex-wrap: wrap; justify-content: end; font: 18px/20px "FSDillon"; border-bottom: 1px solid var(--dunkelgrau); } .hbi-table tbody tr { display: flex; flex-wrap: wrap; justify-content: end; width: 100%; } .hbi-table tbody tr.hbi-primary { border-top: 1px solid var(--dunkelgrau); } .hbi-table tbody tr.hbi-primary:first-child { border-top: none; } .hbi-table tbody tr td { width: calc(100% - 58px) !important; border-top: none !important; } .hbi-table tbody tr.hbi-primary td { display: none; padding: 15px 0 0 0 !important; } .hbi-table tbody tr.hbi-primary td:last-child { padding-right: 0 !important; } .hbi-table tbody tr.hbi-primary-plus td { padding-bottom: 10px !important; } .hbi-table tbody tr.hbi-primary-plus td:first-child { display: none; } .hbi-table tbody tr td.hbi-image { display: block; width: 58px !important; } .hbi-table tbody tr td.hbi-image a { width: 39px; padding: 7px; } .hbi-table tbody tr td.hbi-image a img { width: 25px; height: 25px; } .hbi-table tbody tr td.hbi-text { display: block; } .hbi-table tbody tr td.hbi-quantity { display: block; } .hbi-table tbody tr td.hbi-total { display: flex; justify-content: space-between; font: 18px/20px "FSDillonBold"; } .hbi-table tbody tr td.hbi-total:before { display: block; content: attr(data-title); } .hbi-table tbody tr.hbi-secondary { flex-wrap: nowrap; width: calc(100% - 58px) !important; } .hbi-table tbody tr.hbi-secondary td { width: auto !important; flex-grow: 1; } .hbi-table tbody tr.hbi-secondary td:first-child { display: none; } .hbi-table tbody tr.hbi-secondary.hbi-secondary-last td { padding: 0 0 15px 0; } .hbi-table tbody tr:last-child td { border-bottom: none; } .hm-mobile-availability .availability { width: 20px; height: 20px;} .hm-mobile-availability span {margin-left:10px} .hbi-quantity .pb-10p {padding-bottom: 0!important;} } /*******| BASKET: PRINT SMALL |****************************************************************************************************************************************************************/ .hbi-table-prn-small thead { font: 20px/22px "FSDillonBold"; letter-spacing: 0.02em; } .hbi-table-prn-small thead td { width: 1%; white-space: nowrap; padding: 20px 15px 20px 0; } .hbi-table-prn-small thead td:last-child { padding-right: 0 !important; } .hbi-table-prn-small thead td.hbi-text { width: 100%; white-space: normal; } .hbi-table-prn-small tbody { font: 20px/22px "FSDillon"; letter-spacing: 0.02em; } .hbi-table-prn-small tbody tr.hbi-primary td { width: 1%; padding: 15px 15px 0 0; white-space: nowrap; border-top: 1px solid var(--dunkelgrau); } .hbi-table-prn-small tbody tr.hbi-primary td:last-child { padding-right: 0 !important; } .hbi-table-prn-small tbody tr.hbi-primary-plus td { padding: 0 0 10px 0; } .hbi-table-prn-small tbody tr.hbi-primary.hbi-secondary-no + tr.hbi-primary-plus td { padding-bottom: 45px; } .hbi-table-prn-small tbody tr.hbi-secondary td { padding: 0 0 10px 0; } .hbi-table-prn-small tbody tr.hbi-secondary.hbi-secondary-last td { padding: 0 0 15px 0; } .hbi-table-prn-small tbody tr.hbi-secondary td span { display: block; padding: 12px 15px 11px 15px; } .hbi-table-prn-small tbody tr:last-child td { border-bottom: 1px solid var(--dunkelgrau); } .hbi-table-prn-small tbody .hbi-image { line-height: 1px; } .hbi-table-prn-small tbody .hbi-image a { width: 39px; padding: 7px; background: var(--hellgrau); border: none; } .hbi-table-prn-small tbody .hbi-image a img { width: 25px; height: 25px; object-fit: contain; mix-blend-mode: multiply; } .hbi-table-prn-small tbody .hbi-text { width: 100% !important; white-space: normal !important; } .hbi-table-prn-small tbody .hbi-quantity .quantity-toggler { display: flex; width: 134px; height: 40px; border: 1px solid var(--dunkelgrau); margin: 1px 0 0 0; } .hbi-table-prn-small tbody .hbi-quantity .quantity-toggler button { width: 38px; height: 38px; padding: 0; border: none; background: none; outline: none; appearance: none; } .hbi-table-prn-small tbody .hbi-quantity .quantity-toggler input { width: 56px; height: 38px; padding: 0; border: none; background: none; outline: none; appearance: none; font: 20px/38px "FSDillonMedium"; } .hbi-table-prn-small tbody .hbi-quantity .availability { width: 20px; height: 20px; } .hbi-table-prn-small tbody .hbi-quantity .availability + span { margin-left: 10px; } .hbi-table-prn-small tfoot td { padding: 5px 15px 5px 0; white-space: nowrap; text-align: right; font: 20px/22px "FSDillon"; } .hbi-table-prn-small tfoot td.hbi-footer-text { white-space: normal; text-align: left; } .hbi-table-prn-small tfoot td:last-child { padding-right: 0 !important; } .hbi-table-prn-small tfoot tr:first-child td { padding-top: 15px !important; } .hbi-table-prn-small tfoot tr:nth-last-child(2) td { padding-bottom: 15px !important; } .hbi-table-prn-small tfoot tr:nth-last-child(1) td { padding-top: 15px !important; font: 24px/26px "FSDillonBold"; letter-spacing: 0.02em; border-top: 2px solid var(--schwarz); } @media screen and (max-width: 768px){ /*.hbi-quantity > div:nth-child(2) { display: none; }*/ .hbi-table-prn-small thead { display: none; } .hbi-table-prn-small table { display: block; } .hbi-table-prn-small tbody { display: block; } .hbi-table-prn-small tbody tr { display: flex; flex-wrap: wrap; justify-content: end; border-top: 1px solid var(--dunkelgrau); padding-bottom: 15px; } .hbi-table-prn-small tbody tr:first-child { border-top: none; } .hbi-table-prn-small tbody tr td { display: block; border: none !important; } .hbi-table-prn-small tbody tr.hbi-secondary td:first-child { display: none !important; } .hbi-table-prn-small tbody tr.hbi-secondary .d-flex { flex-wrap: wrap; } .hbi-table-prn-small tbody tr.hbi-secondary .d-flex span:last-child { margin-left: auto; } .hbi-table-prn-small tbody tr td.hbi-image { width: 25%; } .hbi-table-prn-small tbody tr td.hbi-text { width: 75% !important; padding-right: 0 !important; } .hbi-table-prn-small tbody tr td.hbi-quantity { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100% !important; padding-right: 0 !important; } .hbi-table-prn-small tbody tr td.hbi-quantity > div:nth-child(1) { order: 2; } .hbi-table-prn-small tbody tr td.hbi-quantity > div:nth-child(2) { order: 1; } .hbi-table-prn-small tbody tr td.hbi-total { width: auto !important; padding-right: 0 !important; } .hbi-table-prn-small tfoot { display: table; border-top: 1px solid var(--dunkelgrau); } .hbi-table-prn-small tfoot tr td:nth-child(1):after { display: inline-block; content: "CHF"; padding-left: 4px; } .hbi-table-prn-small tfoot tr td:nth-child(2) { display: none; } } .hbi-table.hbi-table-prn.hbi-table-prn-small thead td { padding: 19px 33px 19px 0; border-top: none; } .hbi-table.hbi-table-prn.hbi-table-prn-small thead td:last-child { padding: 19px 0; } .hbi-table.hbi-table-prn.hbi-table-prn-small tbody tr.hbi-primary.hbi-secondary-no td { padding: 25px 33px 35px 0; } .hbi-table.hbi-table-prn.hbi-table-prn-small tbody tr.hbi-primary.hbi-secondary-no td:last-child { padding: 25px 0; } .hbi-table.hbi-table-prn.hbi-table-prn-small tbody tr.hbi-primary.hbi-secondary-yes td { padding: 25px 45px 10px 0; } .hbi-table.hbi-table-prn.hbi-table-prn-small tbody tr.hbi-primary.hbi-secondary-yes td:last-child { padding: 25px 0 20px 0; } .hbi-table.hbi-table-prn.hbi-table-prn-small tfoot td { padding-right: 33px !important; } .hbi-table.hbi-table-prn.hbi-table-prn-small tfoot td:last-child { padding-right: 0 !important; } .hbi-fakebasket { width: 100%; } .hbi-fakebasket td { padding-top: 4px; padding-bottom: 4px; text-align: right; font: 20px/22px "FSDillon"; } .hbi-fakebasket td:nth-last-child(2) { padding-left: 48px; } .hbi-fakebasket td:nth-last-child(1) { padding-left: 12px; } .hbi-fakebasket tr:nth-last-child(2) td { padding-bottom: 25px; } .hbi-fakebasket tr:nth-last-child(1) td { padding-top: 25px; font: 24px/26px "FSDillonBold"; letter-spacing: 0.02em; border-top: 1px dashed var(--schwarz); } .hbi-fakebasket tr:nth-last-child(1) td:first-child { text-align: left; } /*******| MYSHOP |****************************************************************************************************************************************************************/ /*******| MYSHOP: FILTER |****************************************************************************************************************************************************************/ .hm-filter { background: var(--hellgrau); } .hm-filter.hm-filter-1 { display: flex; padding: 28px 23px; } .hm-filter.hm-filter-2 { display: flex; padding: 13px 23px; } .hm-filter .i { display: block; background-repeat: no-repeat; background-size: contain; background-position: center; text-decoration: none; border: none !important; border: none; outline: none; appearance: none; } .hm-filter input { max-width: 308px; height: 45px; padding: 10px; font: 18px/25px "FSDillonMedium"; border: none; outline: none; appearance: none; } .hm-filter input.flex-grow-1 { width: 100%; max-width: 100%; } .hm-filter.hm-filter-1 .i { width: 45px; height: 45px; } .hm-filter.hm-filter-2 .i { width: 45px; height: 45px; } .hm-filter .i.i-calendar { background-image: url('/pagespartner/img/myshop/filter-calendar.svg'); } .hm-filter .i.i-run { background-image: url('/pagespartner/img/myshop/filter-run.svg'); background-color: white; } #hm-filter-toggler { display: none; } @media screen and (max-width: 991px){ .hm-filter-mobile-2lines { padding: 0 !important; background: none; flex-wrap: wrap !important; } .hm-filter-mobile-2lines > div:nth-child(1) { width: 100%; background: var(--hellgrau); padding: 10px; } .hm-filter-mobile-2lines > div:nth-child(1) > label { padding-right: 10px; } .hm-filter-mobile-2lines > div:nth-child(1) > input { flex-grow: 1; } .hm-filter-mobile-2lines > div:nth-child(1) .i { width: 30px; height: 30px; } .hm-filter-mobile-2lines > div:nth-child(2) { margin-top: 10px; padding: 0; border: 1px solid var(--hellgrau); } .hm-filter-mobile-2lines-nolables { width: 100%; justify-content: end; border: none !important; } .hm-filter-mobile-2lines-nolables span { display: none; } } @media screen and (max-width: 959px){ #hm-filter { flex-wrap: wrap !important; } #hm-filter-toggler { display: flex; } #hm-filter-toggleee { display: none !important; order: 10; width: 100%; padding-top: 15px !important; } #hm-filter-toggleee a span { display: none !important; } #hm-filter-toggleee #txtArtNr_free { flex-grow: 1 !important; max-width: 100%; } .show #hm-filter-toggleee { display: flex !important; } } @media screen and (max-width: 768px){ .hm-filter.hm-filter-2 { padding: 13px; } #hm-filter-toggleee a.hm-icon-link { margin-left: 15px !important; } .hm-filter input { height: 30px !important; padding: 5px 10px !important; font: 15px/20px "FSDillon" !important; } .hm-filter-mobile-2lines { padding: 0 !important; background: none; flex-wrap: wrap !important; } .hm-filter-mobile-2lines > div:nth-child(1) { width: 100%; background: var(--hellgrau); padding: 10px; } .hm-filter-mobile-2lines > div:nth-child(1) > label { padding-right: 10px; } .hm-filter-mobile-2lines > div:nth-child(1) > input { flex-grow: 1; } .hm-filter-mobile-2lines > div:nth-child(1) .i { width: 30px; height: 30px; } .hm-filter-mobile-2lines > div:nth-child(2) { margin-top: 10px; padding: 0; border: 1px solid var(--hellgrau); } .hm-filter-mobile-2lines-nolables { width: 100%; justify-content: end; border: none !important; } .hm-filter-mobile-2lines-nolables span { display: none; } } /*******| MYSHOP: TABLE |****************************************************************************************************************************************************************/ .hm-table td { padding: 12px 24px 12px 0; vertical-align: middle; border-bottom: 1px solid var(--dunkelgrau); } .hm-table td:last-child { padding: 12px 0; } .hm-table thead td { font: 21px/22px "FSDillonBold"; letter-spacing: 0.5px; } .hm-table tbody td { font: 20px/22px "FSDillon"; letter-spacing: 0.0.02em; color: black; } .hm-table .hm-table-toggler { width: 40px; height: 40px; background: url('/pagespartner/img/myshop/bullet-down-yellow.svg') no-repeat center; background-size: contain; transition: transform 0.3s; cursor: pointer; } .hm-table .open .hm-table-toggler { transform: rotate(180deg); } .hm-table tr.more > td { padding: 0; border-bottom: none; } .hm-table tr.main.open + tr.more > td { border-bottom: 1px solid var(--dunkelgrau); } .hm-table .more-box > div { height: 0; opacity: 0; transition: all 0.3s; overflow: hidden; } .hm-table tr.main.open + tr.more .more-box > div { height: var(--height); opacity: 1; } .hm-table .more-box > div > div > div { padding: 57px 0 102px 0; } .hm-table-basket thead td { padding: 6px 24px 6px 0; vertical-align: middle; border-bottom: none; font: 18px/23px "FSDillonBold"; letter-spacing: 0.5px; color: white; background: var(--schwarz); } .hm-table-basket tbody td { padding: 20px 40px 20px 0; vertical-align: middle; border-bottom: 1px solid var(--dunkelgrau); font: 20px/22px "FSDillon"; letter-spacing: 0.02em; } .hm-table-basket tbody td.hmtb-image { padding-left: 4px; } .hm-table-basket tbody td.hmtb-image > div { display: inline-block; width: 65px; padding: 10px; background: var(--hellgrau); } .hm-table-basket tbody td.hmtb-image > div > img { width: 45px; height: 45px; object-fit: contain; mix-blend-mode: multiply; } .hm-table-basket .hmtb-subtitle { font: 20px/22px "FSDillonBold"; letter-spacing: 0.02em; padding-bottom: 10px; } .hm-table-basket .hmtb-total { font: 22px/23px "FSDillonBold"; letter-spacing: 0.02em; text-decoration-line: underline; } .hm-table-basket tfoot td { border-bottom: none; } .hm-table-basket tfoot table td { padding: 0 0 0 30px; vertical-align: middle; border-bottom: none; font: 20px/22px "FSDillon"; letter-spacing: 0.02em; color: black; } .hm-table-basket tfoot table tr:nth-last-child(2) td { padding: 0 0 15px 30px; } .hm-table-basket tfoot table tr:nth-last-child(1) td { padding: 15px 0 0 30px; border-top: 2px solid var(--schwarz); font: 24px/27px "FSDillonBold"; letter-spacing: 0.02em; } .hm-table-items tbody td.hmti-image > div { display: inline-block; width: 90px; padding: 7px 14px; background: var(--hellgrau); } .hm-table-items tbody td.hmti-image > div > img { width: 62px; height: 47px; object-fit: contain; mix-blend-mode: multiply; } .hm-table-items tbody td.hmti-button-round { padding-right: 0 !important; } .hm-table-items tbody td.hmti-button-round + .hmti-button-round { padding-left: 11px !important; } .hm-table-items tbody td.hmti-button-square { padding-left: 30px !important; } .hm-table input[type="text"] { display: block; width: 100%; height: 38px; padding: 8px 10px; border: 1px solid var(--dunkelgrau); font: 20px/22px "FSDillon"; letter-spacing: 0.02em; outline: none !important; } .hm-table input[type="text"]:focus { background: var(--hellgrau); } .hm-table input[type="text"] + input[type="text"] { margin-top: 10px; } .hm-table textarea { display: block; width: 100%; height: 134px; padding: 8px 10px; border: 1px solid var(--dunkelgrau); font: 20px/22px "FSDillon"; letter-spacing: 0.02em; } .hm-favitem-image > div { display: inline-block; width: 120px; padding: 19px; background: var(--hellgrau); } .hm-favitem-image > div > img { width: 82px; height: 96px; object-fit: contain; mix-blend-mode: multiply; } .hm-favitem-image .dz-container { width: 120px; height: 134px; background: var(--sehrhellblau) !important; } @media screen and (max-width: 768px){ .hm-table-order thead { display: none; } .hm-table-order, .hm-table-order > tbody, .hm-table-order > tbody > tr { display: block; } .hm-table-order tbody tr.main { position: relative; padding: 10px 0 10px 60px; border-top: 1px solid var(--hellgrau); } .hm-table-order tbody tr.main td { display: none; border: none; padding: 0 0 3px 0; } .hm-table-order tbody tr.main td:nth-child(1) { display: block; position: absolute; left: 0; top: 10px; } .hm-table-order tbody tr.main td:nth-child(2) { display: block; } .hm-table-order tbody tr.main td:nth-child(3) { display: block; font-weight: bold; } .hm-table-order tbody tr.main td:nth-child(7) { display: block; font-weight: bold; text-decoration: underline; padding: 0 !important; } .hm-table-order tbody tr.more > td:nth-child(1) { display: none; } .hm-table-order tbody tr.more > td:nth-child(2) { display: block; } .hm-table-order tbody tr.more td > div > div > div { padding: 10px 0 60px 60px; } .hm-table-order tbody tr.more table.hm-table-header { margin-bottom: 15px; } .hm-table-order tbody tr.more table.hm-table-header td { padding-top: 0 !important; padding-bottom: 0 !important; border: none !important; } .hm-table-order tbody tr.more table.hm-table-basket thead { display: none; } .hm-table-order tbody tr.more table.hm-table-basket, .hm-table-order tbody tr.more table.hm-table-basket > tbody{ display: block; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr { position: relative; display: block; padding: 15px 0 15px 60px; border-top: 1px solid var(--dunkelgrau); } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td { border: none; padding: 0; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) { display: block; position: absolute; left: 0; top: 15px; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) > div { width: 35px; padding: 3px; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) > div img { width: 29px; height: 29px; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) { display: block; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) .hmtb-subtitle { padding-bottom: 0; font: 19px/21px "FSDillon"; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) div:last-child { padding-bottom: 10px; font: 19px/21px "FSDillonBold"; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(3), .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(5), .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(7) { display: table-row; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(3):before, .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(5):before, .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(7):before { display: table-cell; content: attr(data-title); padding-right: 12px; text-align: left; } .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(3) span, .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(5) span, .hm-table-order tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(7) span { display: table-cell; } .hm-table-order tbody tr.more table.hm-table-basket > tbody tr > td:nth-child(4) { display: none; } .hm-table-order tbody tr.more table.hm-table-basket > tbody tr > td:nth-child(6) { display: none; } .hm-table-order tbody tr.more table.hm-table-basket tfoot { display: block; border-top: 1px solid var(--dunkelgrau); padding-top: 15px; } .hm-table-order tbody tr.more table.hm-table-basket tfoot > tr { display: block; } .hm-table-order tbody tr.more table.hm-table-basket tfoot > tr > td { display: block; padding: 0 !important; } .hm-table-order tbody tr.more table.hm-table-basket tfoot > tr > td table { float: none !important; width: 100%; } .hm-table-order tbody tr.more table.hm-table-basket tfoot > tr > td table td { width: 100%; padding: 0 0 0 15px !important; } .hm-table-order tbody tr.more table.hm-table-basket tfoot > tr > td table tr:nth-last-child(1) td { padding-top: 5px !important; } .hm-table-order tbody tr.more table.hm-table-basket tfoot > tr > td table tr:nth-last-child(2) td { padding-bottom: 5px !important; } .hm-table-order tbody tr.more table.hm-table-basket tfoot > tr > td table td:first-child { width: 100%; padding-left: 0 !important; } } @media screen and (min-width: 769px) and (max-width: 991px){ .hm-table tr.more > td:first-child { display: none; } .hm-table .more-box > div > div > div { padding: 30px 0 60px 0; } } @media screen and (max-width: 1399px){ .hm-table-items thead { display: none; } .hm-table-items, .hm-table-items > tbody { display: block; } .hm-table-items > tbody > tr { display: block; position: relative; min-height: 90px; padding: 15px 0 15px 85px; border-top: 1px solid var(--hellgrau); } .hm-table-items > tbody > tr > td { display: none; border: none; padding: 0 0 3px 0; } .hm-table-items > tbody > tr > td:nth-child(1) { display: block; position: absolute; left: 0; top: 15px; } .hm-table-items.hm-table-fav > tbody > tr > td:nth-child(1) { width: auto; } .hm-table-items.hm-table-fav > tbody > tr > td:nth-child(1) a { width: 40px; } .hm-table-items > tbody > tr > td:nth-child(1) > div { width: 60px; padding: 5px; } .hm-table-items > tbody > tr > td:nth-child(1) > div > img { width: 50px; height: 50px; } .hm-table-items > tbody > tr > td:nth-child(2) { display: block; font: 19px/21px "FSDillon"; } .hm-table-items.hm-table-fav > tbody > tr > td:nth-child(2) { font: 19px/21px "FSDillonBold"; padding-bottom: 10px; } .hm-table-items.hm-table-fav > tbody > tr > td:nth-child(2) a { font: 19px/21px "FSDillonBold"; } .hm-table-items > tbody > tr > td:nth-child(3) { display: block; font: 19px/21px "FSDillonBold"; padding-bottom: 10px; } .hm-table-items.hm-table-fav > tbody > tr > td:nth-child(3) { font: 19px/21px "FSDillon"; padding-bottom: 0; } .hm-table-items > tbody > tr > td:nth-child(4) { display: table-row; max-width: calc(100% - 112px); } .hm-table-items > tbody > tr > td:nth-child(5) { display: table-row; max-width: calc(100% - 112px); } .hm-table-items > tbody > tr > td:nth-child(6) { display: block; width: 100%; min-width: 100%; max-width: 100%; } .hm-table-items > tbody > tr > td:nth-child(6) a { margin: 0 15px 10px 0 !important; } .hm-table-fav.hm-table-items > tbody > tr > td:nth-child(3):before, .hm-table-items > tbody > tr > td:nth-child(4):before, .hm-table-items > tbody > tr > td:nth-child(5):before { display: table-cell; content: attr(data-title); padding-right: 12px; text-align: left; } .hm-table-fav.hm-table-items > tbody > tr > td:nth-child(3) span, .hm-table-items > tbody > tr > td:nth-child(4) span, .hm-table-items > tbody > tr > td:nth-child(5) span { display: table-cell; } .hm-table-items > tbody > tr > td:nth-child(8) { display: block; position: absolute; right: 0; bottom: 15px; width: 97px; padding: 0 !important; background-color: var(--schwarz); } .hm-table-items > tbody > tr > td:nth-child(8) img { width: 97px; height: 43px; object-position: center; object-fit: contain; } .hm-table-items > tbody > tr > td:nth-child(8) .btn { width: 97px; } .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(2), .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(3), .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(4), .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(5), .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(6), .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(7), .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(8) { display: block; width: 100%; max-width: 100%; padding: 0; position: static; background: none; } .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(2):before, .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(3):before, .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(4):before, .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(5):before, .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(6):before, .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(7):before { display: block; content: attr(data-title); width: 100%; padding: 15px 0 5px 0 !important; text-align: left; font: 19px/21px "FSDillonBold"; } .hm-table-items.hm-table-favitems > tbody > tr > td:nth-child(8) > div { padding-top: 15px; padding-bottom: 10px; justify-content: end; } /*.hm-table-items tbody tr.main .hm-table-items tbody tr.main td:nth-child(3) { display: block; font-weight: bold; } .hm-table-items tbody tr.main td:nth-child(7) { display: block; font-weight: bold; text-decoration: underline; padding: 0 !important; } .hm-table-items tbody tr.more > td:nth-child(1) { display: none; } .hm-table-items tbody tr.more > td:nth-child(2) { display: block; } .hm-table-items tbody tr.more td > div > div > div { padding: 10px 0 60px 60px; } .hm-table-items tbody tr.more table.hm-table-header { margin-bottom: 15px; } .hm-table-items tbody tr.more table.hm-table-header td { padding-top: 0 !important; padding-bottom: 0 !important; border: none !important; } .hm-table-items tbody tr.more table.hm-table-basket thead { display: none; } .hm-table-items tbody tr.more table.hm-table-basket, .hm-table-items tbody tr.more table.hm-table-basket > tbody{ display: block; } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr { position: relative; display: block; padding: 15px 0 15px 60px; border-top: 1px solid var(--dunkelgrau); } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr > td { border: none; padding: 0; } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) { display: block; position: absolute; left: 0; top: 15px; } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) > div { width: 35px; padding: 3px; } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) > div img { width: 29px; height: 29px; } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) { display: block; } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) .hmtb-subtitle { padding-bottom: 0; } .hm-table-items tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) div:last-child { padding-bottom: 10px; }*/ } @media screen and (max-width: 991px){ .hm-table-items > tbody > tr { min-height: 60px; padding: 10px 0 10px 60px; } .hm-table-items > tbody > tr > td:nth-child(1) > div { width: 40px; padding: 3px; } .hm-table-items > tbody > tr > td:nth-child(1) > div > img { width: 34px; height: 34px; } .hm-table-items > tbody > tr > td:nth-child(1) { top: 10px; } .hm-table-items > tbody > tr > td:nth-child(8) { bottom: 10px; } } @media screen and (max-width: 768px){ .hm-table-basket thead { display: none; } .hm-table-basket, .hm-table-basket > tbody { display: block; } .hm-table-basket > tbody > tr { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center } .hm-table-basket tbody tr.main { position: relative; padding: 10px 0 10px 60px; border-top: 1px solid var(--hellgrau); } .hm-table-basket tbody tr.main td { display: block; border: none; padding: 0 0 3px 0; } .hm-table-basket tbody tr.main td:nth-child(1) { display: block; position: absolute; left: 0; top: 10px; } .hm-table-basket tbody tr.main td:nth-child(2) { width: 100%; } .hm-table-basket tbody tr.main td:nth-child(3) { width: auto; } .hm-table-basket tbody tr.main td:nth-child(3):before { display: inline; content: attr(data-title); } .hm-table-basket tbody tr.main td:nth-child(4) { width: auto; } .hm-table-basket tbody tr.more > td:nth-child(1) { display: none; } .hm-table-basket tbody tr.more > td:nth-child(2) { display: block; } .hm-table-basket tbody tr.more td > div > div > div { padding: 10px 0 60px 60px; } .hm-table-basket tbody tr.more table.hm-table-header { margin-bottom: 15px; } .hm-table-basket tbody tr.more table.hm-table-header td { padding-top: 0 !important; padding-bottom: 0 !important; border: none !important; } .hm-table-basket tbody tr.more table.hm-table-basket thead { display: none; } .hm-table-basket tbody tr.more table.hm-table-basket, .hm-table-basket tbody tr.more table.hm-table-basket > tbody{ display: block; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr { position: relative; display: block; padding: 15px 0 15px 60px; border-top: 1px solid var(--dunkelgrau); } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td { border: none; padding: 0; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) { display: block; position: absolute; left: 0; top: 15px; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) > div { width: 35px; padding: 3px; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(1) > div img { width: 29px; height: 29px; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) { display: block; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) .hmtb-subtitle { padding-bottom: 0; font: 19px/21px "FSDillon"; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(2) div:last-child { padding-bottom: 10px; font: 19px/21px "FSDillonBold"; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(3), .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(5), .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(7) { display: table-row; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(3):before, .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(5):before, .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(7):before { display: table-cell; content: attr(data-title); padding-right: 12px; text-align: left; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(3) span, .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(5) span, .hm-table-basket tbody tr.more table.hm-table-basket > tbody > tr > td:nth-child(7) span { display: table-cell; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody tr > td:nth-child(4) { display: none; } .hm-table-basket tbody tr.more table.hm-table-basket > tbody tr > td:nth-child(6) { display: none; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot { display: block; border-top: 1px solid var(--dunkelgrau); padding-top: 15px; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot > tr { display: block; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot > tr > td { display: block; padding: 0 !important; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot > tr > td table { float: none !important; width: 100%; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot > tr > td table td { width: 100%; padding: 0 0 0 15px !important; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot > tr > td table tr:nth-last-child(1) td { padding-top: 5px !important; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot > tr > td table tr:nth-last-child(2) td { padding-bottom: 5px !important; } .hm-table-basket tbody tr.more table.hm-table-basket tfoot > tr > td table td:first-child { width: 100%; padding-left: 0 !important; } } /*******| MYSHOP: FORM |****************************************************************************************************************************************************************/ .btn-header-50 { height: 50px !important; padding: 12px !important; font: 22px/24px "FSDillonBold" !important; border-radius: 4px !important; overflow: hidden; } .btn-myshop-56 { height: 56px !important; padding: 15px !important; font: 22px/24px "FSDillonMedium" !important; border-radius: 4px !important; overflow: hidden; } @media screen and (max-width: 768px){ .btn-myshop-56 { height: 43px !important; padding: 10px !important; font: 18.5px/21px "FSDillonMedium" !important; border-radius: 4px !important; overflow: hidden; } } .btn-myshop-overview { display: block; position: relative; min-width: 32px; width: 32px; height: 32px; border: 1px solid var(--schwarz); border-radius: 0; } .btn-myshop-overview.i:before { display: block; content: ""; position: absolute; left: 6px; top: 6px; right: 6px; bottom: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; } .btn-myshop-overview.i.i-info:before { background-image: url('/pagespartner/img/myshop/info.svg'); } .btn-myshop-overview.i.i-edit:before { background-image: url('/pagespartner/img/myshop/edit.svg'); } .hm-floating { position: relative; height: 50px; background: var(--hellgrau) } .hm-floating input { position: absolute; z-index: 2; left: 0; right: 0; height: 50px; padding: 20px 14px 6px 14px; background: none; outline: none; border: 1px solid transparent; font: 19px/22px "FSDillonMedium"; letter-spacing: 0.005em; appearance: none; } .hm-floating input:hover { box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.06); } .hm-floating input:focus { border-color: var(--schwarz50); box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.06); } .hm-floating input:valid + label:before { display: block; content: ""; position: absolute; top: 14px; right: 15px; width: 20px; height: 20px; background: url('/pagespartner/img/myshop/form-valid.svg') no-repeat center; background-size: contain; } .hm-floating input:invalid { border-color: var(--rot); } .hm-floating input:invalid + label:before { display: block; content: ""; position: absolute; top: 14px; right: 15px; width: 20px; height: 20px; background: url('/pagespartner/img/myshop/form-invalid.svg') no-repeat center; background-size: contain; } .hm-floating input::placeholder { opacity: 0; } .hm-floating label { position: absolute; z-index: 1; left: 0; top: 0; right: 0; height: 50px; padding: 15px; font: 19px/22px "FSDillonMedium"; overflow: hidden; transition: all 0.3s; color: var(--schwarz50); opacity: 1; } .hm-floating input:focus + label, .hm-floating input:not(:placeholder-shown) + label { padding: 6px 15px; font: 11px/15px "ABC"; color: var(--schwarz); opacity: 0.8; } .hm-floating.hm-floating-textarea { height: 138px; } .hm-floating textarea { position: absolute; z-index: 2; left: 0; right: 0; height: 138px; padding: 20px 14px 6px 14px; background: none; outline: none; border: 1px solid transparent; font: 19px/22px "FSDillonMedium"; letter-spacing: 0.005em; appearance: none; } .hm-floating textarea:hover { box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.06); } .hm-floating textarea:focus { border-color: var(--schwarz50); box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.06); } .hm-floating textarea:valid + label:before { display: block; content: ""; position: absolute; top: 14px; right: 15px; width: 20px; height: 20px; background: url('/pagespartner/img/myshop/form-valid.svg') no-repeat center; background-size: contain; } .hm-floating textarea:invalid { border-color: var(--rot); } .hm-floating textarea:invalid + label:before { display: block; content: ""; position: absolute; top: 14px; right: 15px; width: 20px; height: 20px; background: url('/pagespartner/img/myshop/form-invalid.svg') no-repeat center; background-size: contain; } .hm-floating textarea::placeholder { opacity: 0; } .hm-floating label { position: absolute; z-index: 1; left: 0; top: 0; right: 0; height: 50px; padding: 15px; font: 19px/22px "FSDillonMedium"; overflow: hidden; transition: all 0.3s; color: var(--schwarz50); opacity: 1; } .hm-floating textarea:focus + label, .hm-floating textarea:not(:placeholder-shown) + label { padding: 6px 15px; font: 11px/15px "ABC"; color: var(--schwarz); opacity: 0.8; } .hm-date { display: flex; align-items: center; height: 50px; padding: 0 15px; background: var(--hellgrau); } .hm-date label { display: flex; align-items: center; width: 53px; height: 50px; } .hm-date label i.lnk { display: block; width: 53px; height: 22px; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; } .hm-date input { width: calc(100% - 53px); height: 50px; padding: 0; border: 0; outline: 0; background: none; appearance: none; font: 19px/50px "FSDillonMedium"; } .hm-check { display: flex; align-items: center; height: 35px; } .hm-check label { position: relative; display: block; padding: 0 23px 0 26px; font: 17px/20px "FSDillon"; letter-spacing: 0.005em; } .hm-check input { display: none; } .hm-check input + label:before { display: block; content: ""; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; border: 1px solid var(--schwarz50); } .hm-check input:checked + label:after { display: block; content: "\e905"; position: absolute; left: 2px; top: calc(50% - 6px); width: 12px; height: 12px; text-align: center; font: 12px/12px "icomoon"; } .hm-check.hm-multiselect label { padding: 0 0 0 16px; } .hm-check.hm-multiselect input + label:before { border-radius: 50%; } .hm-check.hm-multiselect input:checked + label:after { top: calc(50% - 5px); font: 10px/12px "icomoon"; } .h-chk-toggler input { display: none; } .h-chk-toggler label { display: flex; align-items: center; height: 50px; padding: 0 15px; border: 1px solid var(--schwarz); font: 19px/21px "FSDillonMedium"; letter-spacing: 0.005em; opacity: 0.5; background: var(--hellgrau); cursor: pointer; transition: all 0.3s; } .h-chk-toggler label:hover { opacity: 0.5; background: white; } .h-chk-toggler input:checked + label { opacity: 1; background: white; } .h-chk-toggler label img { height: 22px; margin-right: 20px; } .hm-check { display: flex; align-items: center; height: 35px; } .hm-check label { position: relative; display: block; padding: 0 23px 0 26px; font: 17px/20px "FSDillon"; letter-spacing: 0.005em; } .hm-check input { display: none; } .hm-check input + label:before { display: block; content: ""; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; border: 1px solid var(--schwarz50); } .hm-check input:checked + label:after { display: block; content: "\e905"; position: absolute; left: 2px; top: calc(50% - 6px); width: 12px; height: 12px; text-align: center; font: 12px/12px "icomoon"; } .hm-check.hm-multiselect label { padding: 0 0 0 16px; } .hm-check.hm-multiselect input + label:before { border-radius: 50%; } .hm-check.hm-multiselect input:checked + label:after { top: calc(50% - 5px); font: 10px/12px "icomoon"; } .hm-radio { display: flex; align-items: center; height: 40px; } .hm-radio label { position: relative; display: block; padding: 0 0 0 40px; font: 19px/26px "ABC"; letter-spacing: 0.005em; } .hm-radio input { display: none; } .hm-radio input + label:before { display: block; content: ""; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; border: 1px solid var(--schwarz50); border-radius: 50%; } /*.hm-radio input:checked + label:after { display: block; content: "\e905"; position: absolute; left: 2px; top: calc(50% - 5px); width: 12px; height: 12px; text-align: center; font: 12px/12px "icomoon"; }*/ .hm-radio input:checked + label:after { display: block; content: ""; position: absolute; left: 2px; top: calc(50% - 6px); width: 12px; height: 12px; background: var(--schwarz); border: 2px solid white; outline: 1px solid var(--schwarz); border-radius: 50%; } .hm-radio label img { height: 32px; margin-left: 20px; } .hm-title { padding: 26px 0 0 0; font: 22px/24px "FSDillonBold"; letter-spacing: 0.005em; } .hm-title2 { font: 20px/22px "FSDillonBold"; letter-spacing: 0.005em; } .hm-select { position: relative; height: 50px; background: var(--hellgrau) } .hm-select label { position: absolute; z-index: 1; left: 0; top: 0; right: 0; height: 50px; padding: 5px 14px; border: 1px solid transparent; font: 11px/15px "ABC"; overflow: hidden; transition: all 0.3s; opacity: 0.8; } .hm-select select:invalid + span + label { border-color: var(--rot); } .hm-select > span { position: absolute; z-index: 2; left: 0; top: 0; right: 0; width: 100% !important; } .hm-select .selection > span { height: 50px; padding: 20px 14px 6px 14px; background: none; outline: none; border: none; font: 19px/22px "FSDillonMedium"; letter-spacing: 0.005em; } .hm-select .select2-selection__rendered { padding-left: 0 !important; } .hm-select .select2-selection__arrow { top: 18px !important; right: 23px !important; width: 15px !important; height: 15px !important; background: url('/pagespartner/img/myshop/arrow-down.svg') no-repeat center; background-size: contain; transition: transform 0.3s; } .hm-select .select2-selection__arrow b { display: none !important; } .hm-select .select2-container--open .select2-selection__arrow { transform: rotate(180deg); } .select2-results__option[aria-disabled=true] { display: none; } .select2-dropdown { background-color: var(--hellgrau) !important; border: none !important; border-radius: 0 !important; } .select2-dropdown .select2-search { display: none !important; } .select2-dropdown .select2-results li { border-top: 1px solid var(--dunkelgrau) !important; background: none !important; } .select2-dropdown .select2-results li.select2-results__option--highlighted, .select2-dropdown .select2-results li:hover { color: var(--rot) !important; } .gray-bg-form .hm-floating, .gray-bg-form .hm-title2, .gray-bg-form .select2-dropdown { background-color: var(--dunkelgrau) !important; } .hm-icon-link { display: flex; align-items: center; font: 20px/22px "FSDillonMedium"; letter-spacing: 0.005em; text-decoration: none; border: none !important; } i.lnk { background-repeat: no-repeat; background-size: contain; background-position: center; text-decoration: none; border: none !important; } .hm-icon-link.hm-icon-link-30 { height: 30px; } .hm-icon-link.hm-icon-link-30 i.lnk { width: 30px; height: 30px; font-size: 16px; line-height: 28px; text-align: center; } .hm-icon-link.hm-icon-link-30 span + i, .hm-icon-link.hm-icon-link-30 i + span { margin-left: 13px; } .hm-icon-link.hm-icon-link-32 { height: 32px; } .hm-icon-link.hm-icon-link-32 i.lnk { width: 32px; height: 32px; font-size: 16px; line-height: 30px; text-align: center; } .hm-icon-link.hm-icon-link-32 span + i, .hm-icon-link.hm-icon-link-32 i + span { margin-left: 10px; } .hm-icon-link-32 + .hm-icon-link-32 { margin-left: 15px; } .hm-icon-link.hm-icon-link-38 { height: 38px; } .hm-icon-link.hm-icon-link-38 i.lnk { width: 38px; height: 38px; font-size: 16px; line-height: 36px; text-align: center; } .hm-icon-link.hm-icon-link-38 span + i, .hm-icon-link.hm-icon-link-38 i + span { margin-left: 22px; } .hm-icon-link-38 + .hm-icon-link-38 { margin-left: 15px; } .hm-icon-link.hm-icon-link-40 { height: 40px; } .hm-icon-link.hm-icon-link-40 i.lnk { width: 40px; height: 40px; font-size: 16px; line-height: 38px; text-align: center; } .hm-icon-link.hm-icon-link-40 span + i, .hm-icon-link.hm-icon-link-40 i + span { margin-left: 13px; } @media screen and (max-width: 768px){ /* .hm-icon-link.hm-icon-link-38 { height: 30px; } .hm-icon-link.hm-icon-link-38 i.lnk { width: 30px; height: 30px; font-size: 15px; line-height: 30px; text-align: center; } */ .hm-icon-link.hm-icon-link-38 span + i, .hm-icon-link.hm-icon-link-38 i + span { margin-left: 14px; } .hm-icon-link-38 + .hm-icon-link-38 { margin-left: 10px; } .hm-radio label { padding: 0 0 0 30px; font: 17px/26px "ABC"; letter-spacing: 0; } .hm-radio input + label:before { top: calc(50% - 7.5px); width: 15px; height: 15px; } .hm-radio label img { margin-left: 10px; } .hm-icon-lilnk-mobile-large i { margin: 0 14px 0 0 !important; } .hm-icon-link.hm-icon-link-38.hm-icon-lilnk-mobile-large i.lnk { width: 38px; height: 38px; font-size: 16px; line-height: 36px; text-align: center; } } @media screen and (max-width: 450px){ .hm-icon-mobile-fav {display:none} } @media screen and (min-width: 992px){ .border-lg-end { border-right-style: solid; border-right-width: 1px; } } @media screen and (max-width: 768px){ #content .px-mobile-17px { padding-left: 17px !important; padding-right: 17px !important; } #content .ho-right.p-2 { padding-top: 45px !important; } #vgl_table tr.vgl_attr td.vgl_attr_value span { font-family: "FSDillonMedium"; font-size: 18px; } #vgl_table .stufe13-title { font-size: 19px; } #vgl_table th.dragcolumn button { visibility: hidden !important; } #hm-top .hm-filter > a { padding: 9px 10px; } .stufe13-image { position: absolute; left: 40px; top: 25px; right: 25px; bottom: 22px; } .stufe13-discount { top: 10px; left: 10px; width: 40px; height: 40px; font: 11px/13px 'FSDillonBold'; } .stufe13-brand { padding: 3px 5px; } .stufe13-brand > div { width: 40px; height: 17px; } #myshop-navigation nav .span { font: 19px/23px "FSDillonMedium" !important; } #myshop-navigation nav .span i { display: block; float: left; width: 30px !important; margin-right: 24px; text-align: center; } #hi-navi nav .a { font: 18px/19px "FSDillon" !important; padding: 5px 10px 5px 39px !important; } .btn-cms { width: 237px !important; height: 43px !important; padding: 0 20px !important; line-height: 41px !important; } .btn-cms.btn-header-50 { padding-top: 0.65rem !important; padding-bottom: 0.65rem !important; } .btn-cms.btn-header-50.p-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .w-btn { width: 237px; } .hd-buy .btn-62 { height: 51px !important; padding-top: 5px; padding-bottom: 5px; line-height: 39px !important; } .hd-buy .input-group-62 { height: 51px !important; } .hd-buy .input-group-62 button { height: 49px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 49px; } .hd-buy .input-group-62 input { height: 49px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 49px; } .hd-cms .bg-image-auto-100 { padding: 20px !important; } #hd-g { padding: 50px 10px 10px 10px !important} #hd-thumb { position: relative; } .hd-brand { position: absolute; left: 3 0px; bottom: calc(20vW + 24px); } h1 { font-size: 30px !important; } h3 { font-size: 20px !important; } .product-det-icon-growing div { min-width: 22px; height: 22px; } .product-det-icon-growing div img { max-width: 44px; max-height: 22px; } .pt-mobile-40p { padding-top: 40px !important; } .lead { font-size: 20px !important; line-height: 24px !important; } .block_20004 .cms_img a { padding: 50% !important; } .navi-pg-box li.box { width: 50% !important; } #content .navi-box li.box > div > a > div.h-100-30 { padding: 10px 20px !important; } .block_20001 .cms_img a .cms_title { font-size: 20px !important; line-height: 27px !important; } .art_tpl_1126 .art_image { margin-bottom: 0 !important; } #content .art_tpl_1126 > div > div > .art { position: static !important; padding: 0 !important; } #content .art_tpl_1126 > div > div > .art > div { padding: 20px !important; margin-bottom: 0 !important } #header-navigation .art.block_10000 { position: absolute; left: 30px; bottom: 30px; right: 30px; width: auto !important; color: white; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } #header-navigation .level_1_art { display: none; } .l0-location p { margin-bottom: 5px; } .cms_legend { font-size: 20px; line-height: 1.25 !important; } .navislider-title { min-height: 60px !important; } } @media screen and (max-width: 992px){ #pd-filter-form > table > tbody > tr > td:nth-child(2) { display: block; position: static; width: 100% !important; } #pd-filter-form > table > tbody > tr > td:nth-child(1):after { display: none !important; } #groessen-filter > tbody > tr > td:nth-child(1) > div { padding: 10px; border-radius: 2px; border: 1px solid var(--hellgrau); } .loaded #groessen-filter .fas.fa-chevron-up { transition: all 0.3s; } #groessen-filter.d-none .fas.fa-chevron-up { transform: rotate(180deg); } #filter-toggler button span { padding-right: 10px; } .sortiment13-list .btn.btn-62 { white-space: normal; line-height: 22.5px !important; } #hs-news-sort > div { flex-wrap: wrap; } #hs-news-sort > div h1 { width: 100%; } #hs-news-sort > div > div { width: 100%; justify-content: space-between; } section.hasler-quote .cat_image { display: block !important; left: -50px !important; right: -50px !important; background-size: auto 100%; } } @media screen and (max-width: 959px){ .splide__arrow--prev { left: -10px !important; } .splide__arrow--next { right: -10px !important; } .container-fluid .splide__arrow--prev { left: 10px !important; } .container-fluid .splide__arrow--next { right: 10px !important; } .navislider-container .splide__arrow--prev { left: 0 !important; } .navislider-container .splide__arrow--next { right: 0 !important; } } .hm-floating input:invalid { border-color: transparent !important; } .hm-floating input:invalid + label:before { display: none !important; } .bi.bi-funnel:before { content: "\e910"; font-family: 'icomoon' !important; } .l0-location a { color: var(--schwarz); } .gt-table > .gt-row-body.gt-row:hover > .gt-cell { background-color: var(--hellgrau); } .gt-table > .gt-row-body.gt-row.fakehover > .gt-cell { background-color: var(--hellgrau); } .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; } .modal-backdrop { background-color: var(--schwarz); } .modal-backdrop.show { opacity: .9; } @media (min-width: 992px){ .m-lg--3 { margin: -1rem; } } .mw-530 { max-width: 530px; } .p-25-15 { padding: 25px; } .p-25-15 .p-25-15 { padding: 15px; } @media (max-width: 768px){ .p-25-15 { padding: 10px; } .p-25-15 .p-25-15 { padding: 7px; } } #hs-news-sort .hs-sort { white-space: nowrap !important; } #content section:first-child .art_tpl_1126 { margin-top: 30px} .section_anchor { position: relative; top: -140px; } .grecaptcha-badge { z-index: 9999999999; } #search-faketabs { border-bottom: 2px solid var(--dunkelgrau); color: var(--schwarz); } #search-faketabs span { display: block; margin: 0 0 -2px 0; padding: 0.25rem 0; border-bottom: 4px solid transparent; cursor: pointer; transition: all 0.3s; } #search-faketabs li.current span, #search-faketabs span:hover { color: black; border-bottom-color: var(--rot); } #search-cms { margin: 0 -10px; } #search-cms a { display: inline-block; padding: 15px 30px 15px 10px; transition: all 0.3s; cursor: pointer; } #search-cms a:hover { padding: 15px 20px; background: rgba(0,0,0,0.1) } #search-faketabs-container .sft { display: none; } #search-faketabs-container .sft.current { display: block; } .frm_container { margin: -0.5rem; } .finder a { padding-left: 0 !important; }