/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

#mainNavigation .nav-mobile-body ul.nav-item:nth-child(5) {
  background-color: #ee2f25;
}
#jtl-nav-wrapper .container-fluid:nth-child(2) {
  padding-top: 15px;
}

#jtl-nav-wrapper > div:nth-child(2) {
  background-color: #273f7d;
  max-width: unset;
  padding-bottom: 15px;
}

#jtl-nav-wrapper > div:nth-child(2) > nav {
  max-width: 103.125rem;
  margin-left: auto;
  margin-right: auto;
}

.navbar .fas,
.cart-icon-dropdown-price {
  color: white;
  transition: 0.6s;
}

.navbar .fas:hover,
.cart-icon-dropdown-price:hover {
  color: #b2b2b2;
}

form .form-icon .input-group .input-group-append button, 
form .input-group .input-group-append button {
  background-color: white;
  border-left: none;
}
form .form-icon .input-group .input-group-append button:hover {
  background-color: #525252;
}

.input-group-append button .fa-search {
  color: #273f7d;
  transition: 0.6s;
}

.input-group-append button .fa-search:hover {
  color: #8fa4d9;
}

.hr-sect::before,
.hr-sect::after {
  background-color: #525252;
}
.container div .hr-sect {
  border-color: #525252 !important;
}

.productbox-price {
  color: #525252;
}

#footer .newsletter-inside-div {
  background-color: #273f7d;
}

.newsletter-email-wrapper div .input-group .input-group-append button {
  background-color: #cccccc;
  transition: 0.6s;
  color: #273f7d;
}

.newsletter-email-wrapper div .input-group .input-group-append button:hover {
  background-color: #b2b2b2;
}

.newsletter-inside-div .newsletter-footer {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .newsletter-inside-div .newsletter-footer {
    max-width: 97vw !important;
  }
}

@media (min-width: 768px) {
  .newsletter-inside-div .newsletter-footer {
    max-width: 720px  !important;
  }
}

@media (min-width: 992px) {
  .newsletter-inside-div .newsletter-footer {
    max-width: 960px !important;
  }
}

@media (min-width: 1300px) {
  #footer .newsletter-inside-div .newsletter-footer {
    max-width: 1250px !important;
  }
}

@media (min-width: 992px) {
  #mainNavigation {
    padding-left: 25%;
  }
}

#mainNavigation {
  height: unset;
  padding-top: 16px;
  padding-bottom: 12px;
}

.newsletter-footer > div {
  padding-right: 0;
  padding-left: 0;
}

.nav-mobile-body .navbar-nav .nav-item-custom .nav-link {
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-mobile-body .navbar-nav .nav-item-custom .nav-link {
  font-weight: normal;
}

#header-top-bar {
  font-weight: bold;
  font-size: 0.8rem;
}

#burger-menu {
  color: white;
}

.form-icon .input-group .input-group-append button:hover {
  background-color: white !important;
}