@media(max-width:767px) {
  :root {
    --light-green: #a9c964;
    --green-text: #006600;
    --text-orange: #e9932c;
    --text-light-gray: rgba(128, 128, 128);
    --text-black: #000;
    --title-green-text: #13883b;
  }

  html {
    overflow-x: hidden;
  }

  body {
    font-size: 16px;
  }

  .top-header {
    width: 100%;
  }

  nav {
    margin-top: 38px !important;
  }

  .search-form {

    margin-bottom: 32px;
  }

  .search {
    background-image: url("../Images/image/mini-size.svg");
    background-position: 8% 50%;
    background-repeat: no-repeat;
    padding-left: 50px;
    font-size: 19px;
    color: #006600;
  }



  .topbar-links-items ul li {
    list-style: none;
    font-size: 16px;
  }

  .main-banner-item-box img {
    width: 100%;
    margin-bottom: 4px;
  }

  .main-banner-item ul.slick-dots {
    justify-content: center !important;
    gap: 0px;
  }

  .main-banner-item-box {
    text-align: center;
    margin-bottom: 6px;
  }

  .main-banner-item-box span {
    font-size: 13px;
  }

  .main-banner-item-box .slick-track {
    margin-bottom: 12px;
  }

  .EatSamter-iconBox {
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    text-align: right;
    gap: 16px;
    margin-bottom: 64px;
    font-size: 18px;
    color: var(--text-light-gray);
  }

  .EatSamter-iconBox img {
    width: 64px;
  }

  .EatSamter-leftIcon-block span {
    font-size: 14px;
  }

  .home-introduction h1 {
    font-size: 30px !important;
  }

  .Premium-user-slider .Wissen-item {
    width: 270px !important;
    margin-right: 10px;
  }

  .Weekly-Planner-Block .Weekly-Planner-item ul li {
    list-style: none;
    border: 1px solid #13883b;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    /* padding: 7px 8px; */
  }

  .Weekly-Planner-Block .Weekly-Planner-item ul {
    display: flex;
    justify-content: center;
    padding: 0;
    gap: 16px;
  }

  .Weekly-Planner-Block {
    margin: 24px 0px;
  }



  .eatsmarter-unsere-zeitschrift-slide-item img,
  .eatsmarter-unsere-zeitschrift-slide-item {
    width: 90px !important;
  }

  .rezept-video-Link span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 5px;
  }

  .Insurance-about-Recipe .Insurance-about-Recipe-against-diseases {
    display: flex;

  }

  .search-form.home-search {
    margin-top: 4px;
  }

  .Tabslider.slider-nav .slick-slide span {
    padding-right: 1px;
    padding-left: 1px;
  }

  .search-form.InsuranceTopSearch {
    margin-top: 24px;
  }

  .dropdown-toggleSortierenModal .modal-content {
    border-radius: 8px 0px 0px 8px !important;
  }

  .dropdown-toggleSortierenModal .modal-dialog {
    width: 50%;
    position: fixed;
    right: 0;
    margin: 0;
  }

  .dropdown-toggleSortierenModal .dropdown-content ul {
    list-style: none;
    padding: 0;
  }

  .dropdown-toggleSortierenModal .dropdown-content ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .dropdown-toggleSortierenModal .dropdown-content ul li span {
    font-size: 16px;
  }

  input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border: 1px solid #444;
    background-color: #fff;
    border-radius: 7px;
    position: relative;
    cursor: pointer;
    margin-left: 9px;
    margin-top: -2px;
  }

  input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    /* background-image: url('../Images/check-svgrepo-com(1).svg'); */
    background-image: url('../Images/tik.PNG');
    width: 25px;
    height: 25px;
    top: -1px;
    left: -1px;
    font-size: 13px;
    background-position: center;
    background-size: cover;
  }

  .dropdown-toggleSortierenModal .btn-close {
    box-sizing: content-box;
    width: 16px !important;
    height: 10px !important;
    padding: .25em .25em;
    color: #000;
    background: transparent url("../Images/CloseRightMobileMenu.PNG") center/1em auto no-repeat;
    background-size: contain;
    opacity: 1;
    margin-top: 4px;
  }

  #TopModal .modal-header {
    margin-bottom: 12px;
  }

  .dropdown-toggleSortierenModal .modal-header {
    padding: 1rem 1rem;
    border-bottom: unset !important;
    padding: 12px 18px 0px !important;
  }
}




@media(max-width:400px) {
  .Tabslider.slider-nav .slick-slide span {
    padding-right: 4px;
    padding-left: 4px;
  }

  .eatsmarter-unsere-zeitschrift-slide-item img,
  .eatsmarter-unsere-zeitschrift-slide-item {
    width: 83px !important;
  }

  .top100-imagebox-content p {
    font-size: 14px;
  }

  .top100-imagebox-footer div span {
    font-size: 11px;
  }

  .Tabslider.slider-nav .slick-track {
    height: 20px;
    margin-left: -16px;
  }
}

@media(min-width:420px) and (max-width:435px) {
  .search-form.home-search {
    margin-top: 0px;

  }



  .Tabslider.slider-nav .slick-track {
    /* height: 20px; */
    /* margin-left: -16px; */
  }
}

@media(min-width:436px) {
  .search-form.home-search {
    margin-top: 16px;

  }
}

@media(max-width:399px) {
  .Tab-Krankheiten-border {
    width: 208px !important;
    height: 38px;
  }

  .Tab-Abnehmen-border {
    width: 184px !important;
    height: 38px;
  }

  .Tab-kids-border {
    width: 168px !important;
    height: 38px;
  }

  .Tab-home-border {
    width: 118px !important;
  }

  .Tab-Ziele-border {
    width: 132px !important;
    height: 38px;
  }

  .Tabslider .slick-track {
    min-width: 850px !important;
  }
}

@media(min-width:400px) {
  .Tab-Krankheiten-border {
    width: 200px !important;
    height: 38px;
  }

  .Tab-Abnehmen-border {
    width: 178px !important;
    height: 38px;
  }

  .Tab-kids-border {
    width: 162px !important;
    height: 38px;
  }

  .Tab-home-border {
    width: 112px !important;
  }

  .Tab-Ziele-border {
    width: 126px !important;
    height: 38px;
  }

  .Tabslider .slick-track {
    min-width: 850px !important;
  }
}