/* Add media queries for smaller screens */
@media only screen and (min-width: 768px) {
  .gartencenter-navbar {
    position: fixed;
    top: 50px;
    left: 50px;
    right: 50px;
    z-index: 99999;
  }
  .main-header .header-content {
    padding-top: 2rem;
  }
  .new-section {
    height: 315px;
    overflow-y: auto;
  }
  .new-section-sm {
    display: none;
  }
  .Care-tips {
    height: 690px;
  }
  .plant-box .button-box button {
    position: relative;
    top: 30px;
    left: 133px;
  }
}

@media only screen and (min-width: 991px) {
  .main-header img {
    height: 600px;
    width: 600px;
  }
  .main-header .header-content {
    padding-top: 14rem;
  }
  .Care-tips {
    height: 460px;
  }
  .plant-box .main-img img {
    height: 430px;
    width: 560px;
  }
  .plant-box .button-box button {
    position: relative;
    top: 30px;
    left: 134px;
  }
}

@media screen and (max-width: 768px) {
  .weekdays li, .days li {
    width: 13.1%;
  }
  .main-header img {
    height: 400px;
    width: 400px;
  }
}

@media only screen and (max-width: 520px) {
  .Gartencenter-btn {
    width: 100%;
    text-align: center;
  }
  .weekdays li {
    width: 12.5%;
  }
  .days li {
    width: 12.5%;
  }
  .days li .active {
    padding: 2px;
  }
  .Care-tips {
    height: 100%;
  }
  .imgbg-box .img-box img {
    width: 270px;
    height: 210px;
    top: 2rem;
    left: 1rem;
  }
  .plant-box .main-img img {
    position: relative;
    top: 1rem;
    right: 2rem;
    height: 280px;
    width: 250px;
  }
  .plant-box .sm-img img {
    background-color: #f9f9f9;
    position: absolute;
    top: -50px;
    left: -32px;
    height: 120px;
    width: 120px;
  }
  .footer {
    margin-top: 5rem;
  }
  .Care-tips {
    height: 80%;
  }
  .carousel-control-prev {
    display: none;
  }
  .Pflegetipps {
    background-color: #ebf3eb;
    padding: 1.5rem;
  }
  .calender-main, .new-section {
    margin-inline: 1rem;
  }
  .new-section-sm {
    overflow-x: auto;
    white-space: nowrap;
    background-color: #046b00;
    margin-inline: 1rem;
  }
  .new-section-sm .news {
    display: inline-block;
    margin-inline: 0.5rem;
    width: 230px !important;
  }
  .bestsellers-section {
    padding-inline: 1rem;
  }
  .shopping-cart-sm {
    position: absolute;
    bottom: 0px;
  }
}

@media screen and (max-width: 290px) {
  .weekdays li, .days li {
    width: 12.2%;
  }
}
/*# sourceMappingURL=responsive.css.map */