/* hind-siliguri-regular - latin */
@font-face {
  font-display: fallback;
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 400;
  src: url('../documents/fonts/hind-siliguri-v4-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Hind Siliguri Regular'), local('HindSiliguri-Regular'),
    url('../documents/fonts/hind-siliguri-v4-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/hind-siliguri-v4-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/hind-siliguri-v4-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/hind-siliguri-v4-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/hind-siliguri-v4-latin-regular.svg#HindSiliguri') format('svg');
  /* Legacy iOS */
}

/* hind-siliguri-500 - latin */
@font-face {
  font-display: fallback;
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 500;
  src: url('../documents/fonts/hind-siliguri-v4-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Hind Siliguri Medium'), local('HindSiliguri-Medium'),
    url('../documents/fonts/hind-siliguri-v4-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/hind-siliguri-v4-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/hind-siliguri-v4-latin-500.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/hind-siliguri-v4-latin-500.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/hind-siliguri-v4-latin-500.svg#HindSiliguri') format('svg');
  /* Legacy iOS */
}

/* hind-siliguri-700 - latin */
@font-face {
  font-display: fallback;
  font-family: 'Hind Siliguri';
  font-style: normal;
  font-weight: 700;
  src: url('../documents/fonts/hind-siliguri-v4-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Hind Siliguri Bold'), local('HindSiliguri-Bold'),
    url('../documents/fonts/hind-siliguri-v4-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../documents/fonts/hind-siliguri-v4-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../documents/fonts/hind-siliguri-v4-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../documents/fonts/hind-siliguri-v4-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../documents/fonts/hind-siliguri-v4-latin-700.svg#HindSiliguri') format('svg');
  /* Legacy iOS */
}

html {
  font-size: 100%;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Hind Siliguri", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden !important;
}

body #vue-app .wrapper-main {
  background-color: #ffffff;
  margin: 0 !important;
}

.main#page-body {
  background: #fff;
  padding-top: 15px;
}

.page-category-item #page-body {
  margin-top: 60px;
}

.page-checkout #page-body {
  margin-top: 75px;
  padding-top: 30px;
}

.category-basket #page-body {
  margin-top: 5px;
  padding-top: 30px;
}

.blur-up {
  transition: -webkit-filter 400ms, filter 400ms ease;
  -webkit-filter: blur(5px);
  filter: blur(5px)
}

img[style].blur-up,
.blur-up.lazyloaded,
.blur-up.loaded {
  -webkit-filter: blur(0);
  filter: blur(0)
}

a {
  color: #353535;
}

a:hover {
  color: #000;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {
  margin: 12px 0;
  color: #353535 !important;
  font-family: inherit;
  font-weight: 400;
  line-height: 24px;
  color: inherit;
  text-rendering: optimizelegibility;
}

.popover {
  z-index: 100100;
}

.input-unit {
  border: 1px solid #ccc;
}

.alert-info {
  color: #353535;
  background-color: #f5f5f5;
  border-color: #e5e5e5;
  width: auto;
}

.text-primary, .color-primary,
.text-muted {
  color: #353535 !important;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.tooltip {
  z-index: 1 !important
}

.center {
  text-align: center;
}

.tooltip-inner {
  background-color: #353535 !important;
  color: #fff;
  font-weight: 600
}

.bs-tooltip-top .arrow::before {
  border-top-color: #353535;
}

.modal {
  z-index: 20000 !important;
}

.modal-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #353535
}

.page-category .text-secondary, .page-category .color-secondary {
  color: #353535 !important;
}

.widget-primary a.text-appearance, .widget-primary .btn-appearance {
  -webkit-text-decoration-color: #353535;
  text-decoration-color: #353535;
}

.widget-primary .btn-appearance.disabled, .widget-primary .btn-appearance:disabled,
.widget-primary .btn-appearance {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.widget-primary .btn-appearance:not(:disabled):not(.disabled):active, .widget-primary .btn-appearance:not(:disabled):not(.disabled).active, .show>.widget-primary .btn-appearance.dropdown-toggle,
.widget-primary .btn-appearance:hover {
  color: #353535 !important;
  background-color: #fff !important;
  border-color: #353535 !important;
}

.widget-primary .btn-appearance:not(:disabled):not(.disabled):active:focus, .widget-primary .btn-appearance:not(:disabled):not(.disabled).active:focus, .show>.widget-primary .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}

.widget-primary .bg-appearance {
  color: #353535 !important;
  background-color: #fff !important;
  padding: 0;
}

.widget-item-list-inline-caption {
  font-size: 1.1rem;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  font-weight: 400;
}

.basket-item .small {
  font-size: 100%;
  font-weight: 400;
}

.widget-primary a.text-appearance:hover, .widget-primary a.text-appearance:focus, .widget-primary .btn-appearance:hover, .widget-primary .btn-appearance:focus {
  -webkit-text-decoration-color: initial;
  text-decoration-color: initial;
}

.widget-primary .text-appearance {
  color: #353535 !important;
}

.widget-primary a.text-appearance:hover, .widget-primary a.text-appearance:focus {
  color: #666 !important;
}

.widget-provider-select.widget-primary input:checked+.provider-select-label {
  -webkit-box-shadow: initial;
  box-shadow: initial;
  border: 1px solid #666;
}

.widget-success a.text-appearance, .widget-success .btn-appearance {
  -webkit-text-decoration-color: #c40;
  text-decoration-color: #c40;
}

.widget-success .btn-appearance {
  color: #fff;
  background-color: #c40;
  border-color: #c40;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.btn-primary:focus, .btn-primary.focus {
  color: #353535;
  background-color: #fff;
  border-color: #353535;
}

.btn-primary:focus, .btn-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus,
.btn-outline-primary:focus, .btn-outline-primary.focus,
.widget-success .btn-appearance:not(:disabled):not(.disabled):active:focus,
.widget-success .btn-appearance:not(:disabled):not(.disabled).active:focus,
.show>.widget-success .btn-appearance.dropdown-toggle:focus {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}

.btn-primary:focus, .btn-primary.focus,
.widget-success .btn-appearance:not(:disabled):not(.disabled):active,
.widget-success .btn-appearance:not(:disabled):not(.disabled).active,
.show>.widget-success .btn-appearance.dropdown-toggle,
.widget-success a.text-appearance:hover,
.widget-success a.text-appearance:focus,
.widget-success .btn-appearance:hover,
.widget-success .btn-appearance:focus {
  -webkit-text-decoration-color: #353535;
  text-decoration-color: #353535;
}

.widget-primary .btn-appearance:focus, .widget-primary .btn-appearance.focus {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}

a.text-primary:hover, a.color-primary:hover, a.text-primary:focus, a.color-primary:focus {
  color: #333 !important;
}

.widget-primary .btn-appearance:focus, .widget-primary .btn-appearance.focus,
.widget-success .btn-appearance:hover {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.widget-primary .custom-control-appearance .custom-control-input:checked~.custom-control-label::before {
  background-color: #353535;
  border-color: #353535;
}

.widget-image-box.widget-image-box-block-caption>.widget-inner {
  text-align: left;
}

.notification-wrapper {
  position: fixed;
  right: 0;
  top: 15rem;
}

.alert {
  position: relative;
  padding: 2rem;
  font-size: 1.1rem;
}

.alert-success {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.alert-danger {
  color: #fff;
  background-color: #c40;
  border-color: #c40;
}

.alert-success div::before {
  content: "Erfolgreich.";
  display: block;
  font-size: 1.5rem;
  margin-bottom: 15px;
  font-weight: 600;
}

.alert-danger div::before {
  content: "Fehler :(";
  display: block;
  font-size: 1.5rem;
  margin-bottom: 15px;
  font-weight: 600;
}

.alert-dismissible .close {
  color: inherit;
  font-size: 0;
  top: 20px;
  line-height: 1.5rem;
  font-family: 'FontAwesome';
  opacity: 1;
}

.alert-dismissible .close span::before {
  content: "\f00d";
  font-size: 2rem;
}

.notification-wrapper>.alert {
  -webkit-animation: cssAnimation 5s forwards;
  animation: cssAnimation 5s forwards;
}

.notification-wrapper .alert {
  position: absolute;
  top: 0;
  right: 0;
}

@keyframes cssAnimation {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes cssAnimation {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
.container-max, .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

@media (min-width: 320px) {
  .container-max, .container {
    max-width: 100%;
  }
}

@media (min-width: 576px) {
  .container-max, .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-max, .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-max, .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-max, .container {
    max-width: 1290px;
  }
}

@media (min-width: 1490px) {
  .container-max, .container {
    max-width: 1490px;
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1290px) {

  header>.container,
  .page-category-content .container-max,
  .page-category .container-max,
  .container-max.page-content,
  footer>.container-max,
  .breadCrumb .container-max,
  .itemListContainer,
  .wishlist.container-max,
  .container-max.cross-box {
    max-width: 96%;
  }
}

@media (min-width: 1490px) {

  header>.container,
  footer>.container-max,
  .container-max.page-content,
  .page-category-content .container-max,
  .page-category .container-max,
  .breadCrumb .container-max,
  .itemListContainer,
  .wishlist.container-max,
  .container-max.cross-box {
    max-width: 1490px;
  }
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle,
.btn-primary:hover,
.btn-outline-primary {
  color: #353535;
  border-color: #353535;
  background-color: #fff
}

.btn-outline-primary:hover,
.btn-primary {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: initial;
  box-shadow: initial;
  box-shadow: initial;
}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.home.page-header {
  border-top: 30px solid #353535;
}

.page-header {
  display: flex;
  padding: 0 15px;
  justify-content: space-between;
  background: #3F3F3F
}

.page-header.home {
  display: block;
  padding: 0px;
  width: 100%;
  min-height: 80px;
}

.page-header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.navbar-brand {
  padding: 20px 15px;
}

.home .navbar-brand {
  padding: 25px 0px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  text-align: center;
  margin-right: 0;
}

.navbar-brand a {
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 35px;
  padding: 0;
  font-size: 1.6rem;
}

.navbar-brand img {
  width: 200px;
}

.nav-controls {
  float: right;
  width: auto;
  margin-right: 30px;
}

.nav-controls .cartbutton,
.nav-controls .userLoginHandler,
.nav-controls .wishlist_button,
.nav-controls .searchbutton {
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 30px;
  margin: 20px 0 20px 40px;
}

.home .nav-controls .cartbutton,
.home .nav-controls .userLoginHandler,
.home .nav-controls .wishlist_button,
.home .nav-controls .searchbutton {
  margin: 25px 0 25px 40px;
}

.nav-controls a,
.nav-controls a:hover,
.nav-controls a:visited {
  color: #fff
}

.nav-controls .fa {
  font-size: 2rem;
  color: #fff;
}

.nav-controls .badge {
  background: #C11752;
  border-radius: 50%;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  position: absolute;
  right: -15px;
  top: -6px;
  font-size: 13px;
  opacity: .9;
}

.page-category-content .main#page-body {
  background: #fff;
  padding-top: 0;
}

/*--------------------------------------------------------------
# MENU
--------------------------------------------------------------*/
.nav-container {
  clear: both;
  border-top: 1px solid #ccc;
  background: #353535;
  border-bottom: 1px solid #cccc;
}

.nav-top>li:hover>a {
  margin-bottom: -1px;
  position: relative;
  z-index: 3;
  color: #fff;
}

.nav-top>li ul.show.hide,
.nav-top>li ul.show {
  height: auto;
  z-index: 2;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  display: block
}

.nav-top>li.active>a,
.nav-top>li:hover>a {
  color: #fff;
}

.nav-top>li {
  position: relative
}

.nav-top>li.active>a::after {
  content: " ";
  display: block;
  border-bottom: 1px solid #ccc;
  position: absolute;
  width: 100%;
  top: 84px;
  left: 0px;
}

.nav-top>li:hover {
  position: initial;
  background: #222;
}

.nav-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0
}

.nav-top>li>a {
  display: block;
  font-weight: 500;
  padding: 25px 15px 25px 15px;
  color: #fff;
  font-size: 1.15rem;
  position: relative;
}

.home.nav-top>li>a {
  padding: 20px 15px 20px 15px;
}

.nav-top li a>span {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  right: 2px;
  top: 26px;
}

.dropdown-container {
  height: 0;
  width: 100% !important;
  padding: 0px 0 20px;
  position: absolute;
  z-index: -10;
  right: 0;
  left: 0;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-transform: scaleY(20px);
  -o-transform: scaleY(20px);
  -ms-transform: scaleY(20px);
  transform: scaleY(20px);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  list-style-type: none;
  margin: 0;
  top: 95px;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.nav-top>li:hover .dropdown-container {
  right: 0 !important;
  left: calc(-1 * (100vw - 100%) / 2) !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: 0;
  margin-left: 0;
}

.nav-top>li:hover .dropdown-container {
  height: auto;
  pointer-events: initial;
  z-index: 100;
  opacity: 1;
  border-top: 0px solid #353535;
  border-bottom: 2px solid #353535;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  -webkit-transform: translateY(-20px) !important;
  -ms-transform: translateY(-20px) !important;
  transform: translateY(-20px) !important;
  transition-duration: 200ms;
  background: #fff;
}

.dropdown-container a {
  display: block;
  color: #3a322b;
}

/*
.dropdown-container li>ul {
  margin-right: -15px;
  margin-left: -15px;
  text-align: left;
  display: block;
  padding-top: 30px;
}

.dropdown-container li li {
  display: block;
  list-style: none;
  padding: 0;
}

.dropdown-container li li.level1 {
  vertical-align: top;
  display: inline-flex;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 3%;
  padding: 0 15px;
  width: 94%;
  max-width: 94%;
}
}

.dropdown-container li li.level1>div {
  float: left;
  height: 25px;
  line-height: 25px;
  padding: 10px 0;
  height: 100%;
}

.dropdown-container .list_1 {
  display: none !important;
}

.dropdown-container li .cat-img {
  width: 15px;
  height: 21px;
  float: left;
  margin-right: 10px;
  margin-top: 11px;
}

.dropdown-container li a {
  text-align: left;
  padding: 0px 10px 0px 0px;
  position: relative;
  font-size: 1.1rem;
}

.dropdown-container li a:hover {
  color: #353535;
}

.dropdown-container .cat-name {
  font-size: 1.5rem;
  color: #999;
  text-align: left;
  position: relative;
  font-weight: 400;
  float: left;
  padding: 0;
  width: 100%;
  text-transform: uppercase;
}

.dropdown-container .image {
  text-align: center;
  padding: 0;
  margin: 0;
}

.dropdown-container .image li {
  width: 100%;
}

.dropdown-container .image .img-fluid {
  width: 100%;
  margin: 5% 0px 0px 0px;
  height: auto;
}

.nav-top .dropdown-container>li>ul {
  width: 100%;
  column-count: 8;
  float: left;
  padding: 15px 20px 25px 20px;
}
*/
#newlistContainer {
  min-width: 100% !important;
  width: 100% !important;
  float: left;
  column-count: 1 !important;
  max-height: initial;
  padding: 0
}

.new-list {
  display: inline-block;
  column-count: 5 !important;
  text-align: left;
  width: 100%;
  column-fill: balance;
  list-style-type: none;
  padding: 0;
  vertical-align: top;
}

.new-list.active {
  column-count: 1 !important;
}

.groupSelection {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0 15px 0;
  background: #e5e5e5;
}

.dropdown-container .groupSelection a {
  flex: initial !important;
  padding: 5px 5px !important;
  font-size: 0.95rem;
  width: 100%;
  margin: 0 0px;
  font-weight: 900;
  text-align: center;
}

.groupSelection a.active,
.groupSelection a:hover {
  cursor: pointer;
  background: #353535;
  color: #fff !important
}

.new-list strong {
  display: block;
  width: 100%;
  border-bottom: 2px solid #353535;
  padding: 0px 5px;
  margin: 0 0 0 0;
}

.dropdown-container .new-list ul {
  margin: 10px 0 10px 0px;
  padding: 0;
}

.new-list>li {
  display: inline-grid;
  width: 100%;
}

.dropdown-container .new-list ul>li {
  list-style: none;
  padding: 0;
  width: 50%;
  display: block;
  float: left;
}

.dropdown-container .new-list.active ul>li {
  width: 20%;
}

.new-list li.hide.show {
  opacity: 1;
  display: inline-grid;
  width: 100%;
}

.new-list li.hide {
  opacity: 0.2;
  display: none;
}

ul#newlistContainer.collapse {
  max-height: initial;
  width: 100%;
}

.new-list li>a {
  padding: 0px 10px !important;
}

/*--------------------------------------------------------------
# SEARCHBOX
--------------------------------------------------------------*/
.searchbox .input-wrap {
  width: 90%;
  display: inline-block;
}

@media (min-width:1500px) {
  .searchbox .input-wrap {
    width: 60%;
  }
}

.search-submit {
  font-size: 21px;
  color: #353535;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  background: none;
  opacity: 1;
  font-weight: 900;
}

.search-input {
  font-size: 1.3rem;
  line-height: 1;
  border: none;
  outline: none;
  width: 90%;
  color: #353535;
  opacity: 1;
  padding: 0 15px !important;
  height: 0px;
  line-height: 0px;
  background: none;
  transition: height .1s ease .1s;
}

.searchbox .close {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 30px;
  color: #353535;
  opacity: 1;
}

.searchbox {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  height: 0px;
  -webkit-transition: height .1s ease .1s;
  -moz-transition: height .1s ease .1s;
  -ms-transition: height .1s ease .1s;
  -o-transition: height .1s ease .1s;
  transition: height .1s ease .1s;
  overflow: hidden;
  text-align: center;
}

.searchbox.on {
  height: 60px;
  overflow: visible;
  z-index: 10200
}

.searchbox.on .search-input {
  height: 58px;
  line-height: 58px;
}

html #blocker {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(3, 2, 1, 0)
}

html.onSearch #blocker,
html.mm-pagedim-black #mm-blocker {
  background: #000;
  transition: opacity .4s ease .4s;
  -webkit-transition: opacity .4s ease .4s;
  -moz-transition: opacity .4s ease .4s;
  -ms-transition: opacity .4s ease .4s;
  -o-transition: opacity .4s ease .4s;
  opacity: 0.3 !important;
  z-index: 10;
  display: block;
}

/*--------------------------------------------------------------
  # BREADCRUMB
  --------------------------------------------------------------*/
.breadCrumb.row {
  clear: both;
  background: #fff;
}

.breadCrumb.row.fixed {
  margin-top: 75px;
  background: #666;
  color: #fff;
}

.breadcrumb {
  background-color: initial;
  color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}

.breadcrumb .small {
  font-size: 90%;
  font-weight: 500;
}

.breadcrumb a,
.breadcrumb-item.active {
  color: #fff;
}

.paymentMethodList {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 15px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 15px;
  padding-left: 0
}

.paymentMethodList svg {
  width: 140px;
  margin: 0 10px;
}

.lastRow span {
  font-size: 80%;
}

/*--------------------------------------------------------------
# MAINPAGE
--------------------------------------------------------------*/
.category-home .main#page-body {
  background: #2F2F2F;
}

.category-home .bannerHeadline h1.align-center span {
  margin-top: 5vw;
  font-size: 2vw;
  display: block;
}

.bannerHeadline h1.align-center strong {
  margin-top: 15px;
  display: inline-block;
  font-size: 2vw;
}

.category-home .widget-image-box.widget-primary .widget-caption {
  color: #fff !important;
  background-color: initial !important;
}

.category-home .widget-image-box .fa.fa-angle-double-right {
  display: none;
}

.category-home .widget-image-box.widget-image-box-block-caption>.widget-inner .widget-caption {
  top: 20px;
  bottom: initial;
  left: 50px;
}

.category-home .widget-image-box>.widget-inner .widget-caption h2,
.category-home .widget-image-box>.widget-inner .widget-caption .h2 {
  margin: 0;
  font-size: 1.75rem;
  color: #fff !important;
}

.category-home .widget-image-box>.widget-inner .widget-caption h2:after {
  content: "Jetzt entdecken";
  position: absolute;
  left: 1rem;
  bottom: -10px;
  font-size: 1rem;
  border-bottom: 1px solid #fff;
  padding: .1rem 0rem;
}

.category-home .articleHeadline {
  border-bottom: 2px solid #666;
  margin-bottom: 50px !important;
  display: block;
  margin-left: 10%;
  margin-right: 10%;
  max-width: 80%;
}

.category-home .articleHeadline strong {
  background: #2F2F2F;
  z-index: 9;
  position: absolute;
  left: 50%;
  width: 20%;
  margin-left: -10%;
}

.category-home .widget-danger .btn-appearance:active,
.category-home .widget-danger .btn-appearance:hover,
.category-home .widget-danger .btn-appearance {
  color: #fff;
  background-color: initial;
  border-color: #fff;
}

.category-home article.category-item {
  padding: 25px;
}

.category-home article.category-item .itemName {
  height: 60px;
  overflow: hidden;
}

.category-home article.category-item .category-item-image {
  border: 0;
}

.category-home .slick-next:hover::after,
.category-home .slick-next::after,
.category-home .slick-next:hover::after,
.category-home .slick-next::after {
  border-right: 2px solid #fff;
}

.category-home .slick-prev:hover::before,
.category-home .slick-next:hover::after,
.category-home .slick-prev::before,
.category-home .slick-next::after {
  border-top: 2px solid #fff;
}

.category-home .slick-prev:hover::before,
.category-home .slick-prev::before {
  border-left: 2px solid #fff;
}

.category-home .slick-dots li button {
  background-color: #666;
}

.category-home .slick-dots .slick-active button {
  background-color: #fff;
}

.category-home .widget-image-box.widget-retain-aspect-ratio img {
  border: 1px solid #666;
}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer {
  padding: 30px 0;
  margin-top: 0px;
  background: #292929;
  color: #fff;
}

footer .h3,
footer a {
  color: #fff !important;
}

footer .h3 {
  display: block;
  padding-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 25px
}

.contactData .phonelLink {
  font-weight: 600;
  font-size: 1.5rem;
  margin-top: 10px;
  display: block;
}

.contactData .mailLink {
  font-weight: 600;
  font-size: 1.5rem;
}

footer .contactData small {
  display: inline-block;
}

footer .ts-icon.ts-quote-right {
  color: #fff !important;
}

footer ul>li {
  line-height: 1.8rem;
}

footer .socialList {
  list-style-type: none;
  width: 100%;
  display: flex;
  justify-content: end;
}

footer .socialList li {
  display: inline;
  font-size: 3rem;
  margin: 0rem 1rem;
}

/*--------------------------------------------------------------
# SIDEBAR
--------------------------------------------------------------*/
.sideBar {
  -ms-flex: 0 0 18%;
  flex: 0 0 18%;
  max-width: 18%;
  padding: 0 15px;
}

.sideBar .inner {
  padding: 0 15px;
}

.sideBar .category-titles {
  font-size: 1.5rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  padding-bottom: 25px;
  text-transform: uppercase;
  font-weight: 500;
  color: #353535
}

.sideBar ul>li.filter {
  padding: 0;
  margin-bottom: 15px;
  border: 0;
}

.sideBar ul>li.filter::before {
  content: " ";
}

.sideBar ul>li.filter .filterinput {
  padding: 10px;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  margin-left: -10px;
  width: calc(100% + 15px);
}

/*--------------------------------------------------------------
  # SIDEBAR KATEGORIEN
--------------------------------------------------------------*/
.sideBar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sideBar ul ul {
  margin: 5px 0 5px 10px;
}

.sideBar li.active.hasChildren>ul {
  display: block;
}

.sideBar ul>li {
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.sideBar ul>li>ul>li {
  padding: 10px 0;
  position: relative;
}

.sideBar ul>li:last-child {
  border-bottom: 0;
}

.sideBar .nav-item.hasChildren {
  position: relative;
}

.sideBar i.fa {
  line-height: 1.6rem;
  margin-right: -15px;
  font-weight: 100 !important;
  font-size: 0.80rem;
  position: absolute;
  right: 15px;
  display: block;
  top: 10px;
  cursor: pointer;
}
.sideBar > div > div > ul > li > i.fa {
  top: 0 !important;
}
.sideBar li.nav-item.active.hasChildren>i.fa.fa-plus::before {
  content: "\f068";
}

.sideBar li.nav-item.active.hasChildren>i.fa.fa-plus.fa-minus::before {
  content: "\f067";
}

.sideBar ul>li>a {
  color: #353535;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 1.1rem;
}

.sideBar ul>li>ul>li>a {
  color: #353535;
  font-weight: 500;
  font-size: 1rem;
}

.sideBar ul li a:hover, .sideBar ul li.active>a,
.sideBar ul li.active>i.fa {
  background: unset;
  color: #333;
  font-weight: 600;
}

.sideBar>ul>li ul {
  list-style: none;
  margin: 5px 0px;
  padding: 0;
}

.sideBar>ul>li ul>li {
  margin-left: 5px;
  padding-left: 10px;
}

.sideBar ul li ul li a {
  width: 95%;
  display: block;
}

.sideBar ul li ul li ul li {
  margin-left: 5%;
}

.sideBar ul li ul li ul li ul li a {
  padding-left: 0 !important;
}

.sideBar ul li ul li.nav-item.hasChildren>.fa {
  top: 5px;
}

.sideBar ul li ul li::before {
  content: "\f105";
  font-family: FontAwesome;
  margin-left: -10px;
  margin-right: 0;
  font-size: 0.9em;
  margin-top: 0;
  float: left;
  color: #222;
}

/*--------------------------------------------------------------
  # LOGIN MODAL
  --------------------------------------------------------------*/
.login-modal a.d-none {
  display: block !important;
}

.login-modal a, .login-modal .btn {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.login-modal a.text-appearance {
  text-align: left;
  text-decoration: underline;
  margin: -5px 0 15px 0px;
}

.login-modal .modal-footer {
  margin: 0;
  padding: 15px 0;
}

/*--------------------------------------------------------------
  # MODAL
  --------------------------------------------------------------*/
.modal-dialog {
  width: 620px;
  max-width: 80vw;
  left: 50%;
  transform: translate(-50%, -40%);
  margin-left: -310px;
  margin-top: 3vw
}

.modal-dialog .modal-content {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 0;
  padding: 30px;
  border-top: 5px solid #222;
  background: #fff;
  max-height: 80vh;
}

.modal-dialog .modal-content .modal-body {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-title.h3 {
  text-transform: uppercase;
  font-weight: 600;
}

.login-modal a.d-none {
  display: block !important;
}

.login-modal a, .login-modal .btn {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.login-modal a.text-appearance {
  text-align: left;
  text-decoration: underline;
  margin: -5px 0 15px 0px;
}

.modal-header .close {
  position: absolute;
  padding: 16px;
  line-height: 12px;
  background-color: #000;
  opacity: 1;
  border-radius: 50%;
  right: -5px;
  top: -10px;
  font-size: 0;
  width: 40px;
  height: 40px;
  background-image: url(../images/close-w.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.login-modal .modal-footer {
  margin: 0;
  padding: 15px 0;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-top: -110px;
}

#shippingscosts .widget-fw {
  display: none;
}

/*--------------------------------------------------------------
  # KATEGORIEN
  --------------------------------------------------------------*/
.parallax-window {
  max-height: 400px;
  background: transparent;
  overflow: hidden;
}

.categoryTitle {
  display: inline;
  font-size: 1.5rem;
  padding: 0 15px;
  color: #353535;
  text-transform: uppercase;
  font-weight: 500;
}

.parallax-window .categoryTitle span {
  color: #fff;
  display: block;
  position: absolute;
  left: 10vw;
  top: 60px;
}

.parallax-window h1,
.parallax-window .categoryTitle {
  color: #fff !important;
  line-height: 400px;
  font-size: 2.5vw;
  padding: 0 10vw;
}

.category-description {
  padding: 0 15px;
}

.category-description * {
  font-family: Hind Siliguri !important;
}

.category-description img {
  max-width: 100% !important;
  height: auto !important;
}

.category-description h1,
.category-description h2,
.category-description h3 {
  margin-bottom: 15px !important;
}

.itemList {
  padding-bottom: 60px;
}

.itemContainer {
  -ms-flex: 0 0 82%;
  flex: 0 0 82%;
  max-width: 82%;
  padding: 0 15px;
}

.itemContainer.max,
.itemContainer.default {
  display: block
}

.itemContainer.max {
  flex: 0 0 100%;
  max-width: 100%;
}

.list-controls .list-controls-inner {
  background: none;
}

.list-controls {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px solid #e5e5e5;
  width: 100%;
  float: left;
}

.totalText {
  line-height: 50px;
  padding-left: 10px;
  color: #353535
}

.product-list {
  margin: 0;
  clear: both;
}

/*--------------------------------------------------------------
# KATEGORIE ITEM
--------------------------------------------------------------*/
.product-list.grid li {
  margin-bottom: 20px;
  padding: 0 10px;
}

article.category-item .itemProducerLogo {
  text-align: left;
  display: block;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0;
}

article.category-item {
  position: relative;
  -webkit-perspective: 1700px;
  -moz-perspective: 1700px;
  perspective: 1700px;
  -webkit-perspective-origin: 0 50%;
  -moz-perspective-origin: 0 50%;
  perspective-origin: 0 50%;
  outline: 1px solid #fff;
  border-collapse: collapse;
}

article.category-item .inner {
  overflow: hidden;
  display: block;
  position: relative;
}

article.category-item .wishlist {
  position: absolute;
  left: 15px;
  top: 335px;
  z-index: 999;
}

article.category-item .wishlist button {
  font-size: 0;
  padding: 0;
  margin: 0;
}

article.category-item .wishlist i {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-size: 1rem;
}

article.category-item .wishlist:hover i {
  font-size: 1.3rem !important;
  cursor: pointer !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

article.category-item .wishlist i.fa-heart:before {
  content: "\f08a";
}

article.category-item .wishlist i.fa-heart.text-danger::before {
  content: "\f004";
  color: #c40;
}

article.category-item .wishlist .text-appearance {
  color: #c40 !important;
}

article.category-item .listing_percent {
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 999;
  background: #353535;
  color: #fff;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 500;
}

article.category-item .special-tags {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}

article.category-item .special-tags .tag.badge-success,
article.category-item .special-tags .badge-offer.badge-danger {
  color: #fff !important;
  background-color: #d64300 !important;
  border: 0;
}

article.category-item .special-tags .bg-primary,
article.category-item .special-tags .bg-danger {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #444939;
}

article.category-item .special-tags .special-tag,
article.category-item .special-tags .tag,
article.category-item .special-tags .badge {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: initial;
  margin-bottom: 0;
  background: #fff;
  text-align: center;
  padding: 10px;
  color: #353535;
  border: 1px solid #353535;
}

article.category-item .special-tags .badge-offer.badge-danger,
article.category-item .badge.badge-bundle.bg-info {
  display: none !important;
}

article.category-item .vat a {
  text-decoration: underline;
  cursor: pointer;
}

article.category-item .vat {
  color: #666 !important;
  font-size: 11px;
  display: block;
  margin: 0 0 10px 0;
  text-align: center
}

article.category-item .prices {
  display: block;
  width: 100%;
  padding: 0;
  margin: 10px 0 15px 0;
  float: left;
  text-align: left;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.05rem;
  color: #353535;
}

article.category-item .price-view-port {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  display: inline-block;
  margin: 0;
  text-align: center;
}

article.category-item .crossprice {
  margin-top: 0px;
  display: inline-block;
  color: #999;
}

article.category-item .saleprice {
  margin-left: 5px;
  color: #c40;
  display: inline-block;
}

article.category-item .category-unit-price {
  color: #666;
  display: inline-block;
  text-align: center;
  width: 100%;
  font-weight: 100;
}

article.category-item .category-item-image {
  width: 100%;
  max-height: 370px;
  float: left;
  text-align: center;
  line-height: 370px;
  position: relative;
  border: 1px solid #e5e5e5;
}

/*
article.category-item .category-item-image::after {
  display: block;
  background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.04));
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  border-radius: 5px
}
*/
article.category-item .category-item-image img {
  display: inline-block;
  max-width: 90%;
  max-height: 350px;
  transition: transform 0.4s cubic-bezier(0, 0, 0.26, 1), opacity 0.3s cubic-bezier(0, 0, 0.26, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.26, 1);
}

article.category-item .category-item-content {
  padding: 10px 0 0 0;
  width: 100%;
  float: left;
}

article.category-item .itemName {
  font-weight: 500;
  display: block;
  font-size: 1.1rem;
  text-align: left;
  margin: 10px 0 0 0;
  float: left;
  width: 100%;
  line-height: 1.3rem;
}

/*
article.category-item:hover {
  background: #fff;
  z-index: 999;
  outline-color: #fff;
  overflow: visible;
  height: initial;
  position: absolute;
  left: 10px;
  right: 10px;
}
*/
article.category-item:hover .category-item-image img {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

/*
article.category-item .hoverMe {
  display: none;
  position: relative !important;
  background: #fff;
  padding: 0 15px 0 15px;
  z-index: 99;
  width: 100%;
}

article.category-item:hover .hoverMe {
  display: block;
}

article.category-item .add-to-basket-lg-container {
  position: relative;
  z-index: 99;
  top: initial;
  right: initial;
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
  height: 40px;
}

article.category-item .quantity-input-container {
  opacity: 0;
}

article.category-item .btn-add-to-basket,
article.category-item .btn-to-item {
  display: inline-block !important;
  margin-bottom: 15px;
  color: #353535;
  text-align: center;
  font-weight: 400;
  background: #fff;
  font-size: 1rem;
  padding: 8px 10px;
  cursor: pointer;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #353535;
}

article.category-item:hover .quantity-input-container,
article.category-item:hover .btn-add-to-basket,
article.category-item:hover .btn-to-item {
  opacity: 1;
}

article.category-item .hoverMe .quantity-input-container {
  width: 25%;
  float: left;
}

article.category-item .hoverMe .btn-add-to-basket {
  float: right;
  width: 70%;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #353535;
  color: #353535;
  border-radius: 3px;
  font-weight: 400;
  font-size: 1rem;
}

article.category-item .hoverMe .btn-to-item:hover,
article.category-item .hoverMe .btn-add-to-basket:hover {
  background: #353535;
  border: 1px solid #353535;
  color: #fff;
}

article.category-item .hoverMe .qty-input {
  font-size: 14px;
  padding: 3px !important;
  line-height: 1rem;
  min-height: 40px;
  color: #444939;
  width: 36px;
}

article.category-item .btn-to-item .fa {
  margin-left: 10px;
}

article.category-item .hoverMe .qty-box .qty-btn-container {
  height: 40px;
}

article.category-item .qty-btn-container .qty-btn {
  padding: 4px !important;
  font-size: .85rem;
  max-height: 20px;
  max-width: 20px;
}
*/
.cross-box article.category-item {
  margin: 0 5px;
  background: #fff;
}

.cross-box article.category-item:hover {
  left: initial;
  right: initial;
  position: relative;
}

.cross-box article.category-item:hover .hoverMe {
  display: none;
}

.cross-box article.category-item .itemProducerLogo img {
  width: auto;
}

/*--------------------------------------------------------------
# KATEGORIE PAGINATION
--------------------------------------------------------------*/
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  background-color: #353535;
  border-color: #353535;
}

.list-controls.bottom {
  display: inline-block !important;
  float: unset !important;
  z-index: 1;
  padding: 0 0 0 0%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: none;
}

.list-controls.bottom .cmp.cmp-paginator {
  display: inline-block !important;
}

.list-controls.bottom .pagination {
  padding: 0;
  position: relative;
  min-width: 320px;
  text-align: center;
  display: inline-block;
}

.list-controls.bottom .pagination li:nth-child(2) {
  padding: 0 60px;
}

.list-controls.bottom .pagination .articlePages {
  display: inline-block;
}

.list-controls.bottom .pagination .absolute.left {
  position: absolute;
  left: 0;
  top: 3px;
}

.list-controls.bottom .pagination .absolute.right {
  position: absolute;
  right: 0;
  top: 3px;
}

.list-controls.bottom .pagination .page-item {
  float: left;
}

.list-controls.bottom .pagination .articlePages span {
  float: left;
  margin: 0 5px;
}

.list-controls.bottom .pagination .page-item>a {
  border: 1px solid #ccc;
  padding: 10px 15px;
  margin: 2px;
  border-radius: 3px;
}

.list-controls.bottom .pagination .page-item>a.active,
.list-controls.bottom .pagination .page-item>a:hover {
  color: #fff;
  background-color: #353535;
  border-color: #353535;
}

.list-controls.bottom .pagination .fa {
  font-size: 3rem;
  line-height: 40px;
}

.list-controls.bottom .pagination .fa:hover {
  color: #353535;
}

.list-controls.bottom .disabled {
  opacity: 0;
}

.list-controls .list-controls-inner {
  background: #fff;
  padding: 0 15px;
  margin: 0 -15px;
}

.list-itemsperpage .custom-select, .list-sort .custom-select {
  background-position: calc(100% - 1rem) 1.0rem;
  font-size: 100%;
  color: #666;
  border: 1px solid #e5e5e5;
  padding: 10px 35px 10px 10px !important;
  cursor: pointer
}

.itemData {
  padding: 0;
  margin: 15px auto;
  list-style-type: none;
  line-height: 1.8rem;
  font-size: 1rem;
}

.itemData strong {
  display: inline-block;
  color: #353535;
  min-width: 30%;
  vertical-align: top;
}

.itemData span {
  display: inline-block;
  width: 69%;
}

.itemData a {
  border-bottom: 1px solid #000;
}

/*--------------------------------------------------------------
  # FILTER
  --------------------------------------------------------------*/
body #vue-app .wrapper-left,
body #vue-error .wrapper-left {
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999999;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: fixed;
  width: 0;
  overflow: hidden;
  background-color: white;
  -webkit-transition: width 310ms 0ms, -webkit-transform 300ms ease-in-out;
  transition: width 310ms 0ms, -webkit-transform 300ms ease-in-out;
  transition: width 310ms 0ms, transform 300ms ease-in-out;
  transition: width 310ms 0ms, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

body #vue-app.open-left,
body #vue-error.open-left {
  overflow: hidden;
}

@media (max-width: 767.98px) {

  body #vue-app.open-left,
  body #vue-error.open-left {
    position: fixed;
  }
}

body #vue-app.open-left .wrapper-left {
  background: #fff;
  z-index: 1071;
  overflow-y: scroll;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: width 0ms, -webkit-transform 300ms 10ms ease-in-out;
  transition: width 0ms, -webkit-transform 300ms 10ms ease-in-out;
  transition: width 0ms, transform 300ms 10ms ease-in-out;
  transition: width 0ms, transform 300ms 10ms ease-in-out, -webkit-transform 300ms 10ms ease-in-out;
}

body #vue-app.open-left #page-body::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1070;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
  body #vue-app.open-left .wrapper-left {
    width: 100vw;
  }
}

@media (max-width: 991.98px) {
  body #vue-app.open-left .wrapper-left {
    width: 100%;
  }
}

@media (min-width: 768px) {
  body #vue-app.open-left .wrapper-left {
    width: 50em;
    position: fixed;
    padding: 30px;
  }
}

.filtersBox {
  margin-top: 23px;
}

.filter-wrapper .card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.filter-wrapper .card-columns .card {
  background: #fff;
  border: 1px solid #e5e5e5;
}

.filter-wrapper .card-columns .card>div {
  border: 0;
  padding: 0 15px;
}

.filter-wrapper .card-columns .card .filter-title {
  font-weight: 500;
  color: #222;
  margin: 0;
  display: block;
  cursor: pointer;
  background: none;
  line-height: 2rem;
  padding: 5px 15px;
}

.filter-wrapper .card-columns .card .filter-title i.fa {
  right: 30px;
}

.filter-wrapper .card-columns .card .filter-title[aria-expanded="true"] .fa-plus::before {
  content: "\f068";
}

.filter-wrapper .card-columns .card .filter-badge {
  color: #222;
  background: initial;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 3px;
}

.filter-wrapper .form-check {
  margin-bottom: 0.5rem;
  padding: 0;
}

.filter-wrapper .card-columns .card .form-check-label::before {
  top: 0.9rem;
}

.filter-wrapper .card-columns .card .form-check-label::before {
  font-family: FontAwesome;
  content: "\f096";
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.filter-wrapper .card-columns .card .form-check-input:checked+label::before {
  opacity: 1;
  content: "\f046";
  font-family: FontAwesome;
}

.filter-wrapper .card-columns .card .form-check-label {
  padding-left: 20px;
}

.filter-collapse .form-check-label, .widget-filter-base .form-check-label {
  display: block;
  padding: .5rem 0;
  padding-left: 0px;
  color: #495057;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.filter-collapse .form-check-input:checked+label, .widget-filter-base .form-check-input:checked+label {
  background: #fff;
}

.selected-filters .selected-filter {
  display: block;
  padding: 5px 15px;
  font-weight: 500;
  position: relative;
}

.selected-filter i.fa {
  margin-right: 0;
  color: #222;
  font-size: 1rem;
  top: 5px;
}

.selected-filters .btn {
  margin-top: 15px;
  margin-bottom: 25px;
}

.wrapper-left .filter-wrapper {
  padding: 0 15px;
}

.wrapper-left .filter-header {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  position: relative;
  padding: 15px 15px 0 15px;
}

.wrapper-left .filtersBox {
  margin-top: 0;
}

.wrapper-left .filter-wrapper .card-columns .card .filter-title i.fa {
  top: 12px;
  position: absolute;
  right: 15px;
}

.wrapper-left .category-titles {
  display: none
}

.wrapper-left .filterTarget {
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.wrapper-left .filter-header-caption {
  font-size: 1.5rem;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  display: block;
  float: left;
  width: 100%;
}

.wrapper-left .close {
  position: absolute;
  right: 30px;
  top: 15px;
  font-size: 2rem;
  color: #000;
  opacity: 1;
}

/*--------------------------------------------------------------
  # POPUP MODAL
--------------------------------------------------------------*/
body .popup-modal .textAfter {
  padding: 0 15px;
  line-height: .9rem;
}

body .popup-modal .textBefore {
  padding: 15px 15px 0 15px;
  line-height: 1.6rem;
}

body .popup-modal h2,
body .popup-modal h3 {
  font-size: 1.3rem;
  line-height: 1.7rem;
  margin: 0px;
}

.popup-modal .modal-body {
  padding: 0;
}

.popup-modal .modal-content {
  padding: 10px;
}

.popup-modal .modal-dialog {
  width: 610px;
}

body #popup .modal-content .modal-close.close {
  position: absolute;
  right: -10px;
  background: #fff;
  border-radius: 50%;
  padding: 0;
  top: -10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  opacity: 1;
}

body .popup-modal .img-fluid {
  max-width: 100%;
  padding: 15px;
}

body.modal-open.modal-static .popup-modal.modal,
body.modal-open.modal-static-2 .popup-modal.modal,
body.modal-open.modal-static-3 .popup-modal.modal {
  overflow-y: scroll !important;
}

/*--------------------------------------------------------------
# WUNSCHLISTE
---------------------------------------------------------------*/
.wishlist div>div {
  display: flex;
  flex-wrap: wrap;
}

.wishlist article.category-item {
  flex: 1 0 19%;
  margin-bottom: 40px
}

.wishlist article.category-item .inner {
  margin: 5px;
}

.wishlist article.category-item:hover {
  background: #fff;
  z-index: initial;
  outline-color: #fff;
  overflow: initial;
  height: initial;
  position: initial;
  left: initial;
  right: initial;
  margin: 0
}

.wishList .btn {
  font-size: 0;
}

.wishlist article.category-item .hoverMe>.btn {
  background: #f5f5f5;
  padding: 10px;
  text-align: center;
  color: #000;
  display: block;
}

.wishlist article.category-item .hoverMe>.btn:hover {
  background: #f90;
  color: #fff;
}

/*--------------------------------------------------------------
  # SLICK SLIDER
--------------------------------------------------------------*/
.slick-list {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0
}

.slick-track::after, .slick-track::before {
  display: table;
  content: ''
}

.slick-track::after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slide img {
  display: inline-block;
  width: 100%
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block;
  max-width: initial;
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center
}

.slickick-dots {
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  cursor: pointer
}

.slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none
}

.slick-dots li {
  width: 5px;
  height: 5px
}

.slick-dots li button {
  width: 5px;
  height: 5px;
  padding: 0;
  border-radius: 50px;
  background-color: #e5e5e5
}

.slick-dots li button:hover {
  background-color: #353535
}

@media (min-width: 544px) {
  .slick-dots li {
    width: 8px;
    height: 8px
  }
}

.slick-dots .slick-active button {
  background-color: #353535
}

.slick-prev, .slick-next {
  width: 54px;
  height: 97px;
  margin-top: -85px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1)
}

.slick-prev::before, .slick-next::after {
  display: inline-block;
  width: 35px;
  height: 35px;
  position: relative;
  top: 30px;
  content: '';
  border-top: 1px solid #353535
}

.slick-prev {
  left: 0
}

.slick-prev::before {
  left: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 1px solid #353535
}

.slick-prev:hover::before {
  border-color: #353535
}

.slick-next {
  right: 0;
}

.slick-next::after {
  right: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #353535
}

.slick-next:hover::after {
  border-color: #000
}

.slick-next.slick-arrow {
  right: -30px;
}

.slick-prev.slick-arrow {
  left: -30px;
}

.slick-arrow {
  border: 0;
  background: none;
  font-size: 0;
}

/*--------------------------------------------------------------
  # Checkout
 ---------------------------------------------------------------*/
.widget-tab .tab-content {
  border: 1px solid #e5e5e5;
  padding: 10px 30px;
  margin-top: -1px;
}

.widget-tab .nav-link.text-appearance.active {
  color: #495057 !important;
  font-weight: 900;
  background: #fff;
}

.widget-tab .nav-tabs .nav-item {
  background: #f5f5f5;
}

.widget-tab .nav-tabs .nav-link {
  padding: 1rem 1rem;
}

.widget-tab .nav-tabs .nav-link.active, .widget-tab .nav-tabs .nav-item.show .nav-link {
  color: #495057 !important;
  background-color: #fff;
  border-color: #e5e5e5 #e5e5e5 #fff;
  padding: 1.3rem 1rem;
  margin-top: -.5rem;
}

.category-basket .small {
  font-size: 100%;
}

.widget-place-order .btn,
.checkoutButton .btn {
  padding: 20px 15px;
  font-size: 1.35rem;
  font-weight: 600;
}

.widget-basket-totals {
  background: #f5f5f5;
  padding: 15px;
}

.basket-preview {
  padding: 30px;
}

.basket-preview-footer .btn {
  padding: 15px;
  border-radius: 3px;
}

.basket-preview .basket-header .basket-header-caption, .basket-preview-content .h3 {
  font-size: 1.75rem;
  font-weight: 600;
}

body>#vue-app.open-left .wrapper-right,
body>#vue-error.open-left .wrapper-right {
  z-index: 9999;
}

.basketRight .inner {
  padding: 15px;
}

.basket-preview .item-name, .basket-preview .item-base-price {
  font-size: 100%;
}

.basket-preview .h3 {
  font-size: 1.5rem;
  font-weight: 400 !important;
}

.img-basket-small {
  display: block;
  max-height: 80%;
  max-width: 80%;
}

.basket-preview-content .basket-item .small.font-weight-bold.mb-3 {
  display: none;
}

.loading-animation>div {
  background: #ccc
}

.basket-header .close {
  font-size: 3rem;
  font-weight: 100;
  line-height: 35px;
  margin-right: 0;
}

.basketRight .btn-block {
  color: #fff !important;
  font-weight: 500;
  padding: 20px;
  text-transform: uppercase;
}

.basketRight .btn-block:hover {
  background: #353535;
  background-color: rgb(34, 34, 34);
  border-color: #353535;
  color: #353535 !important;
}

.page-content.checkout {
  background-color: #fff;
}

.basket-preview .cmp.cmp-totals {
  margin: 15px 0;
}

.basket-item-container .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-name {
  font-size: 100%;
  font-weight: 500;
}

.basket-item-container .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-small-prices {
  font-size: 100%;
}

.basket-item-container .basket-item .meta-container-wrapper .meta-container-wrapper-inner .meta-container .item-base-price {
  font-size: 100%;
}

.basket-preview .totals .cmp.cmp-totals dd, .basket-preview .totals .cmp.cmp-totals dt {
  font-size: 100%;
  padding: 0px 0px;
}

.basket-preview .bg-light {
  background-color: #fff;
}

.basket-item-container .basket-item .basket-item-container-right .item-remove-container>.item-remove-button {
  box-shadow: none !important;
  font-size: 0;
}

.basket-item-container .basket-item .basket-item-container-right .item-remove-container>.item-remove-button .fa.fa-trash-o {
  font-size: 1rem;
}

.basket-item img.d-block.mw-100.mh-100 {
  display: inline-block !important;
  max-height: 50px !important;
}

.basket-preview-content .totals {
  background-color: #fff;
  border-top: 0;
}

.basket-preview .totals {
  font-size: 100%;
  font-weight: normal;
  padding-bottom: 20px;
}

.basket-preview .totals .totalSum {
  font-size: 1.3rem;
  font-weight: 100;
  color: #353535;
}

.basket-preview-wrapper {
  left: auto;
  width: 50rem;
  z-index: 10000;
}

.basket-list-item .image-container {
  border: 1px solid #e5e5e5;
  line-height: 55px;
  height: 60px;
  width: 60px;
  text-align: center;
}

.basket-list-item .meta-container {
  text-align: left;
}

.basket-item-container-right .qty-box-container {
  height: 41px;
  float: left;
}

.basket-item-container-right .btn.text-danger {
  font-size: 0;
  margin-top: 5px;
}

.basket-item-container-right .btn.text-danger .fa.default-float.fa-trash-o {
  font-size: 1.5rem;
  color: #000;
}

.basket-preview-content .cmp-totals dt {
  text-align: right;
}

.basket-preview-content .cmp-totals .h3 {
  display: none;
}

.basket-preview-content .item-list {
  border-bottom: 1px solid #e5e5e5;
}

.basket-preview-content select.form-control {
  padding: 2px 0px 0px 10px;
}

.basket-item-container .basket-item .item-additional-information-container .basket-expand::after {
  color: #353535;
}

.basketRight {
  padding: 0;
}

.basketRight>div {
  background: #f5f5f5;
  border: 5px solid #fff;
}

.cmp-totals dd {
  margin: 0;
}

.checkout-rightside .bg-lightgray {
  border: 1px solid #e5e5e5;
  padding: 0 !important;
}

.checkout-rightside .bg-lightgray .sidebar {
  background: #f5f5f5;
  border: 5px solid #fff;
  margin: 0;
  padding: 15px;
}

.checkout-rightside .btn.btn-block {
  background: #C4420F;
  border-color: #C4420F;
  margin: 15px 0;
  padding: 1rem;
  border-radius: 0;
}

.checkout .form-check a {
  font-weight: 900;
  text-decoration: underline;
}

.cmp-method-list .method-list-item input:checked+label {
  -webkit-box-shadow: unset;
  background: #f5f5f5;
  border-color: #e5e5e5;
  box-shadow: unset;
  position: relative;
}

.cmp-method-list .method-list-item input:checked+label::after {
  content: " ";
  position: absolute;
  right: 15px;
  top: 15px;
  background-image: url("https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png");
  background-position: top left;
  width: 25px;
  height: 20px;
  background-repeat: no-repeat;
}

.page-content.basket, .page-content.checkout, .page-content.contact, .page-content.myaccount {
  margin-top: 5px;
}

.cmp-coupon .btn {
  height: 48px;
  margin-left: 5px !important;
}

.cmp-coupon input.form-control {
  border-color: #ddd;
  height: 49px;
}

.cmp-address-list .fa {
  margin-left: -5px;
  margin-right: 10px;
}

.checkout-rightside .btn-success .fa {
  float: unset;
  font-size: 1.25rem;
}

.checkout-rightside .btn-success {
  border-radius: 3px;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  padding: 20px 0px !important;
  text-transform: uppercase;
}

.page-content.basket, .page-content.checkout, .page-content.contact, .page-content.myaccount {
  padding: 10px 15px;
}

.checkout .category-title {
  margin: 15px;
}

.cmp-address-list .item input:checked+.item-inner {
  background-color: #f5f5f5;
  box-shadow: inset 0 0 0 0.1rem #555;
  color: #444939;
}

.cmp-address-list .item-remove .btn {
  padding: 3px 0px 0 14px;
}

.cmp-address-list .item-edit .btn {
  padding: 3px 0px 0 13px;
}

.cmp-address-list .item-content.small {
  font-size: 100%;
}

.cmp-address-list .item-inner {
  min-height: 100px;
}

.registry-form-container .dropdown-toggle::after {
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  border-top: unset;
  content: "\f044";
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1.5rem;
  margin-left: .255em;
  vertical-align: unset;
}

.cmp-address-list .item-edit .btn:hover {
  background: none
}

.cmp-address-list .item-edit .fa {
  color: #353535;
  font-size: 1.5rem;
  margin-top: unset;
  transition: unset;
}

.cmp-method-list.list .content {
  font-size: 1rem;
  padding: 10px;
}

.cmp-address-list .item-edit .btn:hover>i {
  color: #353535 !important;
}

.cmp-address-list .item-edit .btn {
  background: #fff !important;
  border: 0;
  padding: 3px 0px 0 13px;
}

.shipping-method-select .method-list-item[data-id="12"] .icon {
  background-image: url(../images/gls.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 20px;
  width: 55px;
}

.shipping-method-select .method-list-item[data-id="7"] .icon {
  background-image: url(../images/collect.svg);
  background-position: 12px 10px;
  background-repeat: no-repeat;
  background-size: 30px auto;
  height: 50px;
  width: 55px;
}

.shipping-method-select .method-list-item[data-id="10"] .icon {
  background-image: url(../images/post.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 20px;
  width: 55px;
}

#paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails a {
  font-weight: 900;
  text-decoration: underline;
  color: #353535;
}

#paymentMethodContainer .paymentMethodRow.selected {
  background: #f9f9f9;
  border: 1px solid #353535;
}

.cmp-checkout-sidebar input.form-control {
  height: 41px;
  border-color: #ccc;
  color: #353535 !important;
  opacity: 1 !important;
}

.login-pwd-reset .modal-header {
  display: block;
  text-align: left;
}

.widget-place-order.widget-danger .btn-appearance {
  color: #fff !important;
  background-color: #dc3545;
  border-color: #dc3545;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 20px 10px;
}

.vat a {
  text-decoration: underline;
  font-weight: 500;
}

.basket-item-container .basket-item .basket-item-container-right .qty-box-container .qty-box {
  margin: 9px 0 0 0;
  height: 47px;
}

.qty-box .qty-input {
  border: 1px solid #BEBEBE;
  border-right-color: rgb(190, 190, 190);
  border-right-style: solid;
  border-right-width: 1px;
  border-right: none;
}

.qty-box .qty-input {
  width: 65px;
}

.qty-box .qty-btn-container {
  border: 1px solid #BEBEBE;
  border-left-color: rgb(190, 190, 190);
  border-left-style: solid;
  border-left-width: 1px;
  border-left: none;
}

.qty-box .qty-btn-container {
  background: transparent;
}

.qty-box .qty-btn-container {
  background: #fff;
}

.qty-box .qty-btn-container .qty-btn {
  width: 100%;
  height: calc(50% - .5px);
  min-height: 12px;
  text-align: center;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.26, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.26, 1);
  border-radius: .1rem;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  border: 0
}

.qty-box .qty-btn-container .qty-btn-seperator {
  height: 1px;
  background: #fff;
}

.qty-box .fa-minus::before {
  background-image: url("../images/arrowdown.svg");
}

.qty-box .fa-plus::before, .qty-box .fa-minus::before {
  content: " ";
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  width: 24px;
  height: 5px;
  background-position: center center;
}

.qty-box .fa-plus::before {
  background-image: url("../images/arrowup.svg");
}

/*--------------------------------------------------------------
  # Progressbar
  --------------------------------------------------------------*/
ul#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  padding: 0;
  color: lightgrey
}

ul#progressbar .active {
  color: #666
}

ul#progressbar li {
  list-style-type: none;
  font-size: 14px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400;
  text-align: center;
}

ul#progressbar #login:before {
  font-family: FontAwesome;
  background: #fff;
  content: "\f2c0"
}

ul#progressbar #basket:before {
  font-family: FontAwesome;
  background: #fff;
  content: "\f07a"
}

ul#progressbar #checkout:before {
  font-family: FontAwesome;
  background: #fff;
  content: "\f09d"
}

ul#progressbar #confirm:before {
  font-family: FontAwesome;
  background: #fff;
  content: "\f00c"
}

ul#progressbar li::before {
  width: 40px;
  height: 40px;
  line-height: 35px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: #fff;
  border: 1px solid lightgray;
  color: lightgray;
  border-radius: 50%;
  margin: 7px auto 10px auto;
  padding: 2px;
  text-align: center;
  z-index: 2;
  position: relative;
}

ul#progressbar li::after {
  content: ' ';
  width: 100%;
  height: 1px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 27px;
  z-index: 1;
}

ul#progressbar li.active:before,
ul#progressbar li.active:after {
  background: #222
}

ul#progressbar li.active::before {
  color: #243742;
  border-color: #243742;
}

.progress {
  height: 20px
}

.progress-bar {
  background-color: #243742
}

/*--------------------------------------------------------------
  # MOBILE MENU
  --------------------------------------------------------------*/
.hamburger {
  background-color: transparent;
  border: 0 none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  left: 25px;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: absolute;
  text-transform: none;
  top: 60px;
  transition-duration: 0.15s;
  transition-property: opacity, filter, -webkit-filter;
  transition-timing-function: linear;
  z-index: 10;
  display: none
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 40px;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 30px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 8px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*--------------------------------------------------------------
  # OwnCategoryNavigationContainer
  --------------------------------------------------------------*/
.OwnCategoryNavigationContainer .filterform {
  color: #000 !important;
  width: 98%;
  display: block;
  float: left;
  margin: 1%;
  position: relative;
}

.OwnCategoryNavigationContainer .filterform::before {
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 16px;
  color: #999;
  content: "";
  top: 6px;
  right: 10px;
  position: absolute;
  z-index: 100;
  z-index: 999;
}

.OwnCategoryNavigationContainer .filterform .filterinput {
  width: 100%;
  border-radius: 3px;
  color: #000;
  font-size: 13px;
  padding: 10px;
  height: 30px;
  line-height: 30px;
}

.OwnCategoryNavigationContainer .filterform small {
  margin-top: 5px;
  display: block;
  color: #666;
}

.OwnCategoryNavigationContainer {
  display: block;
  float: left;
  overflow: visible;
  position: inherit;
  width: 100%;
  z-index: 1;
  padding: 15px;
  background: #f5f5f5;
  margin-top: 15px;
}

.OwnCategoryNavigationContainer ul,
.OwnCategoryNavigationContainer ul li ul {
  margin: 0;
  padding: 0
}

.OwnCategoryNavigationContainer li {
  float: left;
  width: 48% !important;
  list-style-image: none;
  list-style-type: none;
  position: relative;
  margin: 3px 1%;
}

.OwnCategoryNavigationContainer li.loading {
  min-height: initial
}

.OwnCategoryNavigationContainer ul li.disabled {
  display: none
}

.OwnCategoryNavigationContainer ul li.seperator {
  float: left;
  width: 20px
}

.OwnCategoryNavigationContainer .headline {
  border-radius: 3px;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  list-style: none outside none;
  margin-right: 10px;
  padding: 0 15px;
  white-space: nowrap;
  background: #fff;
  float: right;
  width: 83%;
  position: relative;
  display: block;
  min-height: 40px;
  line-height: 40px;
}

.OwnCategoryNavigationContainer .headline.open {
  color: #222;
}

.OwnCategoryNavigationContainer li.deactivated .headline {
  background: #e5e5e5;
  color: #999;
  text-shadow: none;
}

.OwnCategoryNavigationContainer .headline:hover {
  cursor: pointer
}

.OwnCategoryNavigationContainer li ul {
  display: none
}

.OwnCategoryNavigationContainer li ul li {
  background: none repeat scroll 0 0 #fff;
  color: #fff;
  float: left;
  height: 34px;
  line-height: 34px;
  padding: 0 7px 0 13px;
  width: 150px;
  list-style-image: none
}

.OwnCategoryNavigationContainer li ul li:hover {
  background: none;
}

.OwnCategoryNavigationContainer li ul li:hover a {
  color: #222
}

.OwnCategoryNavigationContainer li ul li a {
  color: #000;
  display: block;
  font-family: arial;
  font-size: 13px;
  font-weight: 700;
  width: 96%;
}

.OwnCategoryNavigationContainer li#level1 ul>li.hSC>a {
  pointer-events: none;
  cursor: pointer;
}

.OwnCategoryNavigationContainer ul li ul {
  background: #fff;
  border-radius: 3px;
  float: left;
  margin: 0;
  padding: 0;
  box-shadow: 0px 5px 10px -5px #666;
  width: 87%;
  position: absolute;
  right: 10px;
  z-index: 999;
  top: 30px;
}

.OwnCategoryNavigationContainer ul li ul: {
  background: none repeat scroll 0 0 #181818;
  float: left;
  margin: 0;
  padding: 10px 0 0;
  width: 100%
}

.OwnCategoryNavigationContainer ul li ul.one {
  margin: 0
}

.OwnCategoryNavigationContainer ul li.level2 ul {
  margin: 0
}

.OwnCategoryNavigationContainer ul li ul.three {
  margin: 0
}

.OwnCategoryNavigationContainer ul li ul.for {
  margin: 0
}

.OwnNavPoint label {
  float: left;
  width: 15%;
  line-height: 40px;
  font-weight: 600;
}

.OwnCategoryNavigationContainer .headline::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  font-size: 1.5rem;
  top: 0;
}

.OwnCategoryNavigationContainer .headline.open::after {
  content: "\f106";
}

.helpBox a {
  background-image: url(../images/help.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  background-position: right 10px;
  padding-right: 46px;
  background-size: 40px auto;
  height: 50px;
  line-height: 70px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: underline;
}

#helpModal-modal-wrapper .modal-dialog {
  max-width: 70%;
  margin: 1.75rem auto;
}

.OwnCategoryNavigationContainer ul li ul.ul {
  display: none;
}

.OwnCategoryNavigationContainer ul li ul li ul.ul {
  display: none;
}

.OwnCategoryNavigationContainer ul li#level1.is-open>ul.ul {
  display: block !important;
  max-height: 30vh;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  margin-top: 10px;
  padding: 15px;
}

.OwnCategoryNavigationContainer ul li#level2.is-open ul.ul:nth-child(1) {
  display: block !important;
  max-height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.OwnCategoryNavigationContainer ul li#level3.is-open ul.ul:nth-child(1) {
  display: block !important;
  max-height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.OwnCategoryNavigationContainer li.hSC>ul.ul {
  display: none !important;
}

.OwnCategoryNavigationContainer li.loading div {
  background-image: url(../images/loading.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 110px;
  font-size: 0;
}

.OwnNavPoint ul.ul li.hSC .fa {
  width: 100%;
  position: absolute;
  top: 0;
  height: 40px;
  cursor: pointer;
  font-size: 0;
  display: block !important;
  z-index: 10000;
}

.OwnCategoryNavigationContainer ul li.is-open ul li {
  display: block;
  filter: blur(10px);
}

.OwnCategoryNavigationContainer .noBlur li {
  filter: initial !important;
}

.OwnCategoryNavigationContainer ul li#level1 ul.ul {
  z-index: 999
}

.OwnCategoryNavigationContainer ul li#level2 ul.ul {
  z-index: 998
}

.OwnCategoryNavigationContainer ul li#level3 ul.ul {
  z-index: 997
}

.OwnCategoryNavigationContainer ul li.is-open li:hover {
  background: #f5f5f5;
}

.is-open.loading li {
  filter: blur(10px) !important;
}

/*--------------------------------------------------------------
/*--------------------------------------------------------------
/*--------------------------------------------------------------
/*--------------------------------------------------------------
/*--------------------------------------------------------------
/*--------------------------------------------------------------
# RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 1800px) {}

@media (max-width: 1590px) {
  h1, .h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # KATEGORIEVIEW
  --------------------------------------------------------------*/
  .OwnCategoryNavigationContainer .headline {
    float: left;
    width: 75%;
  }
}

@media (max-width: 1490px) {
  h1, .h1 {
    font-size: 1.7rem;
  }

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # KATEGORIEVIEW
  --------------------------------------------------------------*/
  .sideBar {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
  }

  .sideBar ul>li>a {
    font-size: 1rem;
  }

  .itemContainer {
    -ms-flex: 0 0 78%;
    flex: 0 0 78%;
    max-width: 78%;
  }

  article.category-item .itemName {
    font-size: 1rem;
  }

  article.category-item .hoverMe .quantity-input-container {
    display: none;
  }

  article.category-item .hoverMe .btn-add-to-basket {
    width: 100%;
  }

  /*--------------------------------------------------------------
  # FOOTER
  --------------------------------------------------------------*/
  .contactData .phonelLink,
  .contactData .mailLink {
    font-size: 1.3rem;
  }
}

@media (max-width: 1400px) {
  h1, .h1 {
    font-size: 1.6rem;
  }

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # FOOTER
  --------------------------------------------------------------*/
  .contactData .phonelLink, .contactData .mailLink {
    font-size: 1.2rem;
    white-space: nowrap;
  }
}

@media (max-width: 1200px) {

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  .nav-top .dropdown-container .container {
    max-width: 100%;
    margin: 0;
    padding: 0 15px;
  }

  /*--------------------------------------------------------------
  # KATEGORIEARTIKEL
  --------------------------------------------------------------*/
  article.category-item .category-item-image {
    height: 310px;
    line-height: 310px;
    max-height: initial
  }

  article.category-item .category-item-image img {
    max-width: 90%;
    height: auto;
    max-height: 90%;
  }

  article.category-item .wishlist {
    top: 275px;
  }

  /*--------------------------------------------------------------
    # KATEGORIEVIEW
    --------------------------------------------------------------*/
  .OwnNavPoint label {
    width: 25%;
  }

  .OwnCategoryNavigationContainer .headline {
    width: 70%;
  }

  .sideBar {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .itemContainer {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .categoryTitle {
    display: inline-block;
    width: 100%;
    padding: 0;
  }

  .itemContainer .filter-toggle {
    border: 1px solid #e5e5e5;
    color: #222;
    position: relative;
    margin-top: 0px;
    margin-left: 10px;
    padding: 10px 20px;
    top: initial;
    transform: initial;
  }

  /*--------------------------------------------------------------
    # HOME
    --------------------------------------------------------------*/
  .category-home .widget-image-box.widget-image-box-inline-caption>.widget-inner .widget-caption {
    padding: 2.5% 5%;
    margin-left: -25%;
    min-width: 50%;
    top: 50%;
    margin-top: -7%;
    text-transform: uppercase;
  }

  .category-home .widget-image-box.widget-image-box-inline-caption.less-space>.widget-inner .widget-caption {
    margin-left: -40%;
    min-width: 80%;
    margin-top: -7.5%;
  }

  /*--------------------------------------------------------------
      # Footer
      --------------------------------------------------------------*/
  footer .socialList {
    justify-content: start;
    padding-left: 0;
    margin: 2rem 0;
  }
}

@media (max-width: 991.5px) {
  h1, .h1 {
    font-size: 1.5rem;
  }

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  .nav-top>li:hover .dropdown-container {
    display: none;
  }

  .nav-top>li .fa.fa-angle-down {
    display: none;
  }

  .defaultNavigation {
    position: absolute;
    width: 100%;
    top: 65px;
    background: #222;
    left: 0;
  }

  .page-category-item #page-body {
    margin-top: 124px;
  }

  /*--------------------------------------------------------------
  # MAINPAIGE
  --------------------------------------------------------------*/
  .category-home .widget-image-box.widget-image-box-inline-caption>.widget-inner .widget-caption {
    padding: 2.5% 5%;
    left: 50%;
    margin-left: -25%;
    min-width: 50%;
    margin-top: -6%;
  }

  .category-home .widget-grid .widget-inner.col-md-12.widget-stacked-tablet {
    padding-bottom: 5px;
  }

  .category-home .widget-prop-3-1 .widget-proportional.p100 {
    padding-bottom: 100%;
  }

  .category-home .articleHeadline strong {
    width: 40%;
    margin-left: -20%;
  }

  /*--------------------------------------------------------------
  # KATEGORIEARTIKEL
  --------------------------------------------------------------*/
  article.category-item .category-item-image {
    height: 270px;
    line-height: 270px;
  }

  article.category-item .category-item-image img {
    max-width: 90%;
    height: auto;
    max-height: 90%;
  }

  article.category-item .wishlist {
    top: 235px;
  }

  article.category-item .itemName {
    font-size: 1rem;
  }

  /*--------------------------------------------------------------
      # KATEGORIEVIEW
  --------------------------------------------------------------*/
  .sideBar {
    display: none
  }

  .itemContainer {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  .parallax-window {
    max-height: 300px;
  }

  .parallax-window .h-100 {
    height: 300px !important;
    max-height: 300px !important;
  }

  .parallax-window h1, .parallax-window .categoryTitle {
    line-height: 280px;
  }

  /*--------------------------------------------------------------
      # BASKET / CHECKOUT
  --------------------------------------------------------------*/
  .basket-preview {
    padding: 15px;
  }

  .basket-preview-wrapper {
    width: 100%;
  }

  .lastSeenItems .fixed .maxiBox .content .productList>div {
    min-width: 120px;
  }

  .basket-item-container-right {
    width: 50%;
  }
}

@media (max-width: 768.5px) {

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  .page-header.home, .page-header {
    min-height: 125px;
    border-top: 0;
    border-bottom: 50px solid #353535;
  }

  .home .navbar-brand, .navbar-brand {
    padding: 25px 0px;
    position: absolute;
    left: 15px;
    margin-left: 0;
    width: auto;
    text-align: center;
    margin-right: 0;
  }

  .page-header {
    justify-content: end;
    display: block;
  }

  .hamburger {
    display: block;
    position: absolute;
    top: 83px;
    left: 15px;
  }

  .nav-controls {
    margin-right: 25px;
  }

  .mm-menu .fa {
    display: none !important;
  }

  .searchbutton {
    position: absolute !important;
    right: 15px;
    margin: 0 !important;
    top: 83px;
  }

  .main#page-body {
    background: #fff;
    margin-top: 50px;
    padding-top: 15px;
  }

  .category-home .main#page-body {
    margin-top: 0px;
    padding-top: 0px;
  }

  ul#progressbar li {
    font-size: 12px;
    line-height: 15px;
  }

  /*--------------------------------------------------------------
  # FOOTER
  --------------------------------------------------------------*/
  .paymentMethodList svg {
    width: 100px;
  }

  /*--------------------------------------------------------------
    # HOME
    --------------------------------------------------------------*/
  .category-home .widget-image-box>.widget-inner .widget-caption h2, .category-home .widget-image-box>.widget-inner .widget-caption .h2 {
    margin: 0;
    font-size: 1.3rem;
    padding: .25rem 0;
  }

  .category-home .bannerHeadline h1.align-center span,
  .bannerHeadline h1.align-center strong {
    font-size: 4vw;
  }

  .category-home .widget.widget-text.widget-none * {
    display: block;
  }

  .category-home .widget-image-box.widget-retain-aspect-ratio {
    padding: 0;
  }

  .category-home .widget-image-box.widget-image-box-block-caption>.widget-inner .widget-caption {
    top: 10px;
    left: 10px;
  }

  /*--------------------------------------------------------------
  # KATEGORIEARTIKEL
  --------------------------------------------------------------*/
  article.category-item .category-item-image {
    height: 240px;
    line-height: 240px;
  }

  article.category-item .wishlist {
    top: 205px;
  }

  /*--------------------------------------------------------------
  # KATEGORIEVIEW
  --------------------------------------------------------------*/
  .page-category-item #page-body {
    margin-top: 110px;
  }

  .parallax-window .h-100 {
    height: 200px !important;
    max-height: 200px !important;
  }

  .parallax-window h1, .parallax-window .categoryTitle {
    line-height: 180px;
    font-size: 3.5vw;
  }

  /*--------------------------------------------------------------
  # MODAL Dialog
  --------------------------------------------------------------*/
  .modal-dialog {
    width: 80%;
    max-width: 80vw;
    left: 50%;
    transform: translate(-50%, -40%);
    margin-left: -40%;
    margin-top: 3vw;
  }

  .modal-dialog .modal-content {
    padding: 15px;
  }

  body .popup-modal .img-fluid {
    padding: 0;
  }

  body .popup-modal .modal-dialog .modal-content .col-xs-12.m-b-2 {
    padding: 0;
  }
}

@media (max-width: 575px) {
  .breadcrumb {
    display: none;
  }

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  .home .nav-controls .cartbutton,
  .home .nav-controls .userLoginHandler,
  .home .nav-controls .wishlist_button,
  .nav-controls .cartbutton,
  .nav-controls .userLoginHandler,
  .nav-controls .wishlist_button {
    margin: 25px 0 0px 15px;
  }

  .nav-controls .fa {
    font-size: 1.7rem;
  }

  .nav-controls .badge {
    display: none;
  }

  .nav-controls {
    margin-right: 0;
  }

  /*--------------------------------------------------------------
    # FOOTER
    --------------------------------------------------------------*/
  .paymentMethodList svg {
    width: 60px;
  }

  /*--------------------------------------------------------------
  # MAINPAGE
  --------------------------------------------------------------*/
  .widget-image-box>.widget-inner .widget-caption h2, .widget-image-box>.widget-inner .widget-caption .h2 {
    font-size: 1.25rem;
  }

  .category-home .widget-image-box.widget-image-box-inline-caption>.widget-inner .widget-caption {
    padding: 1% 2%;
  }

  .widget.widget-text.widget-none * {
    display: inline-block;
  }

  .category-home .bannerHeadline h1.align-center span,
  .bannerHeadline h1.align-center strong {
    font-size: 6vw;
  }

  .category-home .widget-image-box>.widget-inner .widget-caption h2, .category-home .widget-image-box>.widget-inner .widget-caption .h2 {
    font-size: 5vw;
    padding: 1.25rem 0;
  }

  .category-home .articleHeadline strong {
    width: 60%;
    margin-left: -30%;
  }

  /*--------------------------------------------------------------
  # KATEGORIEARTIKEL
  --------------------------------------------------------------*/
  article.category-item .category-item-content {
    padding: 0 5px;
  }

  .product-list.grid li {
    padding: 0 5px;
  }

  article.category-item:hover {
    left: initial;
    right: initial
  }

  article.category-item:hover .hoverMe {
    display: none;
  }

  /*--------------------------------------------------------------
  # KATEGORIEVIEW
  --------------------------------------------------------------*/
  .OwnCategoryNavigationContainer li {
    width: 100% !important;
    margin: 3px 0%;
  }

  .OwnCategoryNavigationContainer .headline {
    margin-right: 0;
    float: right;
    width: 75%;
  }

  .page-category-item #page-body {
    margin-top: 110px;
  }

  .parallax-window .h-100 {
    height: 150px !important;
    max-height: 150px !important;
  }

  .parallax-window h1, .parallax-window .categoryTitle {
    line-height: 35px;
    font-size: 6.5vw;
    margin-top: 10%;
  }

  .list-wrapper {
    width: 100%;
  }

  .list-controls .list-sort, .list-controls .list-itemsperpage {
    width: 49%;
    float: left;
  }

  .itemContainer .filter-toggle {
    margin-top: 5px;
    width: calc(100% - 25px);
    margin-left: 7px;
    margin-bottom: 15px;
  }

  /*--------------------------------------------------------------
    # SLICKSLIDER
    --------------------------------------------------------------*/
  .slick-next.slick-arrow {
    right: -10px;
  }

  .slick-prev.slick-arrow {
    left: -10px;
  }

  /*--------------------------------------------------------------
    # CHECKOUT
    --------------------------------------------------------------*/
  .basket-item-container-right .price-box.text-right.ml-2.mt-1 {
    clear: both;
    float: left;
  }

  .lastSeenItems {
    display: none;
  }

  .basket-preview .totals .totalSum {
    font-size: 1rem;
  }
}

@media (max-width: 450px) {

  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # MODAL Dialog
  --------------------------------------------------------------*/
  .modal-dialog {
    width: 92vw;
    max-width: 92vw;
    left: 50%;
    transform: translate(-50%, -40%);
    margin-left: -46vw;
    margin-top: 0;
    top: 30px !important;
  }

  .modal-dialog .modal-content {
    padding: 10px;
  }
}

@media (max-width: 390px) {
  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
}

@media (max-width: 360px) {
  /*--------------------------------------------------------------
  # HEADER
  --------------------------------------------------------------*/
}

#tinynav1 {
  display: none;
}


/*--------------------------------------------------------------
# Schneigarnitur-Pflege
--------------------------------------------------------------*/

.list-group-item.active {
  color: #fff !important;
  background-color: #3F3F3F !important;
  border-color: #3F3F3F !important;
}

.list-group-item.active a {
  color: #fff !important;
}

.sidebar-header h3 {
  font-weight: bold !important;
}

.user-manual__chainsaw {
  width: 320px !important;
  margin: 0 auto;
}

.user-manual__logo {
  width: 320px;
  margin: 0 auto;
  padding-top: 20px !important;
  padding-bottom: 0% !important;
}

.user-manual__headline {
  text-decoration: underline;
}

.user-manual__description {
  font-size: 16px !important;
}

/*--------------------------------------------------------------
# 1. Secura Qualität
--------------------------------------------------------------*/
.user-manual__page-one--headline {
  text-decoration: underline;
}

.user-manual__page-one--description {
  font-size: 16px !important;
}

/*--------------------------------------------------------------
# 2. Wie eine Sägekette aufgebaut ist
--------------------------------------------------------------*/

.user-manual__page-two--headline {
  text-decoration: underline;
}

.user-manual__page-two--description {
  font-size: 16px !important;
}

/*--------------------------------------------------------------
# 3. Sägekette - Schneidezähne im Detail
--------------------------------------------------------------*/

.user-manual__page-three--headline {
  text-decoration: underline;
}

.user-manual__page-three--block-one {
  font-size: 16px !important;
  display: flex;
  align-items: center;
}

.user-manual__page-three--block-one__image {

}

.user-manual__page-three--block-one__description {
  font-size: 16px !important;

}

.user-manual__page-three--block-two {
  font-size: 16px !important;
  display: flex;
  align-items: center;
}

.user-manual__page-three--block-two__image {

}

.user-manual__page-three--block-two__description {
  font-size: 16px !important;

}

.user-manual__page-three--block-three {
  font-size: 16px !important;
  display: flex;
  align-items: center;
}

.user-manual__page-three--block-three__image {

}

.user-manual__page-three--block-three__description {
  font-size: 16px !important;

}

.user-manual__page-three--block-four {
  font-size: 16px !important;
}

.user-manual__page-three--block-five {
  font-size: 16px !important;
  display: flex;
  align-items: center;
}

.user-manual__page-three--block-five__image {

}

.user-manual__page-three--block-five__description {
  font-size: 16px !important;

}



/*--------------------------------------------------------------
# 4. Überprüfe Sie ihre Sägekette
--------------------------------------------------------------*/

.user-manual__page-four--headline {
  text-decoration: underline;
}

.user-manual__page-four--description {
  font-size: 16px;
}


/*--------------------------------------------------------------
# 5. Bevor Sie Ihre Sägekette schärfen
--------------------------------------------------------------*/

.user-manual__page-five--headline {
  text-decoration: underline;
}

.user-manual__page-five--description {
  font-size: 16px;
}

.user-manual__page-five--block-one {

}

.user-manual__page-five--block-one__description {
  font-size: 16px !important;
}

.user-manual__page-five--block-two__description {
  font-size: 16px !important;
}

.user-manual__page-five--block-three__description {
  font-size: 16px !important;
}


/*--------------------------------------------------------------
# 6. Das richtige Werkzeug zum Schärfen der Sägekette
--------------------------------------------------------------*/

.user-manual__page-six--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-six--description {
  font-size: 16px;
}

.user-manual__page-six--block-one {

}

.user-manual__page-six--block-one__description {
  font-size: 16px !important;
}

.user-manual__page-six--block-two__description {
  font-size: 16px !important;
}

/*--------------------------------------------------------------
# 7. Wie Sie Ihre Sägekette richtig schärfen
--------------------------------------------------------------*/

.user-manual__page-seven--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-seven--description {
  font-size: 16px;
}

.user-manual__page-seven--block-one,
.user-manual__page-seven--block-two,
.user-manual__page-seven--block-three,
.user-manual__page-seven--block-four {
  display: flex;
  align-items: center !important;
}

.user-manual__page-seven--block-one__description {
  font-size: 16px !important;
}

.user-manual__page-seven--block-two__description {
  font-size: 16px !important;
}

.user-manual__page-seven--block-three__description {
  font-size: 16px !important;
}

.user-manual__page-seven--block-four__description {
  font-size: 16px !important;
}


/*--------------------------------------------------------------
# 8. Was Sie beim Tiefenbegrenzer beachten müssen
--------------------------------------------------------------*/

.user-manual__page-eight--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-eight--description {
  font-size: 16px;
}

.user-manual__page-eight--block-one__description {
  font-size: 16px !important;
}

.user-manual__page-eight--block-two__description {
  font-size: 16px !important;
}


/*--------------------------------------------------------------
# 9. Diese Feilhilfen sollten Sie verwenden
--------------------------------------------------------------*/

.user-manual__page-nine--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-nine--description {
  font-size: 16px;
}

.user-manual__page-nine--block-one,
.user-manual__page-nine--block-two,
.user-manual__page-nine--block-three,
.user-manual__page-nine--block-four,
.user-manual__page-nine--block-five,
.user-manual__page-nine--block-six,
.user-manual__page-nine--block-seven,
.user-manual__page-nine--block-eight,
.user-manual__page-nine--block-nine {
  display: flex;
  align-items: center !important;
}

.user-manual__page-nine--block-one__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-two__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-three__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-four__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-five__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-six__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-seven__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-eight__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-nine__description {
  font-size: 16px !important;
}

.user-manual__page-nine--block-then__description {
  font-size: 16px !important;
}

/*--------------------------------------------------------------
# 10. Wie Sie Ihre Sägekette richtig spannen
--------------------------------------------------------------*/

.user-manual__page-then--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-then--description {
  font-size: 16px;
}

.user-manual__page-then--block-one,
.user-manual__page-then--block-two {
  display: flex;
  align-items: center;
}

.user-manual__page-then--block-one__description {
  font-size: 16px !important;
}

.user-manual__page-then--block-two__description {
  font-size: 16px !important;
}


/*--------------------------------------------------------------
# 11. So merken Sie Ihre Fehler beim Schärfen der Sägekette
--------------------------------------------------------------*/

.user-manual__page-eleven--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-eleven {
  font-size: 16px;
}


/*--------------------------------------------------------------
# 12. Welche Verschleißstellen an der Schneidgarnitur wichtig sind
--------------------------------------------------------------*/

.user-manual__page-twelve--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-twelve {
  font-size: 16px;
}

/*--------------------------------------------------------------
# 13. Das ist die richtige Sägekette für Sie
--------------------------------------------------------------*/

.user-manual__page-thirteen--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-thirteen {
  font-size: 16px;
}

/*--------------------------------------------------------------
# 14. Das richtige Kettenrad für Sie
--------------------------------------------------------------*/

.user-manual__page-fourteen--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-fourteen {
  font-size: 16px;
}

/*--------------------------------------------------------------
# 15. Die richtige Führungsschiene für Sie
--------------------------------------------------------------*/

.user-manual__page-fivteen--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}

.user-manual__page-fivteen {
  font-size: 16px;
}

/*--------------------------------------------------------------
# 16. Pflegecheckheft
--------------------------------------------------------------*/

.user-manual__page-sixteen--headline h1 {
  text-decoration: underline;
  line-height: 48px !important;
}


/*--------------------------------------------------------------
# ENDE Schneigarnitur-Pflege
--------------------------------------------------------------*/

.input-unit label {
  color: #000 !important
}