/* =========================================================
   WooCommerce - News Magazine X Look & Feel (Scoped)
   (greift NICHT in Header / Navigation / Footer ein)
   ========================================================= */
   
   .woocommerce-content {
	   padding:30px 20px;
	   background-color: #ffffff;
	   max-width: 1300px;
	   margin:0 auto;
   }
   
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
   .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
   :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button
   {background-color: #9acaef !important;
   color:#fff;
   padding:16px;
   border-radius:10px;
   transition: 0.3s;
    }
	
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, 
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, 
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, 
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover
	{
	background-color: #4078a4 !important;
	color:#fff;
	}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {transition: opacity 0.2s ease;}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover {opacity:0.8;}

/*.woocommerce .products ul, .woocommerce ul.products {gap:10px;}
	
	 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		border:1px solid #e5e5e5!important;
		border-radius:14px;
		padding:16px;
		margin:18px 0;
		align-items:start;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); 
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);margin:18px 0;}   */
.woocommerce ul.products li.product .button {width:100%;text-align:center;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {text-align:center;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {text-align:center;font-size:12px;}

.variations tbody {border-radius:14px;padding:16px;margin:18px 0;align-items:start;
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); 
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);margin:18px 0;}
.variations tbody tr {border:none;}
.woocommerce-variation-add-to-cart input {border:2px solid #e5e5e5;padding:11px 5px;border-radius:10px}
.woocommerce .quantity .qty {width:5em;}

    .wc-block-cart__main .wc-block-cart-items {border:0;border-radius:14px;-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); 
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);margin:18px 0;}
.wc-block-cart__main .wc-block-cart-items tr {border:0;}
table.wc-block-cart-items .wc-block-cart-items__header th {padding:10px;}
.wp-block-woocommerce-checkout-order-summary-block {-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); 
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);margin:18px 0;}

.woocommerce-result-count, .woocommerce-ordering {display:none;}
 
   ul.products {
      display: flex;
      flex-wrap: wrap; 
   }
 
   ul.products li.product {
      display: flex;
      flex-direction: column;
   }
 
   ul.products li.product .button {
      margin-top: auto !important;
   }
   
   @media (max-width: 468px) { /* Für Geräte unter 768px Breite */
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: 1fr !important; /* Eine Spalte */
    gap: 20px;
  }
  .woocommerce li.product {
    width: 100% !important;
  }
}