/*
Theme Name: Storefront Überlegen
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic, make Utopia
Author URI: https://makeutopia.de
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.2.1
Updated: 2025-06-24 12:15:04

*/
a:focus,
.focus a, button:focus, .focus button {
	outline: none !important;
}
.nogap {
	gap: 0 !important;
}
.nogap .wp-block-column {
	margin: 0 !important;
}
@media (min-width: 768px) {
    .storefront-primary-navigation div.col-full {
        border: 0.2em solid black;
        border-radius: 1em;
        padding: 0 1em;
    }
}
button.menu-toggle {
    border-radius: 1em;
}
.button {
    border-radius: 0.5em;
}
div.handheld-navigation {
    border: 0.2em solid black;
    border-radius: 1em;
    text-align: center;
    padding: 0.25em 0;
}
.main-navigation ul.sub-menu, #menu-head ul.sub-menu {
    border: 0.2em solid black;
    border-radius: 1em;
    background-color: #fff !important;
}
.site-footer div.col-full {
    border: 0.2em solid black;
    border-radius: 1em;
    padding: 0 1em;
}
.site {
	overflow-x: visible !important;
}
.single-product div.product {
	overflow: visible !important;
}
.newsletter-gruppierung {
    border: 0.2em solid black;
    border-radius: 1em;
    padding: 0 1em;	
}
#menu-footer {
    clear: both;
    list-style: none;
}
#menu-footer li {
    position: relative;
    display: inline-block;
    text-align: left;
    /*border: 0.15em solid black;
    border-radius: 0.5em;
    padding: 0.2em;*/
}
#menu-footer li::before {
    content: "";
    /*content: "°";
    font-size: 2em;
    color: black;*/
}
.wpc-filters-section {
    border: 0.2em solid black;
    border-radius: 1em;
    padding: 0.5em;
}
.wpc-filters-section::after {
    content: "";
    padding: 0.3em;
    color: black;
    position: absolute;
    right: -0.6em;
    bottom: -1.2em;
    border: 0.2em solid black;
    border-radius: 0.6em;
}
.product-category a img {
    height: 10em;
    object-fit: contain;
}
.site-header {
    border: none;
}
input[type=search] {
    border: 0.2em solid black;
    border-radius: 1em;
    background: #fff;
}
.loop-images {
    position: relative;
    width: 100%;
    height: 14em;
    object-fit: contain;
}
div.loop-images img {
    position: absolute;
}
div.loop-images img:nth-of-type(even) {
    background-color: #fff;
    opacity: 0;
    transition:opacity 0.5s;
}
div.loop-images img:nth-of-type(even):hover {
    opacity: 1;
}
div.loop-images img {
    width: 100%;
    max-height: 14em !important;
    object-fit: contain;
}
.product a img {
    width: 100%;
	max-height: 24em;
    object-fit: contain;
}
img.wp-post-image {
    height: auto !important;	
}
div.categorySlider {
    margin: 2em 0;
}
div.categorySlider a {
    text-decoration: none !important;
}
div.categorySliderOuter {
    clear: both;
    display: flex;
}
div.categorySliderFB {
    flex: 0 0 2em;
    padding: 5em 0.3em;
    font-size: 200%;
    cursor: pointer;
    user-select: none;
}
div.categorySliderInner {
    flex: 1 1 100%;
    display: flex;
    gap: 1em;
    justify-content: space-around;
    overflow-x: hidden;
    position: relative;
}
div.categorySliderInner::before {
    content: '';
    z-index: 10;
    width: 10%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
div.categorySliderInner::after {
    content: '';
    z-index: 10;
    width: 10%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
div.sliding_product {
    flex: 0 0 14em;
    text-align: center;
}
.price-per-kg {
}
h6 {
	font-size: 0.9em;
}
@keyframes invert {
  from {background-color: white;color:black;}
  to {background-color: black;color:white;}
}

.catSliderLinks, p.kriterien, p.partner {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
}
p.kriterien, p.partner {
    justify-content: center;
}
.catSliderLinks a, .catSliderHead a, .kriterien a, .partner a {
    border: 0.1em solid black;
    border-radius: 1em;
    text-align: center;
    padding: 0.25em 0.5em;
    text-decoration: none !important;
}
.catSliderLinks a:hover, .catSliderHead a:hover, .kriterien a:hover, .partner a:hover {
    background-color: black;
    color: white;
    animation-name: invert;
    animation-duration: 0.4s;
}
.catSliderHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.socialmediaicons {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0 1em;
    margin: 0.5em 0;
	font-size: 24px;
}
.even_number .sliding_product:last-of-type {
    margin-right: 15em;
}
.site-branding .site-description {
    position: relative;
    margin: 0.25em 0 0 0;
    font-weight: 600;
    display: block;
    text-align: right;
    right: -5em;
}
@media (min-width: 768px) {
    .umfliessen {
        max-width: 50%;
    }
    .umfliessen:nth-of-type(odd){
        float: left;
        padding-right: 2em;
    }
    .umfliessen:nth-of-type(even){
        float: right;
        padding-left: 2em;
    }
}
.umfliessen {
    display: block !important;
}
.inner_product {
    padding-bottom: 3em;
    height: 100%;
    position: relative;
}
.custom_cart {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.aromaprofil {
    font-style: normal;
}
a.button {
    display: block;
}
.price-per-kg {
    display: block;
}
div.fenster {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-width: 100%;
	width: 38em;
	z-index: 2147483641;
	border: 0.2em solid black;
	background-color: white;
	border-radius: 1em;
}
div.fenster-close {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    cursor: pointer;
    padding: 0 0.5em;
    background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0 0.3em 0 0;
}
div.fenster-title {
    width: 100%;
	text-align: center;
}

div.stoerer {
    bottom: 0;
    left: 0;
    height: 20em;
    position: fixed;
    width: 100%!important;
    z-index: 2147483641;
    transition: height 1s ease-in-out, background-color 0.5s;
    border-top: 0.2em solid black;
    background-color: white;
}
div.stoerer-close {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    cursor: pointer;
    padding: 0 0.5em;
    background-color: rgba(0, 0, 0, 0.5);
}
div.stoerer-head {
    margin: 0 auto;
    position: relative;
    top: -2.5em;
    width: 56%!important;
}
div.stoerer-content {
    position: relative;
    left: 0;
    top: -2.5em;
    width: 100vw;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
div.stoerer-title {
    border: 0.2em solid black;
    border-radius: 1em 1em 0 0;
    border-bottom: 0.2em solid white;
    padding: 0.25em 0.5em;
    text-align: center;
    background-color: white;
}
hr.is-style-wide {
    margin-top: 0.5em !important;
}
.hentry .entry-content p.has-medium-font-size a {
    text-decoration: none;
}
.hentry .entry-content p.has-medium-font-size a:hover {
    text-decoration: underline;
}

.mku-rating .star-rating {
	display: inline-block;
	margin: 0 !important;
}
.mku-rating .gkartikey-product-rating-count {
	display: inline-block;
	position: relative;
	left: 0.3em;
	top: -0.4em;
}
.outofstock > a > div.loop-images, .outofstock .inner_product a div.loop-images {
	filter: grayscale(1);
	transition-duration: 0.2s;
}
.outofstock > a > div.loop-images:hover, .outofstock .inner_product a div.loop-images:hover {
	filter: grayscale(0);
}
.content-area {
	width: 100%;
	margin-right: 0;
	float: none;
}
.right-sidebar .content-area {
	width: 100%;
	margin-right: 0;
	float: none;
}
.woocommerce-tabs ul.wc-tabs {
	display: none;
}
@media (min-width: 768px) {
    .single-product div.product .woocommerce-product-gallery {
        width: 29.4117647059%;
		position: sticky;
		top: 0px
	}
	.single-product div.product .summary {
        width: 64.7058823529%;
	}
}

ul.products, .wc-block-grid__products {
	margin-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
	align-items: stretch;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding-bottom: 3.5em;
}
.woocommerce ul.products li.product .button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
div.rto-input {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: stretch;
  margin: 0.5em 0;
}
.rto-input div label {
  width: 12em;
  display: inline-block;
}
p.sourceNotice {
	margin-top: 1em;
	font-size: 0.8em;
}