• Anmelden Registrieren
  • 0
  • 0,00 EUR 0,00 EUR
Sprache
  • Deutsch
Lieferland
Bisomo.de
  • SIMSON
      • Antriebsteile
      • Kette
      • Kettenkasten
      • Kettenschlauch
      • weitere-Antriebsteile
      • Auspuffanlage
      • Auspuff + Komponente
      • Auspuffanlage-Komplett
      • Hitzeschutz & Haltestrebe
      • Krümmer & Überwurfmutter
      • Schelle & Dichtung
      • Beleuchtung
      • Blinker
      • Glühlampe
      • Rückleuchte + Kennzeichenbeleuchtung
      • Scheinwerfer
      • Bowdenzug
      • Bowdenzug-Set
      • Bremszug
      • Gaszug
      • Kupplungszug
      • Starterzug
      • Weitere Teile
      • Mehr...
      • Elektrik
      • Batterie
      • Blinkgeber, Relais & Elba
      • Grundplatte
      • Hupe
      • Kabel & Kabelbaum
      • Schalter & Taster
      • Mehr...
      • Fahrwerk
      • Stoßdämpfer
      • Telegabel
      • Lenker & Anbauteil
      • Armatur & Schalterkombination
      • Griff
      • Hebel
      • Lenker
      • Spiegel
      • weitere Teile
      • Mehr...
      • Motor
      • Dichtung
      • Motor Kleinteile
      • Motor Set
      • Motorteile
      • Zylinder & Kolben
      • Rad + Bremse
      • Bremslicht Kontakt
      • Bremsteil
      • Felge
      • Komplettrad
      • Nabe
      • Nabenputzringe
      • Mehr...
      • Rahmen & Anbauteile
      • Achse
      • Beifahrerfußraste
      • Blinkleuchtenträger
      • Bremshebel
      • Fußraste, Pedale & co
      • Gepäckträger
      • Mehr...
      • Reifen-Schlauch
      • Felgenband
      • Reifen
      • Reifen-Set
      • Schlauch
      • Ventil
      • weitere Teile
      • Mehr...
      • Schloss
      • Tacho & Drehzahlmesser
      • Antrieb & Kleinteile
      • Armatur & Träger
      • Tachometer & Drehzahlmesser
      • Tachowelle
      • Tank & Zubehör
      • Benzinfilter
      • Benzinhahn komplett
      • Benzinschlauch
      • Tank
      • Teile für Benzinhahn
      • Tuning
      • Vergaser & Teile
      • Vergaser
      • Vergaser Teile & Zubehör
  • MOTORRAD
      • Antriebsteil
      • Kette
      • weitere Antriebsteile
      • Auspuffanlage
      • Auspuff + Komponenten
      • Auspuffanlage komplett
      • Hinterschutzteil & Haltestrebe
      • Krümmer & Überwurfmutter
      • Schelle, Dichtung + Kleinteile
      • Beleuchtung
      • Blinker
      • Glühlampe
      • Rückleuchte + Kennzeichenbeleuchtung
      • Scheinwerfer
      • Bowdenzug
      • Bowdenzug-Set
      • Gaszug
      • weitere Teile
      • Elektrik
      • Batterie
      • Blinkgeber, Relais & Elba
      • Hupe
      • Kabel & Kabelbaum
      • Schalter & Taster
      • Sicherung
      • Mehr...
      • Fahrwerk
      • Stoßdämpfer
      • Telegabel
      • Lenker & Anbauteile
      • Armatur & Schalterkombination
      • Griff
      • Hebel
      • Lenker
      • Lenkerschloss
      • Spiegel
      • Mehr...
      • Motor
      • Dichtung
      • Motor Kleinteile
      • Zylinder & Kolben
      • Rad + Bremse
      • Bremsteil
      • Komplettrad
      • Speichenrad + Speiche
      • weitere Teile
      • Rahmen & Anbauteile
      • Beifahrerfußraste
      • Blinkleuchtenträger
      • Bremshebel
      • Fußraste
      • Gummiteile & Keder
      • Kickstarter
      • Mehr...
      • Reifen & Schlauch
      • Felgenband
      • Reifen
      • Reifen-Set
      • Schlauch
      • Ventil
      • weitere Teile
      • Mehr...
      • Schloss
      • Tacho & Drehzahlmesser
      • Tachometer & Drehzahlmesser
      • Tachowelle
      • Tank & Zubehör
      • Benzinfilter
      • Benzinhahn komplett
      • Benzinschlauch
      • Deckel und Dichtung
      • Tank
      • Teile für Benzinhahn
      • Mehr...
      • Vergaser & Teile
      • Vergaser
      • Vergaser Teile & Zubehör
  • ROLLER
      • Antriebsteil
      • weitere Antriebsteile
      • Auspuffanlage
      • Auspuff + Komponente
      • Hinterschutzteil & Haltestrebe
      • Beleuchtung
      • Blinker
      • Glühlampe
      • Rückleuchte + Kennzeichenbeleuchtung
      • Bowdenzug
      • Bremszug
      • Gaszug
      • Starterzug
      • Elektrik
      • Blinkgeber, Relais & Elba
      • Hupe
      • Kabel & Kabelbaum
      • Schalter &Taster
      • Sicherung
      • Spule
      • Mehr...
      • Fahrwerk
      • Stoßdämpfer
      • Telegabel
      • Lenker & Anbauteil
      • Armatur & Schalterkombination
      • Griff
      • Hebel
      • Lenker
      • Spiegel
      • weitere Teile
      • Mehr...
      • Motor
      • Dichtung
      • Motor Kleinteile
      • Motor Set
      • Motorteil
      • Zylinder & Kolben
      • Rad + Bremse
      • Bremsteil
      • Felge
      • Komplettrad
      • weitere Teile
      • Rahmen & Anbauteil
      • Achse
      • Fußrastenträger
      • Gepäckträger
      • Gummiteile & Keder
      • Kickstarter
      • Kotflügel & Verkleidung
      • Mehr...
      • Reifen & Schlauch
      • Reifen
      • Reifen-Set
      • Schlauch
      • Ventil
      • weitere Teile
      • Schloss
      • Tacho & Drehzahlmesser
      • Antrieb & Kleinteile
      • Tachometer & Drehzahlmesser
      • Tachowelle
      • Tank & Zubehör
      • Benzinfilter
      • Benzinhahn komplett
      • Benzinschlauch
      • Deckel & Dichtung
      • Teile für Benzinhahn
      • Vergaser & Vergaserteile
      • Vergaser
      • Vergaser Teile & Zubehör
  • FAHRRAD & E-BIKE
      • Anbauteil
      • Bremse
      • Kette
      • Kettenschutz & Mantelschoner
      • Lenker
      • Lenkergriffe & Band
      • Nabe & Zubehör
      • Mehr...
      • Beleuchtung
      • Batteriebeleuchtung
      • Reflektor
      • Rücklicht
      • Scheinwerfer
      • Set
      • Fahrrad
      • Kind
      • Rad & Radwartung
      • Bereifung & Schlauch
      • Felge
      • Flickzeug
      • Luftpumpe
      • Ventil
      • Transport & Halterung
      • Adapter & Halterung
      • Anhänger
      • Gepäckträger
      • Kindersitz
      • Tasche & Korb
      • Trinkflasche & Halter
      • Mehr...
      • Zubehör
      • Computer
      • Klingel & Hupe
      • Sattel & Sattelschoner
      • Sattelstütze
      • Schloss & Sicherheit
      • Schnick Schnack
      • Mehr...
  • KTM
      • Anbauteil
      • Griff
      • Lenker
      • Sonstiges
      • Spiegel
      • Bekleidung
      • Accessoir
      • Arbeitskleidung
      • Handschuh
      • Jacke
      • Shirt & Hemd
      • Socken
      • Mehr...
      • Helm & Zubehör
      • Erwachsen
      • Merchandise
      • Transport
      • Anhänger
      • Flaschenhalter
      • Gepäckträger
      • Korb
      • Tasche & Rucksack
      • Zubehör
      • Beleuchtung
      • Kleinteil & Zubehör
      • Klingel & Hupe
      • Luftpumpe
      • Schloss & Sicherheit
      • Ständer & Stütze
      • Mehr...
  • PFLEGE & WARTUNG
      • Spachtel
      • Öl & Chemie
      • Additive
      • Betriebsstoff
      • Fett & Schmierstoff
      • Gabel- & Getriebeöl
      • Farbe & Lacke
      • Motoröl
      • Mehr...
      • Werkstattbedarf
      • Verbindungstechnik
      • Werkstattbedarf
  • ZUBEHÖR
      • Aufkleber & Embleme
      • Aufkleber
      • Embleme
      • Batterie, Akku & Zubehör
      • AGM-Batterie
      • Blei-Säure-Batterie
      • Gel-Batterie
      • Haushalts-Batterie
      • Ladegerät
      • Zubehör
      • Mehr...
      • Bekleidung
      • Handschuh
      • Hose
      • Jacke
      • Sonnenbrille & Accessoires
      • T-Shirt & Sweatshirt
      • Helm & Zubehör
      • Fahrradhelm
      • Schalenhelm & Jethelm
      • Sturmhaube & Halswärmer
      • Visier & Zubehör
      • Merchandise
      • Diverse
      • KTM
      • MZ
      • SIMSON
      • VESPA
      • Wetterschutz & Sicherheit
      • Regenbekleidung
      • Sonstiger Schutz & Zubehör
      • Thermobekleidung
  • OUTDOOR & FREIZEIT
      • Home
      • Ausrüstung
      • Saisonales
  • SALE
      • KTM
      • Bekleidung
      • Zubehör
  • AUTO & HÄNGER
      • Beleuchtung
      • Karosserie
      • Räder & Reifen
      • Sonstiges
  • WERKZEUG
      • Bohrer
      • Elektronikwerkzeuge
      • Koffer & Taschen
      • Werkzeugsets
      • Allgemeine Werkzeuge
      • Spezialwerkzeuge
Versand kostenfrei ab 50€ innerhalb Deutschland
{ "@context":"http://schema.org/", "@type":"BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"item":{"@id":"\/","name":"Home"}}] }

Suchergebnisse für: BASIL

Filter
Kategorien
  • SIMSON
  • MOTORRAD
  • ROLLER
  • FAHRRAD & E-BIKE
  • KTM
  • PFLEGE & WARTUNG
  • ZUBEHÖR
  • OUTDOOR & FREIZEIT
  • SALE
  • AUTO & HÄNGER
  • WERKZEUG
  • Basil Fahrrad Sattelschoner, Sattelbezug - Bohème, schwarz - Einheitsgröße, auch für E-Bike
  • Basil Akku Schutzhülle - Battery Cover Rear Black Lime - für Akkutyp Shimano Steps, Gepäckträger, Neopren, 36 x 8,5 x 7,5 cm
  • Basil MIK Adapterplatte Gepäckträger Fahrrad E-Bike abschließbar für MIK System Taschen Körbe Abnehmbar
  • Akku Schutzhülle, Akkuschutz E-Bike - Battery Cover Integrated - für integrierte Rahmen-Akkus Länge 49,5 cm Umfang ca. 28 cm universal
  • Contec Fahrrad Doppeltasche - Via.Tour Double MIK - 2 x 16 Liter, Maße 35x15x35cm je Tasche, vormontierter Basil MIK Adapter, Rostbraun
  • Basil Akku Schutzhülle - Battery Cover Down Tube - für Bosch 300/400 Unterrohr-Akkus, wasserabweisendes elastisches Neopren, Länge ca. 32cm, Umfang ca. 34cm
  • Lenker Korb Halter Adapter Befestigung für Lenkerrohr Fahrradkorb + Bisomo Schlüsselband
  • Basil Lenker Korb Halter Adapter Befestigung für Lenkerrohr Fahrradkorb

Immer informiert!

Abonnieren Sie unseren Newsletter.

UNSERE PARTNERWEBSITES

Zweirad Möbert Zweirad Möbert Bisomo Park Bisomo Park
document.addEventListener("DOMContentLoaded", function () { // Center the entire partner section const bfooterpartners = document.getElementById("bfooterpartners"); if (bfooterpartners) { bfooterpartners.style.textAlign = "center"; bfooterpartners.style.marginBottom = "20px"; } // Title styling with primary color FF5500 const bfootertitle = document.querySelector("#bfooterpartners .bfootertitle"); if (bfootertitle) { bfootertitle.style.fontSize = "1.8em"; bfootertitle.style.fontWeight = "bold"; bfootertitle.style.color = "#FF5500"; bfootertitle.style.marginBottom = "10px"; } // Flex container to center partner links const bfooterpartnerswrap = document.getElementById("bfooterpartnerswrap"); if (bfooterpartnerswrap) { bfooterpartnerswrap.style.display = "flex"; bfooterpartnerswrap.style.justifyContent = "center"; bfooterpartnerswrap.style.alignItems = "center"; bfooterpartnerswrap.style.gap = "30px"; bfooterpartnerswrap.style.flexWrap = "wrap"; } // Styling for each partner link const partnerLinks = bfooterpartnerswrap.querySelectorAll("a"); partnerLinks.forEach(function (link) { link.style.display = "flex"; link.style.flexDirection = "column"; link.style.alignItems = "center"; link.style.justifyContent = "center"; link.style.textDecoration = "none"; link.style.color = "#333"; link.style.fontWeight = "bold"; link.style.backgroundColor = "#f9f9f9"; link.style.padding = "15px"; link.style.borderRadius = "10px"; link.style.border = "2px solid #FF5500"; link.style.transition = "background-color 0.3s ease, transform 0.3s ease"; link.style.width = "250px"; link.style.height = "250px"; link.style.boxSizing = "border-box"; // Hover effect for partner links link.addEventListener("mouseover", function () { link.style.backgroundColor = "#FF5500"; link.style.color = "#fff"; link.style.transform = "translateY(-5px)"; const img = link.querySelector("img"); if (img) img.style.filter = "grayscale(100%) brightness(0)"; }); link.addEventListener("mouseout", function () { link.style.backgroundColor = "#f9f9f9"; link.style.color = "#333"; link.style.transform = "translateY(0)"; const img = link.querySelector("img"); if (img) img.style.filter = "none"; }); // Style the partner logos const img = link.querySelector("img"); if (img) { img.style.width = "200px"; img.style.height = "200px"; img.style.objectFit = "contain"; img.style.marginBottom = "10px"; } }); });
UNSERE TOP MARKEN

KONTAKT

Bisomo GmbH - Henry Möbert
Entdecken Sie den Vorteil von 25 Jahren Erfahrung im E-Commerce und Großhandel.
Wir sind Ihr verlässlicher Partner für Qualität und Service!

Für alle rechtlichen Angelegenheiten:
USt-IdNr.: DE308314148
Haben Sie eine Frage? Wir sind nur einen Anruf entfernt und freuen uns darauf, Ihnen zu helfen.

Ob Sie eine Bestellung aufgeben möchten oder Unterstützung benötigen – unser Team steht Ihnen mit Rat und Tat zur Seite.

Rufen Sie uns gerne an unter: 0345 77570816
Oder schreiben Sie uns eine E-Mail an: kundenservice@bisomo.de
Sie können uns auch direkt über unser Kontaktformular erreichen.

Wir sind hier, um Ihnen das bestmögliche Einkaufserlebnis zu bieten!
Möchten Sie Ihre online bestellte Ware persönlich abholen? Wir heißen Sie herzlich willkommen in unserem Geschäft!


Unsere Abholzeiten für Sie:
Freitag von 12:00 bis 12:30 Uhr.
Abholadresse:
Köthener Str. 24, 06118 Halle
Deutschland

ÜBER UNS

Unser Team Galerie Bisomo schraubt Soziales Engagement Merch Eventgalerie
INFORMATIONEN

Anfahrt AGB Impressum Datenschutz Widerrufsrecht Hinweis zur Batterieverordnung Downloads
SOCIAL MEDIA

Folgen Sie uns auf Facebook Folgen Sie uns auf Instagram
SICHER EINKAUFEN

ZAHLUNGSARTEN

PayPal Rechnung PayPal Kreditkarte PayPal Raten PayPal Lastschrift Amazon Pay Bank Transfer Icon
VERSANDARTEN

© Copyright 2025 | Alle Rechte vorbehalten.
document.querySelector('.clue-button').addEventListener('click', function() { document.getElementById('clueBox').style.display = 'block'; });
Anmelden
Jetzt registrieren
Versandkosten

Versandbedingungen:

Wir versenden Eure Bestellungen generell mit der Deutschen Post oder DHL.

Die Preise bei der Deutschen Post variieren und betragen maximal 3,30 Euro/Paket.

Die Versandkosten beim Paketversand über DHL liegen bei 4,90 Euro/Paket.

Die Preise beinhalten die gesetzliche MwSt.

Ab einem Bestellwert von 50€ versenden wir grundsätzlich kostenfrei.

Detaillierte Informationen zu den Kosten kannst du deiner Bestellabwicklung entnehmen.

document.addEventListener('DOMContentLoaded', function() { document.getElementById('newsletterButton').addEventListener('click', function() { var footerElement = document.querySelector('.footer'); var topBarHeight = document.querySelector('.top-bar')?.offsetHeight || 0; var navbarHeight = document.querySelector('.navbar')?.offsetHeight || 0; var shippingInfoHeight = document.querySelector('#shippinginfo')?.offsetHeight || 0; var totalOffset = topBarHeight + navbarHeight + shippingInfoHeight; if (footerElement) { var footerPosition = footerElement.getBoundingClientRect().top + window.pageYOffset - totalOffset; window.scrollTo({ top: footerPosition, behavior: 'smooth' }); } }); }); document.addEventListener('DOMContentLoaded', function() { // Function to hide or show the newsletter button based on the basket price function toggleNewsletterVisibility() { var basketPriceElement = document.querySelector('.toggle-basket-preview .badge'); var newsletter = document.getElementById('newsletterWrapper'); if (basketPriceElement) { var basketPriceText = basketPriceElement.innerText.trim(); if (basketPriceText.startsWith("0,00")) { newsletter.style.display = 'block'; } else { newsletter.style.display = 'none'; } } } // Initially set the visibility based on the current price toggleNewsletterVisibility(); // Observe changes in the basket price element var basketPriceElement = document.querySelector('.toggle-basket-preview .badge'); if (basketPriceElement) { var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList' || mutation.type === 'characterData') { toggleNewsletterVisibility(); } }); }); // Start observing the basket price element for changes observer.observe(basketPriceElement, { childList: true, // Monitor changes to the direct children characterData: true, // Monitor changes to the character data subtree: true // Monitor changes within the subtree }); } });
document.addEventListener('DOMContentLoaded', function() { const menuToggleCheckbox = document.getElementById('menuToggleCheckbox'); const openedMenu = document.getElementById('openedMenu'); menuToggleCheckbox.addEventListener('change', function() { if (this.checked) { openedMenu.style.display = 'block'; } else { openedMenu.style.display = 'none'; } }); }); document.addEventListener('DOMContentLoaded', function() { const menuToggleCheckbox = document.getElementById('menuToggleCheckbox'); menuToggleCheckbox.checked = false; // Ensure checkbox is unchecked on page load });
  • SIMSON
  • MOTORRAD
  • ROLLER
  • FAHRRAD & E-BIKE
  • KTM
  • PFLEGE & WARTUNG
  • ZUBEHÖR
  • OUTDOOR & FREIZEIT
  • SALE
  • AUTO & HÄNGER
  • WERKZEUG
window.addEventListener('load', function () { const cssCode = ` div.main, html.chrome.windows.windows-10 { background-color: #262A2B !important; } div.widget-separator-image-wrapper, div.top-bar.header-fw { background-color: #ff5500 !important; } nav.navbar.header-fw.p-0.border-bottom.border.megamenu { background-color: #1E2122 !important; border: none !important; } ul.mainmenu li a { color: #E8E6D5 !important; text-decoration: none !important; } ul.mainmenu li a:hover { color: #ff5500 !important; } input.search-input.flex-grow-1.px-3.py-2 { background-color: #1E2122 !important; color: #C8C3BC !important; border: 1px solid #3E4446 !important; border-radius: 4px !important; padding: 10px 15px !important; transition: all 0.3s ease !important; } input.search-input.flex-grow-1.px-3.py-2:focus { background-color: #272B2C !important; color: #E8E6D5 !important; border: 1px solid #ff5500 !important; outline: none !important; box-shadow: 0 0 5px #ff5500 !important; } button.search-submit.px-3 { background-color: #1E2122 !important; } a.nav-link { background-color: #ff5500 !important; color: #181A1B !important; text-decoration: none !important; padding: 10px 15px !important; border-radius: 4px !important; display: inline-block !important; } a.nav-link:hover { background-color: #FF5500 !important; color: #000000 !important; transition: all 0.3s ease !important; } nsd #newsletterWrapper { display: none !important; } #shippinginfo { background-color: #1E2122 !important; border: none; } .widget.widget-code .shippingtext, .widget.widget-code #cID { color: #E8E6D5 !important; } .widget.widget-code b { color: #E8E6D5 !important; } ul.collapse.nav-dropdown-0, ul.collapse.nav-dropdown-1, ul.collapse.nav-dropdown-2, ul.collapse.nav-dropdown-3, ul.collapse.nav-dropdown-4, ul.collapse.nav-dropdown-5, ul.collapse.nav-dropdown-6, ul.collapse.nav-dropdown-7, ul.collapse.nav-dropdown-8, ul.collapse.nav-dropdown-9, ul.collapse.nav-dropdown-10 { background-color: #34393B !important; } div.top-bar.header-fw { border: none !important; box-shadow: none !important; } div.owl-item.active, div.thumb-content { background-color: #181A1B !important; } a.thumb-title.small { color: #E8E6D5 !important; } article.cmp.cmp-product-thumb { border: 1px solid #4F4B2B !important; border-radius: 4px !important; } div.price { color: #E8E6D5 !important; } div.col.clearfix { background-color: #262A2B !important; } div.app { background-color: #262A2B !important; } div.col-12, div.bfootertitle { color: #E8E6D5 !important; } div div hr { display: none !important; } #email-input-id_100 { background-color: #181A1B !important; border: 1px solid #8D864D !important; border-radius: 4px !important; } i.fa.fa-arrow-right.fa-lg.d-none.d-sm-block, i.fa.fa-lg.mobile-icon-right.fa-cart-plus { color: #262A2B !important; } div.bfootercontactfield { background-color: #2E3133 !important; border: 1px solid #8D864D !important; border-radius: 4px !important; color: #E8E6D5 !important; } #bfooterabout .link-container a, #bfooterinfo .info-link-container a { color: #E8E6D5 !important; background-color: #2E3133 !important; padding: 5px 10px !important; border-radius: 4px !important; text-decoration: none !important; display: inline-block !important; border: 1px solid #8D864D !important; } #bfootershopping, #bfooterpay, #bfootershipping { background-color: #2E3133 !important; border: 1px solid #8D864D !important; color: #E8E6D5 !important; } #bfootersocialinner .social-link-container a { background-color: #2E3133 !important; border: 1px solid #8D864D !important; } div a span { color: #E8E6D5 !important; } #email-input-id_39 { background-color: #181A1B !important; border: 1px solid #8D864D !important; border-radius: 4px !important; } button.btn.btn-block.btn-primary.btn-appearance { background-color: #ff5500 !important; border: 5px solid #ff5500 !important; color: #E8E6D5 !important; transition: all 0.3s ease !important; } button.btn.btn-block.btn-primary.btn-appearance:hover { background-color: #FF5500 !important; border-color: #FF5500 !important; color: #000000 !important; } #newsletterWrapper { display: none !important; } span.d-none.d-sm-inline, span.badge.p-0.ml-2 { color: #181A1B !important; } h1.pt-4.category-title { color: #E8E6D5 !important; } div.list-controls-inner { background-color: #262A2B !important; } a.btn.btn-link.text-appearance.align-self-center.collapsed { display: none !important; } select.custom-select { background-color: #181A1B !important; border: 1px solid #8D864D !important; border-radius: 4px !important; color: #E8E6D5 !important; } nav.small.d-none.d-md-block.px-0 { background-color: #262A2B !important; border-radius: 4px !important; color: #E8E6D5 !important; } ul.breadcrumb.container-max.px-3.py-2.my-0.mx-auto { background-color: #262A2B !important; color: #E8E6D5 !important; } .widget-navigation-tree a.nav-link { background-color: #181A1B !important; color: #E8E6D5 !important; font-weight: bold !important; border-radius: 0px !important; } div.category-title { background-color: #181A1B !important; text-align: center !important; font-weight: bold !important; color: #ff5500 !important; border-radius: 0px !important; } div.widget-inner.d-none.d-lg-block { background-color: #181A1B !important; } .widget-inner .nav-item.active { border: 2px solid #ff5500 !important; border-radius: 4px !important; padding: 5px !important; background-color: #2E3133 !important; } .widget-inner .nav-item.active .nav-link { color: #FFFFFF !important; text-decoration: none !important; } .widget-inner .nav-item.active .nav-link:hover { background-color: #ff5500 !important; color: #000000 !important; } .pagination.widget-alignment { background-color: #2E3133 !important; border: 1px solid #8D864D !important; border-radius: 4px !important; padding: 10px !important; display: flex !important; justify-content: center !important; gap: 5px !important; } .pagination .page-item { list-style: none !important; } .pagination .page-link { background-color: transparent !important; color: #E8E6D5 !important; border: 1px solid #8D864D !important; border-radius: 4px !important; padding: 8px 12px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; transition: all 0.3s ease !important; } .pagination .page-link:hover { background-color: #3E4446 !important; color: #ff5500 !important; border-color: #ff5500 !important; } .pagination .page-item.active .page-link { background-color: #ff5500 !important; color: #FFFFFF !important; border: 1px solid #8D864D !important; pointer-events: none !important; } .pagination .page-item.disabled .page-link { background-color: #2E3133 !important; color: #7A7A7A !important; border-color: #8D864D !important; pointer-events: none !important; } .pagination .page-link i { color: #E8E6D5 !important; } .pagination .page-link:hover i { color: #ff5500 !important; } .pagination.widget-alignment { max-width: 1000px !important; margin-left: auto !important; margin-right: 0 !important; } div div h1, div.widget-inner.bg-appearance.pt-0.pr-0.pb-0.pl-0 { background-color: #262A2B !important; border: none !important; } a.nav-link.text-appearance { background-color: #181A1B !important; border: 1px solid #E8E6D5 !important; } div div p { color: #E8E6D5 !important; } .widget-item-data-table { border: 1px solid #8D864D !important; background-color: #262A2B !important; color: #ff5500 !important; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; border-radius: 4px !important; overflow: hidden !important; } .widget-item-data-table .widget-inner { padding: 16px !important; } .widget-item-data-table table { width: 100% !important; border-collapse: collapse !important; } .widget-item-data-table th, .widget-item-data-table td { padding: 12px 8px !important; text-align: left !important; } .widget-item-data-table tr { border-bottom: 1px solid #8D864D !important; } .widget-item-data-table tr:last-child { border-bottom: none !important; } .widget-item-data-table td:first-child { font-weight: bold !important; color: #ff5500 !important; width: 30% !important; } .widget-item-data-table td:last-child { color: #FFFFFF !important; } .widget-item-data-table tbody tr:hover { background-color: #3A3C3D !important; } @media (max-width: 600px) { .widget-item-data-table table, .widget-item-data-table thead, .widget-item-data-table tbody, .widget-item-data-table th, .widget-item-data-table td, .widget-item-data-table tr { display: block !important; } .widget-item-data-table tr { margin-bottom: 15px !important; } .widget-item-data-table td { text-align: right !important; padding-left: 50% !important; position: relative !important; } .widget-item-data-table td::before { content: attr(data-label) !important; position: absolute !important; left: 0 !important; width: 50% !important; padding-left: 15px !important; font-weight: bold !important; text-align: left !important; color: #ff5500 !important; } } div.widget-inner.m-0.p-0.bg-appearance { background-color: #262A2B !important; color: #E8E6D5 !important; } h1.h2 { color: #E8E6D5 !important; } div.component-loading, div.card-body, div.card { background-color: #3E4446 !important; } div div h3 { color: #E8E6D5 !important; } .order-item.border-top { background-color: #2C2C2C !important; color: #e0e0e0 !important; border-top: 1px solid #444444 !important; padding: 20px !important; border-radius: 8px !important; margin-bottom: 20px !important; transition: background-color 0.3s ease, color 0.3s ease !important; } .order-item .accordion .container-clickable { background-color: #3E4446 !important; border-radius: 6px !important; cursor: pointer !important; padding: 15px !important; display: flex !important; align-items: center !important; transition: background-color 0.3s ease !important; } .order-item .accordion .container-clickable:hover { background-color: #4A5053 !important; } .order-item .accordion .container-clickable i.fa-chevron-up { color: #ff5500 !important; margin-right: 10px !important; transition: transform 0.3s ease !important; } .order-item .accordion.collapsed .container-clickable i.fa-chevron-up { transform: rotate(-180deg) !important; } .order-item .accordion .row span { font-size: 16px !important; margin-right: 15px !important; } .order-item .accordion .row span:last-child { margin-right: 0 !important; } .order-item .accordion .icons a i.fa-truck, .order-item .accordion .icons a i.fa-eye { color: #ff5500 !important; font-size: 20px !important; transition: color 0.3s ease !important; } .order-item .accordion .icons a:hover i.fa-truck, .order-item .accordion .icons a:hover i.fa-eye { color: #ff5500 !important; } .order-item .accordion .buttons a.btn { background-color: #ff5500 !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 10px 15px !important; margin-bottom: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background-color 0.3s ease !important; font-size: 14px !important; } .order-item .accordion .buttons a.btn:hover { background-color: #b33f00 !important; } .order-item .accordion .buttons a.btn i { margin-left: 5px !important; } .order-item .collapse .container-main .loading { background-color: #3E4446 !important; border: none !important; padding: 20px !important; border-radius: 6px !important; } .order-item .collapse .loading .loading-animation .rect1, .order-item .collapse .loading .loading-animation .rect2, .order-item .collapse .loading .loading-animation .rect3, .order-item .collapse .loading .loading-animation .rect4, .order-item .collapse .loading .loading-animation .rect5 { background-color: #ff5500 !important; height: 8px !important; width: 20px !important; margin: 4px !important; display: inline-block !important; animation: loading 1.2s infinite ease-in-out !important; border-radius: 4px !important; } @keyframes loading { 0%, 40%, 100% { transform: scaleY(0.4) !important; } 20% { transform: scaleY(1) !important; } } .order-item.border-top:hover { background-color: #383E42 !important; } .order-item .accordion .row .col-md-4 span:last-child { color: #ff5500 !important; font-weight: bold !important; } .order-item .collapse .container-main .modal-content { background-color: #2C2C2C !important; color: #e0e0e0 !important; border: none !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } .order-item .collapse .container-main .modal-header { background-color: #3E4446 !important; border-bottom: 1px solid #555555 !important; } .order-item .collapse .container-main .modal-header h4.modal-title { color: #ff5500 !important; } .order-item .collapse .container-main .modal-body { padding: 20px !important; } .order-item .collapse .container-main .modal-footer { padding: 10px 20px !important; border-top: 1px solid #555555 !important; text-align: right !important; } .order-item .collapse .container-main .modal-footer button { margin-left: 10px !important; } .order-item .collapse .container-main .close { color: #e0e0e0 !important; opacity: 0.8 !important; font-size: 24px !important; transition: opacity 0.3s ease !important; } .order-item .collapse .container-main .close:hover { opacity: 1 !important; } .order-item .accordion .icons a i[data-toggle="tooltip"] { position: relative !important; } .tooltip-inner { background-color: #333333 !important; color: #ffffff !important; border-radius: 4px !important; padding: 5px 10px !important; font-size: 0.875rem !important; } @media (max-width: 768px) { .order-item.border-top { padding: 15px !important; } .order-item .accordion .container-clickable { padding: 10px !important; } .order-item .accordion .row span { font-size: 14px !important; margin-right: 10px !important; } .order-item .accordion .icons a i.fa-truck, .order-item .accordion .icons a i.fa-eye { font-size: 18px !important; } .order-item .accordion .buttons a.btn { padding: 8px 12px !important; font-size: 12px !important; } .order-item .accordion .buttons a.btn i { margin-left: 3px !important; } .order-item .collapse .container-main .loading .loading-animation .rect1, .order-item .collapse .container-main .loading .loading-animation .rect2, .order-item .collapse .container-main .loading .loading-animation .rect3, .order-item .collapse .container-main .loading .loading-animation .rect4, .order-item .collapse .container-main .loading .loading-animation .rect5 { height: 6px !important; width: 16px !important; margin: 3px !important; } .order-item .collapse .container-main .modal-content { padding: 10px !important; } .order-item .collapse .container-main .modal-header h4.modal-title { font-size: 1rem !important; } .order-item .accordion .row .col-md-4 span:last-child { font-size: 14px !important; } } div.col-md-2, div.col-md-4 { color: #E8E6D5 !important; } .row.container-bottom { background-color: #2C2C2C !important; color: #e0e0e0 !important; padding: 20px !important; border-radius: 8px !important; margin-top: 20px !important; } .row.container-bottom h5 { color: #ffffff !important; font-size: 18px !important; margin-bottom: 10px !important; } .row.container-bottom span { font-size: 16px !important; color: #cccccc !important; } .row.container-bottom .address-list { margin-bottom: 20px !important; } .row.container-bottom .address-list .font-bold.address-title { color: #ff5500 !important; font-size: 16px !important; margin-bottom: 5px !important; } .row.container-bottom .address-list div { margin-bottom: 5px !important; } .col-md-5.button-container { background-color: #3E4446 !important; padding: 20px !important; border-radius: 8px !important; margin-top: 20px !important; } .col-md-5.button-container .alert-info { background-color: #444444 !important; color: #ff5500 !important; border: none !important; padding: 15px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; } .col-md-5.button-container .alert-info i.fa-info-circle { margin-right: 10px !important; font-size: 20px !important; } .modal-content { background-color: #2C2C2C !important; color: #e0e0e0 !important; border: none !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } .modal-header { background-color: #3E4446 !important; border-bottom: 1px solid #555555 !important; padding: 15px 20px !important; } .modal-header h4.modal-title { color: #ff5500 !important; font-size: 20px !important; } .modal-body { padding: 20px !important; background-color: #2C2C2C !important; } .modal-footer { padding: 10px 20px !important; border-top: 1px solid #555555 !important; text-align: right !important; } .modal-footer .btn { min-width: 100px !important; } .method-list { list-style: none !important; padding: 0 !important; } .method-list-item { background-color: #3E4446 !important; border: 1px solid #555555 !important; border-radius: 6px !important; padding: 15px !important; margin-bottom: 10px !important; display: flex !important; align-items: center !important; cursor: pointer !important; transition: background-color 0.3s ease !important; } .method-list-item:hover { background-color: #4A5053 !important; } .method-list-item input[type="radio"] { margin-right: 15px !important; accent-color: #ff5500 !important; } .method-list-item .icon img { width: 40px !important; height: auto !important; margin-right: 15px !important; } .method-list-item .content { flex-grow: 1 !important; font-size: 16px !important; } .method-list-item.current-payment-text .content { color: #ff5500 !important; font-weight: bold !important; } .modal-footer .btn-danger { background-color: #f44336 !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 10px 20px !important; transition: background-color 0.3s ease !important; } .modal-footer .btn-danger:hover { background-color: #d32f2f !important; } .modal-footer .btn-primary { background-color: #ff5500 !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 10px 20px !important; transition: background-color 0.3s ease !important; } .modal-footer .btn-primary:hover { background-color: #b33f00 !important; } #cashinadvanceBankDetails table { width: 100% !important; border-collapse: collapse !important; color: #e0e0e0 !important; } #cashinadvanceBankDetails table td { padding: 8px 10px !important; border: none !important; } #cashinadvanceBankDetails table td:first-child { font-weight: bold !important; width: 30% !important; } #cashinadvanceBankDetails table td:last-child { color: #cccccc !important; } .row .col-xs-6, .row .col-sm-5 { font-weight: bold !important; color: #ffffff !important; margin-bottom: 10px !important; } .row .col-xs-6+.col-sm-7 { color: #cccccc !important; font-size: 16px !important; } @media (max-width: 768px) { .row.container-bottom, .col-md-5.button-container { padding: 15px !important; } .row.container-bottom h5 { font-size: 16px !important; } .row.container-bottom span, .row.container-bottom .address-list .font-bold.address-title { font-size: 14px !important; } .method-list-item .icon img { width: 30px !important; margin-right: 10px !important; } .modal-header h4.modal-title { font-size: 18px !important; } .modal-body, .modal-footer { padding: 15px !important; } #cashinadvanceBankDetails table td { padding: 6px 8px !important; font-size: 14px !important; } .row .col-xs-6+.col-sm-7 { font-size: 14px !important; } } #mobileMenuToggle { display: none !important; } div.icons.d-none.d-md-block { background-color: #3E4446 !important; } ul li a:hover { background-color: #FF5500 !important; color: black !important; } /* Basket Preview Wrapper */ .basket-preview-wrapper { background-color: #1e1e1e !important; /* Dark background */ color: #e0e0e0 !important; /* Light text */ font-family: 'Arial', sans-serif !important; } /* Basket Preview Container */ .basket-preview { background-color: #2c2c2c !important; /* Darker background for the preview */ color: #e0e0e0 !important; /* Light text */ border-radius: 8px !important; /* Rounded corners */ overflow: hidden !important; /* Hide overflow */ } /* Basket Preview Header */ .basket-preview-header { background-color: #3e3e3e !important; /* Slightly lighter dark background */ color: #ffffff !important; /* White text */ padding: 12px 16px !important; /* Reduced padding for compactness */ display: flex !important; justify-content: space-between !important; align-items: center !important; border-bottom: 1px solid #444444 !important; /* Subtle divider */ } .basket-preview-header .h3 { font-size: 1.2rem !important; /* Increased font size */ font-weight: bold !important; } .basket-preview-header .close { background: none !important; border: none !important; font-size: 1.5rem !important; color: #ffffff !important; cursor: pointer !important; transition: color 0.3s ease !important; } .basket-preview-header .close:hover { color: #ff5500 !important; /* Primary color on hover */ } /* Basket Preview Content */ .basket-preview-content { background-color: #2c2c2c !important; /* Consistent dark background */ padding: 16px !important; /* Reduced padding */ display: flex !important; flex-direction: column !important; gap: 16px !important; /* Spacing between sections */ } /* Item List */ .item-list { background-color: #1e1e1e !important; /* Dark background for item list */ border-radius: 6px !important; padding: 12px !important; overflow-y: auto !important; /* Scroll if overflow */ } .basket-list-item { display: flex !important; align-items: center !important; padding: 12px !important; border-bottom: 1px solid #444444 !important; /* Divider between items */ } .basket-list-item:last-child { border-bottom: none !important; /* Remove divider for last item */ } .basket-list-item .image-container a img { width: 60px !important; height: auto !important; border-radius: 4px !important; /* Rounded image corners */ object-fit: cover !important; } .meta-container { flex: 1 !important; margin-left: 16px !important; } .meta-container .item-name { color: #ff5500 !important; /* Primary color for item names */ font-size: 1rem !important; /* Increased font size */ font-weight: bold !important; margin-bottom: 8px !important; } .meta-container .item-base-price, .meta-container .item-total-price { color: #ffffff !important; /* White text */ font-size: 0.9rem !important; /* Slightly smaller font */ } .meta-container .text-muted { color: #a0a0a0 !important; /* Muted text color */ font-size: 0.85rem !important; /* Smaller font size */ } .basket-item-container-right { display: flex !important; flex-direction: column !important; align-items: flex-end !important; margin-left: auto !important; } .qty-box { display: flex !important; align-items: center !important; background-color: #3e3e3e !important; /* Dark background for quantity box */ border-radius: 4px !important; overflow: hidden !important; } .qty-input { width: 40px !important; text-align: center !important; background-color: #2c2c2c !important; border: none !important; color: #ffffff !important; font-size: 1rem !important; } .qty-btn-container button { background-color: #ff5500 !important; /* Primary color for buttons */ border: none !important; color: #ffffff !important; width: 30px !important; height: 30px !important; cursor: pointer !important; transition: background-color 0.3s ease !important; } .qty-btn-container button:hover:not(.disabled) { background-color: #b33f00 !important; /* Darker shade on hover */ } .qty-btn-container button.disabled { background-color: #555555 !important; /* Disabled state color */ cursor: not-allowed !important; } .price-box { display: flex !important; flex-direction: column !important; align-items: flex-end !important; margin-left: 16px !important; } .price-box .item-total-price { font-size: 1rem !important; color: #ffffff !important; } .price-box .btn { background-color: transparent !important; border: none !important; color: #ff5555 !important; /* Light red for delete button */ cursor: pointer !important; transition: color 0.3s ease !important; display: flex !important; align-items: center !important; } .price-box .btn:hover { color: #ff5500 !important; /* Primary color on hover */ } .price-box .btn .fa-trash-o { margin-left: 4px !important; } /* Totals Section */ .totals { background-color: #1e1e1e !important; /* Dark background */ border-radius: 6px !important; padding: 16px !important; color: #e0e0e0 !important; } .totals .h3 { font-size: 1.2rem !important; margin-bottom: 12px !important; color: #ffffff !important; } .totals select.form-control { background-color: #2c2c2c !important; /* Dark background for select */ color: #e0e0e0 !important; /* Light text */ border: 1px solid #444444 !important; border-radius: 4px !important; padding: 8px 12px !important; } .totals select.form-control option { background-color: #2c2c2c !important; /* Dark background for options */ color: #ffffff !important; /* White text */ } /* cmp-totals Section */ .cmp-totals { background-color: #1e1e1e !important; /* Dark background */ border-radius: 6px !important; padding: 16px !important; color: #e0e0e0 !important; } .cmp-totals .h3 { font-size: 1.2rem !important; margin-bottom: 12px !important; color: #ffffff !important; } .cmp-totals dl { margin: 0 !important; } .cmp-totals dt { font-weight: bold !important; margin-top: 8px !important; color: #ffffff !important; } .cmp-totals dd { margin-left: 0 !important; color: #e0e0e0 !important; } .cmp-totals .totalSum { margin-top: 12px !important; } .cmp-totals .totalSum dt { font-size: 1.1rem !important; color: #ffffff !important; } .cmp-totals .totalSum dd { font-size: 1.1rem !important; color: #ff5500 !important; /* Primary color for total sum */ } /* Basket Preview Footer */ .basket-preview-footer { display: flex !important; flex-direction: column !important; gap: 12px !important; } .basket-preview-footer a.btn { display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px !important; font-size: 1rem !important; border-radius: 4px !important; transition: background-color 0.3s ease, color 0.3s ease !important; } .basket-preview-footer a.btn-outline-primary { background-color: transparent !important; border: 2px solid #ff5500 !important; color: #ff5500 !important; } .basket-preview-footer a.btn-outline-primary:hover { background-color: #ff5500 !important; color: #ffffff !important; } .basket-preview-footer a.btn-primary { background-color: #ff5500 !important; color: #ffffff !important; } .basket-preview-footer a.btn-primary:hover { background-color: #b33f00 !important; color: #ffffff !important; } .basket-preview-footer .paypalSmartButtons { background-color: transparent !important; border: none !important; padding: 0 !important; } /* PayPal Buttons */ .paypalSmartButtons iframe { width: 100% !important; height: 45px !important; } /* Responsive Adjustments */ @media (max-width: 768px) { /* Reduce padding and margins for mobile */ .basket-preview-header { padding: 8px 12px !important; } .basket-preview-header .h3 { font-size: 1rem !important; } .basket-preview-header .close { font-size: 1.2rem !important; } .basket-preview-content { padding: 12px !important; gap: 12px !important; } .basket-list-item { flex-direction: column !important; align-items: flex-start !important; padding: 8px !important; } .basket-list-item .image-container a img { width: 50px !important; } .meta-container { margin-left: 12px !important; } .meta-container .item-name { font-size: 0.95rem !important; } .meta-container .item-base-price, .meta-container .item-total-price { font-size: 0.85rem !important; } .basket-item-container-right { align-items: flex-start !important; margin-left: 0 !important; margin-top: 8px !important; } .qty-box { width: 100% !important; } .qty-input { width: 35px !important; font-size: 0.9rem !important; } .qty-btn-container button { width: 25px !important; height: 25px !important; } .price-box { margin-left: 0 !important; margin-top: 8px !important; } .price-box .item-total-price { font-size: 0.95rem !important; } .price-box .btn { padding: 6px 10px !important; font-size: 0.9rem !important; } /* Totals Section */ .totals { padding: 12px !important; } .totals .h3 { font-size: 1rem !important; } .totals select.form-control { padding: 6px 10px !important; font-size: 0.9rem !important; } .cmp-totals { padding: 12px !important; } .cmp-totals .h3 { font-size: 1rem !important; } .cmp-totals dt, .cmp-totals dd { font-size: 0.9rem !important; } .cmp-totals .totalSum dt, .cmp-totals .totalSum dd { font-size: 1rem !important; } /* Basket Preview Footer */ .basket-preview-footer a.btn { padding: 10px !important; font-size: 0.9rem !important; } .basket-preview-footer .paypalSmartButtons iframe { height: 35px !important; } } /* Center and arrange "Kasse" and "Warenkorb" buttons inline, make them smaller, and remove scale hover effects */ /* Ensure the footer uses flexbox to arrange buttons inline and center them */ .basket-preview-footer { display: flex !important; justify-content: center !important; /* Center the buttons horizontally */ align-items: center !important; /* Center the buttons vertically */ gap: 10px !important; /* Space between buttons */ padding: 10px !important; /* Optional: Adjust padding if needed */ } /* Style for both "Warenkorb" and "Kasse" buttons */ .basket-preview-footer a.btn-outline-primary, .basket-preview-footer a.btn-primary { display: inline-flex !important; /* Arrange content inline */ align-items: center !important; /* Center icon and text vertically */ justify-content: center !important; /* Center content horizontally */ padding: 6px 10px !important; /* Smaller padding for compact buttons */ font-size: 0.85rem !important; /* Smaller font size */ border-radius: 3px !important; /* Slightly smaller border radius */ transition: background-color 0.3s ease, color 0.3s ease !important; /* Smooth color transitions */ transform: none !important; /* Remove any scaling transforms */ min-width: 100px !important; /* Ensure buttons have a consistent width */ height: 35px !important; /* Smaller height */ } /* Hover Effects: Remove any scaling and maintain color changes */ .basket-preview-footer a.btn-outline-primary:hover, .basket-preview-footer a.btn-primary:hover { transform: none !important; /* Ensure no scaling on hover */ /* Maintain existing hover background and text color */ /* Example: If you want to keep existing color changes, no additional changes are needed */ } /* Adjust icon sizes and spacing within buttons */ .basket-preview-footer a.btn-outline-primary i, .basket-preview-footer a.btn-primary i { font-size: 1rem !important; /* Smaller icon size */ margin-right: 5px !important; /* Reduced space between icon and text */ } /* Optional: Adjust button height if necessary */ .basket-preview-footer a.btn-outline-primary, .basket-preview-footer a.btn-primary { height: 35px !important; /* Ensure consistent height */ } /* Ensure PayPal buttons remain unaffected */ .basket-preview-footer .paypalSmartButtons { width: auto !important; /* Maintain default width */ height: auto !important; /* Maintain default height */ padding: 0 !important; /* Remove any padding */ margin-left: 10px !important; /* Optional: Adjust margin if needed */ } /* Remove any scale hover effects globally within the basket preview */ .basket-preview-wrapper .basket-preview a.btn:hover { transform: none !important; /* Ensure no scaling */ } /* Optional: Remove any scaling transitions if previously added */ .basket-preview-wrapper .basket-preview a.btn { transition: background-color 0.3s ease, color 0.3s ease !important; /* Remove transform from transitions */ } li.ddown { border: none !important; } div.widget-inner.bg-appearance.pt-5.pr-0.pb-0.pl-0, select.form-control { background-color: #262A2B !important; border: none !important; color: #E8E6D5 !important; } label.btn-collapse.collapsed { display: none !important; } div.basket-item-container-right { padding-right: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; } input.form-control, input[id^="email-input-id_"], #email35, #password35 { color: #E8E6D5 !important; /* Light text color */ background-color: #1E2122 !important; /* Dark background color */ border: 1px solid #444444 !important; /* Optional: Dark border for better contrast */ border-radius: 4px !important; /* Rounded corners for a sleek look */ padding: 8px 12px !important; /* Adequate padding for readability */ font-size: 1rem !important; /* Consistent font size */ } div div dl { background-color: #1e1e1e !important; } h1.login-view-title.mb-5 { color: #E8E6D5 !important; } div.widget-inner.bg-appearance { background-color: #262A2B !important; border: none !important; } label.provider-select-label { background-color: #3E4446; } [data-testing="autocomplete-list"] { background-color: #121212 !important; /* Dark background for the list */ color: #ffffff !important; /* Light text for readability */ border: 1px solid #333 !important; /* Subtle border for the list */ } [data-testing="autocomplete-list"] a { display: block !important; background-color: #1e1e1e !important; /* Slightly lighter background for items */ color: #ffffff !important; /* White text for links */ padding: 10px !important; /* Add spacing for better touch interaction */ text-decoration: none !important; /* Remove underline */ } [data-testing="autocomplete-list"] a:hover { background-color: #333333 !important; /* Darker background on hover */ color: #ffffff !important; /* Ensure text remains white on hover */ } [data-testing="autocomplete-list"] a .label { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; /* Prevent wrapping for cleaner display */ } [data-testing="autocomplete-list"] a p { color: #b3b3b3 !important; /* Slightly dimmed text for subtext */ margin: 0 !important; /* Remove unnecessary margins */ } [data-testing="autocomplete-list"] a p strong { color: #ffffff !important; /* Keep strong text bright */ } div article div { background-color: #262A2B !important; } article.cmp.cmp-product-thumb { background-color: #262A2B !important; } /* Default (desktop) styles */ .cookie-bar { background-color: #121212 !important; /* Dark background */ color: #ffffff !important; /* Light text for readability */ max-height: 200px !important; /* Set maximum height for desktop */ overflow: hidden !important; /* Hide overflow */ display: flex !important; flex-direction: column !important; /* Stack content and buttons vertically */ align-items: stretch !important; justify-content: space-between !important; } /* Mobile-specific styles */ @media screen and (max-width: 767px) { .cookie-bar { max-height: 400px !important; /* Taller height for mobile devices */ overflow: hidden !important; /* Hide overflow initially */ } .cookie-bar .container-max { overflow-y: auto !important; /* Enable vertical scrolling on mobile */ flex: 1 1 auto !important; /* Make content scrollable */ } /* Scrollbar styling for mobile */ .cookie-bar .container-max::-webkit-scrollbar { width: 6px !important; } .cookie-bar .container-max::-webkit-scrollbar-thumb { background-color: #555 !important; /* Thumb color */ border-radius: 3px !important; } .cookie-bar .container-max::-webkit-scrollbar-track { background-color: #121212 !important; /* Track color */ } .cookie-bar .container-max { scrollbar-width: thin !important; /* Firefox scrollbar styling */ scrollbar-color: #555 #121212 !important; /* Dark mode scrollbar */ } } /* Scrollable text */ .cookie-bar p { max-height: 70px !important; /* Adjust max height to leave space for buttons */ overflow-y: auto !important; /* Enable vertical scrolling for the text */ margin: 0 !important; padding-right: 10px !important; } /* Style for switches */ .cookie-bar .custom-switch .custom-control-input:checked ~ .custom-control-label { background-color: #FF5500 !important; /* Highlight selected switch */ color: #ffffff !important; /* Ensure text visibility */ } .cookie-bar .custom-switch .custom-control-label { color: #b3b3b3 !important; /* Dim inactive text */ } /* Buttons styling */ .cookie-bar .btn { background-color: #FF5500 !important; /* Primary button background */ color: #ffffff !important; /* Button text color */ border: none !important; /* Remove borders */ padding: 10px 15px !important; /* Add padding for better visibility */ border-radius: 5px !important; /* Rounded corners */ font-weight: bold !important; /* Make text bold */ text-transform: uppercase !important; /* Capitalize text */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; /* Add subtle shadow */ transition: all 0.3s ease !important; /* Smooth hover animation */ } /* Hover effect for buttons */ .cookie-bar .btn:hover { background-color: #ff8800 !important; /* Slightly brighter on hover */ color: #ffffff !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important; /* Deeper shadow */ } /* Link styling */ .cookie-bar a { color: #FF5500 !important; /* Highlight links */ text-decoration: underline !important; /* Ensure links are noticeable */ } .cookie-bar a:hover { color: #ff8800 !important; /* Lighter link on hover */ } `; const style = document.createElement('style'); style.textContent = cssCode; document.head.appendChild(style); console.log('CSS code has been injected after everything else loaded.'); });