/**/ /*fond*/ :root { --dark: #4d4d4d; --danger: #90112c; --success: #008448; --warning: #ee7f00; --primary: #cf2828; } body { background-color: #0f0f0f !important; color: #fff !important; } .text-primary { color: var(--primary) !important; } .bg-light { background-color: #0f0f0f !important; color: #fff !important; } /* top */ .header-new .header-toolbar { background-color: #0f0f0f !important; color: white !important; } .header-new .header-toolbar a { color: #fff; } .divider-r { border-right: 1px solid #959595; } #main-wrapper { background-image: url('../../../../pictures/aktionen/black_week/2025/black-weeks25.jpg'); background-position: center; /* Center the image */ background-size: auto; background-repeat: repeat; } /* input */ .form-control { color: white !important; } .webkit .yform { background-color: #0f0f0f !important; color: #fff !important; } .webkit .yform label { color: #fff !important; } .header .header-user-content .form-group .form-control { border: 0.1rem solid rgba(0, 0, 0, 0); } input.input-border { border: 0.1rem solid rgba(0, 0, 0, 0); } input { background-color: #444444 !important; border: 0.1rem solid rgba(0, 0, 0, 0); } input[name="Quantity"] { background-color: #fff !important; color: #000 !important; } .header .header-search .input-group-addon button { background-color: #444444 !important; } .icon-interface-search::before { content: "\ebab"; color: white; } input:hover { border: 0.1rem solid #dedede !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; } /* menu */ #megaDropdown.booNavigation .navContent ul li a { color: #aaaaaa !important; } #megaDropdown.booNavigation .navContent ul li a:hover { color: #ffffff !important; } .header-new .header-nav .nav-item .nav-arrow { border-bottom-color: #353535 !important; } .header-new #megaDropdown.booNavigation li.navItem .navContent { background-color: #353535 !important; } /* basket */ .header .cart-preview:before { border-bottom-color: #444444 !important; } .header .cart-preview { background-color: #444444 !important; color: white; } .header .cart-preview .cart-preview-footer { background-color: #353535 !important; } /* login form */ .dropdown-menu { color: white !important; background-color: #353535 !important; } .header-new .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content { background-color: #353535 !important; } .header-new .dropdown.show.header-user-logged-out .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content::before { border-bottom-color: #353535 !important; } #passwordForgottenLink { font-family: wuerthbold; } /* dropdown */ .dropdown-item { color: white; } .cart-preview-item a { color: white !important; } .cart-preview-item a:hover { color: #000 !important; } .header .cart-preview .cart-preview-item { border-bottom: 0.1rem solid #232323 !important; } .header-new .dropdown.show .dropdown-toggle.header-user-login ~ .dropdown-menu.show .header-user-content::before { border-bottom-color: #353535 !important; } /* divider */ .divider-r-mp-0 { border-right: 1px solid #232323 !important; } .dropdown-divider { border-top: 1px solid #232323 !important; } /* modal */ .modal-content { background-color: #353535 !important; } /*menu lateral*/ .side-nav li a { color: #aaaaaa !important; border-bottom: 0.1rem solid #232323; } .side-nav li a:hover { color: #e8e8e8 !important; } .side-nav li a.list-head { background-color: #232323 !important; } /*arborescence*/ .breadcrumb { background-color: #0f0f0f !important; color: #606060 !important; padding: 5px 10px !important; margin: 0.8rem 0 1rem 0 !important; } /*nav bar*/ .header-new .header-nav .navbar, .footer-legal-info { background-color: #232323 !important; } .header .header-nav .nav-link, .footer-legal-info a { color: #ffffff !important; } .header-new .cart-preview-toggle { color: white !important; } /*footer*/ .footer.footer-new { background-color: #000; } .footer ul a, .footer.footer-new a { color: #dedede !important; } .footer ul a:hover, .footer.footer-new a:hover { color: #fff !important; } .footer-nav span.h3-style { color: #7d7d7d !important; } .footer-nav p { color: #dedede !important; } /*search - devatics*/ .header .header-search { background-color: #0f0f0f !important; } .sticky.is-sticky.header-search { background-color: #0f0f0f !important; } .dvt18-main { background-color: #0f0f0f !important; } .dvt18 { background-color: #0f0f0f !important; } .dvt18-container { background-color: #0f0f0f !important; } .dvt18-container input { border: 0.1rem solid rgba(0, 0, 0, 0); } .dvt18-container p { background-color: #0f0f0f !important; } .dvt18-container .field.fieldTerm input[placeholder="Référence"], .dvt18-container .field.fieldTerm input[placeholder="Qté"] { color: white !important; } .sticky.is-sticky .dvt18-container .field.fieldTerm input[placeholder="Référence"], .sticky.is-sticky .dvt18-container .field.fieldTerm input[placeholder="Qté"] { border: 0.1rem solid rgba(0, 0, 0, 0); } /*login - desktop*/ .header .header-user { background-color: #232323 !important; } .header .header-user.collapse .header-user-content::before { border-bottom-color: #232323 !important; } /*login - mobile*/ .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper).back-button { background: #232323 !important; } .mobile-mega-menu ul:not(.nav) li:not(.nav-item) a:not(.no-nav-link):not(.ui-menu-item-wrapper) { border-bottom: #606060 !important; } .header .header-user-mobile { background-color: #232323 !important; } .header .header-nav-mobile { background-color: #232323 !important; border-bottom: none !important; } .webkit h1, .webkit a h1, .webkit span.frontPageHeadline { color: #fff; } .header-new .dropdown.show.header-user-logged-out #loginTabs .nav-item .nav-link { color: #fff !important; background-color: #232323 !important; } .header-new .dropdown.show.header-user-logged-out #loginTabs .nav-item .nav-link.active { color: #fff !important; background-color: #444444 !important; } h3.heading-alt, h4.heading-alt, h5.heading-alt, h6.heading-alt { color: #fff; } .card-product h3.heading-alt, .card-product h4.heading-alt, .card-product h5.heading-alt, .card-product h6.heading-alt, .card-model .h3-style.heading-alt, .card-model .h4-style.heading-alt, .card-model .h5-style.heading-alt, .card-model .h6-style.heading-alt, .card-link .h2-style { color: #000; } .imagemap-container { color: #000; } /*logged*/ .highlight-container .card { background-color: transparent !important; border-color: none !important; } .couponContainer .card { background-color: #444 !important; border-color: #444 !important; -webkit-box-shadow: 4px 1px 7px -1px rgb(0 0 0 / 92%); box-shadow: 4px 1px 7px -1px rgb(0 0 0 / 92%); } .couponContainer .coupon-item.text-dark, .couponContainer .card .text-dark { color: #fff !important; } .card-model-container .card, .card-product .card { border-color: #444 !important; -webkit-box-shadow: 4px 1px 7px -1px rgb(0 0 0 / 92%); box-shadow: 4px 1px 7px -1px rgb(0 0 0 / 92%); } .card-model .card-footer .btn.btn-info, .card-product .card-footer .btn.btn-info { margin-left: 0rem; } .couponContainer .bg-g-lightest { color: #000; } .full_width_slider_wrapper .swiper-container .swiper-slide, .page_margin_width_slider_wrapper .swiper-container .swiper-slide { background-color: #0f0f0f !important; } /*cookies*/ #cookieBanner { background-color: #232323 !important; } /* product list */ .productlist .card-body { color: #fff !important; } /* specialoffers */ .card-model .card-body p, .card-product .card-body p { /*color: #fff;*/ } /* couponcode */ .active-coupon-label, .couponContainer { color: #fff; } .filters-button-group .border { border-color: #000 !important; } /*Headlines*/ h1.text-black, .text-xxl.text-black { color: #fff !important; } /*weitere Styles für shop*/ .header-new .login-cart-combined .mini-basket.badge { background-color: #cc0000 !important; } .side-nav li a, .side-nav li button { border-bottom: 0.1rem solid #0f0f0f !important; } #searchdeletebutton { background-color: #444444 !important; color: #ffffff !important; } .header-new .header-toolbar a, .header-new .header-toolbar button.btn-link { color: #ffffff !important; } .small.nav-link { color: #ffffff !important; } /*column_teaser column_section*/ .column-section .card.bg-light, .column_teaser_template .card.bg-light { background-color: transparent !important; } .column-section .card-img-top.bg-white, .column_teaser_template .card-img-top.bg-white { background-color: transparent !important; } /*
*/