/* ================================================================== */
/* =========================== Index page ============================ */
.products .swiper-slide{
  padding:20px;
  border-right: 1px solid #eee;
}
.product-link{
  color:black;
  position: relative;
  display: block;
  padding:10px;
}
.custom-link {
  color: #04495E;
}
.custom-product-title {
  color: #04495E;
}
.custom-product-image {
  width: 600px;
  height: auto;
}
.box2 {
    height: 31rem;
}
.shadow-box {
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 20px #888;
  border-radius: 10px;
}

.shadow-box20 {
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 20px #888;
  border-radius: 10px;
}

.shadow-box2 {
  padding: 10px;
  width: 61% !important;
  max-width: 85% !important;
  object-fit: contain;
}
.btn.product-del2 {
    width: 40px;
    height: 30px;
}
.product-del2 {
  color: red;
  border: 1px solid red;
  transition: all 0.3s ease;
}
.product-del2:hover {
  background-color: crimson;
  color: white;
}
.product-left{
  text-align: center;
}
.product-main-img{
  width:auto;
  /* height: 100px; */
  max-width: 85%;
  object-fit: contain;
}
.product-title{
  font-size: 14px;
  color: #46648c;
  padding-top:20px;
  font-weight: bold;
  height: 75px;
}
.product-main-price{
  font-size: 16px;
  font-weight: 700;
}
.product-link .product-detail{
  height: 55px;
}
.product-right{
  position: absolute;
  width:300px;
  /* width:95px; */
  background-color: #eee;
  text-align: center;
  top:0px;
  display: none;
}
.product-right-img{
  height:50px;
  width: auto;
  margin:10px;
  max-width:75px;
}
.products .product-link:hover{
  box-shadow: 0 0 25px rgb(0 0 0 / 35%);
}
.products .product-link:hover .product-right{
  display: block;
  box-shadow: 0 0 25px rgb(0 0 0 / 35%);
  z-index: 100;
}
.product-detail{
  color:#4d4d4d;
  margin-bottom:15px;
  height: 195px;
}
/* Standardstil für Desktop */
.product-main {
  border: 1px solid #04495E;
}

/* Stil für mobile Geräte */
@media (max-width: 768px) {
  .product-main {
    border: 1px solid gold; /*mobile Geraete */
  }
}.swiper-button-disabled{
  display: none !important;
}
.top-products .swiper-button-next:after, .top-products .swiper-button-prev:after,
.new-main .swiper-button-next:after, .new-main .swiper-button-prev:after {
    font-size: 21px;
    font-weight: 700;
}
.swiper-button-next, .swiper-button-prev {
  color: #04495E !important;
}
.swiper-pagination-bullet {
  background: #04495E !important;
}
.new-main .swiper-slide{
  height: auto !important;
  padding:0px 10px !important;
}
.main-padding{
    padding:15px;
}
.sale-main.row{
    margin-right: -5px;
    margin-left: -5px;
}
.sale-main .col-lg-3{
    padding-right: 5px;
    padding-left: 5px;
}
.sale-each{
    padding: 15px 15px 32px 15px;
    position: relative;
}
.sale-each:hover{
    border:1px solid #46648c !important;
}
.sale-each .product-title{
    font-size: 16px;
    height: 90px;
}
.product-star{
    border: 1px solid #46648c;
}
.product-star .fa-star{
    color:rgb(202, 202, 202);
}
.selected_watchlist_star{
  color:#e8ac00 !important;
}
.cartIn{
  width:calc(100% - 45px);
  font-weight: bold;
}
.product-star:hover .fa-star{
    color:#e8ac00;
}
.sale-each .uvp-price{
    color: #818a91;
}
.old-price{
    text-decoration: line-through;
}
.offer-day{
    color: #b75a64;
    font-size: 12px;
}
.price-info{
    color: #818a91;
    font-size: 12px;
}
#watchlistModal .modal-body{
  font-size: 16px;
}
.manOne{
  display: flex; 
  justify-content: center;
  align-items: center; 
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
  background-color: rgb(245 245 245);
  margin-bottom: 10px;
}
.manOne a{
  height: 75px;
  width:150px;
  display: flex; 
  justify-content: center;
  align-items: center; 
}
.manPicture{
  display: block;
  max-height: 100%;
  max-width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;
  margin-right: auto !important;
  margin-left: auto !important;
}
.manPicture:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
/* ========================================================================= */
/* ======================= Login page ========================================= */
.section-header{
  border-radius: 5px 5px 0 0;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.cursor_pointer:hover{
  cursor: pointer !important;
}
.hover_check_section{
  color:#04495E;
}
.hover_check_section:hover{
  color:white;
  background-color: #04495E;
  transition: all .5s;
}

/* ================================================================================== */
/* ========================= WatchList page ========================================= */
.card-border{
  position: relative;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
}
.card-border:hover{
  border: 1px solid #003495;
}
.card-img{
  width: auto;
  height: 230px;
  max-width: 85%;
  object-fit: contain;
}
.product-del{
  border:1px solid #b75a64;
}
.product-del i{
  color: #b75a64;
}
.product-del:hover i{
  color:white;
}
.product-del:hover{
  background-color: #b75a64;
}
.short-des{
  position: relative;
  max-height: 55px;
  overflow: hidden;
}
.sort-des-back{
  width:100%;
  height: 100%;
  position: absolute;
  background: linear-gradient( to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100% );
}

/* =========================================================== */
/* ================ Cart Page ============================= */
.cartMain{
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding:10px;
}
.disabled_tab{
  cursor: not-allowed;
}
.basketProductImage{
  max-width: 200px;
  height: auto;
  width: 100%;
}
.basketCountInput{
  border:1px solid #d2d2d2;
  height: 30px;
  padding:2px 10px;
}
.serviceProductMessage{
  background-color: #9ca3a9;
  color: white;
  font-weight: 600;
  padding:2px 5px;
}
.versandCheckedBorder{
  border: 1px solid #458955;
}
.coupenErrorMessage{
  display: none;
}
/* ============== Payment page ======================*/
.paymentTitle{
  background-color: rgba(230, 230, 230, 0.7);
  padding:6px 10px;
}
.payment_img{
  height: 40px;
  width: auto;
}

/* ========== Order Confirm page ============================================= */
.lawLinks{
  color: rgb(0 0 74);
  font-weight: 500;
}
.lawLinks:hover{
  cursor: pointer;
  color:rgb(0, 131, 87);
  text-decoration: underline;
}

/* ================= Product page ========================= */
.prodStars{
  color: #d0d5d8 !important;
}
.prodManufImg{
  margin-right: 10px;
  height: 60px;
  max-width: 100%;
}
.prodImags{
  max-height: 350px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
.prodImg{
  display: inline-flex;
  margin: 1%;
  border: 2px solid #818a91;
  border-radius: 5px;
  width: 47%;
  height: 95px;
  align-items: center;
  justify-content: center;
}
.prodMainImg{
  position: relative;
  max-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-zoom-result{
  position: absolute;
  top:0px;
  left: 450px;
  border: 4px solid rgb(136, 136, 136);
  background-color: rgb(255, 255, 255);
  width: 400px;
  height: 400px;
  opacity: 0;
}
.img-zoom-lens {
  position: absolute;
  border: 1px solid #9e9e9e;
  /*set the size of the lens:*/
  width: 60px;
  height: 60px;
  opacity: 0;
}
.img-zoom-lens:hover{
  cursor: pointer;
}
.videoRow{
  display: flex;
  justify-content: space-around;
}
.videoDes{
  font-size: 17px;
  margin: 10px 0px;
}
.videoPlayer{
  width:45%;
  height: 250px;
}
.videoImage{
  width: 45%;
  max-height: 250px;
  object-fit: contain;
}
.chooseImg{
  border: 2px solid black;
}
.prodImg:hover{
  cursor: pointer;
}
#imagemodal .modal-dialog{
  width:700px;
  max-width: 95%;
}
.ad_modal_big_img {
  width: 100%;
  height: 400px;
}
.ad_modal_small_img {
  width: 14%;
  height: 100px;
  margin: 0px 1%;
}
#imagemodal .carousel-indicators {
  margin: 5px 0 !important;
  position: relative !important;
}
.ad_modal_small_img.active {
  border: 2px solid black;
}
.ad_modal_small_img:hover{
  cursor: pointer;
}
.productCart{
  position: relative;
}
.prodMarkers{
  position: absolute;
  right: 0px;
  top: 0px;
}
.prodPriceDetail .input-group, .prodPriceDetail .basketCountInput{
  height: 100% !important;
}
#priceOfferModal .modal-dialog {
  max-width: 650px;
}
.feedbackStar:hover{
  cursor: pointer;
}
.reviewDetail{
  padding:10px;
  margin-bottom: 10px;
  background-color: rgb(238, 238, 238);
}
.reveiwDes{
  border-left: 3px solid rgb(190, 190, 190);
  padding:5px 10px;
}
.reveiwDes pre{
  margin-bottom: 0px !important;
}

/* ================ Manufacture Page ======================= */
.manufactureOne{
  padding:5px;
  display: flex; 
  justify-content: center;
  flex-direction: column;
  align-items: center; 
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
}
.manufactureLink{
  height: 75px;
  width:150px;
  display: flex; 
  justify-content: center;
  align-items: center; 
}
.manufacturePicture{
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin-right: auto !important;
  margin-left: auto !important;
}
.manuPagePic{
  max-height: 75px;
}
@media (max-width: 540px){
    .index-silder{
        height: 150px !important;
    }
.shadow-box2{
    padding: 0px;
    width: 100% !important;
    max-width: 0% ;
    object-fit: contain;
}
.box2 {
    height: 40rem;
}
.product1{
    height: 24rem;
}

   .sale-each {
    margin-bottom: 10px;
    padding: 15px 15px 49px 15px;
}    .product-link .product-detail{
        height: 155px;
    }
    .img-zoom-result{
      display: none;
    }
  .ad_modal_small_img{
      height: 50px;
  }
  .ad_modal_big_img {
    height: 200px;
  }
  .videoRow{
    flex-direction: column;
  }
  .videoPlayer{
    width:100%;
    height: auto;
    margin-bottom: 10px;
  }
  .videoImage{
    width: 100%;
  }
}