/* Allgemein */
body {
  padding-top: 0rem;
}
@media (min-width: 768px) {
  body {
    padding-top: 0.5rem !important;
  }
}

/* Bilder werden so in Webkit- & Mozilla-Browsern deutlisch schärfer gerendet */
img  {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
}

/* Content- & Hinweis-Boxen */
.content-bg, .alert, .card, .image-container, .img-square, .carousel-item img {
  border-radius: 0.5rem !important;
}
.alert-default {
  background-color: #fff;
}
.bg-shadow {
  CSS-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.card {
  border: none;
}

.logo {
  height: 130px;
}

/* Buttons */
.btn-primary, .btn-primary.btn-sm {
  background-color: #e32119;
  border-color: #e32119;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.btn-sm:hover, .btn-primary.btn-sm:focus {
  background-color: #c30109 !important;
  border-color: #c30109 !important;
}
.btn, .btn-sm {
  border-radius: 0.5rem;
}
a.bg-primary,  button.bg-primary {
  background-color: #e32119 !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background-color: #c30109 !important;
}

/* Text & Links */
.text-primary {
  color: #e32119 !important;
}
.text-success {
  color: #e32119 !important;
}
h6.card-title a {
  color: #333;
}
h6.card-title a:hover {
  color: #c30109;
}
a.text-primary:hover, a.text-primary:focus {
  color: #c30109 !important;
}
nav .page-item.active .page-link {
  background-color: #e32119 	!important;
  border-color: #e32119 !important;
}
nav .page-item.active .page-link:hover, .page-link:focus {
  background-color: #c30109 !important;
  border-color: #c30109 !important;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #eee !important;
}
.shopping-cart .table tbody a {
  color: #e32119;
}
.shopping-cart .table tbody a:hover, .shopping-cart .table tbody a:focus {
  color: #c30109;
}

/* Badge Pill in Navigation */
.navbar .badge-dark {
  background-color: rgba(255,255,255,0);
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
}

/* Favoriten-Herz in der Navigation */
.img-icon-favorite + label {
  background: url("/Images/Standard/dark/favorite_add.svg") no-repeat;
}

/* Zoomgrösse der Menübilder */
.img-hover-zoom:hover .image {
  transform: scale(1.1);
}

/* Trennlinie unter Bild unsichtbar machen */
.border-bottom {
    border-bottom: 0px solid #fff !important;
}

/* Buttons mit Symbolen */
.btn-primary.btn-no-text {
  background-color: #333;
  border-color: #333;
}
.btn-primary.btn-no-text:hover {
  background-color: #000;
  border-color: #111;
}
.btn-primary:hover {
  background-color: #e32119;
  border-color: #e32119;
}
.btn-primary.disabled {
  background-color: #888;
  border-color: #666;
}

/* Login-Bereich */
#login {
  background-image: url("/Images/Grundkonfiguration/login-produkte.jpg");
  background-origin: content-box;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 620px;
}

/* Seitenleisten */
.nav-sidebar a {
  color: #333;
}
.nav-sidebar a.disabled {
  color: #ccc;
}
.nav-sidebar li.active a {
  font-weight: normal;
  font-style: italic;
  color: #333;
}

/* Modal */
.carousel < .modal-dialog {
	background-color: rgba(255,255,255,0) !important;
}

/* #sidebar-navigation ul li ul {
  margin-left: 0 !important;
} */

#sidebar-navigation .h4 {
  font-size: 1rem;
}

/* Viva-Formular Bildvorschau */
.example-badge {
    font-size: 1rem;
}