a, .btn-link { color: inherit; text-decoration: none; } a:hover, .btn-link:hover { color: #0069b4; } .text-white a:hover, .text-white .btn-link:hover { color: #000000; } /*******| COLORS |*********************************************************************************************************************/ .bg-fairlylight { background-color: #f6f7f8 !important; } .bg-quietlight { background-color: #f0f1f2 !important; } .bg-mediumlight { background-color: #e3e7eb !important; } .bg-almostmedium { background-color: #d0d5da !important; } .bg-medium { background-color: #a0a7ae !important; } .bg-mediumdark { background-color: #80878e !important; } .bg-quietdark { background-color: #313539 !important; } .bg-ultradark { background-color: #111519 !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(0,118,192,0.9) !important; } .bg-primary-80 { background-color: rgba(0,118,192,0.8) !important; } .bg-primary-70 { background-color: rgba(0,118,192,0.7) !important; } .text-primary { color: #0069b4 !important; } .bg-primary { background-color: #0069b4 !important; } .border-primary { border-color: #0069b4 !important; } .btn-primary { background-color: #0069b4 !important; border-color: #0069b4 !important; color: #ffffff !important; } .btn-primary:hover { background-color: #000000 !important; border-color: #000000 !important; } .btn-blue { background-color: #0069b4 !important; border-color: #0069b4 !important; color: #ffffff !important; } .btn-blue:hover { background-color: #464646 !important; border-color: #464646 !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; } .btn-productbox { background-color: rgba(255,255,255,0.75) !important; border-color: transparent !important; color: #313539 !important; } .btn-productbox:hover { background-color: #0069b4 !important; border-color: transparent !important; color: #ffffff !important; } .bg-mediumdark .btn-outline-secondary { background-color: #ffffff !important; } .bg-mediumdark .btn-outline-secondary:hover { background-color: #6c757d !important; } .btn-white { background-color: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } .btn-white:hover { background-color: #000000 !important; border-color: #000000 !important; color: #ffffff !important; } .btn-white2 { background-color: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } .btn-white2:hover { background-color: #464646 !important; border-color: #464646 !important; color: #ffffff !important; } .btn-mediumlight { background-color: #e3e7eb !important; } .btn-mediumlight:hover { background-color: #d0002d !important; color: #ffffff !important; } .border-mediumlight { border-color: #ced4da; } .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: #0069b4 !important; color: #ffffff !important; } #go-top .btn-mediumlight { color: #212529 !important; background: #e3e7eb !important; border-color: #e3e7eb !important; } #go-top .btn-mediumlight:hover { color: #ffffff !important; background: #0069b4 !important; border-color: #0069b4 !important; } .btn-light:hover { color: #0069b4 !important; } .btn-active { border-color: #198754 !important; background: #198754 !important; color: #ffffff !important;} .bg-info { background-color: #0069b4 !important; } .text-info { color: #0069b4 !important; } .btn-info { color: #fff; background-color: #0069b4; border-color: #0069b4; } .btn-info:hover { color: #fff; background-color: #0069b4; border-color: #0069b4; } .btn-outline-info { color: #0069b4; border-color: #0069b4; } .btn-outline-info:hover { color: #fff; background-color: #0069b4; } .btn-outline-primary { color: #0069b4 ; border-color: #0069b4; } .btn-outline-primary:hover { color: #fff; background-color: #0069b4; border-color: #0069b4; } .btn-outline-medium { color: #a0a7ae; border-color: #a0a7ae; } .btn-outline-medium:hover { color: #fff; background-color: #a0a7ae; border-color: #a0a7ae; } .bsi-groessenr > a {color:#0069b4 !important} .bsi-groessenr > a:hover {color:#464646 !important} .availability-red, .icon.icon-availability-0, .availability-0 { background-image: url('/pagespartner/img/0-percents-grey.svg'); } .icon.icon-availability-25, .availability-25 { background-image: url('/pagespartner/img/0-percents-grey.svg'); } .icon.icon-availability-50, .availability-50 { background-image: url('/pagespartner/img/0-percents-grey.svg'); } .availability-orange, .icon.icon-availability-75, .availability-75 { background-image: url('/pagesshop/img/50-percents.svg'); } .icon.icon-availability-100, .availability-100 { background-image: url('/pagesshop/img/100-percents-check.svg'); } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { color: #ccc; } .lnk-availability { color: #C40E05; } .lnk-availability:hover { color: #0069b4; } /*******| STUFE 13 |*********************************************************************************************************************/ .cms .stufe13-flag.show.anzahl, .cms .stufe13-flag.show.marketingtag_7 { display: none !important; } .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: #0069b4; } .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: #0069b4; color: #ffffff; } .stufe13-flag.hinweis:before { border-color: #0069b4 transparent transparent #0069b4; } .stufe13-flag.hinweis:after { border-color: transparent transparent #0069b4 #0069b4; } .stufe13-flag.ausverkauf { background: #0069b4; color: #ffffff; } .stufe13-flag.ausverkauf:before { border-color: #0069b4 transparent transparent #0069b4; } .stufe13-flag.ausverkauf:after { border-color: transparent transparent #0069b4 #0069b4; } .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; } .stufe13-box a.stufe13-image-box:hover + .stufe13-text-box .stufe13-title, .stufe13-box a.stufe13-body:hover .stufe13-title { color: #0069b4 !important; } #filter > span:hover { background: #0069b4; color: #ffffff; } .btn-light.compareY { background: #198754 !important; border-color: #198754 !important; color: #ffffff !important; } .btn.checkedY { background: #198754 !important; border-color: #198754 !important; color: #ffffff !important; } .btn.topproductY { background: #ff0100 !important; border-color: #ff0100 !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: #0069b4 !important; } .stufe13-alreadybought { position: absolute; z-index: 10; left: 30px; top: 60px; right: 30px; } .stufe13-alreadybought div { padding: 5px 20px; border-radius: 20px; background: #0069b4; color: white; text-align: center; } @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); } #groessen-filter { display: none !important; } #groessen-filter.d-none { display: block !important; } #filter-toggler span { display: none !important; } #filter-toggler span.d-none { display: inline !important; } /*******| End Bootstrap overwrite |*********************************************************************************************************************/ /*******| Header |*********************************************************************************************************************/ #header-logo a:after { display: block; content: ""; position: absolute; left: 0; top: 10px; right: 1rem; bottom: 10px; background-size: contain !important; } #header-service li a:hover { color: #0069b4 !important; } #header-service li.header-basket a span { background-color: #0069b4; color: #ffffff; } body.scrolled #header-service li.header-basket a span { background-color: #464646; } #header-service li.header-language:hover span { color: #0069b4 !important; } #main-navigation .navi-ul-2 { border-color: transparent #e3e7eb #0069b4 #e3e7eb; } #main-navigation .navi-ul-3 { border-color: #e3e7eb; } /*#es_container { border-color: #e3e7eb; } @media (min-width: 992px){ #es_container { border-color: #0069b4; } body.holzbau #es_container { border-color: #f07e18; } body.huelle #es_container { border-color: #f0e902; } }*/ #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: #0069b4; background: #f6f6f6; } @media (min-width: 768px){ #header-logo a:after { left: 0; right: 2rem; } } body.scrolled header { background-color: #0069b4 !important; } body.scrolled header .text-black-50 { color: #ffffff !important; } body.scrolled #header-service li:hover a { color: #000000 !important; } body.scrolled #header-search button { padding-left: 0.5rem !important; background: #ffffff; color: #222222 !important; } body.scrolled #header-service li.header-language ul > li > span > span, body.scrolled #header-service li.header-language ul > li > a > span { border: 1px solid #ffffff; } body.scrolled #main-navigation li.header-language ul > li > a:hover > span, body.scrolled #header-service li.header-language ul > li > a:hover > span { border: 2px solid #ffffff; } body.scrolled #main-navigation li.header-language ul > li > span > span, body.scrolled #header-service li.header-language ul > li > span > span { border: 2px solid #ffffff; background-color: rgba(255,255,255,0.25) } /*******| End Header |*********************************************************************************************************************/ /*******| SORTIMENT |*********************************************************************************************************************/ /*******| STUFE 10 |*********************************************************************************************************************/ a:hover .stufe10-header { background: #0069b4 !important; color: #ffffff; } /*******| STUFE 11 |*********************************************************************************************************************/ /*******| 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 |*********************************************************************************************************************/ .bsi-row-0 {background-color: #f3f4f5;} .marketingtag.marketingtag_1, .marketingtag.marketingtag_2, .marketingtag.marketingtag_3, .marketingtag.marketingtag_4 { display: flex; justify-content: center; height: 22px; margin: 0 10px 0 0; padding: 0 10px; border-radius: 0.75rem; line-height: 21px; } .marketingtag.marketingtag_1:before { display: block; margin: 0 10px 0 0; font: 16px/22px "bootstrap-icons"; } .marketingtag.marketingtag_2:before, .marketingtag.marketingtag_3:before, .marketingtag.marketingtag_4:before { display: block; margin: 0 10px 0 0; font: 16px/22px "Font Awesome 5 Free"; font-weight: 900; } .marketingtag.marketingtag_1 { background-color: #b80d2f; color: white; } .marketingtag.marketingtag_2 { background-color: #fd7e14; color: white; } .marketingtag.marketingtag_3 { background-color: #0069b4; color: white; } .marketingtag.marketingtag_4 { background-color: #81b72a; color: white; } .marketingtag.marketingtag_1:before { content: "\f4d1"; } .marketingtag.marketingtag_2:before { content: "\f017"; } .marketingtag.marketingtag_3:before { content: "\f4b9"; } .marketingtag.marketingtag_4:before { content: "\f005"; } .marketingicon_1, .marketingicon_2, .marketingicon_3, .marketingicon_4 { display: block; line-height: 29px; } .marketingicon_1:before { display: inline-block; font-family: 'bootstrap-icons' !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; } .marketingicon_2:before, .marketingicon_3:before, .marketingicon_4:before { display: inline-block; font-family: 'Font Awesome 5 Free' !important; font-style: normal; font-weight: 900 !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; } .marketingicon_1:before { content: "\f4d1"; } .marketingicon_2:before { content: "\f017"; } .marketingicon_3:before { content: "\f4b9"; } .marketingicon_4:before { content: "\f005"; } .stufe13-flag.marketingtag_1 { background: #b80d2f; color: #ffffff; } .stufe13-flag.marketingtag_1:before { border-color: #b80d2f transparent transparent #b80d2f; } .stufe13-flag.marketingtag_1:after { border-color: transparent transparent #b80d2f #b80d2f; } .stufe13-flag.marketingtag_2 { background: #fd7e14; color: #ffffff; } .stufe13-flag.marketingtag_2:before { border-color: #fd7e14 transparent transparent #fd7e14; } .stufe13-flag.marketingtag_2:after { border-color: transparent transparent #fd7e14 #fd7e14; } .stufe13-flag.marketingtag_3 { background: #0069b4; color: #ffffff; } .stufe13-flag.marketingtag_3:before { border-color: #0069b4 transparent transparent #0069b4; } .stufe13-flag.marketingtag_3:after { border-color: transparent transparent #0069b4 #0069b4; } .stufe13-flag.marketingtag_neuheit, .stufe13-flag.marketingtag_4 { background: #81b72a; color: #ffffff; } .stufe13-flag.marketingtag_neuheit:before, .stufe13-flag.marketingtag_4:before { border-color: #81b72a transparent transparent #81b72a; } .stufe13-flag.marketingtag_neuheit:after, .stufe13-flag.marketingtag_4:after { border-color: transparent transparent #81b72a #81b72a; } .stufe13-flag.marketingtag_hit { background: #f5c502; color: #ffffff; } .stufe13-flag.marketingtag_hit:before { border-color: #f5c502 transparent transparent #f5c502; } .stufe13-flag.marketingtag_hit:after { border-color: transparent transparent #f5c502 #f5c502; } .stufe13-flag { max-width: 40px; } /*******| STUFE 10: Design B |*********************************************************************************************************************/ .stufe10-leader .stufe10-b-header { display: flex; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 solid; } .stufe10-leader .stufe10-b-header { border-color: #0069b4 !important; } .stufe10-leader .stufe10-b-header-icon { background: #0069b4 !important; color: #ffffff !important; } .stufe10-flipbook .stufe10-b-header { border-color: #317e18 !important; display: flex;align-items: center; margin: 0 !important; padding: 0 !important; border: 0 solid;} .stufe10-flipbook .stufe10-b-header-icon { background: #317e18 !important; color: #ffffff !important; } .stufe13-flag.show.anzahl { max-width: 100% !important; } .ersatz {color:#0069b4 !important} footer .cat { width: 100%; } .stufe13-box .stufe13-sortiment { background: rgba(255,255,255,0.88) !important;} .stufe13-box .stufe13-sortiment:hover a { color: #e20031 !important; } .stufe-13-box-schongekauft > div { background: #0069b4; color: white; } .product-det-schongekauft { background: #0069b4; color: white; } .groesse-det-schongekauft { background: #0069b4; color: white; } #g-schongekauft i { color: #0069b4; } #txtKommission:disabled{background-color: #e9ecef!important;} @media screen and (min-width: 1920px) { #content .d-xxxl-block { display: block !important; } #content .d-xxxl-none { display: none !important; } } .bsi-checkout-hinweis {display:block;background-color: #d9edf7; padding: 5px;margin: 5px;white-space: normal!important;} .bsi-table > tfoot > tr:nth-last-of-type(3) > td.bsi-border { border-top: 1px solid #000000; padding-top: 5px !important; border-bottom: 3px double #000000; padding-bottom: 5px !important; }