#top, #container1, #nav_container {
  background-color: #1a1714 !important;
  background-image: linear-gradient(rgba(18,14,12,.38), rgba(18,14,12,.38)), url(../img/bg-fire.png) !important;
  background-attachment: fixed, fixed !important;
  background-size: auto, 100% auto !important;
  background-position: center, center top !important;
  background-repeat: no-repeat, no-repeat !important;
}
#logobar, #logobar a, #logobar .nav-link, #logobar i, #logobar span, #logobar .fa { color: #e5e5e5 !important; }
#logobar .form-control { border-color: #6a6a6a; }
#layout_footer { background-image: url(../img/footer-fire.png) !important; background-size: cover; background-position: bottom center; background-repeat: no-repeat; background-color: #181818 !important; }

/* === Seitenrand-Hintergrund (>=1400px): Home = Welt-Scan-Video, Kategorie/Produkt = Gruppen-Thema === */
#bg-worldscan, #bg-themes { display: none; }
/* Fallback unter 1400px: statischer Scanner (map2.png) statt heller Rand, damit graue Karte auf dunklem Grund schwebt */
@media (max-width: 1399.98px) {
  body:has(#bg-worldscan), body:has(#bg-themes) {
    background: #0b0f14 url(../img/map2.png) center center / cover no-repeat fixed !important;
  }
}
/* Seiten OHNE Video/Theme (Konto, logoff, Warenkorb, Login, Info...): statischer Scanner statt weiss, auf allen Breiten */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) {
  background: #0b0f14 url(../img/map2.png) center center / cover no-repeat fixed !important;
}
@media (min-width: 1400px) {
  body:has(#bg-worldscan), body:has(#bg-themes) { background-color: transparent !important; }
  #bg-worldscan {
    display: block; position: fixed; inset: 0; width: 100vw; height: 100vh;
    object-fit: cover; z-index: -2; pointer-events: none;
    background-color: #0b0f14; filter: brightness(1.2) contrast(1.05);
  }
  #bg-themes { display: block; position: fixed; inset: 0; z-index: -2; pointer-events: none; background-color: #0b0f14; }
  #bg-themes .bgt {
    position: fixed; inset: 0; width: 100vw; height: 100vh;
    background-size: cover; background-position: center;
    filter: grayscale(.55) contrast(1.05) brightness(.82);
  }
  /* leichter Dunkel-Schleier, damit die weisse Shop-Karte knallt */
  body:has(#bg-worldscan)::before, body:has(#bg-themes)::before {
    content: ""; position: fixed; inset: 0; background: rgba(11,15,20,.2); z-index: -1; pointer-events: none;
  }
  /* weisse Shop-Karte schwebt ueber dem Hintergrund (Home + Kategorie + Produkt) */
  body:has(#bg-worldscan) #slider,
  body:has(#bg-worldscan) #container2,
  body:has(#bg-themes) #container2 { background-color: #ffffff; }
  body:has(#bg-worldscan) #container2,
  body:has(#bg-themes) #container2,
  #container:is(.dm-account,.dm-logoff) #container2 {
    box-shadow: 0 0 45px rgba(0,0,0,.4);
    padding: 1.25rem 1.5rem 0.5rem;
    border-radius: 4px;
  }
}

/* === Footer im peddinghaus-store.com-Stil === */
#layout_footer { color: #cfcfcf; padding-top: 3rem !important; }
#layout_footer a { color: #cfcfcf; text-decoration: none; transition: color .15s ease; }
#layout_footer a:hover { color: #f47821; }
#layout_footer .footer-heading,
#layout_footer .box-heading,
#layout_footer .navbar-brand {
  color: #ffffff !important; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; font-size: .82rem; line-height: 1.2;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  padding-bottom: .55rem; margin-bottom: 1rem; display: block; width: 100%;
}
#layout_footer .footer-help-icon { font-size: 2.6rem; color: #f47821; line-height: 1; }
#layout_footer .footer-help-label { font-size: .82rem; color: #cfcfcf; margin-bottom: .1rem; }
#layout_footer .footer-phone { font-size: 1.4rem; font-weight: 800; color: #f47821; letter-spacing: .01em; }
#layout_footer .footer-phone:hover { color: #ff9248; }
#layout_footer address { font-style: normal; line-height: 1.65; color: #b9b9b9; }
#layout_footer ul { list-style: none; padding-left: 0; margin-bottom: 0; }
#layout_footer li { padding: .22rem 0; }
#layout_footer .box_payment img, #layout_footer .box-payment img { margin: .15rem .35rem .15rem 0; }
#layout_footer .mod_copyright { color: #8f8f8f; }
#layout_footer .mod_copyright a { color: #b9b9b9; }

/* === "ALLE KATEGORIEN" Button + Dropdown (peddinghaus-store.com-Stil) === */
#nav_container .btn-allcats {
  background: #f47821 !important; color: #fff !important; font-weight: 700;
  text-transform: uppercase; letter-spacing: .03em; border-radius: 3px;
  padding: .55rem 1.15rem; margin: .3rem .9rem .3rem 0;
}
#nav_container .btn-allcats:hover,
#nav_container .btn-allcats[aria-expanded="true"] { background: #d9650f !important; }
#nav_container .btn-allcats::after { margin-left: .55rem; vertical-align: middle; }
#nav_container .allcats-dropdown {
  min-width: 320px; max-height: 78vh; overflow-y: auto;
  padding: .35rem 0; border: 0; border-radius: 0 0 4px 4px;
  box-shadow: 0 12px 32px rgba(0,0,0,.28); margin-top: 0;
}
#nav_container .allcats-dropdown > li { width: 100%; display: block; position: static; float: none; }
#nav_container .allcats-dropdown > li.home { display: none; }
#nav_container .allcats-dropdown > li > a {
  display: block; padding: .55rem 1.25rem; color: #2b2b2b !important;
  white-space: nowrap; font-weight: 500; border: 0; background: none;
}
#nav_container .allcats-dropdown > li > a:hover,
#nav_container .allcats-dropdown > li > a:focus { background: #f6f1ec; color: #f47821 !important; }
#nav_container .allcats-dropdown ul { display: none !important; }
#nav_container .allcats-dropdown .dropdown-toggle::after { display: none; }
#nav_container #main { row-gap: 0; }

/* === Kategorien-Slide-Out (hc-offcanvas-nav) in CD grau/orange === */
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-content,
.hc-offcanvas-nav ul { background-color: #4d4c4d !important; color: #e8e8e8; }
.hc-offcanvas-nav .nav-title,
.hc-offcanvas-nav h2 {
  background-color: #f47821 !important; color: #fff !important;
  font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}
.hc-offcanvas-nav li { border-bottom: 1px solid rgba(255,255,255,.08); }
.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li a,
.hc-offcanvas-nav li > .nav-item-wrapper > a,
.hc-offcanvas-nav li span { color: #e8e8e8 !important; }
.hc-offcanvas-nav .nav-item-link:hover,
.hc-offcanvas-nav .nav-item-link:focus,
.hc-offcanvas-nav li a:hover { background-color: rgba(244,120,33,.30); color: #ffffff !important; }
/* Aufklapp-Pfeile + Zurueck-Pfeil in Orange */
.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-next span::after,
.hc-offcanvas-nav .nav-back span::before,
.hc-offcanvas-nav .nav-back span::after { border-color: #f47821 !important; }
.hc-offcanvas-nav .nav-next,
.hc-offcanvas-nav .nav-back { background-color: transparent !important; }
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul > li.nav-parent > .nav-item-wrapper { border-left: 3px solid transparent; }
/* aktiver/hervorgehobener Eintrag */
.hc-offcanvas-nav li.nav-highlight > .nav-item-wrapper { background-color: #f47821 !important; }
.hc-offcanvas-nav li.nav-highlight > .nav-item-wrapper > .nav-item-link { color: #ffffff !important; font-weight: 600; }
.hc-offcanvas-nav li.nav-highlight > .nav-item-wrapper .nav-next span::before,
.hc-offcanvas-nav li.nav-highlight > .nav-item-wrapper .nav-next span::after { border-color: #ffffff !important; }
/* Close-X weiss auf Orange (Farbe ueber currentColor, Form unangetastet) */
.hc-offcanvas-nav .nav-close-button { color: #fff !important; }
/* Zurueck-Zeile ("Kategorien") war weiss -> grau/orange wie der Rest */
.hc-offcanvas-nav .nav-back .nav-back-button { background-color: #3f3e3f !important; color: #d6d6d6 !important; }
.hc-offcanvas-nav .nav-back .nav-back-button:hover,
.hc-offcanvas-nav .nav-back .nav-back-button:focus { background-color: rgba(244,120,33,.30) !important; color: #ffffff !important; }

/* === Kategorie-Landingpages ("gepimpt") === */
.cat-landing { margin: .5rem 0 2.5rem; }
.cat-landing .cat-hero { margin-bottom: 2.5rem; }
.cat-badge { display:inline-block; padding:.35rem .9rem; border-radius:2rem; font-weight:800; font-size:.78rem; letter-spacing:.08em; color:#fff; background:#f47821; margin-bottom:.75rem; }
.cat-badge-green { background:#5a9e2f; }
.cat-badge-red { background:#c1272d; }
.cat-badge-blue { background:#1d6fb8; }
.cat-hero-title { font-weight:800; line-height:1.15; color:#2b2b2b; margin-bottom:1rem; }
.cat-landing .lead { color:#444; }
.cat-keyfacts { display:flex; flex-wrap:wrap; gap:1.25rem; margin-top:1.1rem; font-weight:600; color:#333; }
.cat-keyfacts i { color:#f47821; margin-right:.4rem; }
.cat-hero-img { max-height:340px; filter:drop-shadow(0 14px 26px rgba(0,0,0,.18)); }
.cat-hero-cap { margin-top:.6rem; font-size:.85rem; color:#777; font-weight:600; }
.cat-section-title { font-weight:800; color:#2b2b2b; margin-bottom:1.1rem; padding-bottom:.5rem; border-bottom:3px solid #f47821; display:inline-block; }
.cat-section-title i { color:#f47821; margin-right:.3rem; }
.cat-machines { margin-bottom:2.5rem; }
.machine-card { background:#f6f6f6; border:1px solid #e6e6e6; border-radius:8px; padding:1.1rem 1.25rem; height:100%; }
.machine-card-current { background:#eef7e7; border-color:#cfe6b8; }
.machine-card-red { background:#fdeded; border-color:#f3c2c4; }
.machine-card-blue { background:#eaf3fb; border-color:#bfdcf2; }
.machine-card-head { font-weight:800; color:#2b2b2b; margin-bottom:.6rem; }
.machine-card-current .machine-card-head { color:#4d8a23; }
.machine-card-red .machine-card-head { color:#c1272d; }
.machine-card-blue .machine-card-head { color:#1d6fb8; }
.machine-card-head i { margin-right:.4rem; }
.machine-card ul { list-style:none; padding-left:0; margin:0; }
.machine-card li { padding:.28rem 0; color:#444; border-bottom:1px dashed #e0e0e0; font-size:.95rem; }
.machine-card li:last-child { border-bottom:0; }
.machine-cols { columns:2; column-gap:1.5rem; }
@media (max-width:575px){ .machine-cols { columns:1; } }
.cat-features { margin-bottom:2rem; }
.feature-box { background:#fff; border:1px solid #ececec; border-radius:8px; padding:1.25rem 1rem; text-align:center; height:100%; transition:box-shadow .15s,transform .15s; }
.feature-box:hover { box-shadow:0 10px 24px rgba(0,0,0,.10); transform:translateY(-3px); }
.feature-box i { font-size:1.9rem; color:#f47821; display:block; margin-bottom:.6rem; }
.feature-box span { display:block; font-weight:800; color:#2b2b2b; }
.feature-box small { display:block; color:#888; margin-top:.25rem; line-height:1.3; }
.cat-note { background:#fff7f0; border-left:4px solid #f47821; border-radius:4px; padding:.9rem 1.1rem; color:#555; }
.cat-note i { color:#f47821; margin-right:.5rem; }
/* Omnipraesenter "Zu den Produkten"-CTA */
.cat-cta { display:flex; align-items:center; justify-content:space-between; gap:1rem 1.4rem; flex-wrap:wrap;
  background:#fff3e8; border:2px solid #f7a766; border-radius:10px; padding:1rem 1.4rem; margin-bottom:2.5rem; }
.cat-cta-left { display:flex; align-items:center; gap:1rem; }
.cat-cta-left > i { font-size:2rem; color:#f47821; }
.cat-cta-left strong { display:block; font-size:1.15rem; color:#2b2b2b; line-height:1.2; }
.cat-cta-left span { color:#8a7666; font-size:.92rem; }
.cat-cta-btn { background:#f47821; color:#fff !important; font-weight:800; text-transform:uppercase; letter-spacing:.03em;
  padding:.7rem 1.6rem; border-radius:6px; text-decoration:none; white-space:nowrap; cursor:pointer;
  box-shadow:0 4px 14px rgba(244,120,33,.40); transition:transform .15s, box-shadow .15s, background .15s; }
.cat-cta-btn:hover { background:#d9650f; color:#fff !important; transform:translateY(-2px); box-shadow:0 6px 18px rgba(244,120,33,.55); }
.cat-cta-btn i { margin-left:.45rem; }
/* Knackiger Teaser oben (categories_short_description) */
.cat-teaser { padding:.25rem 0 .5rem; }
.cat-teaser-title { font-weight:800; line-height:1.18; color:#2b2b2b; font-size:1.5rem; margin-bottom:.55rem; }
.cat-teaser-lead { color:#555; font-size:1.02rem; margin-bottom:1.1rem; max-width:640px; }
/* Detail-Sektion unten (categories_description) */
.cat-landing-bottom { margin-top:3rem; padding-top:1.75rem; border-top:1px solid #ececec; }
/* Typenliste oben (neben Explosionszeichnung) */
.cat-typeliste .cat-tl-head { font-weight:800; color:#2b2b2b; margin:.7rem 0 .15rem; }
.cat-typeliste p { margin-bottom:.45rem; color:#444; }
.cat-typeliste .cat-tl-old { font-size:.9rem; color:#666; line-height:1.7; }
/* Stempel/Matrizen & Subcat-Kacheln: breite Karten mit sauberer Serien-Grafik (2026-06-13) */
.row:has(.subcat) { margin-top:.5rem; }
.subcat { flex:0 0 auto; max-width:none; }                 /* Breite via row-cols-md-2/3/4 */
.subcat .card { background:#fff !important; border:1px solid #e6e6e6 !important; border-radius:12px; transition:transform .15s, box-shadow .15s, border-color .15s; }
.subcat .card:hover { border-color:#f47821 !important; box-shadow:0 .7rem 1.6rem rgba(244,120,33,.22); transform:translateY(-4px); }
.subcat .card .card-body { padding:1.5rem 1.3rem 1.15rem; }
.subcat .card .cat_image { width:100%; }
.subcat .card .cat_image img { width:100%; height:175px; object-fit:cover; border-radius:8px; display:block; margin:0; }   /* einheitliche Kachel-Größe, randlos gefüllt */
.subcat a, .subcat .card a { color:#3a3a3a !important; font-weight:800; text-transform:uppercase; letter-spacing:.035em; text-decoration:none; font-size:1.12rem; }
.subcat .card:hover a { color:#f47821 !important; }
/* Größen-Buttons (Produktoptionen, US-Look im CD) */
.product_options_button .btn-group { gap:.5rem !important; }
.product_options_button .btn { min-width:62px; font-weight:600; }
.product_options_button .btn-outline-secondary { color:#444; border-color:#cfcfcf; }
.product_options_button .btn-check:checked + .btn { background:#f47821 !important; border-color:#f47821 !important; color:#fff !important; box-shadow:0 2px 8px rgba(244,120,33,.4); }
.product_options_button .btn-check:focus + .btn { border-color:#f47821; }
.product_options_button .btn:hover { border-color:#f47821; color:#f47821; }
.product_options_button .options_name { font-weight:800; }
/* Mini-Warenkorb (Flyout) lesbar + CD */
#canvas_cart .offcanvas-title { color:#f9f9f9; font-weight:700; }
#canvas_cart .offcanvas-body a.stretched-link { color:#ededed !important; font-weight:700; text-decoration:none; }
#canvas_cart .offcanvas-body a.stretched-link:hover { color:#ff8a2e !important; }
#canvas_cart .offcanvas-body .small { color:#c2c2c2 !important; }
#canvas_cart .list-group-item-secondary { background:#2f2e2f !important; color:#ededed !important; }
#canvas_cart .btn-secondary { background:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
#canvas_cart .btn-outline-secondary { color:#ff8a2e !important; border-color:#f47821 !important; }
#canvas_cart .btn-outline-secondary:hover { background:#f47821 !important; color:#fff !important; }
.cat_description .cat_image{max-height:200px !important;width:auto;max-width:100%;display:block;margin:0 auto}
#logobar .nav-logo{padding-left:0}
.lang-dd{min-width:190px;background-color:#3a393a !important;border-color:rgba(255,255,255,.18) !important}
.lang-dd .box_languages{margin:0 !important}
.lang-dd .list-group-item{border:0;padding:.2rem .3rem;background-color:transparent !important;color:#ededed !important}
.lang-dd .h5{font-size:.72rem;text-transform:uppercase;color:#b0b0b0;margin:0;padding:.4rem .6rem}
.lang-dd a{display:block;padding:.4rem .6rem;color:#ededed;text-decoration:none;border-radius:.25rem}
.lang-dd a:hover{background:#f47821;color:#fff}
.home-hub{margin:1.5rem 0}
.home-hub .hub-sec{margin-bottom:2.2rem}
.home-hub .hub-h{font-size:1.5rem;font-weight:700;color:#2b2b2b;border-bottom:3px solid #f47821;padding-bottom:.35rem;margin-bottom:.4rem;display:inline-block}
.home-hub .hub-lead{color:#6c757d;margin-bottom:1rem}
.home-hub .hub-card{display:flex;flex-direction:column;justify-content:center;min-height:96px;padding:1rem 1.1rem;background:#fff;border:1px solid #e3e3e3;border-left:5px solid #f47821;border-radius:.5rem;text-decoration:none;transition:all .15s;height:100%}
.home-hub .hub-card:hover{border-color:#f47821;box-shadow:0 6px 18px rgba(0,0,0,.10);transform:translateY(-2px)}
.home-hub .hub-name{font-weight:700;color:#2b2b2b;font-size:1.05rem;line-height:1.2}
.home-hub .hub-note{color:#888;font-size:.85rem;margin-top:.25rem}
.home-hub .hub-green{border-left-color:#128818}
.home-hub .hub-red{border-left-color:#AE1215}
.home-hub .hub-blue{border-left-color:#1544A1}
.home-hub .hub-soft{background:#fdf3ec}
.home-hub .hub-card:hover .hub-name{color:#f47821}
.home-hub .hub-img-card{text-align:center;align-items:center;padding-top:.8rem}
.home-hub .hub-img{width:auto;max-width:100%;max-height:128px;margin:0 auto .5rem;display:block}
.cat_description p:has(span[style*="e74c3c"]){border-left:3px solid #f7a766;padding-left:.9rem;margin-bottom:.4rem}
.cat_description span[style*="e74c3c"]{color:#5a5a5a !important;font-weight:500 !important}
@media (min-width:768px){
  #product_details:has(.pd_imagebox){display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"img title" "img content";align-items:start;column-gap:1.5rem}
  #product_details:has(.pd_imagebox) > .pd_imagebox{grid-area:img;float:none !important;width:auto !important;max-width:none !important}
  #product_details:has(.pd_imagebox) > .pd_title{grid-area:title;float:none !important;width:auto !important;max-width:none !important}
  #product_details:has(.pd_imagebox) > .pd_content{grid-area:content;float:none !important;width:auto !important;max-width:none !important}
}

/* ===== KISS-Landing Header: Kategoriebild links, Text komplett rechts (2026-06-13) ===== */
@media (min-width: 768px){
  .cat_description:has(> div .cat_image){
    display:grid;
    grid-template-columns: minmax(360px, 500px) 1fr;
    column-gap: 2.5rem;
    align-items: start;
  }
  .cat_description:has(> div .cat_image) > div:first-child{
    float:none !important; width:auto !important; max-width:none !important;
    margin:0 !important; text-align:left !important;
  }
  .cat_description:has(> div .cat_image) > div:first-child .cat_image{ margin:0 !important; max-height:360px !important; width:100% !important; }
  .cat_description:has(> div .cat_image) > div:last-child{ width:auto !important; }
}

/* === Header auf Flammen: helle Trennlinien weg + Text-Shadow fuer Lesbarkeit (2026-06-13) === */
#top, #nav_container { border-color: rgba(0,0,0,.45) !important; }
#top, #top a, #top i, #top .fa, #top div { color: #f2f2f2 !important; }
#top div, #top a, #top i,
#logobar a, #logobar .nav-link, #logobar i, #logobar span, #logobar .fa,
#nav_container .nav-link, #nav_container a, #nav_container i {
  text-shadow: 0 1px 4px rgba(0,0,0,.9), 0 0 3px rgba(0,0,0,.6);
}

/* Hero-Slider voll auf Content-Breite, weisse Raender weg (2026-06-13) */
#slider { padding-left:0 !important; padding-right:0 !important; }
#slider .carousel.container { max-width:100% !important; margin-bottom:0 !important; padding-left:0 !important; padding-right:0 !important; }
#slider .carousel-item img { display:block; width:100%; height:auto; }


/* === Dark Content-Karte "Peddinghaus-Look" auf Katalogseiten (2026-06-13) ===
   Karte = Firmengrau #4d4c4d, Text hell #f9f9f9, weisse Produktkacheln poppen.
   Funktionsseiten (account/checkout/login/cart/wishlist/search) bleiben weiss. */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff,.dm-error) #container2 { background-color:#4d4c4d !important; color:#f9f9f9; }

/* Helle Inseln (weisse Karten/Boxen) behalten dunklen Text */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 :is(.card,.hub-card,.machine-card,.feature-box,.cat-note,.alert) { color:#2b2b2b; }

/* Ueberschriften / Titel direkt auf grau -> hell (orange Akzente/Borders bleiben) */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 :is(h1,h2,h3,.heading,.cat-hero-title,.cat-section-title,.cat-teaser-title,.cat-tl-head,.pd_title,.pd_title h1,.home-hub .hub-h) { color:#f9f9f9 !important; }

/* Leads / Fliesstext direkt auf grau -> hell-grau */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 :is(.home-hub .hub-lead,.cat-landing .lead,.cat-keyfacts,.cat-teaser-lead,.cat-typeliste p,.cat-cta-left span,.cat-cta-left strong) { color:#dcdcdc; }
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 :is(.cat-hero-cap,.cat-tl-old) { color:#b3b3b3; }

/* Breadcrumb: Eltern hellgrau (lesbar) -> aktuelle Seite orange (du-bist-hier); + Listen-Chrome hell */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 :is(.breadcrumb,.breadcrumb-item,.breadcrumb-item a,.nav-tabs .nav-link) { color:#cfcfcf !important; }
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 .breadcrumb-item + .breadcrumb-item::before { color:#9a9a9a !important; }
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 .breadcrumb-item a:hover { color:#ff8a2e !important; }
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 .breadcrumb-item.active { color:#f47821 !important; font-weight:600; }

/* Bootstrap-"muted/emphasis"-Textklassen auf grauer Karte -> hellgrau (waren dunkel/unlesbar):
   "zzgl. MwSt.", "Fuer eine groessere Ansicht", dynamische Art.-Nr. (.opt-sku-line) usw. */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 :is(.text-secondary-emphasis,.text-body-secondary,.text-muted) { color:#c2c2c2 !important; }

/* cat_description Hinweis-Spans (vorher dunkelgrau) -> hell */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 .cat_description span[style*="e74c3c"] { color:#e0e0e0 !important; }

/* Trennlinien auf grau dezent hell statt dunkel */
#container:is(.dm-home,.dm-category,.dm-listing,.dm-productinfo,.dm-account,.dm-logoff) #container2 hr { border-color:rgba(255,255,255,.18); }

/* === Produktkarten (Listing) im Dark-Look: helle Foto-Stage statt grosser weisser Block (2026-06-13) ===
   Foto-Weiss verschmilzt nahtlos in die helle Stage -> kein Bild-Freistellen noetig (Schatten/helle Produkte unkritisch) */
#container2 .card.focus-ring {
  background-color:#454445 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 5px 16px rgba(0,0,0,.32) !important;
  color:#ededed !important;
  border-radius:12px !important;
  overflow:hidden;
}
#container2 .card.focus-ring .prod_image {
  background:#f7f7f7; border-radius:8px; padding:10px;
}
#container2 .card.focus-ring :is(.lb_title,.lb_title .fs-5,.lb_shipping,.no_price) { color:#ededed !important; }
#container2 .card.focus-ring .lb_shipping a { color:#ff9a4d !important; }
#container2 .card.focus-ring .card-footer { background:transparent !important; border-top:1px solid rgba(255,255,255,.10) !important; }
#container2 .card.focus-ring .lb_buttons .btn-secondary { background:#f47821 !important; border-color:#f47821 !important; color:#fff !important; font-weight:700; }
#container2 .card.focus-ring .lb_price .price,
#container2 .card.focus-ring .lb_price { color:#ffa75c !important; }

/* === Produktseite: Groessen-Buttons LESBAR (hell) + Beschreibungs-Box dunkel (2026-06-13) === */
/* KRITISCH: Groessen-/Options-Buttons hatten dunklen Text #444 -> auf grauer Karte unlesbar */
#container.dm-productinfo #container2 .product_options_button .btn-outline-secondary,
#container.dm-productinfo #container2 .product_options_button .btn-check + .btn {
  color:#f2f2f2 !important; border-color:rgba(255,255,255,.42) !important; background-color:transparent !important;
}
#container.dm-productinfo #container2 .product_options_button .btn-check:checked + .btn {
  background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important;
}
#container.dm-productinfo #container2 .product_options_button .btn-outline-secondary:hover,
#container.dm-productinfo #container2 .product_options_button .btn-check:not(:checked) + .btn:hover {
  border-color:#f47821 !important; color:#ff8a2e !important; background-color:rgba(244,120,33,.12) !important;
}
/* Beschreibungs-Box + Tabs ins Dunkle, Text hell-grau (weniger Weiss) */
#container.dm-productinfo #container2 .card.clearfix {
  background-color:#454445 !important; border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 5px 16px rgba(0,0,0,.32) !important; color:#e2e2e2 !important;
}
#container.dm-productinfo #container2 .card.clearfix :is(h1,h2,h3,h4,h5,strong,b,th,td,p,li,em,span) { color:#e8e8e8 !important; }
#container.dm-productinfo #container2 .card.clearfix table :is(th,td) { border-color:rgba(255,255,255,.15) !important; }
#container.dm-productinfo #container2 .card-header { background-color:transparent !important; border-bottom-color:rgba(255,255,255,.14) !important; }
#container.dm-productinfo #container2 .nav-link { color:#cfcfcf !important; }
#container.dm-productinfo #container2 .nav-link.active { background-color:#f47821 !important; color:#fff !important; border-color:#f47821 !important; }
/* Hauptbild-Stage weicher statt reinweiss */
#container.dm-productinfo #container2 .zoomimg.img-thumbnail { background-color:#f7f7f7 !important; }

/* Kauf-Box lesbar: alle Outline-Buttons hell (Mengen-Stepper +/-, Rezension, Artikeldatenblatt) */
#container.dm-productinfo #container2 .btn-outline-secondary { color:#ededed !important; border-color:rgba(255,255,255,.40) !important; }
#container.dm-productinfo #container2 .btn-outline-secondary:hover { color:#fff !important; border-color:#f47821 !important; background-color:rgba(244,120,33,.18) !important; }
/* Mengenfeld: weisses Feld, dunkle Zahl (lesbar) */
#container.dm-productinfo #container2 #qty_input,
#container.dm-productinfo #container2 .input-group .form-control { background-color:#fff !important; color:#222 !important; }
/* Haupt-CTA "In den Warenkorb" = ORANGE statt grau */
#container.dm-productinfo #container2 .btn-cart,
#container.dm-productinfo #container2 .btn-cart.btn-secondary { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; font-weight:700 !important; }
#container.dm-productinfo #container2 .btn-cart:hover { background-color:#d9650f !important; border-color:#d9650f !important; color:#fff !important; }
/* Bewertungs-Sterne: volle/gegebene Sterne orange (statt Bootstrap-Gelb), leere bleiben dezent */
#container2 .full-stars { color:#f47821 !important; }

/* === Durchgehend abgerundete Bildecken an Inhalts-/Produktbildern (Hero bleibt full-bleed) (2026-06-13) === */
#container2 .cat_description .cat_image,
#container2 .cat_description .cat_image img,
#container2 .subcat .cat_image,
#container2 .subcat .cat_image img,
#container2 .prod_image,
#container2 .prod_image img,
#container2 .lb_image img,
#container2 .home-hub .hub-img,
#container2 .zoomimg,
#container2 .img-thumbnail { border-radius:10px !important; }
/* Warenkorb-/Bestell-Artikel-Thumbnails (echte Produktfotos, jede 2000+) abrunden via CSS */
#container2 .order_details img { border-radius:8px !important; }

/* === Unterkategorie-Kacheln + Startseiten-Hub: gleicher Dark-Look wie Produktkarten (2026-06-13) === */
#container.dm-category #container2 .subcat .card,
#container.dm-home #container2 .home-hub .hub-card {
  background-color:#454445 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 5px 16px rgba(0,0,0,.32) !important;
  color:#ededed !important;
}
/* Hub: orangen Links-Balken (Serien-Farbe) erhalten */
#container.dm-home #container2 .home-hub .hub-card { border-left:5px solid #f47821 !important; }
#container.dm-home #container2 .home-hub .hub-green { border-left-color:#128818 !important; }
#container.dm-home #container2 .home-hub .hub-red { border-left-color:#AE1215 !important; }
#container.dm-home #container2 .home-hub .hub-blue { border-left-color:#1544A1 !important; }
/* helle Foto-Stages */
#container.dm-category #container2 .subcat .cat_image,
#container.dm-home #container2 .home-hub .hub-img {
  background:#f7f7f7 !important; border-radius:10px; padding:10px;
}
/* Labels/Namen hell (Hover bleibt orange) */
#container.dm-category #container2 .subcat a { color:#ededed !important; }
#container.dm-home #container2 .home-hub .hub-name { color:#f5f5f5 !important; }
#container.dm-home #container2 .home-hub .hub-note { color:#b6b6b6 !important; }

/* === Header-Suchfeld im Dark-Look + rund + einheitliche Raender (2026-06-13) === */
#quick_find .form-select,
#quick_find .form-control {
  background-color:#3f3e3f !important; color:#e8e8e8 !important;
  border-color:rgba(255,255,255,.22) !important;
}
#quick_find .form-control::placeholder { color:#b3b3b3 !important; opacity:1; }
/* heller Dropdown-Pfeil (Bootstrap-Caret ist dunkel = auf dunkel unsichtbar) */
#quick_find .form-select { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e8e8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
/* offene "Alle"-Optionsliste dunkel mit hellgrauer Schrift (Chrome/Edge/Firefox Windows) */
#quick_find .form-select option { background-color:#2f2e2f; color:#e8e8e8; }
/* Suchen-Button: dunkelgrau + helle Schrift, orange beim Hover */
#quick_find .search_button { background-color:#4d4c4d !important; border-color:rgba(255,255,255,.22) !important; color:#f0f0f0 !important; }
#quick_find .search_button:hover { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
/* rund: aussen abgerundet (wie die Karten, 10px), Mitte gerade */
#quick_find .input-group > .form-select:first-child { border-radius:10px 0 0 10px !important; }
#quick_find .input-group > .search_button:last-child,
#quick_find .input-group > .btn:last-child { border-radius:0 10px 10px 0 !important; }
#quick_find .input-group > .form-control { border-radius:0 !important; }
/* evtl. Live-Suche-Vorschlagsbox dunkel */
#search .dropdown-menu, #quick_find ~ ul, #search .ui-autocomplete { background-color:#2f2e2f !important; color:#e8e8e8 !important; border-color:rgba(255,255,255,.18) !important; }
#search .dropdown-menu a, #search .ui-autocomplete a { color:#e8e8e8 !important; }

/* === Kundenbereich "Mein Konto" (dm-account) + Offcanvas im Dark-Look (2026-06-13) === */
/* Inhalts-Links hell/orange (lesbar auf grau) */
#container.dm-account #container2 a:not(.btn):not(.list-group-item):not(.breadcrumb-item a) { color:#ff8a2e !important; }
/* List-group-Menue (Konto-Seite + Offcanvas): dunkel, helle Schrift, aktiv orange */
#container.dm-account #container2 .list-group-item,
#account .list-group-item, #settings .list-group-item {
  background-color:#454445 !important; color:#ededed !important; border-color:rgba(255,255,255,.10) !important;
}
#container.dm-account #container2 .list-group-item-action:hover,
#account .list-group-item-action:hover, #settings .list-group-item-action:hover {
  background-color:#555455 !important; color:#fff !important;
}
#container.dm-account #container2 .list-group-item.active,
#account .list-group-item.active, #settings .list-group-item.active {
  background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important;
}
/* Formularfelder lesbar: weisses Feld, dunkle Schrift */
#container.dm-account #container2 :is(.form-control,.form-select) { background-color:#fff !important; color:#222 !important; border-color:rgba(255,255,255,.30) !important; }
/* Tabellen (Bestellungen/Adressen) hell */
#container.dm-account #container2 :is(table,.table,table th,table td,.table th,.table td) { color:#ededed !important; }
#container.dm-account #container2 :is(table th,table td,.table th,.table td) { border-color:rgba(255,255,255,.14) !important; }
/* Buttons: Outline hell, Primary/Secondary orange */
#container.dm-account #container2 .btn-outline-secondary { color:#ededed !important; border-color:rgba(255,255,255,.40) !important; }
#container.dm-account #container2 :is(.btn-primary,.btn-secondary) { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
/* "zuletzt aufgerufene Artikel"-Thumbnails: helle runde Stage */
#container.dm-account #container2 .account img, #container.dm-account #container2 img.img-thumbnail { background:#f7f7f7; border-radius:8px; }

/* === ALLE Bootstrap-Offcanvas (Warenkorb/Einstellungen/Konto/Login) generisch im Dark-Look (2026-06-13) === */
.offcanvas { background-color:#3a393a !important; color:#ededed !important; }
.offcanvas .offcanvas-header { background-color:#2f2e2f !important; border-bottom-color:rgba(255,255,255,.12) !important; }
.offcanvas .offcanvas-title, .offcanvas :is(h1,h2,h3,h4,h5) { color:#f9f9f9 !important; }
.offcanvas :is(p,label,span:not(.fa):not([class*="badge"]),.h5,small,.small) { color:#dcdcdc !important; }
/* Menue-Eintraege */
.offcanvas .list-group-item { background-color:#454445 !important; color:#ededed !important; border-color:rgba(255,255,255,.10) !important; }
.offcanvas .list-group-item-action:hover { background-color:#555455 !important; color:#fff !important; }
.offcanvas .list-group-item.active { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
/* helle Boxen (leer-Hinweis/Kundengruppe) dunkel */
.offcanvas :is(.alert,.card,.border) { background-color:#2f2e2f !important; color:#dcdcdc !important; border-color:rgba(255,255,255,.14) !important; }
/* blaues Info-Icon -> orange (CD) */
.offcanvas :is(.text-info,.fa-info-circle,.fa-circle-info) { color:#f47821 !important; }
/* Text-Eingaben (Login/Schnellkauf) weiss + dunkle Schrift (zum Tippen); Selects separat (dunkel, s.u.) */
.offcanvas .form-control { background-color:#fff !important; color:#222 !important; border-color:rgba(255,255,255,.30) !important; }
/* Sprach-/Laender-Selects (Header-Dropdown + Offcanvas) dunkel + offene Liste dunkel + heller Pfeil */
.lang-dd .form-select, .offcanvas .form-select {
  background-color:#3f3e3f !important; color:#e8e8e8 !important; border-color:rgba(255,255,255,.22) !important;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e8e8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
.lang-dd .form-select option, .offcanvas .form-select option { background-color:#2f2e2f; color:#e8e8e8; }
/* graue Buttons -> orange CTA (Anmelden, Warenkorb anzeigen, Schnellkauf) */
.offcanvas :is(.btn-secondary,.btn-dark,.btn-primary) { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
.offcanvas .btn-outline-secondary { color:#ff8a2e !important; border-color:#f47821 !important; }
.offcanvas .btn-outline-secondary:hover { background-color:#f47821 !important; color:#fff !important; }
/* Links hell/orange (Kundenkonto erstellen, Passwort vergessen) */
.offcanvas a:not(.list-group-item):not(.btn) { color:#ff8a2e !important; }
/* Abmelden bleibt rot-lesbar */
.offcanvas .list-group-item.link-danger, .offcanvas a.text-danger { color:#ff7b6b !important; }
/* Account-Seite: blaues Info-Icon -> orange */
#container.dm-account #container2 :is(.text-info,.fa-info-circle,.fa-circle-info) { color:#f47821 !important; }
/* logoff-Seite: "Weiter"-Button orange, Info-Box dezent */
#container.dm-logoff #container2 :is(.btn-primary,.btn-secondary) { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }

/* === CATCH-ALL: JEDE Seite ohne Video/Theme (Impressum/AGB/Datenschutz/Kontakt/Sitemap/Lieferzeit/Warenkorb-Seite/Kasse/Login/Suche...) bekommt graue Karte + lesbaren Text (2026-06-13) ===
   Sonst steht der Inhalt direkt auf dem map2-Scanner = unlesbar. Karte traegt den Text, schwebt auf dem Scanner. */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 {
  background-color:#23262a !important; color:#f9f9f9 !important;
  box-shadow:0 0 45px rgba(0,0,0,.4); border-radius:4px; padding:1.25rem 1.5rem 0.75rem;
}
/* helle Inseln (Karten/Alerts) behalten dunklen Text */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 :is(.card,.hub-card,.machine-card,.feature-box,.cat-note,.alert) { color:#2b2b2b !important; }
/* Ueberschriften + Sidebar-Boxheader (box-heading/navbar-brand war schwarz) hell */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 :is(h1,h2,h3,h4,h5,.heading,.box-heading) { color:#f9f9f9 !important; }
/* Breadcrumb wie im Katalog: Eltern hellgrau, aktuelle Seite orange */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 .breadcrumb-item a { color:#cfcfcf !important; }
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 .breadcrumb-item.active { color:#f47821 !important; font-weight:600; }
/* muted-Texte hell */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 :is(.text-muted,.text-secondary-emphasis,.text-body-secondary) { color:#c2c2c2 !important; }
/* Links hell/orange */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 a:not(.btn):not(.list-group-item) { color:#ff8a2e !important; }
/* Formularfelder weiss + lesbar */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 :is(.form-control,.form-select) { background-color:#fff !important; color:#222 !important; }
/* Buttons: gefuellt orange, Outline hell */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 :is(.btn-primary,.btn-secondary) { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 .btn-outline-secondary { color:#ededed !important; border-color:rgba(255,255,255,.40) !important; }
/* Tabellen hell + dezente Linien */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 :is(table,.table) { color:#ededed !important; }
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 :is(table th,table td,.table th,.table td) { border-color:rgba(255,255,255,.14) !important; }

/* bg-body-tertiary + andere Bootstrap-Hell-Tint-Boxen -> dunkel statt hell (sonst hell-auf-hell = unsichtbar). Alle #container2 sind im Dark-Look, daher global sicher. */
#container2 .bg-body-tertiary,
#container2 :is(.bg-light,.bg-white,.bg-body,.bg-body-secondary,.bg-secondary-subtle,.bg-info-subtle,.bg-success-subtle,.bg-warning-subtle,.bg-danger-subtle) { background-color:#3a393a !important; border-color:rgba(255,255,255,.14) !important; }
/* ausgewaehlte/aktive Box (.bg-primary-subtle, z.B. gewaehlte Versandadresse) -> orange-getoent dunkel, Text lesbar */
#container2 .bg-primary-subtle { background-color:rgba(244,120,33,.22) !important; border-color:rgba(244,120,33,.55) !important; }

/* List-group-Eintraege auf dunklem Grund: weisser Bootstrap-BG raus (transparent, graue Karte scheint durch) + heller Text. Sonst Warenkorb-Artikel hell-auf-weiss. */
#container2 .list-group-item { background-color:transparent !important; color:#ededed !important; border-color:rgba(255,255,255,.12) !important; }
#container2 .list-group-item.active { background-color:#f47821 !important; color:#fff !important; border-color:#f47821 !important; }
#container2 .list-group-item.bg-body-tertiary { background-color:#3a393a !important; }
/* Checkout: "Zurueck zum Warenkorb" sichtbar orange (war blasse Outline auf dunkel) */
#container.dm-checkout #container2 .btn-outline-secondary.order-sm-first { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
#container.dm-checkout #container2 .btn-outline-secondary.order-sm-first:hover { background-color:#d9650f !important; border-color:#d9650f !important; color:#fff !important; }

/* === Cookie-Consent (OIL-Layer) im Dark-Look (2026-06-13) === */
.as-oil-content-overlay, .as-oil__inner, .as-oil__wrapper { background-color:#2f2e2f !important; color:#e8e8e8 !important; border-color:rgba(255,255,255,.16) !important; }
.as-oil__heading { color:#f9f9f9 !important; }
.as-oil__intro-txt, .as-oil__intro, .as-oil__text { color:#dcdcdc !important; background-color:transparent !important; border-color:rgba(255,255,255,.20) !important; }
/* Haupt-CTA "Alle akzeptieren" orange */
.as-oil__btn-optin, .as-js-optin { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
.as-oil__btn-optin:hover, .as-js-optin:hover { background-color:#d9650f !important; }
/* "Nur Notwendige" dezent dunkel mit Kante */
.as-oil__btn-only-essentials, .as-oil__btn, .as-js-only-essentials { background-color:#454445 !important; border-color:rgba(255,255,255,.30) !important; color:#ededed !important; }
/* "Einstellungen anpassen" heller Link-Stil */
.as-oil__btn-cpc, .as-js-advanced-settings { color:#cfcfcf !important; background-color:transparent !important; }
/* Sprachen + Datenschutz/Impressum-Links orange */
.as-oil a, .as-oil-lang { color:#ff8a2e !important; }
.as-oil a:hover, .as-oil-lang:hover { color:#ffa75c !important; }

/* --- Cookie-Einstellungen-Panel (OIL CPC / Preference Center) dunkel --- */
.as-oil-cpc-wrapper, .as-oil-cpc__content, .as-oil-cpc__middle, .as-oil-cpc__purpose, .as-oil-cpc__purpose-container, .as-oil-cpc__category-container { background-color:transparent !important; color:#e8e8e8 !important; }
/* weisse/hellgraue Kategorie-Boxen -> dunkel */
.as-oil-cpc_category-children { background-color:#262526 !important; border-color:rgba(255,255,255,.12) !important; }
.as-oil-cpc__category { background-color:#3a393a !important; border-color:rgba(255,255,255,.10) !important; }
.as-oil-cpc__category-disabled { background-color:#343334 !important; }
.as-oil-cpc__purpose-header { background-color:rgba(255,255,255,.05) !important; }
/* Titel (waren hellgrau auf weiss) + Beschreibung hell */
.as-oil-cpc__category-header, .as-oil-cpc__purpose-header, .as-oil-cpc__purpose-title { color:#f2f2f2 !important; background-color:transparent !important; }
.as-oil-cpc__category-text, .as-oil-cpc__purpose-text, .as-oil-cpc__purpose-description, .as-oil-cpc__status { color:#c7c7c7 !important; }
/* Toggle-Switch: Track grau (aus) / orange (an), Knopf weiss */
.as-oil-cpc__slider { background-color:#6a6a6a !important; }
.as-oil-cpc__slider::before, .as-oil-cpc__slider::after { background-color:#ffffff !important; }
.as-js-category-slider:checked ~ .as-oil-cpc__slider,
.as-js-purpose-slider:checked ~ .as-oil-cpc__slider,
input[role="switch"]:checked ~ .as-oil-cpc__slider { background-color:#f47821 !important; }
/* "Alle deaktivieren" dezent dunkel, "Alle aktivieren" orange */
.as-oil__btn-grey, .as-js-btn-deactivate-all { background-color:#454445 !important; color:#ededed !important; border-color:rgba(255,255,255,.30) !important; }
.as-oil__btn-blue, .as-js-btn-activate-all { background-color:#f47821 !important; color:#fff !important; border-color:#f47821 !important; }
.as-oil__btn-blue:hover, .as-js-btn-activate-all:hover { background-color:#d9650f !important; }
/* X-Schliessen sichtbar */
.as-oil-cpc__back-button, .as-oil__btn-back, .as-js-oil-cpc-back-button { color:#ededed !important; }

/* === Content-Modal (#modal "INFORMATION" — Lieferzeit/Datenschutz/Impressum/Info-Popups) dunkel (2026-06-13) === */
#modal .modal-content { background-color:#2f2e2f !important; color:#e8e8e8 !important; border:1px solid rgba(255,255,255,.14) !important; }
#modal .modal-header { background-color:#262526 !important; border-bottom-color:rgba(255,255,255,.14) !important; }
#modal :is(.modal-title,.modal-header) { color:#f9f9f9 !important; }

/* === Maschinen-Kompatibilität auf Produktseite (Flip 2026-06-14) === */
#container2 .machine-compat { margin-top:1rem; padding:.7rem .95rem; border-left:3px solid #f47821; background:rgba(244,120,33,.10); border-radius:6px; color:#e8e8e8; font-size:.95rem; line-height:1.5; }
#container2 .machine-compat strong { color:#ff8a2e; }

/* === Startseiten-Hub: Maschinen-Ersatzteile als horizontale Banner-Karte (Bild links, größer) === */
.home-hub .hub-banner { flex-direction:row; align-items:center; text-align:left; gap:1.6rem; padding:1.2rem 1.6rem; min-height:150px; }
.home-hub .hub-banner .hub-img { margin:0; max-height:150px; flex:0 0 auto; width:auto; }
.home-hub .hub-banner .hub-txt { display:flex; flex-direction:column; }
.home-hub .hub-banner .hub-name { font-size:1.45rem; }
.home-hub .hub-banner .hub-note { font-size:.98rem; margin-top:.35rem; }
@media (max-width:575.98px){ .home-hub .hub-banner { flex-direction:column; text-align:center; gap:.6rem; } .home-hub .hub-banner .hub-txt{align-items:center;} }

/* === lange Gruppennamen NICHT mitten im Wort brechen (Subcat-Kacheln) === */
#container2 .subcat a, .subcat a, .subcat .card a { overflow-wrap:normal; word-break:normal; hyphens:none; font-size:1.04rem; letter-spacing:.02em; }
#modal .modal-body { color:#e8e8e8 !important; }
#modal .modal-body :is(h1,h2,h3,h4,h5,.heading,strong,b,th,td) { color:#f9f9f9 !important; }
#modal .modal-body a:not(.btn) { color:#ff8a2e !important; }
#modal .modal-body :is(table th,table td,.table th,.table td) { border-color:rgba(255,255,255,.14) !important; }
#modal .modal-footer { background-color:#262526 !important; border-top-color:rgba(255,255,255,.14) !important; }
#modal .modal-body :is(.form-control,.form-select) { background-color:#fff !important; color:#222 !important; }
#modal .modal-body :is(.btn-primary,.btn-secondary) { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
#modal .btn-close { filter:invert(1) grayscale(1) brightness(1.8) !important; }

/* === PeddiLaser-Hinweis im Header (2026-06-14) ===
   Dezent dunkel + oranger Akzent (NEU-Tag + Pfeil + Rand), füllt sich erst beim Hover orange.
   Desktop: direkt neben ALLE KATEGORIEN im Kategorie-Band (etwas Abstand, NICHT ganz rechts).
   Mobil: zentriert unter dem Logo (Band #navbar ist d-lg-none). Verlinkt peddilaser.com (Messe EuroBLECH). */
.pl-merch-btn {
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.55rem 1.15rem;                                  /* wie .btn-allcats = gleiche Höhe */
  background:rgba(0,0,0,.28); color:#f2f2f2 !important;
  font-size:.95rem; font-weight:700; letter-spacing:.03em; /* wie ALLE KATEGORIEN */
  text-decoration:none; text-shadow:none !important;
  border:1px solid rgba(244,120,33,.6); border-radius:3px;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
.pl-merch-btn:hover { background:#f47821; border-color:#f47821; color:#fff !important; }
.pl-merch-btn span { text-shadow:none !important; }
.pl-merch-tag { font-size:.74rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#f47821; }
.pl-merch-arrow { color:#f47821; display:inline-block; transition:transform .15s ease; }
.pl-merch-btn:hover .pl-merch-tag, .pl-merch-btn:hover .pl-merch-arrow { color:#fff; }
.pl-merch-btn:hover .pl-merch-arrow { transform:translateX(3px); }
/* Desktop: etwas Abstand neben ALLE KATEGORIEN */
#nav_container .pl-merch-li { margin-left:1rem; }
/* Mobil: zentriert unter dem Logo */
.pl-merch-mobile { margin-top:.6rem; }

/* === Footer-Credit (2026-06-14): miko24 Akzent + Karl dezent ganz unten === */
.mod_copyright a.footer-miko { color:#ff8a2e !important; text-decoration:none; font-weight:600; }
.mod_copyright a.footer-miko:hover { text-decoration:underline; }
.footer-credit-sub { font-size:.72rem; color:rgba(255,255,255,.38); margin-top:.2rem; letter-spacing:.02em; }
/* modified-Lizenzzeile (Core, ganz unten) war tiefschwarz/unlesbar auf dunkel -> dezent lesbar (anpassen erlaubt, nicht löschen) */
.copyright { font-size:.72rem; margin-top:.1rem; }
.copyright a { text-decoration:none; }
.copyright .cop_grey { color:rgba(255,255,255,.38) !important; }
.copyright .cop_magenta { color:#d44e93 !important; }


/* Live-Suche Autocomplete dark (2026-06-15) */
.suggestionsBox.card,.suggestionsBox .card-body{background-color:#2a2a2a;border:1px solid rgba(255,255,255,.15)}
.suggestionsBox .img-thumbnail{background-color:#333;border-color:rgba(255,255,255,.12)}
.suggestionsBox a{color:#f1f1f1;text-decoration:none}
.suggestionsBox a:hover .img-thumbnail{border-color:#f47821}
.suggestionsBox .value_price,.suggestionsBox .standard_price,.suggestionsBox .w-100{color:#f1f1f1}
.suggestionsBox .btn-outline-secondary{color:#f1f1f1;border-color:rgba(255,255,255,.4)}
.suggestionsBox .btn-outline-secondary:hover{background-color:#f47821;border-color:#f47821;color:#fff}

/* === Kategorie/Artikel: Seitenhintergrund auf map2.png statt Demo-Gruppen-Thema (Startseite-Video #bg-worldscan bleibt unberuehrt) 2026-06-18 === */
@media (min-width: 1400px) {
  body:has(#bg-themes) { background: #0b0f14 url(../img/map2.png) center center / cover no-repeat fixed !important; }
  body:has(#bg-themes) #bg-themes { display: none !important; }
}

/* === Produktbild-Rahmen hell statt dunkel: kein schwarzer Kasten vor dem Bild (vor allem Handy) 2026-06-18 === */
#container2 img.zoomimg,
#container2 .prod_image,
#container2 .prod_image > img { background-color: #ffffff !important; }

/* === Barrierefreiheit: durchgaengiger Tastatur-Fokus + Bewegungsreduktion (2026-06-19) === */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible, [role="button"]:focus-visible,
.btn:focus-visible, .nav-link:focus-visible, [tabindex="0"]:focus-visible {
  outline: 3px solid #f47821 !important; outline-offset: 2px !important; border-radius: 3px;
}
:focus:not(:focus-visible) { outline: none; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}


/* Catch-All Karten dunkel statt schneeweiss (Merkzettel/Warenkorb/Login...), alles lesbar */
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 .card{background-color:#2e3033!important;color:#e8e8e8!important;border-color:rgba(255,255,255,.14)!important}
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 .card :is(.text-muted,.small,small,.text-body-secondary,.text-body){color:#b4b8bc!important}
body:not(:has(#bg-worldscan)):not(:has(#bg-themes)) #container2 .card :is(b,strong){color:#f2f2f2!important}

/* === Produkt-Hauptbild: einheitliche quadratische Stage; kleine Bilder zentriert statt mini oben-links (2026-06-28) === */
#container.dm-productinfo .pd_imagebox #pd_viewer .item { text-align:center; }
#container.dm-productinfo .pd_imagebox .zoomimg.img-thumbnail {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  aspect-ratio:1 / 1;
  object-fit:contain;
  margin-inline:auto;
}

/* === Such-Dropdown: Platz fuer das laengere Wort Kategorien (Roland, 24.08.2026) === */
#quick_find .form-select { min-width:9.5rem !important; width:auto !important; padding-right:2.1rem !important; }
@media (max-width: 575.98px) { #quick_find .form-select { min-width:8rem !important; } }

/* ================= Anfrageformular (dm-bs5_product_inquiry), 17.09.2026 =================
   Grund: saemtliche Dark-Regeln weiter oben haengen an
   body:not(:has(#bg-worldscan)):not(:has(#bg-themes)). Auf dieser Seite laeuft aber das
   Weltkarten-Video, deshalb griff dort nichts davon: Beschriftungen dunkelgrau auf schwarz,
   Felder grau. Hier ohne diese Bedingung, eng auf die Seitenklasse begrenzt.
   Sicherung: tpl_custom.css.bak_anfrageformular_20260917_0704 */
.pinq-panel {
  background: rgba(18,18,18,.96) !important;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  max-width: 920px;
}
.pinq-panel,
.pinq-panel :is(p,span,div,li,strong,b,em,small,.small) { color:#ededed !important; }
.pinq-panel :is(h1,h2,h3,h4,.h1,.h2,.h3,.h4,.heading) { color:#f9f9f9 !important; }
.pinq-panel :is(label,.form-label,.form-check-label) { color:#e8e8e8 !important; font-weight:600; }
.pinq-panel :is(.form-control,.form-select,textarea) {
  background-color:#fff !important; color:#222 !important; border:1px solid rgba(255,255,255,.28) !important;
}
.pinq-panel :is(.form-control,textarea)::placeholder { color:#6c757d !important; opacity:1; }
.pinq-panel :is(.form-control,.form-select,textarea):focus {
  border-color:#f47821 !important; box-shadow:0 0 0 .2rem rgba(244,120,33,.35) !important;
}
.pinq-panel textarea { min-height:190px; }
.pinq-panel .btn-secondary { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
.pinq-panel .btn-secondary:hover { background-color:#d9650f !important; border-color:#d9650f !important; }
.pinq-panel .btn-outline-secondary { color:#ededed !important; border-color:rgba(255,255,255,.45) !important; }
.pinq-panel .btn-outline-secondary:hover { background-color:#f47821 !important; border-color:#f47821 !important; color:#fff !important; }
/* heller Datenschutz-Kasten behaelt dunklen Text */
.pinq-panel .bg-warning-subtle,
.pinq-panel .bg-warning-subtle :is(label,span,small) { color:#222 !important; }
.pinq-panel .bg-warning-subtle a { color:#b4560f !important; text-decoration:underline; }
/* Handy: Bild und Text untereinander statt 33/67, Bild nicht briefmarkengross */
@media (max-width: 575.98px) {
  .pinq-panel .row > [class*="col-4"],
  .pinq-panel .row > [class*="col-8"] { flex:0 0 100% !important; max-width:100% !important; }
  .pinq-panel .row > [class*="col-4"] img { max-height:240px; width:auto; margin:0 auto .75rem; display:block; }
  .pinq-panel { padding-left:1rem !important; padding-right:1rem !important; }
}