/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.4.1767607206
Updated: 2026-01-05 10:00:06



/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.4.1767607206
Updated: 2026-01-05 10:00:06
*/




/* Folgender Code passt des Hamburgermenü an */
/* 1. Hamburgermenü auf die linke Seite */
#site-header.full_screen-header .menu-bar {
  	position: fixed;
  	top: 10vh;
  	left: 10vw;
  	z-index: 9999;
} 

/* 2. Hamburgermenü einfaden */
#site-header.full_screen-header .menu-bar {
 	display: block;
	animation: fadeIn 2s ease-in;
}

/* 3. Hamburgermenü fürs Handy */
.mobile-menu-icon .fa-bars,
.oceanwp-mobile-menu-icon .fa-bars {
 	font-size: 2.5em !important;
  	line-height: 1.5em;
	position: fixed;
	top: 5vh;
  	left: 5vw;
  	z-index: 9999;
}

/* 4. Menü fade-in fürs Handy => s. Customizer */
#site-header.full_screen-header .fa-bars {
  display: block;
  animation: fadeIn 2s ease-in;
}


/* --- */


/* Folgender Code passt Worttrennung an */
/* 1. Elementor Headings: Wortzerlegung verhindern */
.elementor-heading-title {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}


/* --- */


/* Folgender Code entfernt Trennlinien */
/* 1. Entfernt die OceanWP-Trennlinie unter dem Titel auf der Einzelproduktseite bei den weiteren Produkten */
.e-loop-item h2,
.e-loop-item .entry-title {
    border-bottom: none !important;
}

/* 2. Entfernt Trennlinien in den WooCommerce Einzel-Widgets (Preis, Titel, Meta) */
.woocommerce-product-details__short-description,
.product_meta {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}


/* --- */


/* "Warenkorb anzeigen" entfernt => s. auch den Elementor Custome-Code für Einblendung der Hinzufügen-Bestätigung */
/* 1. "Warenkorb anzeigen" nach AJAX Add-to-Cart ausblenden */
a.added_to_cart.wc-forward {
    display: none !important;
}


/* --- */


/* Passt die Größe vom Grundpreis an */
/* 1. Gezielte Verkleinerung für Grundpreis und Inhalt im Shop-Grid */
.e-loop-item .wc-gzd-additional-info.product-units,
.wc-gzd-additional-info.unit-price {
    font-size: 1.0rem !important; /* Etwas kleiner als der Standard */
        color: #555555 !important;  
}


/* --- */


/* Anpassen der Schriftgröße im Warenkorb */
/* 1. Spaltenüberschriften (Produkt, Gesamtsumme) vergrößern */
.wc-block-cart-items__header th {
    font-size: 1.6rem !important;
    text-transform: uppercase; /* Macht es etwas edler */
    letter-spacing: 1px;
    padding-bottom: 15px !important;
}

/* 2. Überschrift der rechten Sidebar (Warenkorb-Summe) */
h2.wc-block-cart__totals-title,
.wc-block-cart__sidebar-title {
     font-size: 1.6rem !important;
    text-transform: uppercase; /* Macht es etwas edler */
    letter-spacing: 1px;
    padding-bottom: 15px !important;
}

/* 3. Produktnamen im Warenkorb vergrößern */
.wc-block-components-product-name {
    font-size: 1.8rem !important; /* Standard ist meist 1rem */
    font-weight: 600 !important;
}

/* 4. Preise (Einzelpreis & Gesamtpreis pro Zeile) vergrößern */
.wc-block-cart-item__prices, 
.wc-block-cart-item__total {
    font-size: 1.7rem !important;
}

/* 5. Metadaten (z.B. Jahrgang, falls angezeigt) */
.wc-block-components-product-metadata {
    font-size: 1.3rem !important;
		color: #555; /* Dunkelgrau für bessere Lesbarkeit */
}

/* 6. Grundpreis und Inhalt (Germanized-Daten) vergrößern */
ul.wc-block-components-product-details .wc-block-components-product-details__value,
ul.wc-block-components-product-details .wc-gzd-cart-info {
    font-size: 1.2rem !important; /* Größe anpassen (z.B. 15px) */
    line-height: 1.5 !important;
    display: block !important;
}

/* 7. Falls die technischen Labels (z.B. "gzd-units:") sichtbar sind, verstecken */
ul.wc-block-components-product-details .wc-block-components-product-details__name {
    display: none !important; 
}

/* 8. Abstand der Liste nach oben/unten korrigieren */
ul.wc-block-components-product-details {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-left: 0 !important; /* Entfernt Einrückung der Liste */
    list-style: none !important; /* Entfernt Aufzählungspunkte */
}

/* 9. Optional: Die kleinen 'Entfernen'-Links unter dem Produktnamen */
.wc-block-cart-item__remove-link {
    font-size: 1.3rem !important;
}

/* 10. Die Zusammenfassung in der rechten Sidebar (Zwischensumme, Gesamt) */
.wc-block-cart__sidebar .wc-block-components-totals-item__label,
.wc-block-cart__sidebar .wc-block-components-totals-item__value {
    font-size: 1.6rem !important;
}

/* 11. Die große Endsumme (Total) */
.wc-block-cart__totals-footer .wc-block-components-totals-item__value {
    font-size: 1.6rem !important;
    font-weight: bold !important;
}


/* --- */


/* Der folgende Code enthält Anpassungen auf der Kassenseite */
/* 1. Grundpreis unter dem Einzelpreis in der Checkout-Zusammenfassung ausblenden */
.wc-block-components-order-summary-item__total-price 
.wc-gzd-unit-price {
    display: none !important;
}

/* 2. Zwischensumme und Versandkosten gemeinsam anpassen */
.wp-block-woocommerce-checkout-order-summary-subtotal-block .wc-block-components-totals-item,
.wp-block-woocommerce-checkout-order-summary-shipping-block .wc-block-components-totals-item {
    font-size: 1.4em !important; /* Hier die gewünschte Größe eintragen */
    font-weight: 500;
}

/* 3. Den Einzelpreis in der Bestellübersicht anpassen */
.wc-block-components-order-summary-item__individual-price {
    font-size: 1.3em !important; /* Größe anpassen */
}

/* 4. Hauptpreis in der Warenkorb-Produktliste (Blocks) */
.wc-block-components-product-price .wc-block-components-product-price__value {
    font-size: 1.4em !important;
}


/* --- */


/* Folgender Code Passt die Bestellerfolgsmeldung im Onlineshop an */
/* 1. Page-Wrapper */
.woocommerce-order {
    max-width: 70vw;
    margin: 0 auto;
    padding: 40px 20px;
}

/* 2. Erfolgsmeldung */
.woocommerce-notice--success {
    background: #B099048F;
    border: none;
    font-size: 22px;
    color: white;
    padding: 28px;
    text-align: center;
    margin-bottom: 40px;
}

/* 3. Bestellübersicht Box */
.woocommerce-order-overview {
    background: #ffffff;
    border: 1px solid #eee;
    padding: 25px;
    margin-bottom: 40px;
}

/* 4. Listenpunkte ruhiger */
.woocommerce-order-overview li {
    font-size: 15px;
    margin-bottom: 8px;
}

/* 5. Tabellen entschärfen */
.woocommerce-table {
    border: none;
}

.woocommerce-table th {
    background: #B099048F;
    font-weight: 600;
}

/* 6. Thank-You-Seite – Tabellenkopf 'Bestelldetails' Schrift weiß */
.woocommerce-order-details thead th {
    color: #ffffff !important;
}

/* 7. Thank-You-Seite – komplette Tabelle 'Bestelldetails' oben weiß statt grau */
.woocommerce-table td {
  	background: #ffffff;
  	border-right: 1px solid;
}

/* 8. Thank-You-Seite – komplette Tabelle 'Bestelldetails' unten weiß statt grau */
.woocommerce-order-details tfoot tr th,
.woocommerce-order-details tfoot tr td {
    background-color: #ffffff !important;
}

.woocommerce-table td,
.woocommerce-table th {
    padding: 14px 12px;
}

/* 9. Bankdaten als Karte */
.wc-bacs-bank-details {
    background: #ffffff;
    border: 1px solid #eee;
    padding: 25px;
    margin-bottom: 40px;
}

/* 10. Adressblöcke */
.woocommerce-customer-details address {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #eee;
}

/* 11. Thank-You-Seite – Hintergrund der "Gesamt"-Zeile auf weiß setzen */
.woocommerce-order-details tfoot {
    background-color: #ffffff !important;
}

/* 12. Thank-You-Seite – Abschnittsüberschriften gestalten */
.woocommerce-order h2.wc-bacs-bank-details-heading,
.woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-order h2.woocommerce-column__title {
    font-size: 2.0em;         /* gewünschte Größe */
    color: #007263;           /* deine Markenfarbe einsetzen */
    font-weight: 600;         /* eleganter statt fett */
    margin-bottom: 12px;	  /* Abstand nach unten */	
  	margin-top: 50px;	      /* Abstand nach oben */
}

/* 13. Keine automatische Silbentrennung / Wortzerlegung */
.woocommerce-order h2.wc-bacs-bank-details-heading,
.woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-order h2.woocommerce-column__title {
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    word-break: keep-all;
    overflow-wrap: normal;
}

/* 14. Tablet */
@media (max-width: 1024px) {
    .woocommerce-order h2.wc-bacs-bank-details-heading,
    .woocommerce-order h2.woocommerce-order-details__title,
    .woocommerce-order h2.woocommerce-column__title {
        font-size: 1.5em;
    }
}

/* 15. Handy */
@media (max-width: 767px) {
    .woocommerce-order h2.wc-bacs-bank-details-heading,
    .woocommerce-order h2.woocommerce-order-details__title,
    .woocommerce-order h2.woocommerce-column__title {
        font-size: 1.2em;
    }
  	.woocommerce-order {
    max-width: 95vw;
    margin: 0 auto;
    padding: 40px 20px;
}
}


/* --- */


/* Folgender Code passt den leeren Warenkorb im Onlineshop an */
/* 1. Leerer Warenkorb – Hauptheadline */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title {
    font-size: 1.6em !important;
    color: #7A7A7A !important;
    font-weight: 500;
    margin-bottom: 10px;
}

/* 2. Icon vor der Überschrift */
.wc-block-cart__empty-cart__title::before {
    display: none !important;
}

/* 3. Separator im Empty-Cart ausblenden */
.wp-block-woocommerce-empty-cart-block
.wp-block-separator.is-style-dots {
    display: none;
}

/* 4. Überschrift "Neu im Shop" im Empty-Cart */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title ~ h2.wp-block-heading.has-text-align-center {
    font-size: 2.2em;
    color: #AF9903;
    font-weight: 600;
    margin-top: 22vh;
    margin-bottom: 25px;
}



/* --- */


/* Folgender Code zentriert den Inhalt des Footer-Widgets */
#footer-widgets .footer-widget p.has-text-align-center {
    text-align: center;
}


/* DEAKTIVIERT, da keine Änderung sichtbar */
/* Erzwungene Vergrößerung für OceanWP Produkt-Titel */
/* .woocommerce ul.products li.product .woo-entry-inner li.title a {
    font-size: 1.5em !important; 
    display: block !important;
} */

/* DEAKTIVIERT, da keine Änderung sichtbar */
/* Entfernt die OceanWP-Trennlinie im Elementor Loop Grid */
/* .elementor-widget-woocommerce-product-title h2::after,
.elementor-widget-woocommerce-product-title .product_title::after,
.e-loop-item h2::after,
.e-loop-item .entry-title::after {
    display: none !important;
    content: none !important;
} */