/*@import 'variables.scss';
@import '../../../base/sass/all.scss';*/
/* --------------------------------------------------------- */
/* navbar
/* --------------------------------------------------------- */
body {
  padding-top: 140px;
}
.view-SystemLogin, .view-SystemPasswordLost {
  background-color: #c90037;
}
.navbar.navbar-default {
  background-color: #c90037;
  background-repeat: unset;
  background-image: unset;
  filter: unset;
}
.navbar-brand {
  line-height: 100px;
  height: 100px;
}
.navbar-brand > img {
  max-height: 60px;
  margin-top: -10px;
}
.navbar-nav > li > a {
  line-height: 70px;
}
.badge-notify--dashboard-count, .badge-notify--shopping-cart, .badge-notify--lager-warenkorb {
  top: 24px;
  left: 23px;
  color: #717171;
  background-color: #fbf9f4;
}
.navbar-default .navbar-toggle {
  margin-top: 33px;
  margin-bottom: 33px;
}
.btn-group--mobile .btn {
  color: #faecc8;
  margin-top: 28px;
  margin-bottom: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 34px;
}
.navbar-nav > li > a.user-menu-btn {
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 40px;
}
.navbar-default .navbar-nav > li > a {
  color: #faecc8;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color: #c90037;
  background-color: #faecc8;
  background-image: unset;
  background-repeat: unset;
  -webkit-box-shadow: unset;
}
@media (max-width: 767px) {
  .navbar-default .navbar-offcanvas {
    background-color: #c90037;
  }
}
/* --------------------------------------------------------- */
/* buttons, links
/* --------------------------------------------------------- */
.btn:active:focus {
  color: #fff;
  border-color: #960029;
  background-color: #960029;
  box-shadow: unset;
}
.btn-default {
  color: #000;
  border-color: #faecc8;
  background-color: #faecc8;
  background-image: unset;
  filter: unset;
  background-repeat: unset;
}
.btn-default:active, .btn-default:hover, .btn-default:focus {
  color: #000;
  border-color: #f6dc99;
  background-color: #f6dc99;
}
.btn-default:active:focus {
  color: #000;
  border-color: #f6dc99;
  background-color: #f6dc99;
  box-shadow: unset;
}
.btn-primary {
  color: #fff;
  border-color: #c90037;
  background-color: #c90037;
  background-image: unset;
  filter: unset;
  background-repeat: unset;
}
.btn-primary:active, .btn-primary:hover, .btn-primary:focus {
  color: #fff;
  border-color: #960029;
  background-color: #960029;
}
.btn-primary:active:focus {
  color: #fff;
  border-color: #960029;
  background-color: #960029;
  box-shadow: unset;
}
.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
  background-color: #c90037 !important;
}
a {
  color: #c90037;
}
a:focus, a:hover {
  color: #960029;
}
a:not(.dropdown-toggle):focus, textarea:focus, select:focus, select option:focus, button:focus, .btn.focus, .btn:focus, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .pretty input:focus ~ .state label:before, .btn-arrow-right-start:focus, .btn-arrow-right-end:focus {
  border-color: #ff96b3;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ff96b3;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ff96b3;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ff96b3;
  outline: 0 none;
}
.pagination > li > span {
  color: #fff;
  background-color: #c90037;
  border-color: #c90037;
}
.pagination > li > span:focus, .pagination > li > span:hover {
  color: #fff;
  background-color: #960029;
  border-color: #960029;
}
.btn-primary.btn-arrow-right:after, .btn-primary.btn-arrow-right-start:after {
  background: -webkit-linear-gradient(315deg, #c90037 0, #c90037 100%);
  background: -moz-linear-gradient(315deg, #c90037 0, #c90037 100%);
  background: -o-linear-gradient(315deg, #c90037 0, #c90037 100%);
  background: linear-gradient(135deg, #c90037 0, #c90037 100%);
}
.btn-primary.btn-arrow-right:hover:after, .btn-primary.btn-arrow-right-start:hover:after {
  background: -webkit-linear-gradient(315deg, #960029 0, #960029 100%);
  background: -moz-linear-gradient(315deg, #960029 0, #960029 100%);
  background: -o-linear-gradient(315deg, #960029 0, #960029 100%);
  background: linear-gradient(135deg, #960029 0, #960029 100%);
}
.btn-arrow-right:after, .btn-arrow-right-start:after {
  background: -webkit-linear-gradient(315deg, #faecc8 0, #faecc8 100%);
  background: -moz-linear-gradient(315deg, #faecc8 0, #faecc8 100%);
  background: -o-linear-gradient(315deg, #faecc8 0, #faecc8 100%);
  background: linear-gradient(135deg, #faecc8 0, #faecc8 100%);
}
.btn-arrow-right:hover:after, .btn-arrow-right-start:hover:after {
  background: -webkit-linear-gradient(315deg, #f6dc99 0%, #f6dc99 100%);
  background: -moz-linear-gradient(315deg, #f6dc99 0%, #f6dc99 100%);
  background: -o-linear-gradient(315deg, #f6dc99 0%, #f6dc99 100%);
  background: linear-gradient(135deg, #f6dc99 0%, #f6dc99 100%);
}
/* --------------------------------------------------------- */
/* fonts
/* --------------------------------------------------------- */
@font-face {
  font-family: "Archivo";
  src: url("../../../general/css/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.archivo-font {
  font-family: Archivo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* --------------------------------------------------------- */
/* globals
/* --------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: Archivo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}