/* options-accessories.css – /en/wheelie-bin-waste-container-options-accessories.html
   Section 1: rules taken 1:1 from /css/hersteller.css that apply to this page (DE counterpart loads hersteller.css)
   Section 2: page-specific rules (formerly inline <style> in the DE page) + EN footer rules */
:root{--w1:#023D60;--w2:#095A83;--w3:#1482B4;--w4:#0B608A;--w5:#033F62;
  --wg:linear-gradient(135deg,#023D60 0%,#095A83 30%,#1482B4 55%,#0B608A 80%,#033F62 100%);}
.breadcrumb-bar{width: 100% !important; max-width: 100% !important; margin: 0 !important;
  box-sizing: border-box !important;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.10) 25%, rgba(0,0,0,0.00) 50%, rgba(255,255,255,0.70) 75%, rgba(255,255,255,1.00) 100%) !important;
  background-color: #e8e8e8 !important;
  border-bottom: 1px solid #ffffff !important;
  display: flex !important; align-items: center !important;}
.breadcrumb-inner{max-width: 1200px; margin: 0 auto;
  padding: 6px 16px; font-size: 12px;
  display: flex !important; align-items: center !important; gap: 7px;
  color: #555; width: 100%;}
.breadcrumb-inner a{color: #003354 !important; text-decoration: none !important; display: flex; align-items: center; gap: 4px;}
.breadcrumb-inner a:hover{text-decoration: underline !important;}
.breadcrumb-sep{margin: 0 5px; color: #666;}
.wb-qnav{background: #f2f7fb; border: 1px solid #d0e4ef; border-radius: 7px;
  padding: 14px 18px; margin-bottom: 24px;}
.wb-qnav-label{display: block; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase;
  font-weight: 600; color: #096492; margin-bottom: 10px;}
.wb-qnav-row{display: flex; flex-wrap: wrap; gap: 7px;}
.wb-qnav-btn{display: inline-flex; align-items: center; gap: 6px;
  background: #fff; border: 1px solid #c0d8e8; border-radius: 4px;
  padding: 6px 12px; font-size: 12.5px; color: #023D60 !important;
  text-decoration: none !important; transition: all .18s;}
.wb-qnav-btn svg{flex-shrink: 0; color: #1482B4;}
.footer-disclaimer{background: #e8ecef; border-bottom: 1px solid #cdd4da;
  padding: 10px 0; text-align: center;}
.footer-disclaimer-inner{max-width: 960px; margin: 0 auto; font-size: 11.5px; color: #666; padding: 0 16px; line-height: 1.6;}
.nav-links li{margin: 0 !important;}
@media (max-width: 760px){
  .wb-qnav-row{gap: 6px;}
}

.nav-menu-btn{display:none!important}
.nav-ham{display:none!important}
@media(max-width:767px){
  .nav-ham{display:flex!important;min-width:48px!important;min-height:44px!important;align-items:center!important;justify-content:center!important}
}
footer{margin-top:0!important}
.footer-inner--2col{grid-template-columns:2fr 2fr!important}
@media(max-width:767px){
  .topbar{height:auto!important;padding:8px 0!important}
  .topbar-inner{flex-wrap:wrap!important;row-gap:8px!important}
  .topbar-langs{order:1!important;width:100%!important;justify-content:center!important}
  .topbar-menu{order:2!important;width:100%!important;justify-content:center!important;display:flex!important}
}
@media(max-width:640px){
  .footer-inner--2col{grid-template-columns:1fr!important}
}
.wb-card-thumbs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 16px 0!important}.wb-card-thumbs img{width:72px!important;height:72px!important;object-fit:cover!important;border:1px solid #d6dee6!important;border-radius:6px!important;cursor:pointer!important;background:#fff!important}.wb-card-thumbs img:hover{border-color:#04314d!important}
.wb-h2-sub{font-size:1.05rem!important;font-weight:600!important;color:#0c648f!important;margin:-6px 0 12px!important}
.wb-feat{background:#fff!important;border:1px solid #dfe7ee!important;border-radius:10px!important;padding:22px 24px!important;margin:0 0 22px!important;box-shadow:0 1px 3px rgba(4,49,77,.06)!important}
.wb-feat-h{font-size:1.15rem!important;font-weight:700!important;color:#04314d!important;margin:4px 0 8px!important}
.wb-feat h4{font-size:1rem!important;font-weight:700!important;color:#04314d!important;margin:14px 0 4px!important}
.wb-feat p{margin:0 0 10px!important;line-height:1.65!important;color:#33424d!important}
.wb-feat ul{margin:4px 0 12px 22px!important;padding:0!important;line-height:1.6!important;color:#33424d!important;list-style:disc outside!important}
.wb-feat li{display:list-item!important;list-style:disc outside!important;margin:0 0 4px!important}
.wb-sig{display:inline-block!important;font-size:12px!important;font-weight:700!important;padding:3px 12px!important;border-radius:12px!important;margin:0 0 8px!important}
.wb-sig.red{background:#fde8e8!important;color:#b3261e!important;border:1px solid #f3b8b3!important}
.wb-sig.green{background:#e6f4ea!important;color:#1e7b34!important;border:1px solid #b5dcc0!important}
.wb-figs{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:14px!important;margin:12px 0 14px!important}
.wb-figs figure{margin:0!important;cursor:zoom-in!important}
.wb-figs img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#f5f8fa!important;border:1px solid #dfe7ee!important;border-radius:8px!important}
.wb-figs figcaption{font-size:13px!important;color:#4a5b68!important;margin-top:6px!important;line-height:1.4!important}
.cnt-lead,.cnt-lead a.cnt-lead-link,.cnt-lead a.cnt-lead-link:hover,.cnt-lead a.cnt-lead-link:focus,.cnt-lead a.cnt-lead-link:visited{color:#fff!important}
.cnt-lead a.cnt-lead-link,.cnt-lead a.cnt-lead-link:visited{text-decoration:none!important;background:none!important;opacity:1!important}
.cnt-lead a.cnt-lead-link:hover,.cnt-lead a.cnt-lead-link:focus{text-decoration:underline!important;background:none!important;opacity:1!important}
.wb-grp{font-size:.8rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#0c648f!important;margin:26px 0 10px!important;padding-bottom:6px!important;border-bottom:1px solid #dfe7ee!important}
.wb-figs figcaption b{display:inline-block!important;min-width:22px!important;background:#04314d!important;color:#fff!important;border-radius:4px!important;text-align:center!important;font-size:11px!important;padding:1px 4px!important;margin-right:4px!important}
footer{clear:both!important;position:relative!important;z-index:2!important}
.footer-layer3{--footer-bg:#021f30}
.footer-alte-grid ul{display:flex!important;flex-wrap:wrap!important;gap:4px 22px!important;min-width:0!important}
.footer-alte-version details summary{font-weight:400!important}
.footer-alte-grid li{margin:0!important}
.footer-alte-grid a{display:inline-block!important;white-space:nowrap!important}
@media(max-width:600px){
  .footer-alte-grid ul{display:block!important}
  .footer-alte-grid a{display:block!important}
}
.wb-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}