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

.ws5_aftersales_sendungsverfolgung_lieferdatum{

  display: none !important;
}

@media(max-width:767.98px){
    #jtl-nav-wrapper{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    }
}




 [data-page="1"] img{
    max-width:100%;}
 


@media (max-width: 991.89px) {
    body #ws_eu-cookie-openConsentManagerButton-container svg {
        bottom: unset; /* kontrolliert die y-Achse*/
        top: 20px;
    }
}


    .nosto_element {
      margin-top: 2rem;
    }
    .nosto_element .nosto-block {
      margin-bottom: 2rem;
      background-color: #F6F6F6;
      padding: 1rem 0px;
      transition: all 0.2s ease-in-out;
      position: relative;
    }
    .nosto_element .nosto-block::before {
      position: absolute;
      z-index: -1;
      background-color: #F6F6F6;
      width: 150000px;
      left: -5555px;
      display: inline-block;
      top: 0;
      height: 100%;
      content: " ";
    }
    body[data-page='2'] .nosto_element .nosto-block::before{
      z-index: 0!important;
    }
    .nosto_element .nosto-block .nosto-header {
      font-size: 1.5rem;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 30px;
      text-align: center;
      padding-bottom: 1rem;
      color: black;
      font-family: "Bai Jamjuree";
    }
    .nosto_element .nosto-block .panel-body .slick-dots {
      margin-top: 1rem;
    }
    .nosto_element .nosto-block .panel-body .slick-dots li {
      height: 3px;
      width: 3rem;
    }
    .nosto_element .nosto-block .panel-body .slick-dots li button {
      width: 100%;
      height: 100%;
      border-radius: unset;
    }
    .nosto_element .nosto-block .panel-body .slick-dots li:not(.slick-active) button {
      border-color: #D8D8D8;
      background-color: #D8D8D8;
    }
    .nosto_element .nosto-block .panel-body .slick-list {
      padding: 1.5rem 0;
    }
    @media (max-width: 991.98px) {
      .nosto_element .nosto-block .panel-body .slick-list .slick-slide {
        padding: 0 0.5rem !important;
      }
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper {
      border: 1px solid #EBEBEB;
      perspective: 600px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper > * {
      background-color: white;
      display: block;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper:hover {
      border: 1px solid #565656;
      transform: scale(1.02);
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper:hover .nosto-product-info .title > a {
      font-weight: 500 !important;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell {
      position: relative;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon {
      width: 110px;
      height: 110px;
      overflow: hidden;
      position: absolute;
      z-index: 10;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon::after, .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon::before {
      position: absolute;
      z-index: -1;
      content: " ";
      display: block;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon span {
      position: absolute;
      display: block;
      width: 190px;
      padding: 15px 0;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      color: #fff;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      text-transform: uppercase;
      text-align: center;
      line-height: 1.3;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.nosto-ribbon-top-right {
      top: -10px;
      right: -10px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.nosto-ribbon-top-right::after, .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.nosto-ribbon-top-right::before {
      border-top-color: transparent;
      border-right-color: transparent;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.nosto-ribbon-top-right::before {
      top: 0;
      left: 0;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.nosto-ribbon-top-right::after {
      bottom: 0;
      right: 0;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.nosto-ribbon-top-right span {
      left: -13px;
      top: 30px;
      transform: rotate(45deg);
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.discount::after, .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.discount::before {
      border: 5px solid #ff0000;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.discount span {
      background-color: #ff0000;
      color: #fff;
      font-weight: bold;
      font-size: 0.875rem;
      padding-right: 3rem;
      letter-spacing: 1px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.discount.nosto-ribbon-top-right span {
      left: -9px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.top::after, .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.top::before {
      border: 5px solid #ebebeb;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.top span {
      background-color: #ebebeb;
      color: #525252;
      font-size: 0.7rem;
      font-weight: bold;
      padding-right: 2.5rem;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.top.nosto-ribbon-top-right span {
      left: -10px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.bestseller::after, .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.bestseller::before {
      border: 5px solid #eeb700;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.bestseller span {
      background-color: #eeb700;
      color: #525252;
      font-size: 0.7rem;
      font-weight: bold;
      padding-right: 2.5rem;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.bestseller.nosto-ribbon-top-right span {
      left: -12px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.new::after, .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.new::before {
      border: 5px solid #ef7b13;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.new span {
      background-color: #ef7b13;
      color: #fff;
      font-weight: bold;
      font-size: 0.875rem;
      padding-right: 3rem;
      letter-spacing: 1px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-ribbon.new.nosto-ribbon-top-right span {
      left: -9px;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .image-wrapper {
      display: inline-block;
      width: 100%;
      position: relative;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .image-wrapper .nosto-image {
      width: 100%;
      max-width: 100%;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .image-wrapper::after {
      content: "";
      background: #EBEBEB;
      position: absolute;
      bottom: 0;
      left: 10%;
      margin: 0px auto;
      height: 1px;
      width: 80%;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .title {
      margin-top: 0.5rem;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .title > a {
      display: inline-block;
      width: 100%;
      text-decoration: none;
      color: black;
      font-family: "Bai Jamjuree";
      font-weight: 500;
      text-align: center;
      min-height: 85px;
    }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .title > a {
        min-height: 70px;
      }
    }
    @media (min-width: 992px) {
      .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .title > a {
        min-height: 75px;
      }
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .price_wrapper {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
      display: flex;
      justify-content: center;
      margin-bottom: 0;
      color: black;
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .price_wrapper .nosto-product-price {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      text-decoration: none;
    }
    @media (min-width: 768px) {
      .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .price_wrapper .nosto-product-price {
        flex-flow: row wrap;
      }
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .price_wrapper .nosto-product-price .nosto-oldprice {
      order: 2;
      font-family: "Bai Jamjuree";
      color: #b8152a;
      font-size: 0.65rem !important;
      display: flex;
      align-items: center;
      text-decoration: line-through;
    }
    @media (min-width: 768px) {
      .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .price_wrapper .nosto-product-price .nosto-oldprice {
        font-size: 0.8rem !important;
        margin-left: 8px;
      }
    }
    .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .price_wrapper .nosto-product-price .nosto-newprice {
      order: 1;
      display: flex;
      align-items: center;
      color: black;
      font-weight: bold;
      font-size: 1rem !important;
    }
    @media (min-width: 768px) {
      .nosto_element .nosto-block .panel-body .slick-list .product-wrapper .card.product-cell .nosto-product-info .price_wrapper .nosto-product-price .nosto-newprice {
        margin-right: 8px;
      }
    }
    


    @media (max-width: 991.98px){
    #jtl-nav-wrapper > .container .cart-icon-dropdown.not-empty .cart-dropdown.dropdown-menu.dropdown-menu-right.lg-min-w-lg.show {
      display: flex!important;
      top: 0!important;
      bottom: 50px!important;
      left: 0!important;
      position: fixed;
      flex-direction: column;
      right: 0;
      overflow: auto;
  }}


footer button.ws5_oss_button {
    color: #444;
}