/* Farben */
:root {
  --nci-eerie-black: #262626; /* Eerie black */
  --nci-anti-flash-white: #f4f4f5; /* Anti-flash white */
  --nci-engineering-orange: #c5191a; /* Engineering orange */
  --nci-french-gray: #d4d3d8; /* french gray */

  --body-color: var(--nci-eerie-black);
  --body-bg: var(--nci-anti-flash-white);
  --nci-header-color: var(--nci-eerie-black);
  --nci-header-bg: var(--white);
  --nci-topbar-color: var(--nci-eerie-black);
  --nci-topbar-bg: var(--white);
  --nci-below-top-color: var(--nci-eerie-black);
  --nci-below-top-bg: var(--white);
  --nci-minicart-button-color: var(--nci-eerie-black);
  --nci-minicart-button-bg: var(--nci-anti-flash-white);
  --nci-minicart-button-color-hover: var(--nci-eerie-black);
  --nci-minicart-button-bg-hover: var(--nci-french-gray);
  --nci-nav-color: var(--nci-eerie-black);
  --nci-nav-bg: var(--nci-french-gray);
  --nci-breadcrumbs-color: var(--nci-eerie-black);
  --nci-breadcrumbs-bg: var(--white);  
  --nci-footer-color: var(--white);
  --nci-footer-bg: var(--nci-eerie-black);

  --cassiopeia-color-primary: var(--nci-engineering-orange); 
  --cassiopeia-color-hover: var(--nci-engineering-orange); 
}

.btn-primary {
  --btn-active-bg: var(--nci-engineering-orange); 
  --btn-active-border-color: var(--nci-engineering-orange); 
  --btn-disabled-bg: var(--nci-french-gray); 
  --btn-disabled-border-color: var(--nci-french-gray); 
}

.container-header {
  color: var(--nci-header-color);
  background: var(--nci-header-bg);
}

.container-topbar .mod-menu {
  color: var(--nci-topbar-color);
  background: var(--nci-topbar-bg);
}

.container-topbar .mod-menu a:not(.btn):hover {
  color: var(--nci-topbar-color);
  background: var(--nci-topbar-bg);
}

.container-below-top {
  color: var(--nci-below-top-color);
  background: var(--nci-below-top-bg);
}

.container-below-top .j2store-minicart-button a {
  color: var(--nci-minicart-button-color);
  background: var(--nci-minicart-button-bg);
}

.container-below-top .j2store-minicart-button a:not(.btn):hover {
  color: var(--nci-minicart-button-color-hover);
  background: var(--nci-minicart-button-bg-hover);
}

.container-nav {
  color: var(--nci-nav-color);
  background: var(--nci-nav-bg);
}

.container-nav .mod-menu {
  color: var(--nci-nav-color);
  background: var(--nci-nav-bg);
}

.mod-breadcrumbs  {
  color: var(--nci-breadcrumbs-color);
  background: var(--nci-breadcrumbs-bg); 
}

.container-footer {
  color: var(--nci-footer-color);
  background: var(--nci-footer-bg);
}

/* Layout */
.container-header {
    display: grid;
    grid-gap: 0 1em;
    grid-template-areas: "topbar topbar"
                         "logo below-top"
                         "nav nav";
    grid-template-columns: 1fr 1fr;
}

@media (width >= 991.98px) {
  .container-header {
    display: grid;
    grid-gap: 0 1em;
    grid-template-areas: ".topbar topbar topbar topbar."
                         ".logo logo logo below-top."
                         ".nav nav nav nav.";
    grid-template-columns: minmax(0, 1fr) repeat(4, minmax(0, 19.875rem)) minmax(0, 1fr);
  }
}



.container-header .container-topbar {
  grid-area: topbar;
}

.container-header .container-below-top {
  grid-area: below-top;
}

.container-header .grid-child:has(.navbar-brand) {
  grid-area: logo;
}

.container-header .container-nav {
  grid-area: nav;
}

.container-search {
  margin: .5em;
}

.container-header nav {
  margin-top: 0;
}

.container-header .grid-child {
  padding: .5em 0 0 0;
}

.container-nav .metismenu.mod-menu .metismenu-item {
    font-size: 0.9rem;
}

.grid-child.container-nav {
  padding: 0;
}

.container-nav {
  text-transform: uppercase;
}

.container-nav a:hover {
  color: var(--white);
}

.container-nav .active {
  color: var(--white);
}

.j2store-minicart-button a {
  padding: .5em 1em .5em 1em;
  border: .1em solid var(--nci-minicart-button-bg);
  border-radius: var(--border-radius-xxl)
}

.container-header .mod-list li a:hover {
  text-decoration: underline;
}

.container-topbar {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.container-topbar ul {
  justify-content: flex-end;
  flex-flow: row;
}

.container-topbar ul li{
  padding: .25em .5em;
}

.container-below-top {
  justify-content: flex-end;
}

.j2store-product-list .j2store-single-product {
  text-align: center;
  background-color: var(--nci-french-gray);
  border: 1px solid var(--nci-eerie-black);
  margin-top: 0;
  height: 100%;
}

.j2store-product-list .product-title {
  font-weight: var(--cassiopeia-font-weight-normal, 100);
  font-size: 1rem;
  text-align: center;
}

.j2store-product-list .product-title a:not([class]) {
  text-decoration: none;
  color: var(--nci-eerie-black);
}

.j2store-product-list .product-title a:not([class]):hover {
  text-decoration: underline;
}

.j2store-product-list a.btn-success {
  display: none;
}

.product-stock-container .instock {
  color: var(--success);
  font-size: 0.9em;
}

.outofstock {
  color: var(--nci-engineering-orange);
  font-size: 0.9em;
}

.footer ul {
  justify-content: flex-end;
}

.footer2 {
  font-size: 0.6em;
}


.j2store-product-list .col-sm-3 {
    padding-bottom: 1em;
}

.j2store-mainimage {
  text-align: center;
}

.product-title {
  padding-top: .5em;
}

.j2store-product-images {
  padding-top: .5em;
}
#billing-blog input[type="radio"] {
  display: none;
}
#shipping-blog input[type="radio"] {
  display: none;
}

.j2store-single-product .row {
    padding-bottom: 1em;
}

.container-header .navbar-toggler {
    color: var(--nci-eerie-black);
    border: 1px solid var(--nci-eerie-black);
    margin-left: 1em;
}

.container-footer ul {
    justify-content: flex-end;
    flex-flow: row;
}

.container-footer ul li {
    padding: .25em .5em;
}

#create_account {
    float: left;
}