:root {
  --green: #afcb05;
  --blue: #008ad2;
}
#pageLoad {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:9999999;
  background:url(https://cdn02.plentymarkets.com/r16lxhl7gu36/frontend/ceres/img/loading.svg)  center no-repeat #fff;
  background-color: #fff;
  display: none;
}
body {
  color: #6f6f6e;
}
body, .navbar {
    background-color: #ffffff;
}
#vue-app {
  margin-top: 0 !important
}
h1 {
  font-size: 24px !important;
  font-weight: bold;
  color: #6f6f6e
}
hr {
  border-color: #d3d3d3;
}
.container-max {
    max-width: 1230px;
}
.breadcrumb {
  border-radius: 0 !important
}
.grecaptcha-badge {
  bottom: 100px !important
}
.mobile-navigation .breadcrumb {
    font-size: 1.4em;
    background: var(--green);
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
.mobile-navigation .breadcrumb li.btn-close {
    padding-top: 5px;
}
/*------------------------------------------------
Widget Allgemein
-------------------------------------------------*/
.widget-text h2,
.widget-item-list-caption{
  font-size: 30px;
  color: #6f6f6e;
  border-bottom: 3px solid var(--blue);
      margin-bottom: 2rem !important;
}
.widget-text h2 {
  padding-bottom: 1rem;
}
.widget-item-list-caption h2 {
  font-size: 30px;
  color: #6f6f6e;
  padding-bottom: 1rem;
}
.widget-secondary.widget-text h2,
.widget-secondary .widget-item-list-caption {
  border-bottom: 3px solid #afcb05;
}
.widget-secondary.widget-text .bg-appearance,
.widget-item-list-caption.bg-appearance,
.widget-title-bar.widget-primary .bg-appearance {
  background: #fff !important;
  padding: 0;
}
.widget-item-list-caption > a {
  display: none
}
.bild_box > .widget-inner:last-child > div {
  display: flex;
  flex-direction: column;
}
.bild_box  .widget-list .fa::before {
content: "\f14a";
font-size: 20px;
padding-right: 15px;
}

.widget-title-bar.widget-secondary h2 {
  font-size: 30px;
  text-transform: uppercase;
}

.widget-title-bar.widget-secondary + .widget-list {
  background: var(--blue);
  padding: 20px;
  margin-top: 20px;
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget-list li {
  margin-bottom: 5px;
}
.widget-title-bar.widget-secondary + .widget-list li,
.widget-title-bar.widget-secondary + .widget-list li a  {
  color: #fff;
  font-size: 20px;
}
.widget-image-box.widget-image-box-block-caption>.widget-inner .widget-caption {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: auto;
    padding: 10px 20px;
    font-size: 18px;
    background:  var(--blue);
    width: auto;
}
.widget-text .widget-inner {
  padding: 0;
}
.btn-collapse {
  z-index: 1;
}
/*------------------------------------------------
Header
-------------------------------------------------*/
#page-header-parent  > div,
#page-header-parent  > nav {
  position: relative !important;
  top: 0 !important;
}
.top-bar {
  background-color: var(--blue);
}
#controlsList {
    padding: 7px 0;
}
.search-permanent .controls .control-basket .nav-link {
  border-left: 1px solid #fff;;
}
.search-permanent {
  justify-content: flex-end;
  -webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.fixed-top {
  position: relative !important;
}
#header-bottom {
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.brand-wrapper {
    max-width: 230px;
}
.navbar-brand img {
    max-height: 68px;
}
/*------------------------------------------------
Header Navigation
-------------------------------------------------*/
header .navbar {
  border-top: 5px solid var(--blue);
  border-bottom: 0 !important
}
.controls-list .nav-link:hover,
.control-basket .toggle-basket-preview:hover {
    color: var(--blue);
    background-color: #fff
}
.control-user .dropdown .dropdown-menu a {
  padding: 0.5rem 0.8rem;
}
.autocomplete-suggestion {
    border-bottom: 1px solid #d3d3d3;
}
.autocomplete-suggestion .label > p::before{
  content: "\f14a";
  font-size: 15px;
  padding-right: 10px;
  color: #e6e6e6;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.autocomplete-suggestion:hover .label > p::before{
  color: var(--blue);
}
.main-navbar-collapsable .mainmenu {
    justify-content: center;
}
.main-navbar-collapsable .mainmenu>li>a {
    font-size: 20px;
    padding: 10px 40px;
    position: relative;
        color: #6f6f6e;
}
.main-navbar-collapsable .mainmenu>li>a::before {
  position: absolute;
  height: 15px;
  width: 1px;
  content: " ";
  background: var(--blue);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.overlay-menu #page-body {
  position: relative;
}

body.overlay-menu #page-body:before {
    background-color: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 9;
}
.megamenu .mainmenu>li:hover>ul,
.megamenu .mainmenu>li.hover>ul {
  display: flex;
}
.megamenu .collapse {
  border: 1px solid #d3d3d3;
  z-index: 9;
  column-count: 1;
  column-gap: 0;
  flex-direction: row;
  flex-wrap: wrap;
}
.megamenu .collapse > li {
  flex: 0 0 auto;
  width: 20%;
  padding: 0 !important;
}
.megamenu .collapse li {
    padding: .1px 1em;
    line-height: 1.4rem;
    text-align: left;
}
.megamenu .level1 a {
    border-bottom: 1px solid var(--blue);
    padding: 5px 0;
}
.megamenu .level2 a {
    padding: 5px 0;
    border-bottom: 1px solid #d3d3d3;
}
.megamenu .level3 {
    line-height: 1.3 !important;
}
.megamenu .level3 a {
  padding: 5px 0;
  border-bottom: 1px solid #d3d3d3;
}
.main-navbar-collapsable .mainmenu>li:last-child>a::before,
.main-navbar-collapsable .ddown>a::after {
  display: none;
}

.main-navbar-collapsable .mainmenu>li.sub-menu-active >ul,
.main-navbar-collapsable .mainmenu>li.sub-menu-active:hover >ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.control-basket .toggle-basket-preview {
  background-color: transparent;
}
/*------------------------------------------------
Header Suche
-------------------------------------------------*/
.always-visible-search  {
  max-width: 250px;
}
.always-visible-search .search-input {
   max-width: 185px;
   font-size: 15px;
   padding: 10px 5px !important
}
.always-visible-search input::placeholder  {
color: #b7b7b6;
}
.always-visible-search .d-flex {
  border-bottom: 1px solid #999999;
}
.search-submit {
    background-color: #ffffff;
}
/*------------------------------------------------
Header Kontakt / Social
-------------------------------------------------*/
.header_info {
  flex: 1 1 0;
  max-width: 660px;
  position: relative !important;
  top: 0 !important;
}
.header_info ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  padding-left: 0;
}
.header_info li {
    padding-left: 50px;
    position: relative;
}
.header_info li.isMail {
    padding-left: 65px;
}
.header_info li::before {
    position: absolute;
    height: 25px;
    width: 1px;
    content: " ";
    background: #6f6f6e;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
}
.header_info li.isMail::before {
    left: 50px;
}
.header_info li a {
    font-size: 17px;
    line-height: 16px;
}
.header_info li .fa {
    font-size: 35px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.header_info li.isPhone .fa {
    font-size: 50px;
}
.header_info li.isSocial {
  padding-left: 20px;
}
.header_info li.isSocial::before {
  left: 0;
}
.header_info li.isSocial a {
  display: block;
}
.header_info li.isSocial .fa {
  position: relative;
  top: 0;
  left: 0;
  font-size: 25px;
  transform: none;
}
.header_info li small {
    display: block;
    color: #6f6f6e;
    font-size: 75%;
}
/*------------------------------------------------
Slider
-------------------------------------------------*/

.slider {
   border-bottom: 10px solid var(--green);
}
.slider.widget-image-box.widget-image-box-inline-caption>.widget-inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.slider .widget-caption {
  background: transparent !important;
  font-size: 36px;
  padding: 50px !important;
  line-height: 50px;
}
.slider .widget-caption strong {
  font-size: 75px;
  text-transform: uppercase;
  text-shadow: 5px 5px 8px #000;
}

/*------------------------------------------------
Footer
-------------------------------------------------*/
footer {
  background-color: #707070;
  border-top: 5px solid var(--green);
  padding-top: 20px;
}
footer .footer {
  background-color: transparent;
}
footer,
footer a,
footer p {
  color: #fff !important;
}
footer a:hover,
footer a:focus,
footer a:active {
  text-decoration: underline;
}
footer .widget-text strong,
footer .headline {
  font-size: 18px;
  margin-bottom: 15px !important;
  font-weight: normal;
}

footer .icon {
  background-color: #f4f4f4;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    letter-spacing: -0.01em;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 70px;
    padding: 0 4px;
    text-align: center;
    width: 25%;
    width: calc(25% - 15px);
    color: #6f6f6e !important;
}
footer .icon img {
    height: auto;
    max-height: 26px;
    max-width: 92%;
    width: auto;
}
footer .widget-legal-information a {
  display: block;
  text-align: left;
  padding: 0 !important;
}
footer .widget-legal-information a::before {
  content: "\f152";
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
}
footer .fa-check::before {
  content: "\f152";
}
#footer-bottom {
  background-color: #333;
  color: #fff;
  padding: 20px 0;
}
#footer-bottom .widget {
  margin-bottom: 0;
}
#footer-top {
  margin-top: 15px;
}
#footer-top .fa {
  font-size: 40px;
    position: relative;
    top: 8px;
}
#footer-top .fa-facebook-square {
  padding-left: 5px;
}
/*------------------------------------------------
Bulletpoints
-------------------------------------------------*/
#bulletpoints {
  margin-top: 50px;
  background-color: #f5f5f5;
  padding: 35px 0;
  border-bottom: 50px solid var(--blue);
  line-height: 1;
}
.page-home-category #bulletpoints {
  border-bottom: 0;
  margin-bottom: 50px;
}
#bulletpoints .point {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#bulletpoints .fa {
  font-size: 45px;
  padding-right: 10px;
}
#bulletpoints small {
  font-size: 12px;
  display: block;
}
#bulletpoints strong {
  font-size: 18px;
  line-height: 1.3;
}
/*------------------------------------------------
Content Seiten
-------------------------------------------------*/
.page-content h1,
.category-content h1 {
  font-size: 30px !important;
}
.category-content h1 {
  margin-bottom: 3rem !important;
  padding-bottom: 3rem;
  padding-top: 1rem;
  border-bottom: 1px solid #d3d3d3;
}
.icon-text-list {
    list-style-type: none;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
.icon-text-list > li {
    margin: 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
  justify-content: space-between;
  align-items: center;
}
.icon-text-list > li > .icon {
    background-color: #fff;
    border: 1px solid #008ad2;
    color: #008ad2;
    display: inline-block;
    font-size: 12px;
    height: 48px;
    letter-spacing: -0.01em;
    line-height: 47px;
    margin-right: 15px;
    min-width: 70px;
    padding: 0 4px;
    text-align: center;
    text-transform: uppercase;
    width: 126px;
}
.icon-text-list > li > .icon img {
    height: auto;
    max-height: 30px;
    max-width: 92%;
    width: auto;
}
.icon-text-list > li > .price {
    float: none !important;
}
.category-content .character-overview {
    background-color: #008ad2;
    padding: 15px;
    margin-bottom: 20px;
}
.category-content .character-overview.versandkosten a {
    width: 19%;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.category-content .box {
    border: 1px solid #f4f4f4;
    margin-bottom: 20px;
    padding: 30px 20px;
}
.category-content .box h2 {
    color: #008ad2;
    font-size: 30px;
    margin-bottom: 30px;
}
.category-content ul.links {
    padding-left: 0;
}
/*------------------------------------------------
Rabatt
-------------------------------------------------*/
.rabatt_box_headline,
.rabatt_box {
   display: none;
}
.rabattBox {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='grey' stroke-width='3' stroke-dasharray='5%2c 15' stroke-dashoffset='23' stroke-linecap='square'/%3e%3c/svg%3e");
  padding: 20px;
  text-align: center;
  line-height: 1;
}
.rabattBox .code,
.rabattBox .prozent {
  color: var(--blue);
  font-weight: bold;
}
.rabattBox .anzahl {
  font-size: 40px;
}
.rabattBox .prozent {
  font-size: 100px;
}
.rabattBox .code {
  font-size: 50px;
}
.rabattBox .auf {
  display: block;
  font-size: 28px;
  margin: 15px 0px;
}
.rabattBox .small {
  font-size: 20px;
}
.rabattBox .regel {
  display: block;
  font-size: 12px;
  margin-top: 15px;
}











/*------------------------------------------------
Artikel kachel
-------------------------------------------------*/
.cmp-product-thumb  {
  height: 100%;
  border: 1px solid #d3d3d3;
  padding: 20px;
}
.cmp-product-thumb:hover,
.cmp-product-thumb:focus,
.cmp-product-thumb:active  {
  box-shadow: 0 0 10px 2px #d3d3d3;
}
/*
.cmp-product-thumb .fa-cart-plus::before {
  content: "\f061";
}*/
.cmp-product-thumb .add-to-basket-lg-container {
  z-index: 2;
  border-color: transparent white transparent transparent;
}
.cmp-product-thumb .special-tags {
    top: 13px;
    left: 13px;
    z-index: 2;
}
.cmp-product-thumb .special-tags .badge {
    box-shadow: none;
    padding: 15px 8px;
}
.cmp-product-thumb .thumb-content {
    padding: 15px 0 0;
}
.cmp-product-thumb .thumb-title {
    min-height: 45px;
    color: #6f6f6e;
    font-size: 14px;
}
.cmp-product-thumb .vat {
    color: #6f6f6e;
    text-align: right;
    margin-top: 10px;
}
.cmp-product-thumb .crossprice {
    font-size: 12px;
    font-weight: normal;
    color: #ff3844;
    text-decoration: none;
}
.cmp-product-thumb .price {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
    color: var(--blue);
}
/*------------------------------------------------
Artikel Liste
-------------------------------------------------*/
.widget-item-list .owl-single-item-nav {
    top: 0;
    bottom: auto;
}
.widget-item-list .owl-single-item-nav .owl-single-item-control {
    top: -70px;
    transform: translate(0);
    color: #fff;
    background: #6f6f6e;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    font-size: 15px;
    text-align: center;
    padding-left: 3px;
}
.widget-item-list .owl-single-item-nav.left .owl-single-item-control {
    padding-left: 0px;
}
.widget-item-list .owl-single-item-nav .owl-single-item-control:hover,
.widget-item-list .owl-single-item-nav .owl-single-item-control:focus,
.widget-item-list .owl-single-item-nav .owl-single-item-control:active {
  color: #fff;
  background-color: var(--blue);
}
.widget-item-list .owl-single-item-nav.left::after {
    content: " ";
    height: 16px;
    width: 2px;
    background-color: #d3d3d3;
    position: absolute;
    right: 25px;
  top: -70px;
}
.widget-item-list .owl-single-item-nav.left .owl-single-item-control {
    right: 35px;
}
.widget-item-list .owl-single-item-nav .fa-chevron-right:before {
    content: "\f0da";
}
.widget-item-list .owl-single-item-nav .fa-chevron-left:before {
    content: "\f0d9";
}
.widget-item-list .owl-carousel .owl-nav.disabled,
.widget-item-list .owl-carousel .owl-single-item-nav.disabled {
    display: block;
    opacity: 0.5;
}
/*------------------------------------------------
Kategorie
-------------------------------------------------*/

.categoriegrid .widget-background .parallax-img-container-inner {
  background-size: cover !important;
}
.cat_headline:not(.noImage) > .widget-inner {
  height: 100%;
  display: flex;
    flex-direction: column;
}
.cat_headline:not(.noImage) {
  height: 100%;
}
h1.category-title {
    background: var(--green);
    padding: 40px 20px !important;
    font-size: 40px !important;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.cat_headline.noImage h1.category-title {
   margin-bottom: 0;
   max-width: 60%;
   margin-right: 10px;
}
.cat_headline .category-description {
  background: var(--blue);
  padding: 20px 40px;
  color: #fff;
  flex: 1 0 auto;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0 !important;
}
.cat_headline.noImage .category-description {
   max-width: 40%;
}
.cat_headline .category-description p:last-child {
  margin-bottom: 0;
}
.cat_navigation {
  border-bottom: 3px solid var(--green);
  padding-bottom: 10px;
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
}
.cat_navigation > .widget-inner:nth-child(odd) {
  padding-left: 0px !important
}
.cat_navigation > .widget-inner:nth-child(even) {
  padding-right: 0px !important
}
.cat_navigation .custom-select {
  border: 1px solid #d3d3d3;
  height: 50px;
}
.cat_navigation .widget-item-sorting,
.cat_navigation .widget-items-per-page {
  display: inline-block;
  margin-right: 10px;
}
.page-link {
    padding: 12px;
    margin-left: 10px;
    color: #6f6f6e !important;
    border: 1px solid #d3d3d3;
    height: 50px;
    width: 50px;
    font-size: 20px;
    text-align: center;
}
.page-item.active .page-link {
    color: var(--blue) !important;
    background-color: #fff !important;
    border-color: #d3d3d3 !important;
}
.widget-filter-base .title,
.widget-navigation-tree .category-title {
    padding: 0;
    background: #fff;
    color: var(--blue);
    font-size: 25px;
}
.widget-filter-base .item-filter-price {
  padding: 0;
}
.sidebar-categories .nav-item .expand-nav,
.widget-navigation-tree .nav-item .expand-nav {
  float: right;
  padding: 5px;
}
.sidebar-categories .nav-item .expand-nav .fa-caret-right::before,
.widget-navigation-tree .nav-item .expand-nav .fa-caret-right::before {
  content: "\f078";
}
.sidebar-categories ul li.is-open>.expand-nav i,
 .widget-navigation-tree ul li.is-open>.expand-nav i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sidebar-categories ul li.is-open>.expand-nav .fa-caret-right::before,
.widget-navigation-tree ul li.is-open>.expand-nav .fa-caret-right::before {
   content: "\f077";
 }
.sidebar-categories .nav-item .nav-link,
.widget-navigation-tree .nav-item .nav-link {
    padding: 5px 5px 5px 0;
    border-bottom: 1px solid #d3d3d3;
}
.sidebar-categories ul li.active>a,
.widget-navigation-tree ul li.active>a {
    background: #ffffff;
    color: var(--blue);
}
.sidebar-categories ul li.is-open ul li a,
.widget-navigation-tree ul li.is-open ul li a {
    padding-left: 1rem !important;
}
.sidebar-categories ul li.is-open ul li ul li a,
.widget-navigation-tree ul li.is-open ul li ul li a {
    padding-left: 2rem !important;
}
/*------------------------------------------------
Singleitem
-------------------------------------------------*/
.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #fff;
}
.single .single-carousel,
.page-singleitem .single-carousel {
    border: 1px solid #d3d3d3;
    padding: 20px;
}
.single-carousel.owl-carousel .carousel-control.right .owl-single-item-control {
  right: 20px;
}
.single-carousel.owl-theme .owl-dots {
  bottom: 20px;
}
.page-singleitem .owl-thumbs .owl-thumb {
    border: 1px solid #d3d3d3;
    padding: 10px;
}
.single .title-outer h1,
.page-singleitem .title-outer h1 {
  font-size: 30px !important;
  margin-bottom: 20px;
}
.page-singleitem .crossprice del {
  color: #ff3844  !important;
  text-decoration: none;
  font-size: 16px;
}
.page-singleitem .base-price > div:first-child {
  display: none;
}
.single .price,
.page-singleitem .price {
    display: block;
    font-weight: 700;
    line-height: 1;
    font-size: 50px;
    color: var(--blue);
}
.single #availabilityIcon {
    display: block;
    margin-right: 5px;
    height: 19px;
    width: 19px;
    overflow: hidden;
    float: left;
}
.single #availabilityIcon span {
    height: 6px;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset;
}
#availabilityIcon.available-1 .first,
#availabilityIcon.available-1 .second,
#availabilityIcon.available-1 .third,
#availabilityIcon.available-2 .second,
#availabilityIcon.available-2 .third,
#availabilityIcon.available-3 .third {
  background-color: #3b0;
}

#availabilityIcon.available-2 .first, #availabilityIcon.available-3 .first, #availabilityIcon.available-3 .second, #availabilityIcon.available-4 .first, #availabilityIcon.available-4 .second, #availabilityIcon.available-4 .third, #availabilityIcon.available-5 .second, #availabilityIcon.available-5 .third, #availabilityIcon.available-6 .third {
  background-color: #fc3;
}

#availabilityIcon.available-5 .first, #availabilityIcon.available-6 .first, #availabilityIcon.available-6 .second, #availabilityIcon.available-7 .first, #availabilityIcon.available-7 .second, #availabilityIcon.available-7 .third, #availabilityIcon.available-8 .second, #availabilityIcon.available-8 .third, #availabilityIcon.available-9 .third {
  background-color: #f11;
}
.page-singleitem .widget-text h2 {
  border-bottom: 0;
  color: var(--blue);
}
.page-singleitem .widget-text ul  {
  padding: 0;
}
.page-singleitem .widget-text ul li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.page-singleitem .widget-text ul li ul {
  margin-top: 10px;
}
.page-singleitem .widget-text ul li::before {
  content: "\f14a";
  display: inline-block;
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 3px;
    left: 0;
    color: var(--blue);
}
.page-singleitem .widget-text ul ul li::before {
  content: "";
  height: 5px;
  width: 5px;
  position: absolute;
  top: 8px;
  left: 7px;
  background-color: var(--blue)
}
.page-singleitem .box.sperrgut {
  background-color: var(--blue);
  color: #fff;
  padding: 20px;
}
.page-singleitem .box.sperrgut h2{
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-singleitem .box.sperrgut .table  {
border: 1px solid #fff;
}
.page-singleitem .box.sperrgut .table p {
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding: 2px 10px;
}
.page-singleitem .box.sperrgut .table p:last-child {
  border-bottom: 0;
}
.page-singleitem .box.sperrgut .table p:nth-child(even) {
  background-color: rgba(255,255,255,0.3);
}
.page-singleitem .box.sperrgut .table .text-right {
  float: right;
}
.page-singleitem .add-to-basket-container button.btn-primary {
  font-size: 20px;
  text-transform: uppercase;
}
.page-singleitem .add-to-basket-container button.btn-primary .fa {
  display: none;
}
.page-singleitem .widget-attribute .input-unit {
    overflow: visible;
    border: 0;
}
.page-singleitem .widget-attribute .input-unit .custom-select {
  border: 1px solid #d3d3d3;
  padding: 10px 15px;
  margin-top: 25px;
  background-position: calc(100% - 1rem) 1rem;
}
.page-singleitem .widget-attribute .input-unit label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    color: #6f6f6e;
    text-overflow: ellipsis;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
    cursor: none;
    -webkit-transition: none;
    transition: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
}
/*------------------------------------------------
Warenkorb Popup / Warenkrop Vrschau
-------------------------------------------------*/
@media(min-width: 992px) {
  .basket-preview-content > .flex-column.totals {
    flex-wrap: wrap !important;
      flex-direction: row !important;
  }
  .basket-preview-content > .flex-column.totals > * {
    width: 100%;
  }
  .basket-preview-content > .flex-column.totals > #ppButton a {
    margin-top: 9px;
    display: block;
  }
  .basket-preview-content > .flex-column.totals > #ppButton,
  .basket-preview-content > .flex-column.totals > .amzPayButton {
    width: 50%;
  }
}

.basket-preview-footer  a .fa,
#add-item-to-basket-overlay .modal-footer a .fa {
  display: none;
}

@media(min-width: 576px) {
  #add-item-to-basket-overlay .modal-content {
    display: block;
  }
  #add-item-to-basket-overlay .modal-content::after {
    display: table;
    clear: both;
    content: " ";
  }
  #add-item-to-basket-overlay .amzPayButton,
  #add-item-to-basket-overlay #ppButton {
    float: right;
  }
  #add-item-to-basket-overlay #ppButton {
    margin-right: 15px;
  }
  .categoriegrid .pi-xs > .widget-inner:nth-child(odd) {
    padding-right: 5px !important
  }
  .categoriegrid .pi-xs > .widget-inner:nth-child(even) {
    padding-left: 5px !important
  }
}
/*------------------------------------------------
Login
-------------------------------------------------*/
#login-modal-wrapper .amzLoginButton img,
.page-login .amzLoginButton img {
  max-height: 34px !important;
  margin-right: 15px;
}

/*------------------------------------------------
Responsive
-------------------------------------------------*/
@media(min-width: 1201px) {
  .widget-title-bar.widget-secondary h2 {
    font-size: 60px;
  }
  .mh-4 {
      min-height: 312px !important;
  }
}
@media(max-width: 1200px) {
  #header-bottom {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .always-visible-search,
  .brand-wrapper {
      max-width: 50%;
      width: 50%;
  }
  .always-visible-search .search-input {
     max-width: 100%;
 }
  .header_info {
    margin-bottom: 10px !important;
    max-width: 720px;
  }
  .header_info li.isSocial {
    padding-right: 15px;
  }
  .header_info li.isSocial::before {
    left: -10px;
  }
  .rabattBox .prozent {
    font-size: 80px;
  }
  .rabattBox .auf {
    font-size: 23px;
  }
  .rabattBox .code {
    font-size: 40px;
  }


}
@media (max-width: 1200px) and (min-width: 769px) {
  .page-singleitem .w-100-ipad > .widget-inner {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .widget-filter-base .item-filter-price {
    display: block;
  }
  .item-filter-price>.input-group {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  .cmp-product-thumb .btn-group {
      width: 100%;
      display: none;
  }
  header .navbar {
    border: 0;
    padding: 10px 0 !important;
  }
  .header_info {
    margin: 0 -15px;
    background-color: var(--blue) !important;
    max-width: 104% !important;
    max-width: calc(100% + 30px) !important;
    padding: 20px 0 13px;
    margin-bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
  }
  .header_info ul {
    justify-content: center;
  }
  .header_info li::before,
  .header_info li small {
    display: none;
  }
  .header_info li.isMail {
    padding-left: 30px;
  }
  .header_info li .fa {
    font-size: 20px;
    top: -2px;
    transform: translateY(0%);
  }

  .header_info li.isApp,
  .header_info li.isPhone {
    margin-left: 15px;
  }
  .header_info li.isApp .fa,
  .header_info li.isPhone .fa {
    font-size: 30px;
    left: 4px;
    top: -7px;
    border-left: 1px solid #fff;
    padding-left: 20px;
  }
  .header_info li.isApp .fa {
     left: -3px;
    padding-left: 13px;
  }
  .header_info li .fa,
  .header_info li a {
    color: #fff;
  }
  .header_info_grey ul li,
  .header_info li a {
    font-size: 18px;
  }
  .header_info li.isSocial {
    display: none;
  }
  .header_info_grey {
    margin: 0 -15px;
    background: #f5f5f5;
    width: 104%;
    width: calc(100% + 30px);
    max-width: 104%;
    max-width: calc(100% + 30px);
    padding: 13px 0;
    margin-bottom: 15px;
  }
  .header_info_grey ul {
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0;
  }
  #searchBox {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    background: var(--green);
    max-width: 100%;
    padding: 10px 0;
    z-index: 99;
  }
  .search-input {
    height: 50px;
  }
  .always-visible-search .d-flex {
    border-bottom: 0
  }
  .controls-list .list-inline-item.control-search {
    padding-left: 12px;
  }
  .brand-wrapper {
    max-width: 90%;
    max-width: calc(100% - 45px);
    width: 90%;
    width: calc(100% - 45px);
  }
  .navbar-brand {
    display: block;
    margin: 0 auto !important;
    transform: translateX(-22.5px);
  }
  .navbar-brand img {
    max-height: 90px;
    position: relative;
    top: -10px;
  }
  #isSocial {
    width: 45px;
  }
  #isSocial a {
    display: block;
    font-size: 50px;
    line-height: 1.2;
  }
  .search-permanent .controls .nav-link {
    padding: 3px 25px !important;
    font-size: 20px !important;
    height: 40px;
    min-width: 50px;
    text-align: center;
    border-left: 1px solid #fff;
  }
  .search-permanent .controls .nav-link.anicon  {
    padding: 9px !important;
    border-left: 0;
  }
  .controls-list i {
    font-size: 20px !important;
  }
  .navbar-toggler {
    background: var(--blue);
    height: 50px;
    width: 50px;
    color: var(--blue);
    text-indent: -90px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 30px;
    padding: 10px !important;
    -webkit-appearance: none;
  }
  .navbar-toggler::after {
    content:"\f0c9";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    padding-left: 53px;
    z-index: 2;
  }
  .slider {
    min-height: 400px;
  }
  .slider .widget-caption strong {
    font-size: 55px;
  }
  #bulletpoints {
    padding: 35px 0 0;
  }
  #bulletpoints .point {
    margin-bottom: 35px;
  }
  .bild_box .widget-image-box.widget-retain-aspect-ratio {
    height: 100%;
  }
  .bild_box  .widget-image-box.widget-retain-aspect-ratio img {
    object-fit: cover;
  }
  .rabattBox {
    margin-bottom: 20px;
  }
  .rabatt_box .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .rabattBox .prozent {
    font-size: 60px;
  }
  .rabattBox .auf {
    font-size: 20px;
    margin-bottom: 0;
  }
  .rabattBox .code {
    font-size: 30px;
    margin-top: 10px;
    display: block;
  }
  .basket-preview-footer  a {
    font-size: 20px !important
  }
}
@media (min-width: 768px) {
  .search-permanent .controls .nav-link {
    padding: 1px 15px;
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .back-to-top {
    display: block !important;
  }
  .back-to-top + .btn-secondary {
    display: none !important;
  }
  .cat_navigation > .widget-inner:nth-child(odd) {
    padding-right: 0 !important;
  }
  .cat_navigation .widget-item-sorting {
    width: 87%;
    width: calc(100% - 94px);
  }
  .cat_navigation .widget-items-per-page {
    width: 80px;
    margin-right: 0px;
  }
  .cat_navigation .custom-select {
    font-size: 20px;
  }
  .slider .widget-caption {
    padding: 20px !important;
    font-size: 30px;
  }
  .slider .widget-caption strong {
    font-size: 50px;
  }

  .widget-item-list .owl-carousel .owl-single-item-control {
      padding: 0;
      font-size: 15px;
    }
    .cat_headline.noImage .d-flex {
      flex-wrap: wrap;
   }
 .cat_headline.noImage h1.category-title {
     margin-right: 0;
     margin-bottom: 10px;
 }
 .cat_headline.noImage h1.category-title,
 .cat_headline.noImage .category-description {
     max-width: 100%;
 }
}
@media (max-width: 630px) {
   .header_info ul {
      flex-wrap: wrap;
   }
   .header_info li.isApp {
      width: 100%;
       text-align: center;
       border-top: 1px solid #fff;
       margin-top: 12px;
       padding-top: 5px;
       padding-left: 0;
       margin-left: 0;
   }
   .header_info li.isApp .fa {
      padding-left: 0;
      border: 0;
      position: relative;
      top: 4px;
   }
}
@media (max-width: 600px) {
  .login-pwd-reset .col-7 {
    margin-bottom: 10px ;
  }
  .login-pwd-reset .col-7,
  .login-pwd-reset .col-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 575.98px) and (min-width: 400px) {
  .basket-preview-content > .flex-column.totals {
    flex-wrap: wrap !important;
      flex-direction: row !important;
  }
  .basket-preview-content > .flex-column.totals > * {
    width: 100%;
  }
  .basket-preview-content > .flex-column.totals > #ppButton a {
    margin-top: 9px;
    display: block;
  }
  .basket-preview-content > .flex-column.totals > #ppButton,
  .basket-preview-content > .flex-column.totals > .amzPayButton {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  body,
  .btn {
    font-size: 1.1rem;
  }
  h1.category-title {
    padding: 40px 15px !important;
    font-size: 30px !important;
}
  .cmp-product-thumb .thumb-image {
      float: none;
      width: 100%;
  }
  .cmp-product-thumb .thumb-content {
    width: 100%;
  }
  .cmp-product-thumb .special-tags .badge,
  .cmp-product-thumb .thumb-title {
    font-size: 15px;
  }
  .cmp-product-thumb .crossprice {
    font-size: 14px;
  }
  .cmp-product-thumb .price {
    font-size: 24px;
    line-height: 1.5;
}
  .navbar-brand img {
    max-height: 70px;
  }
  .slider .widget-caption {
    padding: 50px 0 !important;
    font-size: 25px;
    line-height: 45px;
  }
  .slider .widget-caption strong {
    font-size: 45px;
  }
  #bulletpoints .point {
    padding: 0px 15px;
    width: max-content;
    margin-left:auto;
    margin-right:auto;
    min-width: 290px;
  }
  .rabatt_box .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rabattBox {
    margin-top: 10px;
  }
  .rabatt_box .col-md-3:first-child  .rabattBox{
    margin-top: 50px;
  }
  .w-100-ipad .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important
  }
  .widget-item-grid .col-6 .prices {
    -ms-flex-flow: row;
    flex-flow: row;
  }
  .widget-item-list .owl-single-item-nav .owl-single-item-control {
    top: -75px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 30px;
  }
  .widget-item-list .owl-single-item-nav.right .owl-single-item-control {
    padding-left: 3px !important;
  }
  .widget-item-list .owl-single-item-nav.left .owl-single-item-control {
    padding-right: 6px !important;
    margin-right: 17px;
  }
  .widget-item-list .owl-single-item-nav.left::after {
    content: " ";
    height: 28px;
    width: 3px;
    right: 39px;
    top: -74px;
  }
  #add-item-to-basket-overlay .amzPayButton {
    margin: 15px 0 !important;
  }
  #add-item-to-basket-overlay .amzPayButton,
  #add-item-to-basket-overlay #ppButton {
    text-align: center !important;
  }
  #add-item-to-basket-overlay .modal-footer a {
    width: 100%;
    margin: 5px 0 !important;
    height: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 35px;
  }
  footer .widget-text strong, footer .headline {
    font-size: 25px;
  }
  footer .widget-list ,
  footer .widget-list ul {
    margin-bottom: 0 !important;
  }
  footer .widget-legal-information {
    margin-top: 0 !important;
    margin-bottom: 40px !important;
  }
  footer .widget-legal-information a::before,
  footer .widget-list ul li .fa {
    float: right;
    font-size: 20px;
    padding: 13px;
  }
  footer .widget-legal-information a::before {
    padding: 5px 16px 0 0;
  }
  footer .widget-legal-information a,
  footer .widget-list ul li a {
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding: 10px 0 !important;
    margin: 0 !important;
    display: block !important;
  }
  #footer-top > .widget {
    margin-bottom: 30px !important
  }
  .page-home-category .widget-item-list  {
    margin-bottom: 85px !important;
  }
  .page-home-category .widget-item-list .owl-theme .owl-dots {
    bottom: -20px;
  }
  .category-content .character-overview {
    padding: 0 15px;
  }
  .category-content .character-overview.versandkosten a {
    width: 100%;
    display: block;
    border-bottom: 1px solid #fff;
    padding: 10px;
  }
  .category-content .character-overview.versandkosten a:last-child {
    border-bottom: 0;
  }
  .slider.widget-image-box.widget-image-box-inline-caption>.widget-inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .introText .readmore {
    padding: .5rem 30px;
    margin: 20px auto 30px;
    display: block;
    width: max-content;
  }
  .add-to-basket-container .quantity-input-container {
    position: relative;
    padding-left: 49px;
  }
  .add-to-basket-container .qty-btn-container {
    width: 50px;
    height: 50px;
    border-radius: 0 .1rem .1rem 0;
    flex-direction: row !important;
  }
  .add-to-basket-container .qty-btn-container .qty-btn {
    border: 1px solid #d3d3d3;
  }
  .add-to-basket-container .qty-btn-container button:first-child {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
  }
  .w-100-ipad  #ppButton {
    float: right
  }
  .w-100-ipad  #ppButton img {
    height: 50px;
  }
  .single .widget.widget-two-col.mt-5 {
    margin-top: 20px !important;
    padding-top: 20px !important
  }
  .single hr.widget-separator {
    margin: 10px 0 !important;
  }
  .single .sticky-element .widget-code,
  .single .sticky-element .widget p {
    margin-bottom: 0 !important;
  }
  .single .base-price {
    margin: 0 !important
  }
}
@media(max-width: 500px) {



  .widget-item-grid>.widget-inner>li {
    padding-bottom: 10px;
  }
  .widget-item-grid .product-list>.col-6:nth-child(even) {
    padding-left: 5px;
  }
  .widget-item-grid .product-list>.col-6:nth-child(odd) {
    padding-right: 5px;
  }
  .cmp-product-thumb {
    padding: 10px;
  }
  .cmp-product-thumb .special-tags {
    top: 3px;
    left: 3px;
  }
  .cmp-product-thumb .special-tags .badge {
    padding: 8px;
  }
  .icon-text-list > li,
  .icon-text-list > li > span {
    display: block;
  }
  .icon-text-list > li > .icon {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .icon-text-list > li > span:last-child {
    margin-bottom: 20px;
  }
}
@media(max-width: 485px) {
  .header_info {
    padding: 10px 0 10px;
  }
  .header_info_grey ul li, .header_info li a {
    font-size: 16px;
  }
  .header_info li .fa {
    font-size: 17px;
    top: 2px;
  }
  .header_info li.isApp .fa {
     font-size: 18px;
     top: 0;
 }
  .header_info li.isPhone {
    margin-left: 0;
  }
  .header_info li.isPhone .fa {
    font-size: 25px;
    left: 13px;
    top: -2px;
    border-left: 1px solid #fff;
    padding-left: 15px;
  }
  .header_info_grey {
    padding: 10px 0;
}

  /*.header_info ul {
    flex-direction: column;
  }
  .header_info li {
    padding-left: 25px;
  }
  .header_info li.isPhone .fa {
    left: 0;
    top: 0px;
    border-left: 0;
    padding-left: 0;
}
  .header_info li.isPhone,
  .header_info li {
    width: max-content;
    margin: 0 auto;
  }
  .header_info li.isMail {
    border-bottom: 1px solid #fff;
  }
  .header_info li a {
    padding-top: 10px;
    display: block;
    padding-bottom: 10px;
  }
  .header_info li .fa {
    top: 7px;
  }
  .header_info li.isPhone .fa {
    border-left: 0;
    padding-left: 0px;
    top: 0;
  }
  */
  .slider .widget-caption strong {
    font-size: 35px;
  }
  .slider .widget-caption {
    font-size: 25px;
    line-height: 30px;
  }
  .widget-item-grid .col-6 .prices {
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .cmp-product-thumb .vat {
    text-align: left;
  }
}
@media(max-width: 425px) {
  .w-100-ipad #ppButton img {
    height: 40px;
  }
}
@media(max-width: 400px) {
  .navbar-brand img {
    max-height: 60px;
  }
  #isSocial a {
    font-size: 40px;
  }
  .brand-wrapper {
    padding: 20px 0;
  }
  .navbar-toggler {
    top: 30px;
  }
  #bulletpoints .point {
    padding: 0;
  }
  .widget-item-grid>.widget-inner>li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 15px;
  }
  .widget-item-grid .product-list>.col-6:nth-child(odd) {
    padding-right: 15px;
  }
  .widget-item-grid .product-list>.col-6:nth-child(even) {
    padding-left: 15px;
  }
  /*.basket-preview-footer {
    display: block !important
  }
  .basket-preview-footer a {
    margin: 10px 0 !important;
    }*/
  .widget-item-list-caption h2 {
    font-size: 26px;
  }
}
@media(max-width:375px) {
  .header_info li {
    padding-left: 40px;
  }
  .header_info_grey ul li, .header_info li a {
    font-size: 14px;
  }
  .header_info li.isMail {
    padding-left: 25px;
  }
  .header_info li.isPhone .fa {
    left: 10px;
    top: -1px;
    padding-left: 10px;
  }
  .page-singleitem .single .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important
  }
  .add-to-basket-container {
    flex-direction: column;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .add-to-basket-container .quantity-input-container {
    margin-right: 0;
    margin-bottom: 10px;
    padding-left: 43%;
    padding-left: calc(50% - 25px);
    }
  .add-to-basket-container .qty-box {
    margin-left: 0;
    width: 100%
  }
  .add-to-basket-container .qty-box .qty-btn {
    width: calc(50% - 25px) !important;
    border: 1px solid #d3d3d3 !important;
  }
  .add-to-basket-container .qty-box .qty-input {
    border: 1px solid #d3d3d3 !important;
    width: 50px;
  }
  .add-to-basket-container .qty-btn-container button:last-child {
    position: absolute;
    right: 0;
    height: 50px;
  }
  .page-singleitem .add-to-basket-container button.btn-primary {
    height: 50px;
  }
  .w-100-ipad #ppButton {
    float: none;
  }
}
@media(max-width: 340px) {
  h1.category-title {
    hyphens: auto;
  }
  .basket-preview-wrapper .h3,
  .basket-preview-wrapper h3 {
    font-size: 1.3rem;
  }
  .basket-preview-wrapper .amzPayButton img {
    max-height: 30px !important;
  }
  .basket-preview-wrapper #ppButton img {
    max-height: 25px;
  }
}