@media screen and (min-width: 1550px) {
     .container {
          max-width: 1728px;
     }
}

@media screen and (max-width: 1550px) {
     .wrapper {
          overflow: hidden;
          margin: 99px 0 0 0;
     }

     .navbar-nav .nav-item {
          padding: 36px 0;
     }

     .navbar-brand img {
          height: 31px;
     }

     .navbar-nav {
          gap: 27px;
     }

     .navbar-nav .nav-link {
          font-size: 18px;
     }

     .search-btn {
          width: 31.5px;
          height: 31.5px;
     }

     .search-btn img {
          height: 24px;
     }

     .social-media {
          border-radius: 24px;
          gap: 16px;
          padding: 11px 18px;
     }

     .social-media li img {
          height: 19px;
     }

     .banner-inner {
          padding: 80px 0;
     }

     .banner-sec .title {
          padding: 46px 0 26px;
     }

     .banner-sec .title h4 {
          font-size: 30px;
          line-height: 42px;
     }

     .banner-box span {
          font-size: 16px;
          line-height: 30px;
          border-radius: 18px 0 18px 0;
          padding: 9px 19.5px;
     }

     .banner-box h1 {
          font-size: 72px;
          line-height: 79.6px;
          max-width: 835px;
          margin: 36px 0;
     }

     .banner-box p {
          font-size: 24px;
          line-height: 36px;
          max-width: 555px;
          margin-bottom: 36px;
     }

     .banner-box a {
          font-size: 18px;
          line-height: 36px;
          border-radius: 36px;
          height: 60px;
          padding: 0 25.5px;
     }

     .category-sec {
          padding: 95px 0;
     }

     .category-box {
          border-radius: 48px 0 48px 0;
          max-width: 396px;
     }

     .category-box .image-holder img {
          border-radius: 48px 0 48px 0;
     }

     .tags {
          font-size: 15px;
          line-height: 24px;
          border-radius: 32px;
          height: 31px;
          padding: 0 15px;
          top: 24px;
          left: 24px;
     }

     .category-box .text-box {
          padding: 36px;
     }

     .category-box .text-box h3 a {
          font-size: 30px;
          line-height: 42px;
          max-width: 307px;
          width: 100%;
     }

     .category-box .text-box p {
          font-size: 16px;
          line-height: 30px;
          margin-top: 18px;
          width: 100%;
     }

     .magazin-sec {
          padding: 0 36px;
     }

     .magazin-inner {
          padding: 72px 0;
     }

     .heading {
          margin-bottom: 36px;
          padding: 0 40px;
     }

     .magazin-list {
          margin-bottom: 36px;
          padding: 0 33px;
     }

     .heading h2 {
          font-size: 72px;
          line-height: 86px;
     }

     .heading p {
          font-size: 21px;
          margin-top: 36px;
     }

     .magazin-detail .media {
          gap: 24px;
          padding-right: 24px;
     }

     .magazin-detail .media .image-holder {
          max-width: 228px;
          width: 100%;
     }

     .magazin-detail .media .image-holder .tags {
          top: 18px;
          height: 33px;
          left: 18px;
     }

     .magazin-detail .media .text-box h4 a {
          font-size: 27px;
          line-height: 36px;
     }

     .magazin-detail .media .text-box p {
          font-size: 18px;
          margin-top: 18px;
          line-height: 24px;
     }

     .magazin-detail {
          padding-top: 36px;
          padding-bottom: 16px;
     }

     .articles-btn {
          font-size: 18px;
          line-height: 36px;
          border-radius: 36px;
          height: 60px;
          max-width: 177px;
     }

     .plants-sec {
          /*padding: 96px 0;*/
     }

     .plants-sec .text-box h3 {
          font-size: 60px;
          line-height: 66px;
          margin-bottom: 36px;
     }

     .plants-sec .text-box h3 span {
          display: block;
     }

     .plants-sec .text-box p {
          font-size: 18px;
          line-height: 31px;
          margin-bottom: 16px;
     }

     .plants-shape {
          width: 212px;
          height: 168px;
          left: -116px;
          top: 117px;
     }

     .plants-sec .text-box {
          max-width: 900px;
     }

     .valerian-sec {
          padding: 96px 0;
     }

     .valerian-sec .text-box {
          border-radius: 60px 0 60px 0;
          padding: 48px;
          max-width: 632px;
     }

     .valerian-sec .text-box span {
          font-size: 16px;
          line-height: 30px;
          border-radius: 18px 0 18px 0;
          height: 48px;
          padding: 0 18px;
     }

     .valerian-sec .text-box h4 {
          font-size: 48px;
          margin: 18px 0;
          line-height: 66px;
     }

     .valerian-sec .text-box p {
          font-size: 18px;
          line-height: 33px;
          margin-bottom: 18px;
     }

     .valerian-sec .text-box .articles-btn {
          font-size: 16px;
          line-height: 30px;
          height: 48px;
          max-width: 162px;
     }

     .leaf-shape3 {
          right: 405px;
          top: -3px;
     }

     .leaf-shape3 img {
          height: 96px;
     }

     .products-sec {
          padding: 96px 0;
     }

     .products-sec .media h4 a {
          font-size: 60px;
          line-height: 66px;
     }

     .swiper-button-next,
     .swiper-button-prev {
          width: 54px;
          height: 54px;
     }

     .swiper-button-next img,
     .swiper-button-prev img {
          height: 21px;
     }

     .products-inner {
          max-width: 1392px;
          margin: 36px auto 0;
          padding: 0 12px;
     }

     .products-box {
          border-radius: 72px 0 72px 0;
     }

     .products-box .image-holder {
          max-width: 630px;
          width: 100%;
     }

     .blog-img {
          border-radius: 72px 0 0 0;
     }

     .products-box .image-holder span {
          bottom: 24px;
          right: 24px;
     }

     .products-box .text-box {
          padding: 12px 72px;
     }

     .products-box .text-box h4 {
          font-size: 48px;
          line-height: 60px;
     }

     .products-box .text-box p {
          font-size: 19px;
          line-height: 31px;
          margin: 36px 0;
     }

     .esberitox {
          font-size: 18px;
          line-height: 36px;
          gap: 7px;
          padding: 3px 0;
          border-bottom: 4px solid #CF673E;
     }

     .esberitox svg {
          height: 15px;
          width: 9px;
     }

     .mySwiper {
          margin-top: 24px;
     }

     .blog-post h4 {
          font-size: 24px;
          line-height: 36px;
          padding: 36px 24px;
     }

     .blog-post::after {
          height: 9px;
          border-radius: 0 0 9px 9px;
     }

     .blog-post img {
          border-radius: 12px;
     }

     .leaf-shape2 {
          bottom: 30px;
          right: 165px;
     }

     .leaf-shape2 img {
          height: 125px;
     }

     .newslatter-sec {
          padding: 96px 0;
     }

     .leaf-shape4 {
          left: 114px;
     }

     .leaf-shape4 img {
          height: 125px;
     }

     .newslatter-inner .text-box {
          max-width: 500px;
     }

     .newslatter-inner .text-box h4 {
          font-size: 48px;
          line-height: 60px;
     }

     .newslatter-inner .text-box p {
          font-size: 16px;
          line-height: 30px;
          margin: 36px 0;
     }

     .newslatter-inner .text-box .form-control {
          font-size: 16px;
          line-height: 30px;
          height: 66px;
          border-radius: 24px 0 24px 0;
          padding-left: 24px;
     }

     .newslatter-inner .text-box a {
          height: 66px;
          width: 136px;
          font-size: 18px;
          line-height: 36px;
          border-radius: 0 0 24px 0;
     }

     footer {
          padding: 30px 0;
     }

     .footer-logo a img {
          height: 63px;
     }

     .footer-right p {
          font-size: 12px;
     }

     .footer-right ul {
          gap: 34px;
          margin-top: 18px;
     }

     .footer-right ul li a {
          font-size: 13px;
          line-height: 110%;
     }

     .blog-sec {
          padding: 27px 0 36px;
     }
     
     .breadcrumb ol{
          gap: 2px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
     }

     .breadcrumb .breadcrumb-item a {
          font-size: 14px;
          width: max-content;
     }
     
     .nav-hero{
       margin-top: 30px;
     }

     .blog-box {
          max-width: 900px;
          margin: 50px auto 0;
     }

     .blog-box h4 {
          font-size: 60px;
          line-height: 72px;
          margin-bottom: 36px;
     }

     .blog-box p {
          font-size: 18px;
          line-height: 36px;
          margin-bottom: 7px;
     }

     .blog-box a {
          font-size: 18px;
          line-height: 36px;
          gap: 7px;
     }

     .blog-box a img {
          height: 13px;
     }

     .blog-inner {
          margin: 50px 0 0 0;
     }

     .blog-inner .category-box .text-box {
          padding: 36px;
     }

     .pagination {
          margin-top: 50px;
     }

     .page-link {
          width: 54px;
          height: 54px;
          font-size: 18px;
          line-height: 38px;
     }

     .page-link svg {
          height: 15px;
          width: 9px;
     }

     .blog-inner .category-box {
          margin: 18px auto;
     }

     .blogleaf1 {
          top: 129px;
          left: -112px;
          z-index: -1;
     }

     .blogleaf1 img,
     .blogleaf4 img {
          height: 125px;
     }

     .blogleaf2 {
          top: 66px;
          right: -116px;
     }

     .blogleaf2 img,
     .blogleaf3 img {
          height: 96px;
     }

     .blogleaf3 {
          right: -116px;
     }

     .blogleaf4 {
          bottom: 147px;
          left: -112px;
     }

     .blog-hero-inner {
          min-height: 550px;
          padding-bottom: 50px;
          margin-top: 30px;
     }

     .blog-hero-inner .text-box h2 {
          font-size: 72px;
          line-height: 79.2px;
          max-width: 851px;
     }

     .blog-detail-sec {
          padding: 72px 0;
     }

     .recipes-list {
          gap: 12px;
          margin-bottom: 36px;
     }

     .blog-detail-left .image-holder {
          margin: 48px 0;
     }

     .recipes-list li a {
          font-size: 15px;
          line-height: 24px;
          border-radius: 12px 0 12px 0;
          height: 33px;
          padding: 0 15px;
     }

     .blog-detail-left .text-box p {
          font-size: 18px;
          line-height: 36px;
          max-width: 890px;
          margin-bottom: 18px;
     }

     .blog-detail-left .text-box h4 {
          font-size: 30px;
          line-height: 42px;
          letter-spacing: 0.8px;
          margin-bottom: 33px;
          max-width: 854px;
     }

     .back-btn {
          font-size: 18px;
          line-height: 36px;
          gap: 12px;
          border-radius: 6px;
          width: 127px;
          margin-top: 36px;
          height: 54px;
     }

     .back-btn svg {
          width: 9px;
          height: 14px;
     }

     .blog-detail-sec .category-box .text-box {
          padding: 24px;
     }

     .blog-detail-sec .category-box .text-box h3 a {
          font-size: 18px;
          line-height: 30px;
          letter-spacing: 1.04px;
     }

     .advertising {
          margin-top: 72px;
     }

     .megamenu {
          padding: 36px 0;
     }

     .medicinal-box {
          border-radius: 12px;
          padding: 24px;
          max-width: 275px;
     }

     .medicinal-box h4 a {
          font-size: 24px;
          line-height: 36px;
     }

     .medicinal-box p {
          font-size: 16px;
          margin-top: 18px;
          line-height: 30px;
     }

     .mega-media {
          gap: 18px;
          padding: 0 0 0 36px;
     }

     .megamenu-link ul li a {
          font-size: 16px;
          line-height: 30px;
     }

     .mega-media .image-holder h4 {
          font-size: 18px;
          line-height: 30px;
          padding: 24px;
     }
}

@media screen and (max-width: 1440px) {
     .category-box {
          position: relative;
          z-index: 100;
     }

     .category-box .text-box {
          padding: 22px;
     }

     .category-box .text-box h3 a {
          font-size: 24px;
          line-height: 32px;
          max-width: 260px;
          width: 100%;
     }

     .leaf-shape {
          bottom: 86px;
          right: -100px;
     }

     .leaf-shape img {
          height: 120px;
     }

     .heading {
          margin-bottom: 36px;
     }

     .magazin-list {
          padding: 0 16px;
     }

     .magazin-detail .media {
          gap: 16px;
          padding-right: 0;
     }

     .magazin-detail .media .text-box h4 a {
          font-size: 22px;
          line-height: 30px;
     }

     .magazin-detail .media .text-box p {
          font-size: 16px;
     }

     .products-inner {
          padding: 0 20px;
     }

     .products-sec .media h4 a {
          font-size: 48px;
          line-height: 52px;
     }

     .products-box .text-box {
          padding: 12px 40px;
     }

     .products-box .text-box p {
          font-size: 16px;
          line-height: 26px;
          margin: 28px 0;
     }

     .blog-inner .category-box .text-box {
          padding: 22px;
     }

     .blog-inner {
          margin: 32px 0 0 0;
     }
     .blog-box h1{
          font-size: 50px;
          line-height: 60px;
     }
     /* mobil neu*/
     .plants-sec .text-box h2{
          font-size: 28px;
          line-height: 40px;
          margin-top: 20px;
     }
     .promo-wrapper{
          padding: 35px 20px;
          min-height: auto;
     }
     .promo-textbox{
          padding: 25px 10px;
     }
     .promo-title{
          font-size: 28px;
     }
     .promo-text{
          font-size: 18px;
     }
     .promo-image{
          max-height: 100px;
          bottom: -27px;
     }
     .cat-box .text-box{
          padding: 17px;
     }
     .cat-box .text-box h3 a{
          font-size: 20px;
          line-height: 24px;
     }
     .cat-box .text-box p{
          font-size: 16px;
          line-height: 20px;
     }
     .ad-image{
          margin: 5px auto;
     }
     .ad-image img{
          max-width: 95px;
     }
     .ad-button{
          padding: 2px 20px;
          font-weight: 500;
     }
     .ad-text h2{
          font-size: 16px;
          line-height: 20px;
     }
     /* SUCHE neu*/
     .page-header .page-title{
          margin-bottom: 60px;
     }
     .entry-summary h2{
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 15px;
     }
     .entry-summary p{
          font-size: 18px;
          line-height: 24px;
     }
     .entry-summary{
          margin-bottom: 60px;
     }
     .pagination .page-numbers{
          padding: 5px;
          font-size: 22px;
     }
     /* MENÜ neu*/
     header{
          /*padding-top: 65px;*/
     }
     .desktop-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1{
          display: flex;
          padding-left: 0;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
          font-size: 20px;
          justify-content: left;
          padding-left: 25px;
          position: relative;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::after{
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          right: 30px;
          background-image: url("../images/arrow-down.png");
          background-size: contain;
          background-repeat: no-repeat;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          padding: 15px 0;
          border-bottom: 1px solid #DBD7C6;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-18:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-20:hover > .mega-sub-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
          padding: 0 22px;
          text-align: center;
          text-align: left;
     }
     
     .medicinal-box{
          display: none;
     }
     .desktop-menu{
          display: block;
          width: 70%;
     }
     .mobil-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          position: relative;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu{
          max-width: 829px;
          position: relative;
          top: unset;
          left: 0;
          margin-top: 20px;
          justify-content: left;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
          font-size: 22px;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item > .mega-sub-menu > .mega-menu-row > .mega-sub-menu{
          margin-left: 30px;
     }
     
     .desktop-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu{
          width: 1282px;
     }
     #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu{
          left: -378px;
     }
     
     
     #mega-menu-menu-1 .mega-menu-item-18:hover > .mega-sub-menu{
          left: -543px;
     }
     
     #mega-menu-menu-1 .mega-menu-item-20:hover > .mega-sub-menu{
          left: -800px;
          gap: 10px;
     }
     #mega-menu-menu-1 .mega-menu-item-20:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          gap: 10px;
     }
     #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: flex;
          flex-wrap: wrap;
          gap: 0px;
     }
     #mega-menu-19-0-1, #mega-menu-19-0-2, #mega-menu-19-0-3, #mega-menu-19-0-4{
          width: 50%;
          flex: 0 0 50%;
          box-sizing: border-box;
     }
     #mega-menu-menu-1 .mega-menu-item-18:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: flex;
          flex-wrap: wrap;
          gap: 0px;
          width: 803px;
     }
     #mega-menu-18-0-1, #mega-menu-18-0-2, #mega-menu-18-0-3, #mega-menu-18-0-4{
          width: 50%;
          flex: 0 0 50%;
          box-sizing: border-box;
     }
}

@media screen and (max-width:1199px) {
     .wrapper {
          margin: 97px 0 0 0;
     }

     .navbar-nav .nav-link {
          font-size: 16px;
     }

     .banner-sec .title h4 {
          font-size: 24px;
          line-height: 30px;
     }

     .banner-sec .title {
          padding: 30px 0 20px;
     }

     .banner-inner {
          padding: 50px 0;
     }

     .banner-box h1 {
          font-size: 60px;
          line-height: 66px;
          max-width: 680px;
          margin: 28px 0;
     }

     .banner-box p {
          font-size: 20px;
          line-height: 30px;
          max-width: 555px;
          margin-bottom: 24px;
     }

     .category-sec {
          padding: 50px 0;
     }

     .category-box .text-box p br {
          display: none;
     }

     .category-box .text-box p {
          line-height: 24px;
     }

     .magazin-sec {
          padding: 0 16px;
     }

     .magazin-inner {
          padding: 50px 0;
     }

     .heading {
          margin-bottom: 20px;
          padding: 0 20px;
     }

     .heading h2 {
          font-size: 56px;
          line-height: 56px;
     }

     .heading p {
          font-size: 18px;
          margin-top: 28px;
     }

     .magazin-detail .media .image-holder {
          max-width: 190px;
          width: 100%;
     }

     .magazin-detail .media .image-holder .tags {
          top: 13px;
          height: 30px;
          font-size: 12px;
          line-height: 18px;
          left: 12px;
     }

     .magazin-detail .media .text-box h4 a {
          font-size: 19px;
          line-height: 18px;
     }

     .magazin-detail .media .text-box p {
          font-size: 14px;
          margin-top: 14px;
          line-height: 20px;
     }

     .plants-sec .text-box {
          max-width: 750px;
     }

     .plants-sec .text-box h3 {
          font-size: 46px;
          line-height: 50px;
          margin-bottom: 24px;
     }

     .plants-sec .text-box p {
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 10px;
     }

     .products-box .image-holder {
          max-width: 450px;
          width: 100%;
     }

     .blog-post h4 {
          font-size: 18px;
          line-height: 18px;
          padding: 20px 10px;
     }

     .leaf-shape2 {
          right: 100px;
     }

     .leaf-shape2 img {
          height: 90px;
     }

     .newslatter-inner .text-box {
          max-width: 400px;
     }

     .newslatter-inner .text-box h4 {
          font-size: 38px;
          line-height: 44px;
     }

     .newslatter-inner .text-box p {
          font-size: 16px;
          line-height: 24px;
          margin: 20px 0;
     }

     .blog-box {
          max-width: 700px;
     }

     .blog-detail-sec .category-box .text-box {
          padding: 16px;
     }

     .blog-detail-sec .category-box .text-box h3 a {
          font-size: 15px;
          line-height: 22px;
     }

     .blog-detail-sec .category-box .text-box p {
          line-height: 20px;
          font-size: 14px;
     }

     .medicinal-box {
          padding: 16px;
     }

     .medicinal-box p {
          font-size: 14px;
          margin-top: 12px;
          line-height: 24px;
     }

     .mega-media {
          gap: 14px;
          padding: 0;
     }

     .megamenu-link ul li a {
          font-size: 14px;
          line-height: 22px;
     }

     .mega-media .image-holder img {
          border-radius: 8px;
     }

     .mega-media .image-holder h4 {
          font-size: 16px;
          line-height: 16px;
          padding: 16px;
     }
     .blog-box h1{
          font-size: 50px;
          line-height: 60px;
     }
     /* mobil neu*/
     .plants-sec .text-box h2{
          font-size: 28px;
          line-height: 40px;
          margin-top: 20px;
     }
     .promo-wrapper{
          padding: 35px 20px;
          min-height: auto;
     }
     .promo-textbox{
          padding: 25px 10px;
     }
     .promo-title{
          font-size: 28px;
     }
     .promo-text{
          font-size: 18px;
     }
     .promo-image{
          max-height: 100px;
          bottom: -27px;
     }
     .cat-box{
          border-radius: 36px 0 36px 0;
     }
     .cat-box .text-box{
          padding: 17px;
     }
     .cat-box .text-box h3 a{
          font-size: 16px;
          line-height: 19px;
          letter-spacing: 0px;
     }
     .cat-box .text-box p{
          font-size: 16px;
          line-height: 30px;
          margin-top: 10px;
     }
     .cat-box .image-holder img{
          border-radius: 36px 0 36px 0;
     }
     .cat-box .tags{
          font-size: 10px;
          font-weight: 400;
          border-radius: 10px;
          height: 18px;
          padding: 0 6px;
          top: 16px;
          left: 5px;
     }
     .ad-image{
          margin: 5px auto;
     }
     .ad-image img{
          max-width: 145px;
     }
     .ad-text h2{
          font-size: 20px;
          line-height: 24px;
     }
     /* SUCHE neu*/
     .page-header .page-title{
          margin-bottom: 60px;
     }
     .entry-summary h2{
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 15px;
     }
     .entry-summary p{
          font-size: 18px;
          line-height: 24px;
     }
     .entry-summary{
          margin-bottom: 60px;
     }
     .pagination .page-numbers{
          padding: 5px;
          font-size: 22px;
     }
     /* MENÜ neu*/
     header{
          /*padding-top: 65px;*/
     }
     .desktop-menu{
          display: block;
     }
     .desktop-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
          font-size: 20px;
     }
     .mobil-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1{
          display: flex;
          padding-left: 0;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
          font-size: 30px;
          justify-content: left;
          padding-left: 10px;
          position: relative;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::after{
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          right: -20px;
          top: 10px;
          background-image: url("../images/arrow-down.png");
          background-size: contain;
          background-repeat: no-repeat;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          padding: 15px 0;
          border-bottom: 1px solid #DBD7C6;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-18:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-20:hover > .mega-sub-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
          padding: 0 22px;
          text-align: center;
          text-align: left;
     }
     
     .medicinal-box{
          display: none;
     }

     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          position: relative;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu{
          max-width: 829px;
          position: relative;
          top: unset;.pagination .page-numbers
          left: 0;
          margin-top: 20px;
          justify-content: left;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
          font-size: 22px;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item > .mega-sub-menu > .mega-menu-row > .mega-sub-menu{
          margin-left: 30px;
     }
     .navbar-brand{
          width: 50%;
     }
     .navbar .media{
          max-width: 20%;
          gap: 2px;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
          font-size: 20px;
     }
     .navbar-expand-lg{
          justify-content: space-between;
     }
     
     #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: flex;
          flex-wrap: wrap;
     }
     #mega-menu-19-0-1, #mega-menu-19-0-2, #mega-menu-19-0-3, #mega-menu-19-0-4{
          width: 50%;
          flex: 0 0 47%;
          box-sizing: border-box;
     }
}


@media screen and (max-width:991px) {
     .wrapper {
          margin: 74px 0 0 0;
     }

     header {
          padding: 16px 0;
          z-index: 1000;
     }

     .navbar .media {
          gap: 16px;
          max-width: 20%;
     }

     .navbar-toggler {
          padding: 0;
          border: none;
          border-radius: 0;
     }

     .navbar-collapse {
          position: absolute;
          left: 0;
          width: 100%;
          background-color: #F9F7ED;
          top: 100%;
          z-index: 100;
          box-shadow: 0px 24px 40px 0 rgba(0, 0, 0, 0.15);
          margin: 1px 0 0 0;
     }

     .navbar-nav .nav-item {
          padding: 0;
          position: relative;
     } 
     .megamenu {
           position: static;
          border-radius: 16px;
          box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.15);
          padding: 20px 0;
     }

     .medicinal-box {
          padding: 20px;
          max-width: 100%;
          margin-bottom: 20px;
     }

     .navbar-toggler:focus {
          box-shadow: none;
     }

     .navbar-nav {
          gap: 20px;
          padding: 20px;
     }

     .navbar-nav .nav-link {
          font-size: 18px;
     }

     .category-sec {
          padding: 38px 0;
     }

     .category-box {
          margin: 12px 0;
          height: auto;
     }

     .magazin-detail {
          padding: 18px 0;
     }

     .magazin-detail .media {
          margin: 12px 0;
     }

     .magazin-detail .media .image-holder {
          max-width: 200px;
          width: 100%;
     }

     .magazin-detail .media .text-box h4 a {
          font-size: 24px;
          line-height: 34px;
     }

     .magazin-detail .media .text-box p {
          font-size: 16px;
          margin-top: 16px;
          line-height: 22px;
     }

     .plants-sec {
          /*padding: 50px 0;*/
     }

     .plants-sec .text-box {
          position: relative;
          z-index: 100;
     }

     .plants-shape {
          width: 160px;
          height: 130px;
          left: -103px;
          top: 90px;
     }

     .valerian-sec {
          padding: 50px 0;
     }

     .valerian-sec .text-box {
          border-radius: 48px 0 48px 0;
          padding: 36px;
          max-width: 450px;
     }

     .valerian-sec .text-box h4 {
          font-size: 38px;
          margin: 14px 0;
          line-height: 48px;
     }

     .valerian-sec .text-box span {
          line-height: 23px;
          height: 40px;
          padding: 0 15px;
     }

     .valerian-sec .text-box p {
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 15px;
     }

     .products-sec {
          padding: 50px 0;
     }

     .leaf-shape3 {
          right: 290px;
          top: -3px;
     }

     .products-sec .media h4 a {
          font-size: 38px;
          line-height: 40px;
     }

     .leaf-shape3 img {
          height: 70px;
     }

     .products-box .image-holder {
          max-width: 350px;
          width: 100%;
     }

     .products-box .text-box p {
          font-size: 14px;
          line-height: 20px;
          margin: 12px 0;
     }

     .products-box .text-box h4 {
          font-size: 30px;
          line-height: 32px;
     }

     .products-box .image-holder span {
          bottom: 12px;
          right: 12px;
     }

     .products-box .image-holder span img {
          height: 115px;
     }

     .newslatter-sec {
          padding: 50px 0;
     }

     .leaf-shape4 img {
          height: 75px;
     }

     .newslatter-inner .text-box {
          max-width: 300px;
     }

     .newslatter-inner .text-box h4 {
          font-size: 32px;
          line-height: 32px;
     }

     .newslatter-inner .text-box p {
          font-size: 16px;
          line-height: 22px;
          margin: 20px 0;
     }

     .newslatter-inner .text-box .form-control {
          font-size: 14px;
          line-height: 20px;
          height: 50px;
          border-radius: 18px 0 18px 0;
          padding-left: 18px;
     }

     .newslatter-inner .text-box a {
          height: 50px;
          width: 100px;
          font-size: 14px;
          line-height: 30px;
          border-radius: 0 0 18px 0;
     }

     .footer-logo a img {
          height: 40px;
     }

     .footer-right ul {
          gap: 26px;
          margin-top: 5px;
     }

     .blog-box {
          max-width: 500px;
     }

     .blog-box h4 {
          font-size: 48px;
          line-height: 50px;
          margin-bottom: 20px;
     }

     .blog-box p {
          font-size: 16px;
          line-height: 26px;
     }

     .blog-hero-sec {
          padding: 30px 0 0;
     }

     .blog-hero-inner .text-box h2 {
          font-size: 50px;
          line-height: 60px;
          max-width: 590px;
     }

     .blog-hero-inner {
          min-height: 400px;
          padding-bottom: 50px;
          margin-top: 30px;
     }

     .blog-detail-sec {
          padding: 50px 0;
     }

     .recipes-list {
          margin-bottom: 20px;
     }

     .blog-detail-left .text-box p {
          font-size: 16px;
          line-height: 30px;
          max-width: 100%;
          margin-bottom: 10px;
     }

     .blog-detail-left .image-holder {
          margin: 24px 0;
     }

     .blog-detail-left .text-box h4 {
          font-size: 24px;
          line-height: 32px;
          margin-bottom: 20px;
     }

     .detailleaf {
          right: -330px;
     }

     .detailleaf img {
          height: 90px;
     }

     .back-btn {
          margin-top: 20px;
     }

     .blog-detail-left {
          margin-bottom: 50px;
     }

     .blog-detail-sec .category-box {
          margin: 0;
          width: 100%;
          max-width: 100%;
     }

     .blog-detail-sec .category-box .text-box {
          padding: 24px;
     }

     .blog-detail-sec .category-box .image-holder a {
          width: 100%;
     }

     .blog-detail-sec .category-box .text-box h3 a {
          font-size: 22px;
          max-width: 400px;
          width: 100%;
          line-height: 30px;
     }

     .blog-detail-sec .category-box .text-box p {
          line-height: 20px;
          font-size: 16px;
     }

     .advertising img {
          width: 100%;
     }

     .advertising {
          margin-top: 30px;
     }
     .blog-box h1{
          font-size: 50px;
          line-height: 60px;
     }
     /* mobil neu*/
     .plants-sec .text-box h2{
          font-size: 28px;
          line-height: 40px;
          margin-top: 20px;
     }
     .promo-wrapper{
          padding: 35px 20px;
          min-height: auto;
          max-width: 600px;
     }
     .promo-textbox{
          padding: 25px 10px;
     }
     .promo-title{
          font-size: 36px;
     }
     .promo-text{
          font-size: 25px;
     }
     .promo-image{
          max-height: 136px;
          bottom: -20px;
     }
     .cat-box .text-box{
          padding: 17px;
     }
     .cat-box .text-box h3 a{
          font-size: 20px;
          line-height: 24px;
     }
     .cat-box .text-box p{
          font-size: 16px;
          line-height: 20px;
     }
     .ad-image{
          margin: 5px auto;
     }
     .ad-image img{
          max-width: 90px;
     }
     .ad-text h2{
          font-size: 20px;
          line-height: 24px;
     }
     /* SUCHE neu*/
     .page-header .page-title{
          margin-bottom: 60px;
     }
     .entry-summary h2{
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 15px;
     }
     .entry-summary p{
          font-size: 18px;
          line-height: 24px;
     }
     .entry-summary{
          margin-bottom: 60px;
     }
     .pagination .page-numbers{
          padding: 5px;
          font-size: 22px;
     }
     .blog-detail-sec .text-box ul li{
          font-size: 16px;
     }
     /* MENÜ neu*/
     header{
          /*padding-top: 65px;*/
     }
     .desktop-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1{
          display: block;
          padding-left: 0;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
          font-size: 30px;
          justify-content: left;
          padding-left: 25px;
          position: relative;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::after{
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          right: 30px;
          background-image: url("../images/arrow-down.png");
          background-size: contain;
          background-repeat: no-repeat;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          padding: 15px 0;
          border-bottom: 1px solid #DBD7C6;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-18:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-20:hover > .mega-sub-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
          padding: 0 22px;
          text-align: center;
          text-align: left;
     }
     
     .medicinal-box{
          display: none;
     }
     .desktop-menu{
          display: none;
     }
     .mobil-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          position: relative;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu{
          max-width: 828px;
          position: relative;
          top: unset;
          left: 0;
          margin-top: 20px;
          justify-content: left;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
          font-size: 22px;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item > .mega-sub-menu > .mega-menu-row > .mega-sub-menu{
          margin-left: 30px;
     }
     
     .so-widget-wph-textbox-form-fields ul,ol{
       margin-left: 34px;
     }
     
     .so-widget-wph-textbox-form-fields ul li{
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 10px;
     }
     .navbar .media{
          max-width: 31%;
     }
     
     .slik-slider-sec h2{
          font-size: 34px;
     }
     .similar-articles .text-box h2{
          font-size: 34px;
     }
}

@media screen and (max-width:767px) {
     .container {
          max-width: 100%;
     }

     .banner-box h1 {
          font-size: 46px;
          line-height: 53px;
          max-width: 680px;
          margin: 20px 0;
     }

     .category-box {
          border-radius: 30px 0 30px 0;
     }

     .category-box .image-holder img {
          border-radius: 30px 0 30px 0;
     }

     .tags {
          top: 16px;
          left: 16px;
     }

     .category-box .text-box {
          padding: 16px;
     }

     .category-box .text-box h3 a {
          font-size: 22px;
          line-height: 28px;
     }

     .category-box .text-box p {
          margin-top: 10px;
     }

     .heading h2 {
          font-size: 40px;
          line-height: 40px;
     }

     .heading p {
          font-size: 16px;
          margin-top: 20px;
          line-height: 24px;
     }

     .magazin-detail .media .image-holder {
          max-width: 180px;
          width: 100%;
     }

     .magazin-detail .media .text-box h4 a {
          font-size: 20px;
          line-height: 28px;
     }

     .magazin-detail .media .text-box p {
          font-size: 14px;
          margin-top: 14px;
          line-height: 20px;
     }

     .articles-btn {
          font-size: 16px;
          line-height: 30px;
          border-radius: 30px;
          height: 50px;
          max-width: 160px;
     }

     .plants-sec .text-box h3 {
          font-size: 36px;
          line-height: 42px;
          margin-bottom: 20px;
     }

     .products-box {
          flex-direction: column;
          border-radius: 40px 0 40px 0;
     }

     .blog-img {
          border-radius: 40px 0 0 0;
          height: 400px;
          object-fit: cover;
          object-position: center;
     }

     .products-box .image-holder {
          max-width: 100%;
          width: 100%;
     }

     .products-box .text-box {
          padding: 40px 30px;
     }

     .products-box .text-box h4 {
          font-size: 40px;
          line-height: 40px;
     }

     .products-box .text-box p {
          font-size: 16px;
          line-height: 28px;
          margin: 16px 0;
     }

     .products-inner {
          padding: 0 16px;
          margin: 25px auto 0;
     }

     .leaf-shape3 img {
          height: 50px;
     }

     .swiper-button-next,
     .swiper-button-prev {
          width: 40px;
          height: 40px;
     }

     .swiper-button-next img,
     .swiper-button-prev img {
          height: 18px;
     }

     .newslatter-inner .text-box {
          max-width: 100%;
          padding: 30px 30px;
     }

     .newslatter-inner .text-box p {
          font-size: 18px;
          line-height: 28px;
          margin: 20px 0;
     }

     .footer-logo a img {
          height: 70px;
     }

     .footer-right p {
          font-size: 14px;
          text-align: center;
     }

     .footer-right ul {
          gap: 20px;
          margin-top: 5px;
          justify-content: center;
     }

     .footer-logo {
          margin-bottom: 30px;
     }

     .footer-logo a {
          display: flex;
          align-items: center;
          justify-content: center;
     }

     .blogleaf1 {
          top: 69px;
          left: -100px;
          z-index: -1;
     }

     .blogleaf1 img,
     .blogleaf4 img {
          height: 100px;
     }

     .blog-box p {
          font-size: 14px;
          line-height: 22px;
     }

     .pagination {
          margin-top: 20px;
     }

     .blog-detail-left .text-box p {
          line-height: 24px;
     }

     .megamenu {
          padding: 20px 0;
          max-height: 390px;
          overflow-y: auto;
     }

     .mega-media {
          gap: 26px;
          display: grid;
          grid-template-columns: 6fr 6fr;
     }
     .blog-box h1{
          font-size: 46px;
          line-height: 60px;
     }
     /* mobil neu*/
     .plants-sec .text-box h2{
          font-size: 28px;
          line-height: 40px;
          margin-top: 20px;
     }
     .promo-wrapper{
          padding: 35px 20px;
          min-height: auto;
     }
     
     .blog-detail-sec .promo-wrapper {
          margin: 20px 0;
     }
     
     .promo-textbox{
          padding: 25px 10px;
     }
     .promo-title{
          font-size: 28px;
     }
     .promo-text{
          font-size: 18px;
     }
     .promo-image{
          max-height: 100px;
          bottom: -27px;
     }
     .cat-box .text-box{
          padding: 20px;
     }
     /* SUCHE neu*/
     .page-header .page-title{
          margin-bottom: 60px;
     }
     .entry-summary h2{
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 15px;
     }
     .entry-summary p{
          font-size: 18px;
          line-height: 24px;
     }
     .entry-summary{
          margin-bottom: 60px;
     }
     .pagination .page-numbers{
          padding: 5px;
          font-size: 22px;
     }
     .blog-detail-sec .text-box ul li{
          font-size: 16px;
     }
     /* MENÜ neu*/
     header{
          /*padding-top: 65px;*/
     }
     .desktop-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1{
          display: block;
          padding-left: 0;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
          font-size: 30px;
          justify-content: left;
          padding-left: 25px;
          position: relative;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::after{
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          right: 30px;
          background-image: url("../images/arrow-down.png");
          background-size: contain;
          background-repeat: no-repeat;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          padding: 15px 0;
          border-bottom: 1px solid #DBD7C6;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-18:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-20:hover > .mega-sub-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
          padding: 0 22px;
          text-align: center;
          text-align: left;
     }
     
     .medicinal-box{
          display: none;
     }
     .desktop-menu{
          display: none;
     }
     .mobil-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          position: relative;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu{
          max-width: 829px;
          position: relative;
          top: unset;
          left: 0;
          margin-top: 20px;
          justify-content: left;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
          font-size: 18px;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item > .mega-sub-menu > .mega-menu-row > .mega-sub-menu{
          margin-left: 30px;
     }
     .blog-detail-sec .text-box h2,h3{
          font-size: 24px;
             line-height: 32px;
             margin-bottom: 20px;
     }
     
     .blog-detail-left .text-box h2,h3{
          font-size: 24px;
             line-height: 32px;
             margin-bottom: 20px;
     }
     
     .so-widget-wph-textbox-form-fields ul,ol{
       margin-left: 34px;
     }
     
     .so-widget-wph-textbox-form-fields ul li{
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 10px;
     }
     .slider-FF .ad-content{
          height:fit-content;
     }
     
     .similar-articles .col-sm-6{
          
          margin-bottom: 20px;
     }
     
     .post .n-display{
          display: none;
     }
     
     .slik-slider-sec h2{
          font-size: 30px;
     }
     .similar-articles .text-box h2{
          font-size: 30px;
     }
     
     .recipes-list li a{
          font-size: 12px;
          line-height: 13px;
          height: fit-content;
     }
}

@media screen and (max-width: 575px) {
     
     .blog-detail-left .text-box h3 {
          font-size: 24px;
         line-height: 1.4;
         margin: 25px 0 15px;
     }
     
     .wrapper {
          margin: 67px 0 0 0;
     }

     .navbar-brand img {
          height: 20px;
     }

     .navbar .media {
          gap: 6px;
     }

     .search-btn img {
          height: 18px;
     }

     .social-media li img {
          height: 14px;
     }

     .social-media {
          border-radius: 16px;
          gap: 12px;
          padding: 10px 12px;
     }

     .banner-sec .title {
          padding: 0;
     }

     .banner-box span {
          font-size: 14px;
          line-height: 20px;
          border-radius: 16px 0 16px 0;
          padding: 8px 14px;
     }

     .banner-box h1 {
          font-size: 32px;
          line-height: 40px;
          max-width: 680px;
          margin: 20px 0;
     }

     .banner-box p {
          font-size: 16px;
          line-height: 20px;
          max-width: 555px;
          margin-bottom: 20px;
     }

     .banner-box a {
          font-size: 16px;
          line-height: 20px;
          border-radius: 36px;
          height: 46px;
          padding: 0 20px;
     }

     .category-box .text-box {
          padding: 20px;
     }

     .category-box .text-box h3 a {
          font-size: 24px;
          line-height: 34px;
          max-width: 100%;
     }

     .leaf-shape {
          bottom: 0;
          right: -80px;
     }

     .heading {
          padding: 0px 4px;
     }

     .magazin-list {
          padding: 0 4px;
          margin-bottom: 20px;
     }

     .magazin-detail .media {
          margin: 12px 0;
          flex-direction: column;
     }

     .magazin-detail .media .image-holder {
          max-width: 100%;
          width: 100%;
     }

     .magazin-detail .media .text-box h4 a {
          font-size: 24px;
          line-height: 34px;
     }

     .magazin-detail .media .text-box p {
          font-size: 16px;
          margin-top: 14px;
          line-height: 24px;
     }

     .magazin-detail {
          padding: 12px 0;
     }

     .magazin-inner {
          padding: 24px 0;
     }

     .plants-sec .text-box p {
          font-size: 14px;
          line-height: 24px;
          margin-bottom: 10px;
     }

     .valerian-sec .text-box {
          border-radius: 20px 0 20px 0;
          padding: 26px;
          max-width: 450px;
     }

     .products-sec .media h4 a {
          font-size: 30px;
          line-height: 36px;
     }

     .blog-img {
          height: 300px;
     }

     .products-box .text-box {
          padding: 30px;
     }

     .leaf-shape4 {
          left: 46px;
     }

     .leaf-shape2 {
          right: 10px;
     }

     .footer-right ul {
          gap: 10px;
          margin-top: 20px;
          flex-wrap: wrap;
     }

     .blog-box h4 {
          font-size: 40px;
          line-height: 40px;
     }

     .blogleaf1 {
          top: 90px;
          left: -50px;
          z-index: -1;
     }

     .blogleaf1 img,
     .blogleaf4 img {
          height: 60px;
     }

     .blogleaf2 img,
     .blogleaf3 img {
          height: 70px;
     }

     .blogleaf2 {
          top: 80px;
          right: -80px;
          z-index: -1;
     }

     .blogleaf3 {
          right: -40px;
     }

     .blogleaf4 {
          bottom: 90px;
          left: -60px;
     }

     .page-link {
          width: 40px;
          height: 40px;
          font-size: 14px;
          line-height: 20px;
     }

     .page-link svg {
          height: 12px;
          width: 6px;
     }

     .blog-box a {
          font-size: 16px;
          line-height: 28px;
          gap: 7px;
     }

     .blog-box a img {
          height: 10px;
     }

     .blog-hero-inner {
          min-height: 330px;
     }

     .blog-hero-inner .text-box h2 {
          font-size: 36px;
          line-height: 46px;
     }

     .medicinal-box p {
          margin-top: 5px;
     }
     
     .blog-detail-sec .text-box h2,
     .blog-detail-left .text-box h2 {
          font-size: 24px;
          line-height: 32px;
          margin-top: 25px;
          margin-bottom: 15px;
     }
     
     .blog-detail-sec {
          padding-top: 0;
     }
     
     
     .mega-media {
          gap: 14px;
          grid-template-columns: 1fr;
     }

     .megamenu-link ul li a {
          font-size: 16px;
          line-height: 24px;
     }
     .blog-box h1{
          font-size: 36px;
          line-height: 56px;
     }
     /* mobil neu*/
     .plants-sec .text-box h2{
          font-size: 28px;
          line-height: 40px;
          margin-top: 20px;
     }
     .promo-wrapper{
          padding: 35px 20px;
          min-height: auto;
     }
     .promo-textbox{
          padding: 25px 10px;
     }
     .promo-title{
          font-size: 28px;
     }
     .promo-text{
          font-size: 18px;
     }
     .promo-image{
          max-height: 100px;
          bottom: -27px;
     }
     .cat-box .text-box{
          padding: 17px;
     }
     
     /* SUCHE neu*/
     .page-header .page-title{
          margin-bottom: 60px;
     }
     .entry-summary h2{
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 15px;
     }
     .entry-summary p{
          font-size: 18px;
          line-height: 24px;
     }
     .entry-summary{
          margin-bottom: 60px;
     }
     .pagination .page-numbers{
          padding: 5px;
          font-size: 22px;
     }
     /* MEGAMAX MENÜ */
     header {
          padding-top: 15px;
     }
     .desktop-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1{
          display: block;
          padding-left: 0;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
          font-size: 22px;
          justify-content: left;
          padding-left: 25px;
          position: relative;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::after{
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          right: 30px;
          background-image: url("../images/arrow-down.png");
          background-size: contain;
          background-repeat: no-repeat;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          padding: 15px 0;
          border-bottom: 1px solid #DBD7C6;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-19:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-18:hover > .mega-sub-menu{
          left: 0;
          padding-top: 0;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item-20:hover > .mega-sub-menu{
          display: none;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu .mega-menu-row > .mega-sub-menu{
          display: block;
          padding: 0 22px;
          text-align: center;
          text-align: left;
     }

     .medicinal-box{
          display: none;
     }
     .desktop-menu{
          display: none;
     }
     .mobil-menu{
          display: block;
     }
     .mobil-menu #mega-menu-menu-1 > .mega-menu-item{
          position: relative;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item:hover > .mega-sub-menu{
          max-width: 390px;
          position: relative;
          top: unset;
          left: 0;
          margin-top: 20px;
          justify-content: left;
     }
     .mobil-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
          font-size: 22px;
     }
     .mobil-menu #mega-menu-menu-1 .mega-menu-item > .mega-sub-menu > .mega-menu-row > .mega-sub-menu{
          margin-left: 30px;
     }
     
     .blog-detail-sec .text-box ul li,
     .blog-detail-left .text-box p {
          font-size: 18px;
          line-height: 1.6 !important;
          font-weight: 400;
     }
     
     .products-sec {
        padding: 10px 0 0;
     }
     
     /* Ninja Forms */
     
     .field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap select, .field-wrap textarea, .field-wrap>div input{
       width: 100% !important;
     }
     
     .so-widget-wph-textbox-form-fields ul,ol{
       margin-left: 34px;
     }
     
     .so-widget-wph-textbox-form-fields ul li{
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 10px;
     }
     
     .navbar .media{
          max-width: 44%;
     }
     .slider-FF .ad-content{
          height:fit-content;
     }
     
     .similar-articles .col-sm-6{
          
          margin-bottom: 20px;
     }
     .post .n-display{
          display: none;
     }
     .slik-slider-sec h2{
          font-size: 28px;
     }
     .similar-articles .text-box h2{
          font-size: 28px;
     }
     .recipes-list li a{
          font-size: 12px;
          line-height: 13px;
          height: fit-content;
     }
}