/* Kopf und Fuss in Anthrazit wie priamond.de. NOVA laedt sein CSS spaeter nach, deshalb !important. */
#jtl-nav-wrapper{background:#323232!important;box-shadow:none!important;border:0!important}
#jtl-nav-wrapper,#jtl-nav-wrapper>.container-fluid{display:flow-root;height:auto!important;min-height:0}
#main-wrapper{clear:both}
#jtl-nav-wrapper a,#jtl-nav-wrapper button,#jtl-nav-wrapper .nav-link,#jtl-nav-wrapper i,#jtl-nav-wrapper .fa,#jtl-nav-wrapper .fas,#jtl-nav-wrapper .far{color:#fff!important}
#jtl-nav-wrapper .dropdown-menu,#jtl-nav-wrapper .dropdown-menu a,#jtl-nav-wrapper .dropdown-menu button,#jtl-nav-wrapper .dropdown-menu i{color:#353333!important}
#jtl-nav-wrapper .dropdown-menu a.btn-primary,#jtl-nav-wrapper .dropdown-menu button.btn-primary{color:#fff!important}
#jtl-nav-wrapper .navbar-toggler-icon,#jtl-nav-wrapper .navbar-toggler-icon::before,#jtl-nav-wrapper .navbar-toggler-icon::after{border-color:#fff!important;background-color:#fff!important;color:#fff!important}
#jtl-nav-wrapper .navbar-brand{display:flex;align-items:center;padding:20px 0!important;margin:0 8px!important}
#jtl-nav-wrapper #shop-logo{display:block;width:min(54vw,300px);height:auto!important;max-height:none!important;max-width:none!important}
/* Tablet und Desktop: keine weisse Leiste ueber dem Kopf, helle Suche mittig. */
.topbar-wrapper{display:none!important}
@media (min-width:992px){
  #jtl-nav-wrapper .navbar-brand{margin-left:32px!important}
  #jtl-nav-wrapper #shop-nav>li:not(.search) i{font-size:24px!important;line-height:1!important}
  #jtl-nav-wrapper #shop-nav>li:not(.search)>a{padding-left:12px!important;padding-right:12px!important}
  #jtl-nav-wrapper .cart-icon-dropdown-price{font-size:17px!important}
  #jtl-nav-wrapper .search-wrapper{position:absolute!important;top:50%!important;left:50vw!important;right:auto!important;transform:translate(-50%,-50%)!important;width:min(32vw,460px)!important;min-width:0!important;max-width:none!important;margin:0!important;float:none!important}
  #jtl-nav-wrapper .search-wrapper form,#jtl-nav-wrapper .search-wrapper .form-icon,#jtl-nav-wrapper .search-wrapper .input-group{display:flex;width:100%!important;max-width:none!important}
  /* Das Vorschlags-Skript von NOVA packt das Feld nach dem Laden in .twitter-typeahead. */
  #jtl-nav-wrapper .search-wrapper .input-group{flex-wrap:nowrap!important}
  #jtl-nav-wrapper .search-wrapper .twitter-typeahead{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:0!important}
  #jtl-nav-wrapper .search-wrapper .form-control{flex:1 1 auto;width:100%!important;background:#fff!important;border:0!important;border-radius:22px 0 0 22px!important;color:#353333!important;box-shadow:none!important}
  #jtl-nav-wrapper .search-wrapper .btn{background:#fff!important;border:0!important;border-radius:0 22px 22px 0!important;box-shadow:none!important}
  #jtl-nav-wrapper .search-wrapper .btn,#jtl-nav-wrapper .search-wrapper .btn i{color:#353333!important}
}
/* Das Handy-Menue liegt im Kopf, ist aber weiss. */
@media (max-width:991.98px){
  /* Menue und Konto links, Warenkorb rechts, Logo in der Mitte. In der Kasse gibt es kein Menue, dort bleibt das Logo links. Sprache gibt es nur eine. */
  #jtl-nav-wrapper:has(#burger-menu) .toggler-logo-wrapper,#jtl-nav-wrapper:has(#burger-menu) #logo{position:static!important}
  #jtl-nav-wrapper:has(#burger-menu) .navbar-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important;padding:0!important}
  #jtl-nav-wrapper:has(#burger-menu) #shop-logo{width:min(47vw,300px)}
  #jtl-nav-wrapper:has(#burger-menu) .account-icon-dropdown{position:absolute;top:50%;left:58px;transform:translateY(-50%);z-index:2}
  #jtl-nav-wrapper:has(#burger-menu) .cart-icon-dropdown{margin-right:22px}
  /* Das Konto-Fenster richtet sich nach dem Symbol links und laeuft sonst aus dem Bild. */
  #jtl-nav-wrapper:has(#burger-menu) .account-icon-dropdown .dropdown-menu{position:absolute!important;top:calc(100% + 8px)!important;left:-46px!important;right:auto!important;width:calc(100vw - 24px)!important;max-width:420px;min-width:0!important;transform:none!important}
  #jtl-nav-wrapper:has(#burger-menu)>.container-fluid{padding-top:14px;padding-bottom:14px}
  #jtl-nav-wrapper .language-dropdown{display:none!important}
  #jtl-nav-wrapper #mainNavigation,#jtl-nav-wrapper #mainNavigation .nav-mobile-header,#jtl-nav-wrapper #mainNavigation .nav-mobile-body{background:#fff!important}
  #jtl-nav-wrapper #mainNavigation a,#jtl-nav-wrapper #mainNavigation button,#jtl-nav-wrapper #mainNavigation span,#jtl-nav-wrapper #mainNavigation i,#jtl-nav-wrapper #mainNavigation .nav-link,#jtl-nav-wrapper #mainNavigation .fa,#jtl-nav-wrapper #mainNavigation .fas,#jtl-nav-wrapper #mainNavigation .far{color:#353333!important}
  #jtl-nav-wrapper #mainNavigation .navbar-toggler-icon,#jtl-nav-wrapper #mainNavigation .navbar-toggler-icon::before,#jtl-nav-wrapper #mainNavigation .navbar-toggler-icon::after{border-color:#353333!important;background-color:#353333!important}
  #jtl-nav-wrapper #mainNavigation .badge{color:#fff!important}
}
#footer{margin-top:0!important;padding:0!important;border-top:3px solid #FF0000;background:#323232!important;color:#CCCCCC!important}
#footer a,#footer a:not(.btn),#footer a:not(.btn):visited{color:#fff!important}
#footer .container{max-width:1120px}
.pa-fuss{padding:36px 0 20px}
.pa-fuss nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}
.pa-fuss nav a{font-size:15px;font-weight:500;line-height:32px;text-decoration:none!important}
@media (hover:hover){#footer .pa-fuss nav a:not(.btn):hover{color:#FF0000!important}}
@media (hover:none){#footer .pa-fuss nav a:not(.btn):hover{color:#fff!important}}
#footer .small,#footer .footnote-vat{color:#BEBEBE!important}
#copyright,#footer .copyright,#footer .footer-copyright{background:#2A2A2A!important;color:#BEBEBE!important}
/* Kasse: Angaben nutzen auf dem Handy die volle Zeile, Beschriftung links, Wert rechts. */
@media (max-width:991.98px){
  .pa-fuss nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%;gap:4px 16px}
  .pa-fuss nav a{line-height:40px}
  .checkout-items-item .checkout-items-item-vat,.checkout-items-item .checkout-items-item-price-single,.checkout-items-item .checkout-items-item-quantity,.checkout-items-item .price-col{flex:0 0 100%!important;max-width:100%!important;margin-left:0!important;display:flex;justify-content:space-between}
  .checkout-items-item .price-col{justify-content:flex-end}
  .checkout-items-item .checkout-items-item-main{flex:1 1 0!important;max-width:none!important;margin-left:0!important}
}