/* DE theme.css */

/* Box-Sizing */
*,
*::before,
*::after {
   box-sizing: border-box;
}

body,
html {
 height: 100%;
 margin: 0;
 padding: 0;
}

/* Body */
body {
   padding: 0;
   background-color: #FFF;
   font-family: 'Arial', sans-serif;
   line-height: 1.5;
   font-size: 1rem;
}

body {
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 0;
}

.body-background {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   background-size: cover;
   background-attachment: fixed;
   background-position: center; 
   background-repeat: no-repeat;
   background-image: url('../images/background/bg-image.jpg'); 
   height:auto;
   padding: 0rem 1rem;
}

@media (max-width: 500px) {
   .body-background {
      padding:0;
   }
}

.page-content-wrapper {
flex: 1 0 auto;
}

/* Helpers */
.transition {
   transition-duration: 0.2s;
}

/* Typo */
h1, h2, .nav_main > li > a {
   font-family: Georgia, 'Times New Roman', Times, serif;
}

h1 {
   font-size: 3.1rem;
   font-weight: 400;
}

@media (max-width: 500px) {
   h1{
      font-size: 2rem;
   }
}

h2,
.nav_main > li > a {
   font-size: 1.5rem;
   font-weight: 400;
}

/* Header */
.site-header-container {
   width:100%;
}

.header-wrapper {
   position: relative;
}

.site-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   width: 100%;
   max-width: 1366px;
   margin: 0rem auto;
   padding: 0rem;
}

@media (max-width: 820px) {
   .site-header {
      align-items: center;
   }
}

/* Header Center */    
.site-header .center {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   width: 100%;
   background-color: #f2f8f7;
   margin-top: 6.5rem;
   border-radius: 0.3rem 0.3rem 0 0;
   border: 0px solid;
}

@media (max-width: 1000px) {
   .site-header .center {
      position: fixed;
      top:0;
      z-index: 1000;
      height: 3.6rem;
      margin-top: 0;
      padding: 0;
      background: linear-gradient(49deg, #5a9348, #73b260);
      border-radius: 0;
      /*max-width: calc(100% - 2rem);*/
      max-width: 100%;
      left:0;
      padding: 0 2rem;
   }
}

@media (max-width: 500px) {
   .site-header .center {
      max-width: 100%;
   }
}

/* Sticker */
.site-header .center .sticker {  
   display: flex;
   flex-wrap: wrap;
   z-index: 5000;
   justify-content: space-between;
   width: calc(100% - 2rem);
   height: 5rem;
   padding: 0.6rem 6rem 0 6rem;
   
}

.sticker {
   transition: all 0.3s ease-in-out;
}

.sticker.sticky {
   position: fixed;
   top: 0;
   width: 100%;
   max-width: 1366px;
   z-index: 1000;
   background: linear-gradient(49deg, #5a9348, #73b260);
   box-shadow: none;
   transition: all 0.3s ease-in-out; 
}

.site-header .sticker.sticky .site-navigation ul.nav_main > li > a {
   color:#fff;
}

.site-header .sticker.sticky .site-navigation ul.nav_main > li > a:hover,
.site-header .sticker.sticky .site-navigation ul.nav_main > li.current-menu-item > a:hover,
.site-header .sticker.sticky .site-navigation ul.nav_main > li.current-menu-ancestor > a:hover {
   color: #fff; 
}

.site-header .sticker.sticky .site-navigation ul.nav_main > li > a:active,
.site-header .sticker.sticky .site-navigation ul.nav_main > li.current-menu-item > a,
.site-header .sticker.sticky .site-navigation ul.nav_main > li.current-menu-ancestor > a {
   color: #017e6f; 
}

@media (max-width: 1000px) {
   .site-header .center .sticker {
      margin-top: -3.6rem;
      width: 100%;
      padding: 0;
   }
}

/* Navigation Items */
.site-header .site-navigation  {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
   width:100%;
}

.site-header .site-navigation.shop .shop  {
   width: 75%;
}

@media (max-width: 1000px) {
   .site-header .site-navigation.shop .shop,
   .site-header .site-navigation.shop .megamenu-wrapper {
       display: none;
   }
}

.site-header .site-navigation .shop ul.nav_main {
   display: flex;
   padding: 0;
   margin: 0;
   list-style: none;
   width: 100%;
}

.site-header .site-navigation .shop ul.nav_main {
   padding-left: 0rem;
}

.site-header .site-navigation ul.nav_main > li {
   display: flex;
   justify-content: center;
   flex-grow: 1;
   flex-shrink: 1;
   box-sizing: border-box;
   position: relative;
   margin: 0;
   padding: 0;
   width: 33.3%;
}

.site-header .site-navigation ul.nav_main > li > a {
   display: flex;
   padding: 1.8rem 0rem;
   text-decoration: none;
   color: #333;
   height: 2.2rem;
   align-content: center;
   justify-content: center;
   flex-wrap: wrap;
   width: 100%;
}

.site-header .site-navigation ul.nav_main > li.blue > a:hover,
.site-header .site-navigation ul.nav_main > li.blue > a:focus,
.site-header .site-navigation ul.nav_main > li.blue > a.active {
   background-color: rgb(76, 100, 135);
   color: rgb(242, 248, 247);
}

.site-header .site-navigation ul.nav_main > li.red > a:hover,
.site-header .site-navigation ul.nav_main > li.red > a:focus,
.site-header .site-navigation ul.nav_main > li.red > a.active {
   background-color: #644432;
   color: rgb(242, 248, 247);
}

.site-header .site-navigation ul.nav_main > li.green > a:hover,
.site-header .site-navigation ul.nav_main > li.green > a:focus,
.site-header .site-navigation ul.nav_main > li.green > a.active {
   background-color:rgb(90, 147, 72);
   color: rgb(242, 248, 247);
}

.site-header .site-navigation ul.nav_main > li > a.active,
.site-header .site-navigation ul.nav_main > li > a:active,
.site-header .site-navigation ul.nav_main > li.current-menu-item > a,
.site-header .site-navigation ul.nav_main > li.current-menu-ancestor > a {
   color: #017e6f; 
}

/* Branding */
.site-branding-container {
   width: 100%;
   display: flex;
   justify-content: center;
   margin-top: -2.8rem;
   padding-bottom: 3rem;
}

.site-branding {
   display:flex;
   flex-shrink: 1;
   min-width:19rem;
   width: 19rem;
   height: 5.6rem;
   justify-content: center;
   align-items: center;
   background-color: #FFFFFF;
   border-radius: 0.5rem;
   border: 0px solid;
   padding-top:1rem;
}

.site-branding a {
   display: flex;
   align-items: center;
   justify-content: center;
   color:#000;
   text-decoration: none;
   width:100%;
   height:100%;
}

.site-logo-link {
   background-image: url('../images/logo/esag.svg'); 
   background-size: contain;
   background-repeat: no-repeat;
   text-indent: -9999px; 
   margin: 4rem;
}

.site-logo-text {
   display: none; 
}

.sticker.sticky .site-navigation {
   width:90%;
}

.sticker .site-branding-container {
   display: none;
}

.sticker.sticky .site-branding-container {
   display: flex;
   width: 3.5rem;
   height: 3.5rem;
   padding: 0;
   margin: 0;
   overflow: hidden;
   justify-content: flex-start;
   border-radius: 0.3rem;
}

.sticker.sticky .site-branding-container .site-logo-link {
   background-image: url('../images/logo/esag-mobile.svg'); 
   margin: 0;
   width: 50%;
}

.sticker.sticky .site-branding {
   width: 100%;
   min-width: auto;
   height: auto;
   padding: 0.7rem 0.4rem;
}

@media (max-width: 1000px) {
   .site-branding-container {
      width: 33.3%;
      justify-content: left;
      margin-top: 0;
      position: absolute;
      left: 0;
   }

   .site-branding {
      min-width: 3rem;
      width: 3rem;
      height: 2.95rem;
      margin: 0.3rem 0.3rem 0.3rem 1rem;
      z-index: 9000;
      padding: 0.4rem;
   }

   .site-logo-link {
      background-image: url('../images/logo/esag-mobile.svg'); 
      margin: 0;
   }

   .site-branding a.site-logo-link  {
      width: 50%;
   }
}

/* Shop Icons */
.shop-icons {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   flex-wrap: nowrap;
   align-items: center;
   /*background-color: #999999;*/
   width: 10%;
   min-width: 7rem;
   height: 3.6rem;
   /*max-width:15%;*/
}

.sticker .shop-icons .cart-link {
   display:none;
}

.sticker.sticky .shop-icons .cart-link {
   display:block;
   margin-right: 0.5rem;
}

@media (max-width: 1000px) {
   .shop-icons {
      height: 3.6rem;
      width:33.3%;
      flex-grow: 1;
      flex-shrink: 1;
   }
   .sticker .shop-icons .cart-link {
      display:block;
   }
}

.shop-icons .item {      
   margin: 0;
   width: 4rem;
   padding: 0 1rem 0 0;
   height: 3rem;
   display: flex;
   align-items: center;
   justify-content: right;
   color:#fff;
   text-decoration: none;
}

@media (min-width: 1001px) {
   .shop-icons .cart-link {
      display: none;
   }
}

@media (max-width: 1000px) {
   .shop-icons .item {
      height: 3.6rem;
   }
}

@media (max-width: 500px) {
   
   .shop-icons {
      width:20%;
   }
}

/* Content > Shop Archive */
.the-content-wrapper,
.single-the-content-wrapper {
   position: relative;
   z-index: 500;
}

.the-content-wrapper-container,
.single-the-content-wrapper-container {
   width:100%;
}

.the-content-wrapper-container .archive-product-listing,
.the-content-wrapper-container .archive-rasenarbeiten-listing,
.single-the-content-wrapper-container,
.the-content,
.site-footer,
.archive-pagination-container,
.the-content-wrapper-container .archive-rasenprobleme-listing {
   display: flex;
   justify-content: center;
   align-items: flex-end;
   width: 100%;
   max-width: 1366px;
   margin: 0rem auto;
   padding: 3rem 2rem 7rem 2rem;
   background-color: #f2f8f7;
   flex-wrap: wrap;
}

.the-content-wrapper-container .archive-rasenprobleme-listing {
   padding-bottom: 7rem;
}

.archive-product-listing ul,
.single-the-content-wrapper-container .product-page,
.single-the-content-wrapper-container .product-page .section--description {
   /*width:100%;*/
   max-width: 1100px;
   width: calc(100% - 5rem);
}

.single-the-content-wrapper-container .product-page .section--description {
   width:100%;
   margin-top: 2rem;
}

.woocommerce ul.products {
   display: flex;
   flex-wrap: wrap;
}

.woocommerce ul.products li.product {
   display: flex;
   flex-direction: column;
   flex: 1 1 calc(33.333% - 20px); 
   box-sizing: border-box;
   margin: 10px;
   height: auto;
}

@media (max-width: 1000px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home {
      padding-top:0.5rem;
   }
   .woocommerce ul.products li.product {
      flex: 1 1 calc(50% - 20px); 
   }
   .single-the-content-wrapper-container {
      padding:6.5rem 2.5rem;
   }
}

@media (max-width: 640px) {
   .single-the-content-wrapper-container {
      padding:5rem 1.5rem;
   }
}

@media (max-width: 500px) {
   .single-the-content-wrapper-container {
      padding:5rem 0rem;
   }

   .single-the-content-wrapper-container .product-page {
      width:90%;
   }
}

@media (max-width: 420px) {
   .the-content-wrapper-container .archive-product-listing,
   .the-content-wrapper-container .archive-rasenarbeiten-listing,
   .the-content-wrapper-container .archive-rasenprobleme-listing,
   .single-the-content-wrapper-container,
   .the-content,
   .archive-pagination-container {
      padding:4rem 1rem;
   }
}

@media (max-width: 768px) {
   .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
      margin: 10px;
   }
}

@media (max-width: 640px) {
   .woocommerce ul.products li.product {
      flex: 1 1 calc(100% - 20px); 
   }
}

.woocommerce ul.products li.product a {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   padding: 2rem 2rem 1.2rem 2rem;
   width:100%;
   max-height: 415px;
   height:100%;
   text-align: center;
   background-color: #fff;
   border-radius: 1px;
   border: 1px solid rgba(1, 126, 111, .1);
   border-bottom: 3px solid #639e51;
   transition: 0.3s;
}

.woocommerce ul.products li.product a:hover {
   border-color: #639e51;
   -webkit-box-shadow: 0 0 4px 0 rgba(46, 62, 72, .1), 0 4px 12px 0 rgba(46, 62, 72, .1);
   box-shadow: 0 0 4px 0 rgba(46, 62, 72, .1), 0 4px 12px 0 rgba(46, 62, 72, .1);
   -webkit-transform: translate(1px, -1px);
   transform: translate(1px, -1px);
   transition: 0.3s;
}

.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-placeholder {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border:none;
}

.woocommerce-placeholder.wp-post-image {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: auto;
   overflow: hidden;
}

.woocommerce ul.products li.product a img {
   max-width: 100%;
   max-height: 13.75rem;
   height: auto;
   object-fit: contain;
   margin:0;
}

.archive-product-listing > ul > li > a > h2,
.archive-product-listing > ul > li > a > h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
   font-family: Akkurat, Arial, sans-serif;
   color: rgb(17, 48, 90);
}

.archive-product-listing > ul > li > a > h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
   font-size: 1.5rem;
   font-weight: 500;
   letter-spacing: 0.4px;
   padding:0.5rem 0 0 0;
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   line-clamp: 2;
}

.archive-product-listing > ul > li > a > h3,
.woocommerce ul.products li.product h3 {
   font-size: 1.1rem;
   font-weight: 500;
   letter-spacing: 0.4px;
   padding:0;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.woocommerce ul.products li.product .price {
   font-size: 1.1rem;
   letter-spacing: 0.4px;
   font-weight: 600;
   padding:0.85rem 0 0 0;
}

.archive-product-listing .archive-title,
.archive-rasenarbeiten-listing .archive-title,
.archive-rasenprobleme-listing .archive-title,
.magazin-container > h1 {
   width:100%;
   text-align: center;
   color: #639e51;
   letter-spacing: 1.2px;
   padding-bottom: 4.5rem;
}

.archive-rasenarbeiten-listing .archive-title {
   color: #644432;
}

.archive-rasenprobleme-listing .archive-title {
   color: #324e75;
}

.magazin-container > h1 {
   color: #017e6f;
}

@media (max-width: 1000px) {
   .archive-product-listing .archive-title,
   .archive-rasenarbeiten-listing .archive-title,
   .archive-rasenprobleme-listing .archive-title,
   .magazin-container > h1 {
      padding-top:3rem;
   }
}

.archive-product-listing .archive-title > h1,
.archive-rasenarbeiten-listing .archive-title > h1,
.archive-rasenprobleme-listing .archive-title > h1,
.magazin-container > h1 {
   padding:0;
   margin:0;
}

.magazin-container > h1 {
   line-height: 3.5rem;
   padding-bottom: 1.5rem;
}

.archive-product-listing .category-icon {
   margin: 0 auto;
   width: 3.75rem;
   height: 3.75rem;
}

/* Content > Product Page */
.woocommerce div.product {
   display: flex;
   flex-wrap: wrap;
}

.woocommerce div.product div.summary {
   padding-left:4rem;
   max-width:63%;
   width:100%;
}

.search-results .archive-product-listing .woocommerce-price-suffix {
   display: none;
}

@media (max-width: 1000px) {
   .woocommerce div.product div.summary {
      padding-left:2rem;
   }

   .woocommerce .section--scales {
      flex-direction: column;
   }

   .woocommerce .section--scales .element-scale {
      width:100%;
      padding-left: 0;
   }
}

@media (max-width: 880px) {
   .woocommerce .single-the-content-wrapper-container {
      padding-left:0;
      padding-right: 0;
   }
}

@media (max-width: 640px) {
   .woocommerce div.product div.summary {
      padding-left:0;
      max-width:100%;
   }
}

/* Content > Product Page > Images */
.woocommerce div.product div.images.woocommerce-product-gallery {
   width: 36.36364% !important;
   flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   -webkit-box-flex: 0;
}

@media (max-width: 640px) {
   .woocommerce div.product div.images.woocommerce-product-gallery {
      width: 100% !important;
   }
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
   overflow: visible;
   border-bottom: 2px solid #639e51;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   min-height: calc(100% - 2rem);
   background: #fff;
}

.woocommerce div.product div.images img {
   min-height: 400px;
   max-height: 400px;
   width: auto;
   margin: 0 auto;
   padding: 3rem;
}

@media (max-width: 1000px) {
   .woocommerce div.product div.images img,
   .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
      min-height: inherit;
   }
   .woocommerce div.product div.images img {
      padding:1.2rem;
   }
}

@media (max-width: 640px) {
   .woocommerce div.product div.images img {
      padding:2.5rem;
   }
}

/* Content > Product Page > Product Title */ 
.woocommerce div.product .product_title,
.woocommerce div.product .mobile_product_title {
   font-size: 2.2rem;
   font-family: Akkurat, Arial, sans-serif;
   font-weight: 600;
   margin-bottom: 0.2rem;
   text-align: left;
   color: rgb(17, 48, 90);
   line-height: 1.3;
   letter-spacing: 0.4px;
}

.woocommerce div.product .product-type,
.woocommerce div.product .mobile-product-type {
   margin-top:0;
   letter-spacing: 0.4px;
   color: rgb(17, 48, 90);
}

@media (min-width: 641px) {
   .woocommerce div.product .mobile-product-type,
   .woocommerce div.product .mobile_product_title {
      display: none;
   }
   .woocommerce div.product .product-type,
   .woocommerce div.product .product_title {
      display: flex;
   }
}

@media (max-width: 640px) {
   .woocommerce div.product .mobile-product-type,
   .woocommerce div.product .mobile_product_title {
      display: flex;
      width:100%;
   }
   .woocommerce div.product .product-type,
   .woocommerce div.product .product_title {
      display: none;
   }
}

/* Content > Product Page > Short Description */
.woocommerce div.product .short--description,
.woocommerce div.product .description--long {
   letter-spacing: 0.4px;
   line-height: 1.6;
   font-size: 1.1rem;
   color: rgb(17, 48, 90);
}

@media (max-width: 1000px) {
   .woocommerce div.product .description--long {
      letter-spacing: 0.3px;
      line-height: 1.5;
      font-size: 1rem;
   }
}

@media (max-width: 890px) {
   .woocommerce div.product .short--description {
      line-height: 1.3;
      font-size: 1rem;
   }
}

@media (max-width: 640px) {
   .woocommerce div.product .short--description {
      line-height: 1.6;
      font-size: 1rem;

   }
}

/* Content > Product Page > Variation Selector */ 
.woocommerce div.product form.cart .variations {
   margin-bottom: 0rem;
}

.woocommerce div.product #selected-product-sku {
   margin-bottom: 3rem;
}

#selected-product-sku.product-sku-section .sku-label,
#selected-product-sku.product-sku-section .sku-value {
   color:#017e6f;
   line-height: 1.6;
   font-size: 1rem;
   letter-spacing: 0.4px;
}

@media (max-width: 890px) {
   .woocommerce div.product form.cart .variations {
      margin-bottom: 1rem;
   }
}

@media (max-width: 640px) {
   .woocommerce div.product form.cart .variations {
      margin-bottom: 3rem;
   }
}

@media (max-width: 420px) {
   .woocommerce div.product form.cart .variations {
      margin-bottom: 1rem;
   }

   .woocommerce div.product #selected-product-sku {
      margin-bottom: 2rem;
   }
}

.product-page .variations_form table.variations tr {
   display: block;
   width: 100%;
}

.product-page .variations_form table.variations th {
   text-align: left;
}

.product-page .variations_form table.variations th.label {
   display: block;
   width: 100%;
   margin-bottom: 0; 
   color: rgb(17, 48, 90);
}

.product-page .variations_form table.variations td.value {
   display: block;
   width: 100%;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
   color: #11305a;
   background-color: #e8ebee;
   position: relative;
   margin: 0 .5rem .5rem 0;
   font-size: 1.075rem;
   letter-spacing: 0.3px;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
   padding-left: 0.6rem;
   padding-right: 0.6rem;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
   border-radius: 2px;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item),
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
   box-shadow: none;
   -webkit-box-shadow: none;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
   background-color: #f1f3f5;
}  

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
   color: #fff;
   background-color: #017e6f;
}

/* Content > Product Page > Buybox */ 
.product-page .single_variation_wrap {
   width:100%;
   display: flex;
   flex-wrap: no-wrap;
   align-items: center;
}

@media (max-width: 390px) {
   .product-page .single_variation_wrap {
      flex-wrap: wrap;
   }
}

.product-page .single_variation_wrap .woocommerce-variation.single_variation,
.product-page .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-price {
   width:9rem;
}

.product-page .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-description,
.product-page .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-availability {
   display: none;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
   font-family: Akkurat, Arial, sans-serif;
   font-size: 1.2rem;
   line-height: 1.4;
   font-weight: 600;
   color: #11305a;
   -webkit-font-smoothing: antialiased;
   color: rgb(17, 48, 90);
}

.woocommerce div.product form.cart .button {
   height:3.5rem;
   background: #639e51;
   color: #fff;
   font-size: 1.125rem;
   display: flex;
   align-items: center;
   padding: 1rem 1rem 1rem 0.7rem;
   transition: 0.2s;
}

@media (max-width: 640px) {
   .woocommerce div.product form.cart .button {
      width:100%;
   }
}

@media (max-width: 390px) {
   .woocommerce-variation-add-to-cart,
   .woocommerce-add-to-cart {
      width:100%;
   }

   .woocommerce div.product form.cart .button {
      justify-content: center;
   }

}

.woocommerce div.product form.cart .button:hover {
   background-color: #017e6f;
   transition: 0.2s;
}

.woocommerce div.product form.cart div.quantity {
   margin-right: 1rem;
}

.woocommerce .quantity .qty {
   line-height: 2rem;
   border:none;
}

/* Content > Product Page > Section Description */ 
.product-page .section--description {
   display: flex;
   flex-wrap: no-wrap;
}

@media (max-width: 1000px) {
   .product-page .section--description {
      flex-wrap: wrap;
   }
}

.product-page .section--description-left {
   width:40%;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: flex-start;
}

@media (max-width: 1000px) {
   .product-page .section--description-left {
      width: 100%;
   }
}

.product-page .section--description-right {
   width:60%;
}

@media (max-width: 1000px) {
   .product-page .section--description-right {
      width:100%;
   }
}

.product-page .section--description-right .description--long {
   background-color: #fff;
   padding: 0.5rem 2rem;
   margin-top: 3rem;
}

@media (max-width: 1000px) {
   .product-page .section--description-left .description--image {
      width:100%;
   }
   .product-page .section--description-right .description--long {
      margin-top: 0.5rem;
   }
}

@media (max-width: 420px) {
   .product-page .section--description-right .description--long {
      padding-left: 0;
      padding-right: 0;
      background-color: transparent;
   }
}

.product-page .section--description-left .description--image > picture > img {
   max-width: 120%;
}

@media (max-width: 1000px) {
   .product-page .section--description-left .description--image > picture > img {
      max-width:100vw;
      width:100%;
   }
}

.product-page .section--description-left .description--box {
   color: #fff;
   width: 14rem;
   margin: 0 2rem 0 0;
   font-weight: 600;
   overflow: visible;
   background: #639e51;
   padding: 3px 13px;
}

@media (max-width: 1000px) {
   .product-page .section--description-left .description--box {
      width:100%;
      padding:0;
      margin:0;
   }
}

.product-page .section--description-left .description--box .description--box-check {
   width: 1.3rem;
   height: 1.3rem;
   margin-left: -2rem;
   margin-right: 1rem;
}

@media (max-width: 1000px) {
   .product-page .section--description-left .description--box .description--box-check{
      margin-left: 0;
   }
}

.product-page .section--description-left .description--box > ul {
   padding: 0.6rem;
   margin:0;
}

@media (max-width: 1000px) {
   .product-page .section--description-left .description--box > ul {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
   }
}

.product-page .section--description-left .description--box > ul > li {
   list-style-type: none;
   font-size: 1.15rem;
   font-weight: 500;
   letter-spacing: 0.4px;
   padding: 3px 0;
   border-bottom: 1px solid #fff;
   display: flex;
   align-items: center;
}

@media (max-width: 1000px) {
   .product-page .section--description-left .description--box > ul > li {
      border:none;
   }
}

@media (max-width: 420px) {
   .product-page .section--description-left .description--box > ul > li {
      width: 100%;
   }
}

.product-page .section--description-left .description--box > ul > li:last-child {
   border-bottom: none;
}

.woocommerce div.product .description--long-verwendung {
   display: flex;
   margin-top:1.4rem;
   padding-top: 1rem;
   padding-bottom: 0.5rem;
   border-top: 1px solid #639e51;
}

.woocommerce div.product .description--long-verwendung > ul {
   display: flex;
   flex-wrap: wrap;
   margin:0;
   padding:0;
}

.woocommerce div.product .description--long-verwendung > ul > li {
   display: flex;
   list-style-type: none;
   font-size: 1rem;
   line-height: 1.6;
   font-weight: 500;
   letter-spacing: 0.4px;
   padding-left:1rem;
}

.woocommerce div.product .description--long-verwendung > ul > li > .verwendung--checkmark {
   width:1.3rem;
   height:1.3rem;
   margin-top: 0.1rem;
   margin-right: 0.3rem;
}

/* Content > Product Page > Section Manual */ 
.product-page .section--manual .description,
.magazin-container .post-content > p {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   background-color: #fff;
   padding: 0.5rem 2rem 2rem 2rem;
   margin-top: 3rem;
   letter-spacing: 0.4px;
   line-height: 1.6;
   font-size: 1.1rem;
   color: rgb(17, 48, 90);
   justify-content: space-between;
}

.magazin-container .post-content > p,
.wp-block-media-text p {
   padding: 0;
   margin: 1rem 0 0 0;
   letter-spacing: 0.5px;
}

.magazin-container .post-content iframe {
   width:100%;
   height: 383px;
   margin-top: 3rem;
}

.product-page .section--manual .description .gebrauchsanleitung_headline,
.the-content-wrapper-container .magazin-container .post-content .wp-block-heading {
   font-family: utopia-std, Georgia, Times, serif;
   font-weight: 400;
   font-size: 2.11111rem;
   line-height: 2.33333rem;
   margin: 2rem 0 0 0;
}

.product-page .section--manual .description p {
   margin-top:0;
}

.product-page .section--manual .description span.bullet {
   width: 100%;
   display: inline-block;
   font-weight: 600;
   margin-top:1rem;
}

.product-page .section--manual .manual_subheadline {
   display: inline-block;
   width: 100%;
   font-family: utopia-std, Georgia, Times, serif;
   font-size: 1.5rem;
   font-weight: 500;
   margin:1rem 0 0.3rem 0;
}

.product-page .section--manual .zusatzanleitung-container,
.product-page .section--manual .schnitt-container,
.product-page .section--manual .duenger-container,
.product-page .section--manual .lager-container,
.product-page .section--manual .zusatzanleitung-container {
   width: calc(50% - 2rem);
   height: 100%;
}

@media (max-width: 600px) {

   .product-page .section--manual .zusatzanleitung-container,
   .product-page .section--manual .schnitt-container,
   .product-page .section--manual .duenger-container,
   .product-page .section--manual .lager-container,
   .product-page .section--manual .zusatzanleitung-container {
      width: 100%;
      height: 100%;
   }
}

@media (max-width: 420px) {
   .product-page .section--manual .description {
      padding:0;
      background-color: transparent;
   }

   .product-page .section--manual .description {
      font-size: 1rem;
   }

   .product-page .section--manual .description .gebrauchsanleitung_headline {
      font-size: 1.7rem;
   }
}

/* Content > Product Page > Section Gefahr */ 
.product-page .section--manual .gebrauchsanleitung.vorsicht {
   display: flex;
}

.product-page .section--manual .gebrauchsanleitung.vorsicht > span {
   display: inline-block;
   width: 24px;
   height: 28px;
   margin-right: 1rem;
   vertical-align: top;
   display: none;
}

.product-page .section--manual .ratschlag-item span {
   display: inline-block; 
   width: 100%;
   max-width: 24px;  
   height: 20px; 
   margin-right: 1rem;
   vertical-align: top;
}

/* Content > Shop > Cart Page */ 
.the-content .wp-block-woocommerce-cart,
.the-content .wp-block-woocommerce-checkout {
   max-width: 1066px;
   width: 100%;
}

@media (max-width: 1100px) {
   .the-content .wp-block-woocommerce-cart,
   .the-content .wp-block-woocommerce-checkout {
      padding:3rem 1rem 0 1rem;
   }
}  

.the-content .is-large.wc-block-cart .wc-block-cart__totals-title {
   text-align: right;
}

.the-content .wc-block-components-totals-shipping .wc-block-components-shipping-address,
.is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via, 
.is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link,
.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input,
.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input {
   display: none;
}

.the-content .wc-block-cart__submit-button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
   background-color: #639e51;
}

.the-content .wc-block-cart__submit-button:hover,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
   background-color: #017e6f;
}

.the-content .wc-block-components-button:not(.is-link) .wc-block-components-button__text {
   height:3.5rem;
   color: #fff;
   font-size: 1.125rem;
   display: flex;
   align-items: center;
   padding: 1rem 1rem 1rem 0.7rem;
   transition: 0.2s;
}

.the-content .wc-block-components-button:not(.is-link) {
   text-decoration: none;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
   height:4rem;
   border:none;
}

.is-large .wc-block-checkout__sidebar {
   top:120px!important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
   display: none;
}

/* Content > Rasenarbeiten > Single Page */
.rasenarbeiten .entry-title,
.rasenarbeiten .rasenarbeiten-untertitel,
.archive-rasenprobleme-listing .rasenprobleme-untertitel,
.magazin-container .untertitel {
   width:100%;
   text-align: center;
}

.rasenarbeiten .entry-title {
   margin-bottom: 0;
   color: #644432;
   line-height: 4.375rem;
}

.rasenarbeiten .rasenarbeiten-untertitel,
.archive-rasenprobleme-listing .rasenprobleme-untertitel,
.magazin-container .untertitel {
   font-size: 1.33333rem;
   line-height: 1.66667rem;
   font-family: utopia-std, Georgia, Times, serif;
   font-style: italic;
   margin-bottom: 4.438rem;
}

.magazin-container .untertitel {
   margin: 0 auto;
   margin-bottom: 4.438rem;
   max-width: 700px;
   color:#11305a;
}

.archive-rasenprobleme-listing .rasenprobleme-untertitel {
   margin-bottom:0;
   color:#11305a;
   max-width: 700px;
   margin: 0 auto;
}

.rasenarbeiten .thumbnail-container,
.magazin-container .thumbnail-container {
   max-width: 940px;      
   width: 100%;           
   height: auto;       
   overflow: hidden;      
   margin: 0 auto;        
   position: relative;
}

.rasenarbeiten .post-thumbnail img, 
.magazin-container .thumbnail-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.video-container {
   width: 100%;
   aspect-ratio: 16/9;
   overflow: hidden;
}

.video-container iframe {
   width: 100%;
   height: 100%;
   border: 0;
 }

.rasenarbeiten .skalen,
.archive-rasenprobleme-listing .skalen,
.the-content-wrapper-container .archive-rasenarbeiten-listing.magazin .posts-container .skalen,
.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .skalen  {
   max-width: 940px;      
   width: 100%;
   height: auto;
   display: flex;
   margin: 0 auto;
   margin-bottom: 2.188rem;
   background-color: #fff;
   padding: 1rem
} 

.archive-rasenprobleme-listing .skalen,
.the-content-wrapper-container .archive-rasenarbeiten-listing.magazin .posts-container .skalen {
   height: 10rem;
} 

.rasenarbeiten-schwierigkeitsgrad,
.rasenarbeiten-saison  {
   display: flex;
   flex-direction: column; 
   gap: 0.5rem;
   margin-right:2rem;
}

.rasenarbeiten-saison  {
   margin-right:0rem;
}

.rasenarbeiten-schwierigkeitsgrad span,
.rasenarbeiten-saison span {
   display: block; 
   font-weight: bold;
}

.rasenarbeiten-schwierigkeitsgrad .level-container-wrapper {
   display: flex;
   align-items: center; 
   gap: 1rem;
   height:30px;
}

.rasenarbeiten-schwierigkeitsgrad .level-container {
   display: flex;
   flex-direction: row; 
}

.rasenarbeiten-schwierigkeitsgrad .level-leicht,
.rasenarbeiten-schwierigkeitsgrad .level-moderat,
.rasenarbeiten-schwierigkeitsgrad .level-anspruchsvoll {
   width: 1.3rem;
   height: 0.4rem;
   display: inline-block;
   background: #e8ebee;
}

.rasenarbeiten-schwierigkeitsgrad .level-leicht {
   border-radius: 0.5rem 0 0 0.5rem;
}

.rasenarbeiten-schwierigkeitsgrad .level-anspruchsvoll {
   border-radius: 0 0.5rem 0.5rem 0;
}

.rasenarbeiten-schwierigkeitsgrad .level-leicht.green,
.rasenarbeiten-schwierigkeitsgrad .level-moderat.green,
.rasenarbeiten-schwierigkeitsgrad .level-anspruchsvoll.green {
   background: #2abc69;
}

.rasenarbeiten-schwierigkeitsgrad .level-leicht.blue,
.rasenarbeiten-schwierigkeitsgrad .level-moderat.blue,
.rasenarbeiten-schwierigkeitsgrad .level-anspruchsvoll.blue {
   background: #0376b8;
}

.rasenarbeiten-schwierigkeitsgrad .level-leicht.red,
.rasenarbeiten-schwierigkeitsgrad .level-moderat.red,
.rasenarbeiten-schwierigkeitsgrad .level-anspruchsvoll.red {
   background: #f6523b;
}

.rasenarbeiten-schwierigkeitsgrad .werte,
.archive-rasenprobleme-listing .skalen p,
.archive-rasenarbeiten-listing.magazin .skalen p,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container .postcontent .content p {
   font-family: Akkurat, Arial, sans-serif;
   font-size: 112.5%;
   line-height: 1.25;
   color: #11305a;
   -webkit-font-smoothing: antialiased;
}

.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container .postcontent .content p {
   margin-bottom:2rem;
}

.archive-rasenprobleme-listing .skalen p,
.archive-rasenarbeiten-listing.magazin .skalen p {
   margin-bottom: 0;
   margin-top: 0;
}

.rasenarbeiten-saison {
   display: flex;
   flex-direction: row; 
   align-items: center; 
   width: 100%;
   flex-wrap: wrap; 
}

.rasenarbeiten-saison span {
   width:100%;
}

.rasenarbeiten-saison .werte {
   display: flex; 
   flex-wrap: wrap; 
   margin-right: 0rem; 
}

.rasenarbeiten-saison .saison-item {
   white-space: nowrap; 
   font-family: Akkurat, Arial, sans-serif;
   font-size: 112.5%;
   line-height: 1.25;
   color: #11305a;
   -webkit-font-smoothing: antialiased;
   font-weight: 400;
   display: flex;
   align-items: center;
}

.rasenarbeiten-saison .saison-item.spring::before {
   content: '';
   display: inline-block;
   width: 30px;
   height: 30px;
   margin-right:0.5rem;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url('../images/icons/icon-spring.svg'); 
}

.rasenarbeiten-saison .saison-item.summer::before {
   content: '';
   display: inline-block;
   width: 28px;
   height: 28px;
   margin-right:0.5rem;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url('../images/icons/icon-summer.svg'); 
}

.rasenarbeiten-saison .saison-item.autumn::before {
   content: '';
   display: inline-block;
   width: 28px;
   height: 28px;
   margin-right:0.5rem;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url('../images/icons/icon-autumn.svg'); 
}

.rasenarbeiten-saison .saison-item.winter::before {
   content: '';
   display: inline-block;
   width: 28px;
   height: 28px;
   margin-right:0.5rem;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url('../images/icons/icon-winter.svg'); 
}

.rasenarbeiten-saison .saison-item.allyear::before {
   content: '';
   display: inline-block;
   width: 30px;
   height: 30px;
   margin-right:0.5rem;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url('../images/icons/icon-allyear.svg'); 
}

.rasenarbeiten-saison .saison-item.allveggie::before {
   content: '';
   display: inline-block;
   width: 30px;
   height: 30px;
   margin-right:0.5rem;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url('../images/icons/icon-allveggie.svg'); 
}

.material-produkte {
   display: flex;
   width: 100%;
   gap: 1rem;
}

.material-produkte span {
   width:100%;
   display: block;
   margin-bottom: 1.375rem;
   font-weight: 700;
   font-size: 1.11111rem;
   letter-spacing: 0.2px;
   line-height: 1.33333rem;
   font-family: Akkurat, Arial, sans-serif;
   color: rgb(17, 48, 90);
}

.rasenarbeiten .material-produkte {
   max-width: 940px;      
   width: 100%;
   height: auto;
   display: flex;
   margin: 0 auto 4rem auto;
   padding-top: 1.375rem;
}

.rasenarbeiten .material-produkte .material,
.rasenarbeiten .material-produkte .produkte {
   box-sizing: border-box;
}

.rasenarbeiten .material-produkte .material {
   flex: 1; 
   max-width: 33.33%;
}

.rasenarbeiten .material-produkte .produkte {
   flex: 2; 
   max-width: 66.67%;
   padding-left: 2.8rem;
}

/* Wenn .material oder .produkte alleine vorhanden sind, nehmen sie die volle Breite ein */
.rasenarbeiten .material-produkte .material:only-child,
.rasenarbeiten .material-produkte .produkte:only-child {
   flex: 1; 
   max-width: 100%;
}

/* Standard: .material .werte untereinander anordnen */
.rasenarbeiten .material .werte {
   display: block; 
   font-family: Akkurat, Arial, sans-serif;
   font-size: 1.12rem;
   line-height: 1.25rem;
   color: #11305a;
   -webkit-font-smoothing: antialiased;
   padding: 0.813rem;
   margin-bottom: 0.813rem;
   border-radius: 0.1rem;
   background-color: #fff;
   overflow: hidden;
}

/* Wenn keine .produkte vorhanden ist, sollen .material .werte nebeneinander stehen */
.rasenarbeiten .material:only-child .werte {
   display: inline-block; 
   margin-right: 0.5rem; 
}

.rasenarbeiten .material-produkte .werte-produkt {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0.813rem;
   margin-bottom: 0.813rem;
   background-color: #fff;
   border-radius: 0.1rem;
   -webkit-transition: -webkit-box-shadow .3s ease-in-out, -webkit-transform .3s ease-in-out;
   transition: box-shadow .3s ease-in-out, transform .3s ease-in-out;
}

.rasenarbeiten .material-produkte .werte-produkt:hover {
   -webkit-box-shadow: 0 0 8px 0 rgba(46, 62, 72, .04), 0 4px 12px 0 rgba(46, 62, 72, .03);
   box-shadow: 0 0 8px 0 rgba(46, 62, 72, .04), 0 4px 12px 0 rgba(46, 62, 72, .03);
   -webkit-transition: -webkit-box-shadow .3s ease-in-out, -webkit-transform .3s ease-in-out;
   transition: box-shadow .3s ease-in-out, transform .3s ease-in-out;
}

.rasenarbeiten .material-produkte .werte-produkt .produkt-bild img {
   width: 3rem;
   height: 3rem;
   object-fit: contain; 
   display: block; 
}

.rasenarbeiten .material-produkte .produkte a {
   text-decoration: none;
}

.rasenarbeiten .material-produkte .werte-produkt .produkt-name {
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;
   flex-direction: column;
   font-weight: 700;
   color: #11305a;
   font-family: Akkurat, Arial, sans-serif;
   font-size: 1.12rem;
   line-height: 1.4rem;
   -webkit-font-smoothing: antialiased;
   letter-spacing: 0.3px;
   text-decoration: none;
   padding-left:0.8rem;
}

.rasenarbeiten .material-produkte .werte-produkt .produkt-name .produkt-typ,
.rasenarbeiten .material-produkte .werte-produkt .produkt-name .produkt-preis {
   font-weight: 400;
} 

.rasenarbeiten .material-produkte .werte-produkt .produkt-preis {
   color: #11305a;
   font-family: Akkurat, Arial, sans-serif;
   font-size: 1.12rem;
   line-height: 1.4rem;
   -webkit-font-smoothing: antialiased;
   letter-spacing: 0.3px;
}

.rasenarbeiten .see-also-slider .produkt-preis {
   display:none!important;
} 

.rasenarbeiten .services .werte {
   display: block; 
   font-family: Akkurat, Arial, sans-serif;
   font-size: 1.12rem;
   line-height: 1.25rem;
   color: #11305a;
   -webkit-font-smoothing: antialiased;
   padding: 0.813rem;
   margin-bottom: 0.813rem;
   border-radius: 0.1rem;
   background-color: #fff;
   overflow: hidden;
}

/* CONTENT BLOCKS */
.rasenarbeiten .content-block,
.the-content-wrapper-container .magazin-container,
.the-content-wrapper-container .magazin-container .post-content,
.archive-rasenprobleme-listing .content-block {
   max-width: 940px;      
   width: 100%;
   height: auto;
   display: flex;
   margin: 0 auto;
   padding: 1rem;
   flex-direction: column;
}

.rasenarbeiten .content-block {
   padding-left: 0;
   padding-right: 0;
}

.the-content-wrapper-container .magazin-container .post-content {
   background-color: #fff;
   padding: 2rem 12.5% 5rem;
   margin-top: 0;
}

.the-content-wrapper-container .magazin-container .post-content a {
   color:#639e51;
   letter-spacing: 0.5px;
   line-height: 1.6;
   font-size: 1.1rem;
}

.the-content-wrapper-container .magazin-container .post-content ul {
   padding: 1rem;
   margin:0;
}

.rasenarbeiten .content-block .content-block-uberschrift,
.archive-rasenprobleme-listing .content-block .content-block-uberschrift {
   text-align: center;
   margin-bottom: 0;
   padding-top: 2.5rem;
   color: #644432;
   line-height: 3.8rem;
   font-size: 2.5rem;
   font-weight: 400;
}

.rasenarbeiten .content-block .content-block-uberschrift {
   padding-top: 0;
}

.archive-rasenprobleme-listing .content-block .content-block-uberschrift {
   padding-top:0;
   color:#324e75;
   font-size: 2.2rem;
}

.rasenarbeiten .content-block .content-block-untertitel,
.archive-rasenprobleme-listing .content-block .content-block-untertitel {
   text-align: center;
   font-size: 1.33333rem;
   line-height: 1.66667rem;
   font-family: utopia-std, Georgia, Times, serif;
   margin-bottom: 2.438rem;
}

.archive-rasenprobleme-listing .content-block .content-block-untertitel {
   line-height: 1.8rem;
   font-size: 1.25rem;
}

.rasenarbeiten .content-block .block {
   padding:1.5rem;
   background-color: #fff;
   display: flex;
   margin-bottom: 3rem;
}

.rasenarbeiten .content-block .block .block-nummer {
   position: absolute;
   margin-top: -2.2rem;
   margin-left: -2.2rem;
   display: flex;
   background: #926044;
   width: 2rem;
   height: 2rem;
   border-radius: 2rem;
   align-content: center;
   justify-content: center;
   align-items: center;
   color:#fff;
   font-size: 1rem;
}

.rasenarbeiten .content-block .block .block-headline {
   margin:0;
   font-weight: 600;
   font-size: 1.2rem;
   line-height: 1.45rem;
   font-family: Akkurat,Arial,sans-serif;
   color: rgb(17, 48, 90);
}

.rasenarbeiten .content-block .block .block-text {
   line-height: 1.7rem;
   font-size: 1.1rem;
   font-family: Akkurat, Arial, sans-serif;
   color: #11305a;
   -webkit-font-smoothing: antialiased;
   margin:0;
   padding-top:0.9rem;
} 

.rasenarbeiten .content-block .block .block-image {
   max-width: 480px;
   max-height: 300px;
   overflow: hidden;
   position: relative;
}

.rasenarbeiten .content-block .block .block-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

/* Wenn es ein Bild gibt, teilen sich Bild und Text den Platz (jeweils 50%) */
.rasenarbeiten .content-block .block.has-image {
   display: flex;
   flex-wrap: wrap;
}

.rasenarbeiten .content-block .block.has-image .block-text-content,
.rasenarbeiten .content-block .block.has-image .block-image {
   width: 50%;
   box-sizing: border-box;
   padding: 1rem;
}

/* Wenn kein Bild vorhanden ist, hat der Textbereich 100% Breite */
.rasenarbeiten .content-block .block:not(.has-image) .block-text-content {
   width: 100%;
   padding:1rem;
}

@media (max-width: 1024px) {
   .the-content-wrapper-container .magazin-container .post-content {
      padding-left: 2rem;
      padding-right: 2rem;
   }
}

@media (max-width: 768px) {
   .rasenarbeiten .material-produkte {
      flex-direction: column;
   }

   .rasenarbeiten .material-produkte .material,
   .rasenarbeiten .material-produkte .produkte {
      width:100%;
      max-width: 100%;
      padding-left:0;
      margin-bottom: 1.5rem;
   }

   .rasenarbeiten .content-block .content-block-uberschrift {
      padding-top: 0;
   }

   .rasenarbeiten .content-block .block.has-image {
      flex-direction: column;
   }

   .rasenarbeiten .content-block .block.has-image .block-text-content, 
   .rasenarbeiten .content-block .block.has-image .block-image {
      width:100%;
      max-width: 100%;
   }
}

@media (max-width: 600px) {
   .rasenarbeiten .rasenarbeiten-schwierigkeitsgrad .werte,
   .rasenarbeiten .rasenarbeiten-saison .saison-item {
      font-size: 1rem;
   }
}

@media (max-width: 490px) {
   .rasenarbeiten .skalen,
   .rasenprobleme .skalen {
      flex-direction: column;
   }

   .the-content-wrapper-container .magazin-container,
   .the-content-wrapper-container .magazin-container .post-content,
   .magazin-container .post-content > p {
      padding:0;
      background-color: transparent;
   }

   .the-content-wrapper-container .magazin-container .post-content {
      margin-top:0rem;
   }

   .the-content-wrapper-container .magazin-container .post-content .wp-block-heading {
      font-size: 1.6rem;
      word-break: break-word;
   }
}

/* Content > Rasenarbeiten / Rasenprobleme > Archive */
.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   justify-content: space-between;
   max-width: 1100px;
   margin: 0 auto;
   gap: 40px;
}

.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container {
   gap:20px;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article {
   display: flex;
   flex-direction: column;
   justify-content: space-between; 
   align-items: stretch;
   box-sizing: border-box;
   overflow: hidden;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:hover {
   -webkit-transform: translate(2px, -2px);
   transform: translate(2px, -2px);
   transition: 0.3s;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article a,
.the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container article > *,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article {
   position: relative;
   text-decoration: none;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article a .skalen span,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article .skalen span {
   font-size: 0.9rem;
   color:rgb(100, 68, 50);
   font-weight:500;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article a .skalen .weiterlesen,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article .skalen .weiterlesen {
   font-size: 1.2rem;
   color:rgb(100, 68, 50);
   font-weight:400;
   padding-top:1rem;
   text-align: right;
   /*bottom: 1rem;
   right: 1rem;
   position: absolute;*/
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.rasenprobleme article a .skalen .weiterlesen,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article .skalen .weiterlesen {
   color:#324e75;
}

.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article .skalen .weiterlesen,
.the-content-wrapper-container .archive-rasenarbeiten-listing.magazin .posts-container article a .skalen .weiterlesen {
   bottom: 1rem;
   right: 1rem;
   position: absolute;
}

.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article .skalen .weiterlesen span {
   cursor: pointer;
   font-size: 1.2rem;
   color:#324e75;
   font-weight:400;
   padding-top:1rem;
   text-align: right;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article a > h2,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article a > h2,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article > h2,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article .postholder > h2 {
   position: absolute;
   top: 2rem;
   left: 2.3rem;
   font-size: 3rem;
   font-weight: 800;
   line-height: 1;
   max-width: 70%;
   color:#fff;
   margin: 0;
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   line-clamp: 2;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(3) a > h2,
.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4) a > h2,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+2) a > h2,
.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postholder > h2 {
   font-size: 2rem;
}

/* Grid */
.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(1),
.the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container article:nth-child(1) {
   width: 100%;
   height: auto; 
   flex: 1 1 100%; 
   overflow: visible;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(2) {
   width: 66%; 
   height: 360px; 
   flex: 0 1 calc(66% - 14px); 
   overflow: visible;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(3) {
   width: 33%;
   height: 360px;
   flex: 0 1 calc(33% - 40px);
   overflow: visible;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4),
.the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container article:nth-child(n+2) {
   width: 33%;
   height: 330px; 
   flex: 0 1 calc(33% - 40px);
   overflow:visible;
   margin-top:2rem;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article .postholder {
   position: relative;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) {
      max-width: calc(50% - 20px);
      height: 310px;
      flex: 1 1 50%;
      margin-top:1rem;
      overflow: visible;
      margin-bottom: 8rem;
}

@media (max-width: 1000px) {
   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) {
      margin-bottom: 5rem;
      height: 290px;
   }
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article > img
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article > img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   flex-shrink: 0;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(1) a picture > img,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(1) picture > img {
   width: 100%;
   height: 100%;
   max-height: 550px;
   object-fit: cover;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(2) a picture > img  {
   width: 100%;
   height: 110%;
   max-height: 360px;
   object-fit: cover;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(3) a picture > img  {
   width: 100%;
   height: 110%;
   max-height: 360px;
   object-fit: cover;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4) a picture > img,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+2) picture > img  {
   width: 100%;
   height: 100%;
   max-height: 330px;
   object-fit: cover;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4) a picture > img,
.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container.home article:nth-child(1) a picture > img {
   height: 110%;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article picture > img {
   height:310px;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .row1,
.the-content-wrapper-container .archive-rasenarbeiten-listing .row2,
.the-content-wrapper-container .archive-rasenprobleme-listing .row1,
.the-content-wrapper-container .archive-rasenprobleme-listing .row2  {
   display: flex;
   width:100%;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .row2,
.the-content-wrapper-container .archive-rasenprobleme-listing .row2  {
   justify-content: flex-end;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article > *,
.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article > * {
   margin: 10px 0; 
   flex: 1; 
}

.the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container .skalen,
.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container .skalen, 
.the-content-wrapper-container .archive-rasenarbeiten-listing.magazin .posts-container .skalen,
.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container .skalen,
.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .skalen {
   position: relative;
   max-width: 25rem;
   width:80%;
   margin-right: -22px;
   margin-top: -120px;
   z-index: 5000;
   margin-bottom: 0;
   border-bottom: rgb(100, 68, 50) solid 3px;
   flex-direction: column;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container .skalen {
   border-bottom-color:#324e75;
}

.the-content-wrapper-container .archive-rasenprobleme-listing .posts-container .postcontent .title h2 {
   color: #324e75;
   font-size: 1.8rem;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.magazin .posts-container .skalen {
   border-bottom: #017e6f solid 3px;
   max-height: 9rem;
   min-height: 9rem;
   height: 100%;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.magazin .posts-container article a .skalen .weiterlesen,
.archive-rasenarbeiten-listing.magazin .archive-title {
   color:#017e6f;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(3) .skalen,
.the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4) .skalen  {
   width:100%;
   max-width: 20rem;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container .skalen {
   margin-top: -60px;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container .skalen .title {
   font-weight: 700;
   line-height: 1.8;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+2) .postcontent {
   display: none;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article .postcontent {
   width: calc(200% + 40px);
   display: flex;
   justify-content: space-between;
   background-color: #fff;
   border-radius: 2px;
   padding: 0 2rem 0 2rem;
   display: none;
   opacity: 0;
   transform: translateY(-10px);
   transition: all 0.3s ease-in-out;
   position: absolute;
   top:140%;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol {
   max-width: calc(40% - 20px);
   width: 100%;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .leftcol {
   max-width: calc(60% - 20px);
   width: 100%;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul {
   padding:0;
   margin-top: 1.6rem;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol .close {
   padding:0;
   margin-top: 1rem;
   font-size:1.6rem;
   color:#000;
   text-align: right;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol .close span {
   cursor: pointer;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li {
   margin-bottom: 1.3rem;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li a {
   width: 100%;
   height: 100%;
   padding: 0.8rem;
   text-decoration: none;
   color:#11305a;
   letter-spacing: 0.5px;
   border-radius: 2px;
   border: 1px solid #644432;
   transition: 0.3s;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li a:hover {
   transition: 0.3s;
   background-color: #f3f3f3;
}


.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li a.arbeiten-headline {
   width: 100%;
   font-weight: 700;
   font-size: 1.1rem;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li a .skalen {
   width: 100%;
   font-weight: 500;
   font-size: 1rem;
   background-color: transparent;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li .skalen {
   width: 100%;
   margin:0;
   padding:0;
   border: none;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li .skalen .rasenarbeiten-saison {
   width: auto;
   display: flex; 
   gap: 1rem; 
   align-items: center;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol ul li .skalen .rasenarbeiten-saison .saison-item {
   display: inline-block; 
   width: 30px; 
   height: 30px; 
   background-size: contain;
   background-repeat: no-repeat;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article .postcontent.visible {
   display: flex;
   opacity: 1;
   transform: translateY(0);
}

.article-expanded {
   margin-bottom: var(--dynamic-margin, 0px); 
   transition: margin-bottom 0.3s ease-in-out;
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article {
   transition: margin-bottom 0.3s ease; 
}

.the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article.article-expanded {
   margin-bottom: var(--dynamic-margin);
   transition: margin-bottom 0.3s ease; 
}

@media (max-width: 1000px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+1),
   .the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container article:nth-child(n+1) {
      max-width: calc(50% - 20px);
      height: 220px;
      flex: 1 1 50%;
      margin-top:1rem;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage:nth-child(n+1) {
      max-width: 100%;
      margin-bottom: 27rem;
   }

   .the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container article:nth-child(n+3) {
      margin-top: 7rem;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+1) a picture > img,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+1) picture > img {
      height: 250px;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article:nth-child(n+1) a picture > img {
      min-height: 12rem;
      max-height: 450px;
      height: 100%;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container {
      gap: 0;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article a > h2,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article a > h2,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article > h2 {
      font-size: 1.7rem;
      top: 1rem;
      left:1.3rem;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(2),
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(3),
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4),
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+2) {
      height: auto; 
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article a .skalen .weiterlesen,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article a .skalen .weiterlesen,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article .skalen .weiterlesen {
      padding-top:0.7rem;
      font-size: 1rem;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article .rasenarbeiten-saison,
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article .rasenarbeiten-saison .werte {
      margin-right: 0rem;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article .rasenarbeiten-saison .saison-item.allyear::before {
      width: 25px;
      height: 25px;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article .rasenarbeiten-schwierigkeitsgrad .werte {
      font-size: 1rem;
   }

   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .leftcol,
   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol {
      max-width: calc(50% - 20px);
   }

   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article .postcontent.visible {
      margin-top: -20px;
   }

}

@media (max-width: 800px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+1),
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+1),
   .the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container article:nth-child(n+1),
   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) {
      max-width: calc(100% - 20px);
      height: 220px;
      flex: 1 1 100%;
      margin-top:5rem;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(1),
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(1) {
      margin-top:0;
   }

   .archive-rasenarbeiten-listing .archive-title,
   .archive-rasenprobleme-listing .archive-title {
      padding-bottom: 1rem;
      padding-top: 1rem;
   }

   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article .postcontent.visible {
      width: calc(100% + 20px);
      margin-top: 80px;
   }

   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .leftcol,
   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) .postcontent .rightcol {
      max-width: calc(100%);
   }

   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article .postcontent.visible {
      flex-direction: column-reverse;
   }
}

@media (max-width: 500px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+1) .skalen,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+1) .skalen {
      max-width: 100%;
      width: 100%;
   }
}

@media (max-width: 420px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+1) .skalen,
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+1) .skalen {
      margin-right:0;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+1),
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+1) {
      max-width: 100%;
   }
}


/* Pagination */
.archive-pagination-container .pagination ul {
   display: flex;
   padding-left:0;
}

.archive-pagination-container .pagination ul li {
   list-style: none;
   padding:0.5rem 0.9rem;
   background-color: #e8ebee;
   border-radius: 0.2rem;
   margin:0.3rem;
   transition: background-color 0.3s ease; 
}

.archive-pagination-container .pagination ul li a {
   text-decoration: none;
   color: #11305a;
}

.archive-pagination-container .pagination .page-numbers li:has(> span.current),
.archive-pagination-container .pagination .page-numbers li.current {
   background-color: #f1f3f5;
   cursor: default; 
   transition: background-color 0.3s ease; 
}

.archive-pagination-container .pagination .page-numbers li:hover {
   background-color: #f1f3f5; 
   cursor: pointer;
   transition: background-color 0.3s ease;
}

/* Magazin / Block Type: Medien und Text */
.wp-block-media-text {
   display: block; 
   overflow: hidden; 
   margin-top: 2rem;
   margin-bottom: 2rem;
}

.wp-block-media-text p {
   line-height: 1.6;
   font-size: 1.1rem;
   letter-spacing: 0.5px;
   color: rgb(17, 48, 90);
}

.wp-block-media-text p:first-of-type {
   margin-top: 0;
}

.wp-block-media-text__media {
   float: left;
   margin: 0 1rem 1rem 0; 
   max-width: 40%; 
   margin-right: 1.5rem!important;
}

.the-content-wrapper.magazin .posts-container {
   padding-bottom: 3rem;
}

@media (max-width: 768px) {
.wp-block-media-text__media {
    float: none;
    margin: 0 0 1rem 0;
    max-width: 100%; 
    margin-right: 0rem!important;
    margin-bottom: 1.5rem!important;
}

.wp-block-media-text__content {
    overflow: visible; 
}
}

/* Content Pages / AGB */
.page .contentpages {
   background-color: #fff;
   padding: 3rem 4% 2rem;
   margin-top: 0;
   margin: 0px 7%;
}

/* Footer */
.site-footer {
   position: relative;
   bottom: 0;
   flex-shrink: 0;
   padding: 3rem 3rem;
   width: 100%;
   background-color: #fff;
   color: #11305a;
   -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px 0 rgba(0, 0, 0, .14);
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px 0 rgba(0, 0, 0, .14);
   z-index: 10000;
   margin-bottom: 10rem;
}

.footer-container {
   max-width: 1100px;
   width: 100%;
   margin:0 auto;
   display: flex;
   justify-content: space-between;
}

.footer-container h2 {
   font-size: 2rem;
   margin:0;
}

.footer-content.leftcol,
.footer-content.rightcol {
   max-width: calc(50% - 2rem);
   width:100%;
   display: flex;
   flex-wrap: wrap;
}

.footer-content.leftcol {
   flex-direction: column;
   justify-content: center;
}

.footer-container .navigation {
   color: #11305a;
   display: flex;
   flex-wrap: nowrap;
   text-decoration: none;
}

.footer-container .navigation a {
   color: #11305a;
   text-decoration: none;
   padding-right:2rem;
   font-weight: 700;
   margin:0;
}

.footer-container a.mail {
   color: #11305a;
   background-color: #e8ebee;
   padding: 0.5rem 1rem;
   border-radius: 0.3rem;
   display: flex;
   flex-wrap: wrap;
   line-height: 1.4rem;
   text-decoration: none;
}

.footer-container a.mail:hover {
   background-color: #f1f3f5;
   transition: 0.3s;
   cursor: pointer;
}

.footer-container a.mail span {
   display: block;
   position: relative;
   width: 1.2rem;
   height: auto;
   background-image: url(../../assets/images/icons/icon-mail.svg);
   background-size: contain;
   background-repeat: no-repeat;
   transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out;
   z-index: 9999;
   margin:3px 0.4rem 0 0;
}

.footer-tail {
   width: 100%;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin-bottom: 4rem;
   flex-direction: column;
   align-content: center;
   z-index: 5000;
}

.footer-tail .logo-container {
   display: flex;
   width: 15rem;
   height: 5rem;
   justify-content: center;
   align-items: center;
   background-color: #FFFFFF;
   border-radius: 0.5rem;
   border: 0px solid;
   padding-top: 1rem;
}

.footer-tail .logo {
   background-image: url(../images/logo/esag.svg);
   background-size: contain;
   background-repeat: no-repeat;
   text-indent: -9999px;
   width: 70%;
   height: 100%;
}

.footer-tail .claim {
   width: 15rem;
   padding:1.2rem;
   display: flex;
   color: #fff;
   font-style: italic;
   font-family: utopia-std, Georgia, Times, serif;
   text-align: center;
   font-size: 1.1rem;
   font-weight: 400;
   
}


@media (max-width: 1000px) {

   .site-footer {
      padding: 3rem 2rem;
   }

   .footer-container {
      flex-direction: column-reverse;
   }

   .footer-content.leftcol,
   .footer-content.rightcol {
      max-width: 100%;
   }

   .footer-content.leftcol {
      margin-top: 3rem;
   }

}

/* FRONT PAGE */
.header-wrapper.ishome {
   padding-top: 38vh;
}

.header-wrapper.ishome .archive-title h1 {
   color:#fff;
   text-align: center;
   font-size: 3.8rem;
}

.bgvideo {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   z-index: 0;
}

.bgvideo video {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100vw;
   height: 100vh;
   object-fit: cover;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article a > h2.pre-title {
   font-size: 1.4rem;
   top:5rem;
   font-family: Akkurat, Arial, sans-serif;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article a > h2.main-title  {
   top: 8rem;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container {
   display: flex;
   justify-content: space-between;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen {
   max-width: 30%;
   width: 100%;
   margin-left: 1rem;
   margin-top: -100px;
   margin-right: 1rem;
   box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
   transition: 0.3s;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .skalen:hover {
   -webkit-transform: translate(2px, -2px);
   transform: translate(2px, -2px);
   transition: 0.3s;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(1) {
   border-bottom: #324e75 solid 2px;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(2) {
   border-bottom: #644432 solid 2px;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(3) {
   border-bottom: #639e51 solid 2px;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen .icon {
   width: 4rem;
   margin: 0 auto;
   padding-top:0.5rem;
   padding-bottom: 0.5rem;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen .title {
   font-weight: 700;
   font-size: 1.2rem;
   text-align: center;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(1) .title {
   color: #324e75;
} 

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(2) .title {
   color: #644432;
} 

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(3) .title {
   color: #639e51;
} 

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen .beschreibung,
.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen .link {
   font-size: 1.1rem;
   text-align: center;
   color: #324e75;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(2) .beschreibung,
.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(2) .link {
   color: #644432;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(3) .beschreibung,
.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen:nth-of-type(3) .link {
   color: #639e51;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen p.link {
   margin-bottom: 0;
   font-weight: 700;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article:hover {
   -webkit-transform: none;
   transform: none;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .archive-title {
   margin-top:3rem;
   padding-bottom: 3rem;
}

@media (min-width: 1000px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .archive-title.r-arbeiten,
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .archive-title.r-probleme {
      margin-top:6rem;
   }
}

@media (max-width: 1000px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .archive-title.r-produkte {
      margin-top:-3rem;
   }
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article {
   max-width: calc(50% - 20px);
   height: 220px;
   flex: 1 1 50%;
   margin-top:0rem;
   margin-bottom: 12rem;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article img {
   max-height: 330px;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article a > h2 {
   font-size: 2.5rem;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article .skalen {
   max-width: 25rem;
   width: 80%;
   border-bottom-color: #324e75;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.magazin article .skalen {
   height: 9rem;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article .skalen > p,
.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.magazin article .skalen > p {
   font-family: Akkurat, Arial, sans-serif;
   font-size: 112.5%;
   line-height: 1.25;
   color: #11305a;
   -webkit-font-smoothing: antialiased;
   margin-top: 0;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.magazin article .skalen .weiterlesen {
   bottom: 1rem;
   right: 1rem;
   position: absolute;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.magazin article:nth-child(n+2) a > h2 {
   font-size: 2rem;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   max-width: 1100px;
   padding-left: 0;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product {
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: none;
   flex-direction: column;
   flex: 1 1 calc(33.333% - 20px);
   box-sizing: border-box;
   margin: 10px;
   height: auto;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product a {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   padding: 2rem 2rem 1.2rem 2rem;
   width: 100%;
   text-align: center;
   background-color: #fff;
   border-radius: 1px;
   border: 1px solid rgba(1, 126, 111, .1);
   border-bottom: 3px solid #639e51;
   transition: 0.3s;
   text-decoration: none;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product a:hover {
   border-color: #639e51;
   -webkit-box-shadow: 0 0 4px 0 rgba(46, 62, 72, .1), 0 4px 12px 0 rgba(46, 62, 72, .1);
   box-shadow: 0 0 4px 0 rgba(46, 62, 72, .1), 0 4px 12px 0 rgba(46, 62, 72, .1);
   -webkit-transform: translate(1px, -1px);
   transform: translate(1px, -1px);
   transition: 0.3s;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product a img {
   max-width: 100%;
   max-height: 13.75rem;
   height: auto;
   object-fit: contain;
   margin: 0;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product a h2 {
   font-size: 1.5rem;
   font-weight: 500;
   letter-spacing: 0.4px;
   padding: 0.5rem 0 0 0;
   font-family: Akkurat, Arial, sans-serif;
   color: rgb(17, 48, 90);
   margin-bottom: 0;
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product a h3 {
   font-size: 1.1rem;
   font-weight: 500;
   letter-spacing: 0.4px;
   padding: 0;
   margin: 0;
   font-family: Akkurat, Arial, sans-serif;
   color: rgb(17, 48, 90);
}

.the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product a .price {
   font-size: 1.1rem;
   letter-spacing: 0.4px;
   font-weight: 600;
   padding: 0.85rem 0 0 0;
   font-family: Akkurat, Arial, sans-serif;
   color: rgb(17, 48, 90);
}

@media (max-width: 1000px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage a > h2.pre-title {
      top:2rem;
   }
   
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage a > h2.main-title  {
      top: 4rem;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage a > h2 {
      left:2.5rem;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage a > h2.main-title {
      font-size: 3rem;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage:nth-child(n+1) a picture > img {
      min-height: auto;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article:nth-child(n+1) {
      margin-bottom: 1rem;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article {
      margin-bottom: 9rem;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.magazin article:nth-child(n+1) {
      margin-bottom: 3rem;
   }
   .footer-container h2,
   .footer-content p {
      width: 100%;
   }
   .body-background {
      padding: 0;
   }
   .wc-block-components-sidebar-layout .wc-block-components-main {
      width: 55%!important;
   }
   .wc-block-components-sidebar {
      width:45%!important;
   }
}

@media (max-width: 800px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage:nth-child(n+1) {
      max-width: 100%;
      margin-bottom: 27rem;
  }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article:nth-child(n+1) {
      margin-top: 1rem;
      max-width: calc(50% - 20px);
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .archive-title {
      padding-bottom: 0;
   }
   .wc-block-components-radio-control .wc-block-components-radio-control__input {
      left:0!important;
   }

   .wc-block-checkout__main .wc-block-components-radio-control__input {
      left:15px!important;
   }

   .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar,
   .is-medium.wc-block-components-sidebar-layout .wc-block-components-main {
      width:100%!important;
   }
}

@media (max-width: 730px) {
   .archive-rasenarbeiten-listing.home {
      padding-left:1rem;
      padding-right:1rem;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container {
      flex-wrap: wrap;
      margin:0;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .box-container .skalen {
      max-width: 100%;
      margin-top: 1rem;
      margin-left:0;
      margin-right:0;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage:nth-child(n+1) {
      margin-bottom: 0rem;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article:nth-child(n+1),
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article {
      max-width: 100%;
      height: auto;
      flex: 1 1 100%;
      margin-top:0;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .skalen,
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(3) .skalen,
   .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4) .skalen,
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article .skalen {
      max-width: 100%;
      width: 90%;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article:nth-child(n+1) a picture > img {
      max-height: 300px;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article {
      margin-bottom: 1rem;
   }
}

@media (max-width: 616px) {
   .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar,
   .is-medium.wc-block-components-sidebar-layout .wc-block-components-main,
   .wc-block-components-sidebar-layout .wc-block-components-main,
   .wc-block-components-sidebar {
      width:100%!important;
   }
}

@media (max-width: 550px) {
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .stage > a {
      display: none;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .skalen,
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .skalen, .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(3) .skalen,
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container .skalen, .the-content-wrapper-container .archive-rasenarbeiten-listing .posts-container article:nth-child(n+4) .skalen,
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article .skalen {
      width: 100%;
      right:0;
      margin-right: 0;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.magazin article:nth-child(n+1) {
      margin-bottom: 1rem;
      height: 320px;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.magazin article .skalen {
      height: 8rem;
   }
   .shop-icons .item {
      padding-right: 0;
      width:3rem;
   }
   .site-header .center {
      padding: 0 1rem;
   }
   .mobile-menu-headline {
      font-size: 1.5rem;
      padding-bottom: 0.3rem;
   }
   .mobile-menu-list li a {
      font-size: 1.2rem!important;
      line-height: 1.7rem;
   }
   .mobile-menu-section {
      padding-top:1rem!important;
   }
   .cky-revisit-bottom-left {
      right:15px!important;
      left:unset!important;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article {
      margin-bottom: 3rem;
      height: 320px;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article:nth-child(n+1) {
      height: 320px;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container.home.rasenprobleme article a > h2 {
      font-size: 2rem;
   }
   .the-content-wrapper-container .archive-rasenprobleme-listing .posts-container article:nth-child(n+1), .the-content-wrapper-container .archive-rasenprobleme-listing.main .posts-container article:nth-child(n+1) {
      margin-top: 0;
      max-width: 100%;
      margin-bottom: 7rem;
   }
   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(1) {
      margin-top: 0;
   }
   .the-content-wrapper-container .archive-rasenprobleme-listing:not(.main) .posts-container article:nth-child(n+1) {
      max-width: 100%;
   }
   .magazin-container > h1 {
      line-height: 2.5rem;
      padding-top:2rem;
   }
   .the-content-wrapper-container .archive-rasenarbeiten-listing.home ul.products li.product {
      margin-left:0;
      margin-right: 0;
   }
   .the-content .wp-block-woocommerce-cart,
   .the-content .wp-block-woocommerce-checkout {
      padding: 3rem 0 0 0;
   }

   .the-content-wrapper-container .archive-rasenarbeiten-listing.home .posts-container article.stage:nth-child(n+1) {
      margin-bottom: 22rem;
   }
}

/* FIX BuyBox */
   .variations_form.rasenberater .woocommerce-variation.single_variation,
   .variations_form.rasenberater {
      display: block !important;
      position: relative;
   }

   @media (max-width: 730px) {
      .variations_form.rasenberater .woocommerce-variation.single_variation,
      .product-page .single_variation_wrap .woocommerce-variation.single_variation,
      .product-page .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-price {
         width: auto;
      }
   }

   .variations_form.cart.test.wvs-loaded table.variations,
   .variations_form.rasenberater table.variations  {
      justify-content: flex-start;
      display: block;
   }

   .variations_form.rasenberater .woocommerce-variation-add-to-cart {
      margin-left: 2rem;
   }

   @media (max-width: 390px) {
      .variations_form.rasenberater .woocommerce-variation-add-to-cart {
         margin-left: 0rem;
      }
   }
/* WooCommerce update compatibility: keep the Rasenberater product layout aligned with the live theme. */
.woocommerce div.product {
   align-items: flex-start;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
   min-height: auto;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
   display: flex;
   justify-content: center;
   align-items: center;
}

.product-page form.variations_form.rasenberater {
   flex-wrap: wrap !important;
   justify-content: flex-start !important;
   align-items: flex-start !important;
}

.product-page .variations_form table.variations {
   flex: 0 0 100% !important;
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important;
   margin-bottom: 0.75rem !important;
}

.product-page .variations_form table.variations td.value {
   position: relative;
   z-index: 1;
}

.product-page .variations_form table.variations td.value .variable-items-wrapper {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 0.5rem;
   margin: 0.25rem 0 0;
}

.product-page .variations_form table.variations td.value .variable-item:not(.radio-variable-item).button-variable-item {
   margin: 0;
}

.woocommerce div.product #selected-product-sku {
   clear: both;
   display: block !important;
   flex: 0 0 100% !important;
   width: 100% !important;
   min-width: 100% !important;
   position: relative !important;
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   height: auto !important;
   min-height: 0 !important;
   overflow: visible !important;
   clip: auto !important;
   transform: none !important;
   opacity: 1 !important;
   white-space: normal !important;
   text-indent: 0 !important;
   z-index: 0;
   margin-top: 0.25rem !important;
}

#selected-product-sku.product-sku-section .sku-label,
#selected-product-sku.product-sku-section .sku-value {
   display: inline !important;
   visibility: visible !important;
   opacity: 1 !important;
   color: #017e6f !important;
   line-height: 1.6 !important;
   font-size: 1rem !important;
   letter-spacing: 0.4px !important;
}

.product-page form.variations_form .single_variation_wrap {
   flex: 0 0 100% !important;
   width: 100% !important;
   min-width: 100% !important;
}

.product-page .variable-items-wrapper .wvs-stock-left-info,
.product-page .variable-items-wrapper .wvs-stock-left-info::before,
.product-page .variable-items-wrapper .wvs-stock-left-info::after {
   display: none !important;
   content: none !important;
}

.woocommerce ul.products li.product a {
   overflow: visible;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
   display: -webkit-box;
   margin: 0;
   line-height: 1.2;
}

/* WooCommerce update compatibility: match the live Rasenberater variation stack. */
.product-page .variations_form.rasenberater table.variations {
   flex: 0 1 auto !important;
   min-width: 0 !important;
   margin-bottom: 0 !important;
}

.product-page .variations_form.rasenberater table.variations tbody {
   height: auto !important;
   min-height: 0 !important;
}

.product-page .variations_form.rasenberater table.variations td.value {
   position: static !important;
   display: block !important;
   width: auto !important;
}

.product-page .variations_form.rasenberater table.variations td.value .variable-items-wrapper {
   width: auto !important;
   max-width: max-content !important;
   margin-top: 0 !important;
}

.product-page .variations_form.rasenberater .woocommerce-variation-add-to-cart {
   display: block !important;
   max-width: 278px !important;
}

/* WooCommerce update compatibility: restore live cart control sizing. */
.product-page .variations_form.rasenberater button.single_add_to_cart_button,
.product-page .variations_form.rasenberater .quantity input,
.product-page .variations_form.rasenberater .quantity input.qty {
   font-size: 18px !important;
}

/* WooCommerce update compatibility: keep desktop product galleries at the live height. */
@media (min-width: 1001px) {
   .single-product .product-page .woocommerce-product-gallery,
   .single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
   }

   .single-product .product-page .woocommerce-product-gallery__image {
      display: block !important;
      height: 400px !important;
      min-height: 0 !important;
      max-height: none !important;
   }

   .single-product .product-page .woocommerce-product-gallery__image > a {
      display: block !important;
      height: 400px !important;
      min-height: 0 !important;
      max-height: none !important;
   }

   .single-product .product-page .woocommerce-product-gallery img {
      width: auto !important;
      height: 400px !important;
      min-height: 400px !important;
      max-height: 400px !important;
   }
}

/* WooCommerce update compatibility: restore live archive product title rhythm. */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
   line-height: 1.5 !important;
}

/* WooCommerce update compatibility: keep responsive product image boxes square like live. */
@media (min-width: 641px) and (max-width: 1000px) {
   .single-product .product-page .woocommerce-product-gallery img {
      padding: 19.2px !important;
   }
}

 (max-width: 640px) {
   .single-product .product-page .woocommerce-product-gallery img {
      padding: 40px !important;
   }
}

 (max-width: 1000px) {
   .single-product .product-page .woocommerce-product-gallery,
   .single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
   .single-product .product-page .woocommerce-product-gallery__image {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
   }

   .single-product .product-page .woocommerce-product-gallery__image > a {
      display: block !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
   }

   .single-product .product-page .woocommerce-product-gallery img {
      display: block !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      padding: 0 !important;
   }
}

/* WooCommerce update compatibility: restore live simple-product tablet cart controls. */
@media (min-width: 641px) and (max-width: 1000px) {
   .single-product .product-page .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button button.single_add_to_cart_button.button.alt {
      flex: 0 1 auto !important;
      flex-basis: 225.438px !important;
      width: 225.438px !important;
      min-width: 225.438px !important;
      max-width: 225.438px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      font-size: 18px !important;
   }

   .single-product .product-page form.cart:not(.variations_form):not(.grouped_form) .woocommerce-variation-add-to-cart,
   .single-product .product-page form.cart:not(.variations_form):not(.grouped_form) button.single_add_to_cart_button {
      display: flex !important;
      flex: 0 1 auto !important;
      width: auto !important;
      min-width: 225px !important;
      max-width: none !important;
      font-size: 18px !important;
   }
}

/* WooCommerce update compatibility: restore live mobile archive product cards. */
@media (max-width: 640px) {
   .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
      display: flex !important;
      flex-direction: column !important;
   }

   .woocommerce ul.products li.product a img {
      height: auto !important;
      max-height: 13.75rem !important;
      width: auto !important;
   }
}

/* WooCommerce update compatibility: prevent mobile archive images from stretching vertically. */
@media (max-width: 640px) {
   .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img.wp-post-image {
      align-self: center !important;
      flex: 0 0 auto !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: 13.75rem !important;
      object-fit: contain !important;
   }
}

/* WooCommerce update compatibility: final responsive parity for simple carts and mobile archive images. */
@media (min-width: 641px) and (max-width: 1000px) {
   .single-product .product-page form.cart:not(.variations_form):not(.grouped_form) button.single_add_to_cart_button {
      flex: 0 1 auto !important;
      width: 225.438px !important;
      min-width: 225.438px !important;
      max-width: 225.438px !important;
      font-size: 18px !important;
   }

   .single-product .product-page .variations_button button.single_add_to_cart_button {
      flex: 0 1 auto !important;
      width: 144px !important;
      min-width: 144px !important;
      max-width: 144px !important;
      margin-left: 16px !important;
      font-size: 18px !important;
   }
}

@media (max-width: 640px) {
   .woocommerce ul.products li.product picture.wp-post-image,
   .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img.wp-post-image {
      height: 12rem !important;
      min-height: 0 !important;
      max-height: 12rem !important;
      object-fit: contain !important;
   }
}

/* WooCommerce update compatibility: restore live responsive product image padding. */
@media (min-width: 641px) and (max-width: 1000px) {
   .single-product .product-page .woocommerce-product-gallery img {
      padding: 19.2px !important;
   }
}

@media (max-width: 640px) {
   .single-product .product-page .woocommerce-product-gallery img {
      padding: 40px !important;
   }
}

/* WooCommerce update compatibility: keep responsive product gallery images square with live padding. */
@media (max-width: 1000px) {
   .single-product .product-page .woocommerce-product-gallery img {
      aspect-ratio: 1 / 1 !important;
      box-sizing: border-box !important;
      object-fit: contain !important;
   }
}

/* WooCommerce update compatibility: override staged 50vh gallery image height on responsive product pages. */
@media (min-width: 641px) and (max-width: 1000px) {
   .single-product .product-page .woocommerce-product-gallery img {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: 400px !important;
      padding: 19.2px !important;
      box-sizing: border-box !important;
      object-fit: contain !important;
   }
}

@media (max-width: 640px) {
   .single-product .product-page .woocommerce-product-gallery img {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: 400px !important;
      padding: 40px !important;
      box-sizing: border-box !important;
      object-fit: contain !important;
   }
}

/* WooCommerce update compatibility: remove staged 50vh gallery wrapper height on tablet. */
@media (min-width: 641px) and (max-width: 1000px) {
   body.single-product .product-page .woocommerce-product-gallery,
   body.single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
   body.single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__image,
   body.single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
   }
}

/* WooCommerce update compatibility: remove staged 50vh gallery wrapper height on mobile. */
@media (max-width: 640px) {
   body.single-product .product-page .woocommerce-product-gallery,
   body.single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
   body.single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__image,
   body.single-product .product-page .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
   }
}