/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:focus {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
}

.bw-link-color-white a {
	color: var( --e-global-color-secondary );
}

.bw-button-inverted .elementor-button {
	background-color: var( --e-global-color-secondary)!important;
	color: var( --e-global-color-db2f8ae)!important;
	border-color: var( --e-global-color-secondary)!important;
}

.bw-con-lg {
	padding: 80px 20px;
}

.bw-con-md {
	padding: 50px 20px;
}

.bw-con-sm {
	padding: 20px 20px;
}

.bw-con-mn {
	padding: 10px 20px;
}

.bw-con-top-lg {
	padding-top: 80px!important;
}

.bw-con-bottom-lg {
	padding-bottom: 80px;
}

.woocommerce table.shop_table {
	border: none!important;
}

.shop_table .woocommerce-cart-form__cart-item:first-child td {
	border-width: 0!important;
}

.shop_table .woocommerce-cart-form__cart-item td {
	border-width: 1px 0 0 0!important;
}

@media only screen and (max-width: 767px) {
	.shop_table .woocommerce-cart-form__cart-item > td:not(:first-child) {
	border: none!important;
}
}


.cart_totals h2 {
	display: none!important;
}

.bw-produkt:hover .bw-produkt-front {
    opacity: 0;
}

.bw-produkt .bw-produkt-back {
    opacity: 0;
}

.bw-produkt:hover .bw-produkt-back {
    opacity: 1;
}

.bw-produkt .bw-produkt-front, .bw-produkt .bw-produkt-back {
    transition-duration: 0.6s;
}

.bw-icon-flex .elementor-icon-wrapper {
	display: flex;
}

.bw-listinggrid .jet-slick-dots {
	margin-top: -30px;
}

@media only screen and (max-width: 1024px) {
	.bw-listinggrid .jet-slick-dots {
		margin-top: -25px;
	}
}

@media only screen and (max-width: 767px) {
	.bw-listinggrid .jet-slick-dots {
		margin-top: 0px;
	}
}

.bw-listinggrid .jet-slick-dots li {
	z-index: 99;
	height: 5px!important;
	border-radius: 10px;
}

/* Styling für den WooCommerce Notices Wrapper */
.single-product .woocommerce-notices-wrapper {
	background-color: #ffffff!important;
}

.woocommerce-notices-wrapper {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--e-global-color-d797f52)!important; /* Heller Hintergrund für dezentes Design */
	display: flex;
	justify-content: center;
	gap: 20px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	max-width: 1140px;
	width: 100%;
	padding: 15px 20px;
    border-radius: 10px;
	border: none;
	font-family: var( --e-global-typography-667430f-font-family ), Sans-serif!important;
    font-size: 1rem;
    display: flex;
    align-items: center;
	justify-content: center;
	gap: 20px;
	margin: 0;
}

.woocommerce-error {
    background-color: #ffebe6; /* Sanftes Rot für Fehlernachrichten */
    color: #e02d2d; /* Passende Textfarbe für Fehler */
}

.woocommerce-info {
    background-color: #dbe9f1; /* Helles Blau für Info-Nachrichten */
    color: #0073aa; /* Passende Textfarbe für Infos */
}

.woocommerce-message {
    background-color: #e6f5e9; /* Sanftes Grün für Erfolgsmeldungen */
    color: #37b24d; /* Passende Textfarbe für Erfolg */
}

.woocommerce-notices-wrapper .button {
    background-color: var(--e-global-color-accent)!important; /* Einheitliches Blau für Buttons */
    color: #ffffff!important;
    padding: 10px 15px!important;
    border-radius: 5px!important;

	font-family: var( --e-global-typography-667430f-font-family ), Sans-serif!important;
    font-size: 14px!important;
    font-weight: 500!important;
    transition: background-color 0.3s ease!important;
}

.woocommerce-notices-wrapper .button:hover {
    background-color: #005f8a!important; /* Dunkleres Blau für Hover-Effekt */
}

/* Icons für visuelle Unterstützung */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
	display: none;
}

.woocommerce-checkout .ywgc_have_code {
	display: none;
}

.woocommerce-cart .ywgc_have_code {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	padding: 20px;
}

.woocommerce-cart .ywgc_have_code .woocommerce-info {
	background-color: var( --e-global-color-accent );
	color: var( --e-global-color-secondary );
	flex-direction: column;
    gap: 0;
}

.woocommerce-cart .ywgc_have_code .woocommerce-info a {
	color: var( --e-global-color-secondary );
}

.woocommerce-cart .ywgc_enter_code {
	font-family: var( --e-global-typography-667430f-font-family ), Sans-serif!important;
	max-width: 1140px;
	padding: 20px;
	background-color: var(--e-global-color-d797f52)!important;
	margin: 0;
	justify-content: center;
	display: flex;
}

.woocommerce-cart .ywgc_enter_code input{
    font-size: var(--e-global-typography-1135f39-font-size);
    font-weight: var(--e-global-typography-1135f39-font-weight);
    line-height: var(--e-global-typography-1135f39-line-height);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-secondary);
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-b505628);
    border-radius: 10px 10px 10px 10px;
}

.woocommerce-cart .ywgc_enter_code .ywgc_apply_gift_card_button {
	line-height: var(--e-global-typography-1135f39-line-height)!important;
	background-color: var(--e-global-color-db2f8ae)!important;
	
    border-style: solid!important;
    border-width: 2px 2px 2px 2px!important;
    border-color: var(--e-global-color-db2f8ae)!important;
    border-radius: 10px 10px 10px 10px!important;
	padding: 10px!important;
}

@media (max-width: 767px) {
	.woocommerce-cart .ywgc_enter_code .form-row {
		width: 100%;
		
	}
} 



.wp-block-woocommerce-cart {
	padding: 80px 20px;
	font-family: var( --e-global-typography-667430f-font-family ), Sans-serif!important;
	color: var(--e-global-color-primary);
}

.wc-block-cart__main, .wp-block-woocommerce-cart-order-summary-block {
	background-color: #ffffff;
	padding: 20px!important;
	border-radius: 20px;
}

.wc-block-cart__main table thead:first-child tr:first-child th {
	border: none;
}

.woocommerce-cart .wp-block-woocommerce-empty-cart-block h2 {
	font-family: var( --e-global-typography-667430f-font-family ), Sans-serif!important;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
}

.wp-block-woocommerce-empty-cart-block a, .woocommerce-cart .bw-button a, .woocommerce-cart .wc-block-cart__submit-container a, .woocommerce-checkout .wc-block-components-checkout-place-order-button {
	background-color: var( --e-global-color-accent );
    font-family: var( --e-global-typography-088430e-font-family ), Sans-serif;
    font-size: var( --e-global-typography-088430e-font-size );
    font-weight: var( --e-global-typography-088430e-font-weight );
    line-height: var( --e-global-typography-088430e-line-height );
    color: var( --e-global-color-secondary );
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-accent );
    border-radius: 4px 4px 4px 4px;
	margin-top: 10px;
}

.wp-block-woocommerce-empty-cart-block a:hover, .woocommerce-cart .bw-button a:hover, .woocommerce-cart .wc-block-cart__submit-container a:hover, .woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	background-color: var( --e-global-color-secondary );
    color: var( --e-global-color-accent );
    border-color: var( --e-global-color-accent );
}

.alignwide {
	margin: 0 auto!important;
	max-width: 100%!important;
	width: 1140px!important;
}

.wc-block-components-product-name {
	color: var(--e-global-color-primary);
}

.wc-block-components-totals-wrapper {
	border-top: none!important;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button {
	padding-top: 16px!important;
}

.hinweis-kleinunternehmer {
	padding: 20px 36px 0 36px;
}