/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}

.nomargin-bottom {
	margin-bottom: 0px !important;
}

p strong {
	font-weight: 900;
}

:root {
    --farbe-creme: #f3d8c1;
	--farbe-gold: #bf9c6f;
	--farbe-white: #fffdff;
	--farbe-hell: #D6BB92;
}


/* Wichtig: Der Logo-Container muss Überlauf erlauben */
#site-logo,
#site-logo .middle-site-logo,
#site-header-inner {
    overflow: visible !important;
}

/* Logo-Link vorbereiten */
.custom-logo-link {
    position: relative;
    z-index: 10;
    display: inline-block;
}

/* Kreis + grauer Schatten */
.custom-logo-link::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    width: 400px;
    height: 360px;
    background: #ffffff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    box-shadow: 0 10px 30px rgba(150,150,150,0.7);
}

#site-header.center-header .centered .left-menu {
  text-align: left !important;
}

#site-header.center-header .centered .right-menu {
  text-align: right !important;
}



/* Abstand NUR zwischen den Menü-Links, nicht außen */

/* je 5px links/rechts → zusammen 10px Abstand zwischen zwei Links */
#site-navigation ul.left-menu.main-menu.dropdown-menu.sf-menu > li,
#site-navigation ul.right-menu.main-menu.dropdown-menu.sf-menu > li {
    margin: 0 15px;
}

/* außen links/rechts keinen zusätzlichen Rand */
#site-navigation ul.left-menu.main-menu.dropdown-menu.sf-menu > li:first-child,
#site-navigation ul.right-menu.main-menu.dropdown-menu.sf-menu > li:first-child {
    margin-left: 0;
}

#site-navigation ul.left-menu.main-menu.dropdown-menu.sf-menu > li:last-child,
#site-navigation ul.right-menu.main-menu.dropdown-menu.sf-menu > li:last-child {
    margin-right: 0;
}

.opening-row {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Linke Dummy-Spalte: gleiche Breite wie die Icons rechts */
.opening-left {
    width: 140px; /* anpassen falls Icons breiter werden */
}

/* Mitte immer absolut zentriert */
.opening-center {
    flex: 1;
    text-align: center;
    font-weight: 600;
    line-height: 1.3;
}

/* Icons rechts */
.opening-icons {
    display: flex;
    gap: 12px;
    margin-right: 50px;
    width: 140px; /* gleiche Breite wie .opening-left */
    justify-content: flex-end;
}

.opening-icons img {
    width: 30px;
    height: 30px;
    display: block;
}

span.opening-oben {
	font-family: "Kumbh Sans", sans-serif;
font-weight: 800;
	font-size: 36px;
}

span.opening-unten {
	font-size: 30px;
}


span.menuoben {
font-family: "Kumbh Sans", sans-serif;
  text-shadow: -3px 1px 0 var(--farbe-creme);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0px;
}

/* Sticky Header */

.is-sticky #site-header.shrink-header #site-navigation-wrap .dropdown-menu > li > a {
	line-height: 24px !important;
}

.oceanwp-sticky-header-holder.is-sticky .custom-logo-link::before,
.site-header.shrink-header .custom-logo-link::before{
    width: 340px;
    height: 280px;
}

.opening-info {
	background-color: var(--farbe-white);
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	position: absolute;
  bottom: 0;
	margin-bottom: 0px !important;
	padding-top: 20px;
	width: 100%;
}

.onlineshop-btn {
	position: absolute;
  top: 9%;
  right: 5%;
}

#mobile-dropdown ul li a {
	text-shadow: -3px 1px 0 var(--farbe-creme);
}

#mobile-dropdown ul li {
  border-bottom: none !important;
}

.onlineshop-btn {
    animation: pulse 2.8s ease-in-out infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.07); }
    100% { transform: scale(1); }
}


.h2,
.h1 {
    display: flex;
    align-items: flex-end; /* FAMILIE bildet die Grundlinie */
    gap: 12px; /* Abstand zwischen UNSERE und FAMILIE */
}

/* Der linke Teil ("UNSERE") höhergestellt + Shadow */
span.h1-first {
    display: inline-block;
    position: relative;
    top: -15px; /* Höhe nach oben – exakt wie im Screenshot */
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 700; /* falls Fett gewünscht */
    text-shadow: -4px 4px 0 var(--farbe-creme); /* Schatten */
	line-height: 1.2;
	padding-top: 4px;
	 overflow: visible; 
}

h3 span.h3-first,
h3 span.h3-second {
    display: block;
}

/* erste Zeile leicht nach links */
h3 span.h3-first {
    transform: translateX(-15px);
}

/* zweite Zeile leicht nach rechts */
h3 span.h3-second {
    transform: translateX(60px);
}

a.sortiment-btn {
	text-decoration: none !important;
}


.nachhaltigkeit-box {
background-image: radial-gradient(
        circle at center,
        var(--farbe-creme) 0%,
        var(--farbe-creme) 45%,
        var(--farbe-gold) 100%
    );

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    padding: 60px 40px;
}

.img-mit-radius img {
	border-top-left-radius: 30%;
  border-bottom-right-radius: 30%;
}


.zusatzinfo p {
	font-size: 14px;
}

.opening p {
	font-size: 25px;
}

.opening p strong {
	font-weight: 900;
}

.box-hg {
	background-image: url('https://weidinger.insyde.co.at/wp-content/uploads/2025/11/hintergrund_beige.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
}

.opening-flasche {
  position: absolute;
  bottom: 0;
  left: 7%;
}

span.opening-day {
	font-family: "Kumbh Sans", sans-serif;
	font-weight: 700;
  font-size: 25px;
}

.genuss-wrapper {
    position: relative;        /* wichtig! Basis für absolute Positionierung */
    z-index: 1;
}

.genuss-bg {
    position: absolute;
    bottom: 20%;
    left: 0;
    width: auto;               /* oder feste Breite */
    height: auto;
    z-index: 0;                /* liegt hinter dem Text */
    pointer-events: none;      /* verhindert Klick-Blockierung */
}

.genuss-content {
    position: relative;
    z-index: 2;                /* Text sicher vor dem Bild */
}

.shape-frizz {
	position: absolute;
  right: -35%;
  top: 5%;
}

.creme-bg {
	background-color: var(--farbe-creme);
}

.creme-box {
	background-color: var(--farbe-hell);
}

.creme-box p {
	font-weight: 500;
}


/* Leiste ganz oben 
.social-icon-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px; 
}

.social-icon-btn {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: none;
}

.social-icon-btn img {
    width: 30px;
    height: 30px;
    display: block;
}
*/

/* Ninja Form */

div.nf-form-fields-required {
	display: none;
}

.ninja-forms-req-symbol {
	color: var(--farbe-gold) !important;
}

input#nf-field-14.ninja-forms-field.nf-element,
input#nf-field-4.ninja-forms-field.nf-element{
	color: #000;
	background-color: var(--farbe-gold);
	border-color: var(--farbe-gold);
	font-size: 16px;
}

/* Footer */

footer#footer p strong {
	font-weight: 900;
}

footer#footer p,
footer#footer a {
	font-size: 16px;
	color: #000;
}


/* Lebensmittelangabe */

body:not(.single-product) .lebensmittelangaben,
section.related.products{
    text-align: left;
}

div.lebensmittelangaben a{
	font-size: 14px;
}

div.lebensmittelangaben {
	padding-bottom: 8px;
}

div.mwst-versandinfo {
	font-size: 14px;
	margin-bottom: 5px;
}

/* Woocommerce Archive */

.woocommerce ul.products li.product .price {
	font-size: 45px !important;
}

.wc-product-info-text {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.3;
}


.woocommerce-cart ul.products .wc-product-lower,
.archive ul.products .wc-product-lower,
div#produkt-ausgabe-startseite ul.products .wc-product-lower,
body.single-product section.related.products ul.products .wc-product-lower{
    display: flex;
    flex-direction: row;
}
.woocommerce-cart ul.products .wc-product-lower-col,
.archive ul.products .wc-product-lower-col,
div#produkt-ausgabe-startseite ul.products .wc-product-lower-col,
body.single-product section.related.products ul.products .wc-product-lower-col{
    width: 50%;
	align-content: end;
}

.woocommerce-cart ul.products .wc-product-lower-col.second,
.archive ul.products .wc-product-lower-col.second,
div#produkt-ausgabe-startseite ul.products .wc-product-lower-col.second,
body.single-product section.related.products ul.products .wc-product-lower-col.second{
    padding-left: 10px;
}

.woocommerce-cart ul.products li.product form.cart,
.archive ul.products li.product form.cart,
div#produkt-ausgabe-startseite ul.products li.product form.cart,
body.single-product section.related.products ul.products li.product form.cart{
    display: flex;
}

.woocommerce-cart ul.products li.product form.cart div.quantity,
.archive ul.products li.product form.cart div.quantity,
div#produkt-ausgabe-startseite ul.products li.product form.cart div.quantity,
body.single-product section.related.products ul.products li.product form.cart div.quantity{
    width: 31%;
}

.woocommerce-cart ul.products li.product form.cart a.ajax_add_to_cart,
.archive ul.products li.product form.cart a.ajax_add_to_cart,
div#produkt-ausgabe-startseite ul.products li.product form.cart a.ajax_add_to_cart,
body.single-product section.related.products ul.products li.product form.cart a.ajax_add_to_cart,
ul.products li.product a.button.alt.outofstock-button{
    display: flex;
    align-items: center;
    text-transform: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
}

.quantity {
	min-width: 80px !important;
}


.woocommerce ul.products a.button.alt {
    background-color: var(--farbe-gold);
    margin-top: 0;
    height: 52px;
}

#produkt-ausgabe-startseite a {
	text-decoration: none !important;
}


/* Symbol anzeigen */
body.archive li.product form.cart button.single_add_to_cart_button::before,
body.single-product form.cart button.single_add_to_cart_button::before,
div#produkt-ausgabe-startseite form.cart button.single_add_to_cart_button::before{
    content: "";
    position: absolute;
    top: 44%;
    left: 40%;
    width: 58px;
    height: 50px;
    transform: translate(-50%, -50%);
    background-image: url('/wp-content/uploads/2025/11/warenkorb-btn.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	 transition: transform 1.6s ease;
}

/* Archiv + Einzelprodukt: Button anpassen */
body.archive li.product form.cart button.single_add_to_cart_button,
body.single-product form.cart button.single_add_to_cart_button,
div#produkt-ausgabe-startseite form.cart button.single_add_to_cart_button,
section.related.products form.cart button.single_add_to_cart_button {
    font-size: 0;
    color: transparent;
    position: relative;
    width: 58px;
    height: 58px;
    background: none;
    border: none;
    padding: 0;
}

.woocommerce .selectqty {
	 -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
/*   height: 47px;*/
	height: 51px;
	max-width: 55px;
	padding-left: 8px;
	padding-right: 0px;
    border: 1px solid #000;
    font-size: 18px;
    text-align: center;
    background-color: var(--farbe-white);
	box-shadow: none;	
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="black" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 20px; 
}


h2.woocommerce-loop-product__title {
	text-transform: uppercase;
	font-size: 25px;
	font-family: "Kumbh Sans", sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 0px;
}

/* Oberer Bereich im Produkt-Item komplett zentrieren */
.wc-product-upper {
    text-align: center;
}

/* Jahrgang als Blockzeile über dem Titel */
.wc-product-upper span.jahrgang {
    display: block;
    font-size: 25px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 2px;
	color: #000;
	padding-top: 5px;
}

/* WC Produkt unten halb so hoch */
.wc-product-lower {
    max-height: 50%;          /* halbiert die Gesamthöhe */
    overflow: hidden;         /* versteckt den unteren Teil */
}

/* Optional: die beiden Spalten innen skalieren */
.wc-product-lower-col.first img {
    max-height: 350px !important; /* Bild kleiner */
    height: auto;
}

.wc-product-lower-col.second {
    padding-top: 10px;
}


/* Linke Spalte zentrieren */
.wc-product-lower-col.first {
    display: flex;
    justify-content: center;
}

.woocommerce ul.products li.owp-content-center .product-inner {
	text-align: left !important;
}

/* Bild zentriert + korrekt skalieren */
.wc-product-lower-col.first img {
    width: auto;
    height: auto;
    max-height: 350px; /* Passe an, wie hoch das Bild maximal sein soll */
    object-fit: contain;
    display: block;
    margin: 0 auto;
}


.wc-pramierung-img {
    max-width: 120px;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

/* Info Kachel */


/* Grund-Setup für die Kachel: kein eigener Hintergrund auf dem <li> */
.archive ul.products.oceanwp-row li.product.product-type-kachel {
    position: relative;
    background: none;
    /* wichtig: gleiches Padding wie OceanWP-Standard,
       damit die Optik an die Wein-Tiles anschließt */
    padding-bottom: 20px;
    box-sizing: border-box;
}


/* Inhalt der Kachel über den Verlauf legen und mittig zentrieren */
.product-type-kachel .kachel-box {
    position: relative;
    z-index: 1;          /* über ::before */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 40px;     /* Innenabstand, wie du ihn gerne möchtest */
    overflow: hidden;    /* falls jemand Romane reinschreibt */
}



/* === Shop-Grid auf 4 Spalten mit CSS Grid umstellen === */

 body.post-type-archive-product ul.products.oceanwp-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 Spalten */
    gap: 0; /* wenn du Abstand willst, hier z.B. 20px eintragen */
    padding: 0;
} 

/* OceanWP-Float-Layout abschalten */
body.post-type-archive-product ul.products.oceanwp-row li.product {
    float: none !important;
    width: auto !important;
    box-sizing: border-box;
}


/* Tablet: 2 Spalten */
@media (max-width: 1200px) {
    body.post-type-archive-product ul.products.oceanwp-row{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile: ebenfalls 2 Spalten (oder 1, wenn du willst) */
@media (max-width: 580px) {
    body.post-type-archive-product ul.products.oceanwp-row{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        /* für 1 Spalte:
        grid-template-columns: 1fr;
        */
    }
}

.product-type-kachel .kachel-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

/* Nur Kacheln mit Schlagwort "textkachel" bekommen einen Rahmen */
.product-type-kachel.is-textkachel {
    border: 5px solid var(--farbe-gold);
    box-sizing: border-box; /* verhindert, dass die Kachel höher/breiter wird */
}


body.post-type-archive-product ul.products.oceanwp-row li.product {
  height: 468px;
  box-sizing: border-box;
  background-image: url('https://weidinger.insyde.co.at/wp-content/uploads/2025/11/hintergrund_beige.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0% 1% 1% 0%;
}

section.related.products ul.products.oceanwp-row li.product,
#produkt-ausgabe-startseite ul.products.oceanwp-row li.product {
  height: 468px;
  box-sizing: border-box;
  background-image: url('https://weidinger.insyde.co.at/wp-content/uploads/2025/11/hintergrund_beige.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
	border: 3px solid var(--farbe-white);
}

/* Single Product */

div.summary.entry-summary span.jahrgang,
div.summary.entry-summary div.wc-product-untertitel{
	font-size: 30px;
}

h1.single-post-title.product_title.entry-title {
	border-bottom: none;
}

.woocommerce div.product form.cart {
	border-bottom: none !important;
	border-top: none !important;
}

.woocommerce div.product div.woocommerce-product-details__short-description {
	margin-bottom: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: none !important;
}

figure.woocommerce-product-gallery__wrapper {
	width: 45%;
	margin: auto;
}

div.product div.clear-after-summary.clr {
	border: 5px solid var(--farbe-gold);
}

@media (max-width: 765px) {
	div.product div.clear-after-summary.clr {
	border: none;
}
}

.woocommerce.content-full-width div.product div.summary {
	padding-top: 30px;
}

/* Related Products */

section.related.products {
  text-align: center;
}

/* Woof Product Filter */

.woof_container_inner h4 {
	display: none;
}

.archive .woof_list_label .woof_label_term,
div#produkt-ausgabe-startseite .woof_list_label .woof_label_term,
body.single-product section.related.products .woof_list_label .woof_label_term{
    font-family: "Kumbh Sans", sans-serif;
    background-color: var(--farbe-hell);
    padding: 3px 15px;
    color: var(--farbe-white);
	border: 3px solid var(--farbe-white);
}

ul.woof_list {
	background-image: url('/wp-content/uploads/2025/11/hintergrund_beige.png')
}

.archive .woof_list_label .woof_label_term:hover,
.archive .woof_list_label .woof_label_term:active,
.archive .woof_list_label .woof_label_term.checked,
div#produkt-ausgabe-startseite .woof_list_label .woof_label_term:hover,
div#produkt-ausgabe-startseite .woof_list_label .woof_label_term:active,
div#produkt-ausgabe-startseite .woof_list_label .woof_label_term.checked,
body.single-product section.related.products .woof_list_label .woof_label_term:hover,
body.single-product section.related.products .woof_list_label .woof_label_term:active,
body.single-product section.related.products .woof_list_label .woof_label_term.checked{
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    background-color: var(--farbe-gold);
    color: #000;
    border: 1px solid var(--farbe-gold);
}

.archive .woof_container_inner.woof_container_inner_produkt-kategorien {
  text-align: center;
}

/* Flycart */

.woofc-area.woofc-style-02 .woofc-area-top {
	background-color: var(--farbe-gold);
}

/* Warenkorb */

div.wc-block-components-product-metadata {
	display: none;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
	background-color: var(--farbe-gold);
  font-size: 25px;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
	color: #000;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
	background-color: var(--farbe-gold);
}

a.button.wc-forward:hover {
	color: #000;
	background-color: var(--farbe-gold);
}

a.button.wc-forward {
	background-color: var(--farbe-gold);
	font-size: 18px;
	text-transform: none;
}

.de-shipping-multiplier {
    font-size: 0.75em;
    opacity: 0.7;
}


/* Woocommerce Messages */

div.woocommerce-message {
	color: #000 !important;
  border: 2px solid var(--farbe-gold) !important;
	font-size: 18px !important;
}

.woocommerce-message::before {
	color: var(--farbe-gold) !important;
}

.woocommerce-message a {
	padding: 10px 18px !important;
}

/* Danke Seite */

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	text-align: center;
  font-size: 40px;
  font-weight: 700;
  border-bottom: 5px solid var(--farbe-gold);
  padding-bottom: 10px;
	font-family: "Kumbh Sans", sans-serif;
  text-shadow: -3px 1px 0 var(--farbe-creme);
}

.woocommerce ul.order_details {
	border-color: var(--farbe-gold) !important;
}

h2.wc-bacs-bank-details-heading,
h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
	text-transform: none;
	font-size: 35px;
}

ul.order_details li strong {
	font-size: 1.2em !important;
}

.woocommerce table.shop_table thead th,
.woocommerce .shop_table.order_details tfoot th {
	color: #000 !important;
	background-color: var(--farbe-white) !important;
}

td.woocommerce-table__product-name.product-name,
th.woocommerce-table__product-name.product-name {
	border-right: 1px solid #e9e9e9;
}

/* Lieferung Ninja Form */

#nf-form-3-cont .nf-form-content {
    background-color: rgba(191, 156, 111, 0.5);
	padding: 15px;
	font-family: "Kumbh Sans", sans-serif;
}

#nf-form-3-cont form input[type="text"], #nf-form-3-cont form input[type="password"], #nf-form-3-cont form input[type="email"], #nf-form-3-cont form input[type="url"], #nf-form-3-cont form input[type="date"], #nf-form-3-cont form input[type="month"], #nf-form-3-cont form input[type="time"], #nf-form-3-cont form input[type="datetime"], #nf-form-3-cont form input[type="datetime-local"], #nf-form-3-cont form input[type="week"], #nf-form-3-cont form input[type="number"], #nf-form-3-cont form input[type="search"], #nf-form-3-cont form input[type="tel"], #nf-form-3-cont form input[type="color"], #nf-form-3-cont form select, #nf-form-3-cont form textarea {
	font-size: 16px;
	background-color: var(--farbe-white);
	color: #000;
	border: 1px solid #000;
	border-radius: 1px;
}

#nf-form-3-cont.nf-form-cont
  .nf-field-container.number-container
  .nf-field-label label {
    font-size: 18px;
    font-weight: 500;
}


#nf-form-3-cont .zwischeninfo {
	text-align: center;
  font-size: 25px;
  background: var(--farbe-white);
}

#nf-form-3-cont .zwischeninfo p {
	margin-bottom: 0px !important;
	padding-top: 10px;
  padding-bottom: 10px;
}

#nf-form-3-cont .fa-brands::before, #nf-form-3-cont .fa-regular::before, #nf-form-3-cont .fa-solid::before, #nf-form-3-cont .fa::before, #nf-form-3-cont .fab::before, #nf-form-3-cont .far::before, #nf-form-3-cont .fas::before {
	content: none !important;
}

#nf-form-3-cont .nf-field-container .nf-field-label .nf-sr-only[role="tooltip"] {
    font-size: 15px !important;
    font-family: "Kumbh Sans", sans-serif !important;
    margin-top: 5px;
}


/* MOBILE */


/* Kreis + grauer Schatten */
@media (max-width: 1270px) {

    body #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 100px;
    }

    body #site-header.center-header #site-navigation-wrap .dropdown-menu > li > a {
        font-size: 15px;
        line-height: 19px;
    }

    body .custom-logo-link::before {
        width: 250px;
        height: 210px;
    }
	
	body .onlineshop-btn img {
		max-width: 70%;
	}
}

.oceanwp-mobile-menu-icon {
	margin-top: 30px;
}

@media (max-width: 2200px) {
	.shape-frizz {
		display: none;
	}
}

@media (max-width: 1940px) {
body .opening-center {
	font-size: 30px;
}
}

@media (max-width: 1700px) {
body .opening-center {
	font-size: 25px;
}
}

@media (max-width: 1480px) {
body .opening-center {
	font-size: 20px;
}
	.opening-flasche {
		left: 5%;
		bottom: -10%;
	}
}

@media (max-width: 850px) {
body .onlineshop-btn img {
		max-width: 55%;
	}
}


@media (max-width: 1350px) {
	body .opening-flasche img {
		max-width: 80%;
	}
}

@media (max-width: 1250px) {
	body .opening-flasche {
		left: 0;
	}
}

@media (max-width: 980px) {
	body .opening-flasche {
		left: -4%;
	}
}

@media (max-width: 767px) {
	body .opening-flasche {
		display: none;
	}
}

/* Default: Desktop anzeigen, Mobile ausblenden */
#opening-desktop {
    display: block;
}
#opening-mobile {
    display: none;
}

/* Unter 900px: Desktop ausblenden, Mobile anzeigen */
@media (max-width: 900px) {
    #opening-desktop {
        display: none;
    }
    #opening-mobile {
        display: block;
    }
}

.opening-icons-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px; /* Abstand zwischen den Icons */
    margin-top: 10px;
}

.opening-icons-mobile img {
    width: 40px;
    height: auto;
    display: block;
}

/* ===== Standardgrößen (bleiben unverändert) =====
   H1 = 95px
   H2 = 65px
   H3 = 30px
   P  = 20px
*/

/* ===== unter 1200px ===== */
@media (max-width: 1200px) {

    body h1,
    .entry-title h1 {
        font-size: 60px;
    }

    body h2,
    .entry-title h2 {
        font-size: 45px;
    }

    body h3,
    .entry-title h3 {
        font-size: 25px;
    }

    body p {
        font-size: 18px;
    }
}

/* ===== unter 760px ===== */
@media (max-width: 760px) {

    body h1,
    .entry-title h1 {
        font-size: 40px;
    }

    body h2,
    .entry-title h2 {
        font-size: 30px;
    }

    body h3,
    .entry-title h3 {
        font-size: 20px;
    }

    body p {
        font-size: 14px;
    }
	span.h1-first {
		top: -15px;
	}
}


@media (max-width: 1400px) {
	div.product-inner span.woocommerce-Price-amount.amount bdi {
		font-size: 35px;
	}
	div.product-inner h2.woocommerce-loop-product__title,
	div.product-inner span.jahrgang {
		font-size: 20px;
	}
	div.product-inner div.lebensmittelangaben a {
		font-size: 10px;
	}
	
	div.product-inner .wc-pramierung-img {
		max-width: 80px;
	}
}

/* Textkachel unter 1650px: Text kleiner + nicht mehr abgeschnitten */
@media (max-width: 1650px) {

    /* äußere Textkachel */
    .product-type-kachel .kachel-box {
        font-size: 18px;
        line-height: 1.4;
        overflow: visible;          /* nichts an den Seiten abschneiden */
    }

    /* Inhalt IN der Kachel (Text-Container von WPBakery etc.) */
    .product-type-kachel .kachel-box > * {
        max-width: 100%;            /* nicht breiter als die Kachel */
        width: 100%;
        white-space: normal;        /* Zeilenumbruch wieder erlauben */
        overflow-wrap: break-word;  /* lange Wörter umbrechen */
        word-break: normal;
        margin: 0 auto;
        text-align: center;
    }
	/* Button in der Textkachel verkleinern */
    .product-type-kachel .sortiment-btn {
        padding: 10px 40px !important;  /* weniger Breite */
        max-width: 100% !important;     /* darf nicht aus der Kachel heraus */
        box-sizing: border-box;         /* Padding wird mitgerechnet */
    }

    .product-type-kachel .sortiment-btn-main {
        font-size: 20px !important;      /* etwas kleiner für bessere Lesbarkeit */
    }

    .product-type-kachel .sortiment-btn-top {
        font-size: 13px !important;
    }
}

@media (max-width: 1200px) {

    /* WPBakery Bild in der Textkachel korrekt skalieren */
    body.post-type-archive-product
    li.product.product-type-kachel .kachel-box .wpb_single_image {
        margin-bottom: 0;
        text-align: center;
    }

    body.post-type-archive-product
    li.product.product-type-kachel .kachel-box .wpb_single_image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        max-height: 360px; /* beliebig anpassen */
        object-fit: contain;
    }
}

/* === RELATED PRODUCTS auf 2 Spalten unter 1200px === */
@media (max-width: 1200px) {
    body.single-product .related ul.products {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }

    body.single-product .related ul.products li.product {
        float: none !important;
        width: auto !important;
        box-sizing: border-box;
    }
}

/* === RELATED PRODUCTS auf 1 Spalte unter 580px === */
@media (max-width: 680px) {
    body.single-product .related ul.products {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* === FEATURED PRODUCTS STARTSEITE auf 2 Spalten unter 1200px === */
@media (max-width: 1200px) {
    #produkt-ausgabe-startseite ul.products {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }

    #produkt-ausgabe-startseite ul.products li.product {
        float: none !important;
        width: auto !important;
        box-sizing: border-box;
    }
}

/* === FEATURED PRODUCTS STARTSEITE auf 1 Spalte unter 580px === */
@media (max-width: 680px) {
    #produkt-ausgabe-startseite ul.products {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}



/* Shopinfo oben mobile */

.shopinfo-mobile {
	background-color: var(--farbe-hell);
	border-radius: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
	font-weight: 500;
	font-family: "Kumbh Sans", sans-serif
}

span.shopinfo-mobile-lieferung {
	font-size: 15px;
}


#shopinfo-mobile {
	display: none;
}

@media (max-width: 1200px) {
	#shopinfo-mobile {
	display: block;
}
	
	.archive ul.products.oceanwp-row li.product.product-type-kachel {
		display: none;
	}
}