@import "./style-variables.css";
@import "./style-fonts.css";
/*
Theme Name:   	Gechiko
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
*/

.eael-add-to-cart-wrapper.eael-product-simple {
    flex-direction: column;
}

main#main {
	margin-bottom: 0;
}
.hdr img {
	max-width: 150px;
	margin: 0 auto;
}
div#primary {
	width: 100%;
	margin: 75px 0 0;
}
.right-sidebar .widget-area {
	display: none;
}
.home div#primary {
	margin: 0;
}
span.elementor-heading-title.elementor-size-default {
	display: block;
}
*, a:focus, input:focus, textarea:focus, button:focus {
	outline: none !important;
}
a.elementor-button.elementor-size-md {
	cursor: pointer;
}
body {
	font-family: var(--content-font);
	color: var(--primary-color);
	font-size: var(--body-font);
}
.main-navigation ul li.btn {
	background: none;
	border: none;
}
.elementor-background-overlay {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
p, p span, .elementor-button-text {}
/* FONT */

a:focus, input:focus, textarea:focus, button:focus {
	outline: 2px solid #ff9c59;
	outline-color: #fdcaa0 !important;
}
a {
	color: var(--primary-color);
}
span.elementor-button-text {
	font-weight: 500;
}
.elementor-button.elementor-size-md {
	border-radius: 7px;
	padding: 20px 30px;
	font-size: 18px;
}
p, .elementor-button-text {
	font-weight: 300;
}
p:last-child {
	margin-bottom: 0;
}
b, strong {
	font-weight: 400;
}
p>b, p>strong {
	font-weight: 500;
	color: var(--primary-color);
}
.elementor-heading-title b {
	color: var(--primary-color);
	font-weight: inherit;
}
a, .hentry .entry-content a {
	text-decoration: none;
}
.elementor-button-info a.elementor-button-link {
	padding: 0 !important;
}
.elementor-widget-button+.elementor-button-info a.elementor-button-link {
	padding: 15px 30px !important;
}
section.elementor-section.abs {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: var(--heading-font);
	font-weight: var(--heading-fontw);
	color: var(--primary-color);
}
span.elementor-heading-title, .woolentor-luxury-card .woolentor-product-title, .woolentor-luxury-card a.woolentor-cart-btn {
	font-family: var(--heading-font);
	font-weight: var(--heading-fontw);
}
p.elementor-blockquote__content {
	font-family: var(--heading-font);
	line-height: 1.2;
	font-size: var(--XL-font);
}
body .elementor-widget {
	position: static;
}
body .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
	font-size: var(--XXL-font);
}
body .elementor-widget-heading .elementor-heading-title.elementor-size-xl {
	font-size: var(--XL-font);
}
body .elementor-widget-heading .elementor-heading-title.elementor-size-large {
	font-size: var(--L-font);
}
body .elementor-widget-heading .elementor-heading-title.elementor-size-medium {
	font-size: var(--h3-font);
}
body .elementor-widget-heading .elementor-heading-title.elementor-size-small {
	font-size: var(--h4-font);
	font-family: var(--content-font);
}
body h1.elementor-heading-title {
	font-size: var(--h1-font);
}
body h2.elementor-heading-title {
	font-size: var(--h2-font);
}
body h3.elementor-heading-title {
	font-size: var(--h3-font);
	font-weight: 500;
}
body h4.elementor-heading-title {
	font-size: var(--h4-font);
}
body h5.elementor-heading-title {
	font-size: var(--h5-font);
}
body h6.elementor-heading-title {
	font-size: var(--h6-font);
}
body .elementor-heading-title {
	line-height: var(--lh-font);
}
p.elementor-heading-title {
	font-weight: var(--heading-fontw);
	font-size: var(--heading-font);
}
/* NAVIGATION */

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color: #000;
}

body strong .main-navigation ul.menu>li>a, body .main-navigation ul.nav-menu>li>a {
	font-size: 18px;
	font-weight: 700;
	padding: 10px 15px;
	text-transform: inherit;
}
body .main-navigation ul li.btn a {
	border: 1px solid #000 !important;
	margin-left: 15px;
	border-radius: 7px;
	padding: 10px 50px 10px 20px;
	position: relative;
}
.main-navigation ul li.btn a:after {
	content: "";
	position: absolute;
	right: 17px;
	top: 0;
	bottom: 0;
	background-image: url(/wp-content/uploads/2026/03/ArrowRight.png);
	width: 22px;
	height: 22px;
	margin: auto;
	background-size: contain;
}
.home ul#site-header-cart {
	display: none;
}
.site-header .site-branding img {
	max-width: 100px;
}
li.wpmenucartli i.wpmenucart-icon-shopping-cart-0+span.cartcontents {
	display: none !important;
}
strong .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
	font-weight: 300;
	text-transform: uppercase;
}
.woocommerce-active .site-header .main-navigation, .woocommerce-active .site-header .site-header-cart {
	width: auto;
	margin: 0;
}
.woocommerce-active .site-header .main-navigation {
	width: auto;
}
.storefront-primary-navigation .col-full {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
header#masthead {
	position: absolute;
	left: 0;
	right: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: none;
	width: 100%;
	padding: 20px 50px 20px 20px;
}
header#masthead .col-full {
	max-width: inherit;
	padding: 0;
	width: 100%;
	margin: 0;
}
.storefront-primary-navigation {
	width: 200%;
}
.woocommerce-active .site-header .site-branding {
	width: 100%;
	margin: 0;
}
header#masthead {
	margin-bottom: 0px;
	border: none;
}
.woolentor-product-same-height.ht-products .ht-product .ht-product-inner {
	border: none;
	box-shadow: none !important;
}
.ht-product-title, .ht-product-price {
	text-align: center !important;
}
span.price {
	margin: 0 auto;
}
li#wpmenucartli {
	float: right;
}
.top-row p.elementor-icon-box-title {
	position: relative;
	top: 2px;
}
.top-row p.elementor-icon-box-title b {
	font-weight: 500;
}
/* CONTENT */

div#content .col-full {
	padding: 0;
	max-width: inherit;
}
.hover-overlay:hover .elementor-background-overlay {
	opacity: 0 !important;
}
.hover-overlay .elementor-widget-wrap>.elementor-element:last-child {
	position: static;
}
.hover-box a.elementor-button-link.elementor-button {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* background: aliceblue !important; */
	height: 100%;
	opacity: 0;
	border-radius: 0 !important;
}
.content-row .elementor-container.elementor-column-gap-default {
	flex-wrap: wrap;
	justify-content: center;
}
.content-row .elementor-container.elementor-column-gap-default>div {
	width: auto;
	max-width: 350px;
}
.content-row .elementor-heading-title {
	line-height: 1.5;
}
.content-row .elementor-heading-title i {
	display: block;
	font-size: 14px;
	margin-top: 15px;
	color: #b1b1b1;
}
.elementor-element.e-con-full.info-point {
	width: auto;
}
.elementor-element.e-con-full.blur {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
section.elementor-section {
	padding: 75px 0;
}
.left .elementor-container {
	margin-left: 0 !important;
}
.right .elementor-container {
	margin-right: 0 !important;
}
section.elementor-section section.elementor-section {
	padding: 0px 0;
}
.hentry.type-page .entry-header, .woocommerce-active .site-header .site-search {
	display: none;
}
.col-full, body .elementor-section.elementor-section-boxed>.elementor-container {
	max-width: 1400px;
	margin: 0 auto;
}
.st0 {
	fill: inherit;
}
.storefront-breadcrumb {
	display: none;
}
.single-product div.product {
	overflow: inherit;
}
h2.product_title.entry-title {
	margin: 0;
}
.ticker {
	overflow: hidden;
	width: 100vw;
}
.ticker-wrapper {
	display: flex;
	gap: 40px;
	white-space: nowrap;
	will-change: transform;
	animation: marquee 32s linear infinite;
	    flex-wrap: nowrap;
}
.ticker-wrapper>* {
	flex-shrink: 0;
}
@keyframes marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
/* Optional: Pause on Hover */

.ticker:hover .ticker-wrapper {
	animation-play-state: paused;
}
.elementor-shortcode i {
	color: #4283c3;
	font-style: inherit;
	font-size: 25px;
	font-weight: 300;
}
button.single_add_to_cart_button.button.alt.wp-element-button, .wc-proceed-to-checkout .button, .form-row .button {
	background-image: linear-gradient(45deg, var(--e-global-color-7f509d8) 0%, var(--e-global-color-8d1ebff) 100%);
	border: none !important;
	text-transform: inherit !important;
	font-family: var(--heading-font);
	letter-spacing: inherit !important;
	color: #fff;
	font-weight: 400;
}
.single-product div.product p.price {
	margin: 20px 0;
	color: #9e9e9e;
}
td.product-name>i {
	display: block;
	font-style: inherit;
}
.wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity-cal {
	border: none;
}
.wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity-cal {
	border: none;
	background: #f0f0f0;
	padding: 2px 20px;
	border-radius: 100px;
	margin-left: 30px !important;
}
.wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap {
	align-items: center;
}
.single-product div.product .woocommerce-product-gallery img {
	max-width: 600px;
	margin: 0 auto;
	width: 100%;
}
table th, table td {
	background: none !important;
	padding: 10px;
}
table th {
	font-weight: 400;
	color: #4283c3;
}
.woocommerce .wl-addto-cart.wl-style-2 .quantity input[type="number"] {
	box-shadow: none;
}
ul.products li.product img, .single-product div.product .woocommerce-product-gallery img {
	width: 100%;
	background: #f1f1f1;
}
.woocommerce div.product .wl-addto-cart.wl-style-2 form.cart .button:hover, .wl-addto-cart.wl-style-2 form.cart .button:hover {
	background: #333333;
	color: #fff;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
	background-image: linear-gradient(45deg, var(--e-global-color-7f509d8) 0%, var(--e-global-color-8d1ebff) 100%);
}
.woocommerce-cart div#primary, .woocommerce-checkout div#primary, .woocommerce-account div#primary {
	padding: 75px 30px;
}
.woocommerce-account div#primary form.woocommerce-form {
	max-width: 600px;
	margin: 0 auto;
}
.wpmenucart-display-right {
	float: right !important;
	margin-top: 12px;
}
header.woocommerce-products-header {
	display: none;
}
div#primary {
	width: 100%;
	margin: 150px 0 0;
}
.woocommerce-shop main#main {
	max-width: 1600px;
	margin: 0 auto;
}
.woocommerce-account div#primary h2 {
	text-align: center;
}
tr.woocommerce-cart-form__cart-item.cart_item {
	background: #f6f6f6;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
	box-shadow: none;
	background: #fff;
	border: none;
	border: 2px solid #dbdbdb;
}
ul.products li.product .woocommerce-loop-product__title {
	font-size: 20px;
	line-height: 1;
	font-weight: 300;
}
.elementor-shortcode li.product i {
	font-size: 20px;
	display: block;
	line-height: 1;
	padding-left: 10px;
}
.hentry .entry-content ul.products li.product>a, ul.products li.product .woocommerce-LoopProduct-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
ul.products li.product .price {
	width: 100%;
}
ul.products li.product .price bdi {
	font-size: 18px;
	color: #333;
}
.product p.wc-gzd-additional-info {
	display: none;
}
.hentry .entry-content ul.products li.product>a.button.wp-element-button {
	display: none;
}
ul.products.columns-3 {
	display: flex;
}
ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
	width: 33.33333%;
	padding: 0 1.5%;
	float: none;
}
a.button.wp-element-button.product_type_simple.add_to_cart_button {
	display: none;
}
input.wpcf7-submit {
	background-image: linear-gradient(45deg, var(--e-global-color-7f509d8) 0%, var(--e-global-color-8d1ebff) 100%);
	border-radius: 100px;
	color: #fff !important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	padding: 15px 50px;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
	border-color: #ebebeb;
	width: 100%;
}
.eael-add-to-cart-wrapper.eael-product-simple form {
	width: 100%;
	gap: 0;
	margin: 0;
}
input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
	background: #fff;
	border-color: #5ea3d8;
}
:root {
	--bg: #ffffff;
	--text: #101828;
	--muted: #667085;
	--border: #EAECF0;
	--shadow: 0 12px 30px rgba(16, 24, 40, .08);
	--radius: 18px;
	--accent: #0EA5E9;
	/* kannst du anpassen */
	--ok: #12B76A;
	--no: #D0D5DD;
}
.compare__head {
	padding: 28px 26px 18px;
	border-bottom: 1px solid var(--border);
}
.kicker {
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--accent);
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 8px;
}
.sub {
	margin: 0;
	color: var(--muted);
	max-width: 70ch;
	font-size: 15px;
}
.grid {
	display: grid;
	grid-template-columns: 1.4fr repeat(4, 1fr);
	gap: 0;
	width: 100%;
}
.cell {
	padding: 14px 18px;
	border-bottom: 1px solid #dedede;
	font-size: 18px;
}
.hdr {
	padding: 16px 18px;
	font-weight: 700;
	text-align: center;
	font-size: 25px;
}
.row .label {
	display: none;
}
.hdr small {
	display: block;
	margin-top: 2px;
	color: var(--muted);
	font-weight: 600;
	font-size: 12px;
}
.feature {
	font-weight: 600;
}
.muted {
	color: var(--muted);
	font-weight: 500;
}
.tick, .cross {
	width: 35px;
	height: 35px;
}
.icon {
	width: 16px;
	height: 16px;
	display: block;
}
.row {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}
.row .label {
	flex: 1;
	min-width: 0;
}
.compare__foot {
	padding: 18px 26px 24px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.note {
	color: var(--muted);
	font-size: 13px;
	margin: 0;
}
.btn {
	appearance: none;
	border: 1px solid var(--border);
	background: #fff;
	border-radius: 12px;
	padding: 10px 14px;
	font-weight: 700;
	cursor: pointer;
}
.btn:hover {
	border-color: #D0D5DD;
}
/* Mobile: spalten untereinander */

@media (max-width: 720px) {
	.grid {
		grid-template-columns: 1fr;
	}
	.grid .cell {
		border-left: none !important;
	}
	.hdr {
		position: sticky;
		top: 0;
		z-index: 2;
	}
	.hdr:nth-child(1) {
		border-bottom: 1px solid var(--border);
	}
	/* Wir bauen pro Feature einen Block */
	.feature-block {
		border-bottom: 1px solid var(--border);
		padding: 12px 18px;
	}
	.feature-block .title {
		font-weight: 700;
		margin: 0 0 10px;
	}
	.feature-block .cols {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.pill {
		border: 1px solid var(--border);
		border-radius: 14px;
		padding: 10px 12px;
		display: flex;
		align-items: center;
		gap: 10px;
		background: #fff;
	}
	.pill b {
		font-size: 13px;
	}
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
}
@media (min-width: 721px) {
	.mobile-only {
		display: none;
	}
}
@media screen and (max-width: 1200px) {
	.col-full {
		padding: 0 20px;
	}
	main#main {
		margin-left: -20px;
		margin-right: -20px;
	}
}
@media screen and (max-width: 1024px) {
	.menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
		display: block;
	}
	.primary-navigation {
		display: none;
	}
	li#wpmenucartli {
		position: absolute;
		right: 50px;
		top: -4px;
	}

	.handheld-navigation ul#menu-primary-navigation-1 {
		display: flex;
		flex-direction: column;
		padding-top: 75px;
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
		padding: 10px 20px;
		text-align: center;
	}
	button#site-navigation-menu-toggle {
		border: none;
	}
	button#site-navigation-menu-toggle {
		border: none;
		font-size: 18px;
		font-weight: 300;
		text-transform: uppercase;
		padding-right: 0;
		padding-left: 55px;
	}
	button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before {
		/* height: 0.09rem; */
		width: 25px;
	}
	button.menu-toggle::before {
		transform: translateY(-6px);
	}
	button.menu-toggle::after {
		transform: translateY(6px);
	}

	li#wpmenucartli a {
		font-size: 20px;
	}
	.woolentor-template-container {
		margin-left: -40px !important;
		margin-right: -40px !important;
		width: auto !important;
		max-width: inherit !important;
	}
	section.elementor-section {
		padding: 50px 0;
	}
	.mobil-error>.elementor-container>.elementor-column {
		width: 100% !important;
	}
	.mobil-error>.elementor-container>.elementor-column .elementor-element-populated {
		padding: 30px !important;
	}
	section.elementor-section section.elementor-section {
		padding: 0;
	}
	
	body {
    font-size: 18px;
}
}
@media screen and (max-width: 768px) {
	
	.toggled .handheld-navigation {
    padding: 75px 25px;
}
.handheld-navigation {
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    z-index: -1;
    padding: 75px 25px;
    padding: 0;
	top: 0;
}
	
	.woocommerce-active .site-header .site-branding a.custom-logo-link {
		margin-bottom: 0px;
	}
	
	body h1.elementor-heading-title {
    font-size: 55px;
}
	
	.mobile-center .elementor-widget-wrap {
		padding: 20px !important;
		text-align: center;
	}
	.mobile-center h2.product_title.entry-title {
		text-align: center;
	}
	.single-product div.product form.cart {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	
	button#site-navigation-menu-toggle span {
    display: none;
}
	
	header#masthead {
    padding-right: 10px;
}
	
	    li#wpmenucartli a {
        font-size: 16px;
    }
	
	button#site-navigation-menu-toggle {
		top: 20px;
		        background: none;
	}
	ul.products.columns-3 {
		flex-wrap: wrap;
		justify-content: center;
	}
	ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
		width: 50%;
	}
	ul.products.columns-3 {
		flex-wrap: wrap;
	}
	.storefront-primary-navigation {
		margin-top: -78px;
	}
}
@media screen and (max-width: 569px) {
	.page div#primary {
		padding-top: 50px;
	}
	
	.ticker-wrapper {

	gap: 20px;

	animation: marquee 15s linear infinite;

}
	
	.page.home div#primary {
		padding-top: 0px;
	}
	body h1.elementor-heading-title {
		font-size: 35px;
	}
	
	body h2.elementor-heading-title {
    font-size: 30px;
}
	
	ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
		width: 100%;
	}
	.storefront-primary-navigation {
		margin-top: -73px;
	}

	.woolentor-template-container {
		margin-left: -30px !important;
		margin-right: -30px !important;
	}
	.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
		font-size: 30px !important;
	}
}