/* 
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 */

/*** NAV ***/
.e-n-menu-toggle:hover {
	background-color:transparent !important
}

.contactbuttons svg {
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	border-radius:100px
}

span.e-n-menu-title-text {
	cursor:pointer !important
}

@media (max-width:1366px) {
	.e-n-menu-wrapper {
		height:90vh
}
}

/* Navbar Links */
.e-n-menu a span.e-n-menu-title-text, .e-n-menu span.e-n-menu-title-text {
    color: #FFF !important; /* Default text color */
    transition: color 0.5s ease-in-out;
}

/* Navbar when scrolled - Change only text color */
.scrolled .e-n-menu a span.e-n-menu-title-text,
.scrolled .e-n-menu span.e-n-menu-title-text {
    color: #98C320 !important;
}


/* Change background when a link or dropdown is clicked */
header.clicked {
    background-color: white !important; /* Background stays white when clicked */
}

header.clicked .e-n-menu a span.e-n-menu-title-text, 
header.clicked .e-n-menu span.e-n-menu-title-text {
	    color: #98C320 !important;
}


/*** CONTACT FORM ***/
.elementor-kit-7 input:not([type="button"]):not([type="submit"]), .elementor-kit-7 textarea, .elementor-kit-7 .elementor-field-textual {
	padding:15px
}

.elementor-field-option {
	display:flex;
}

.elementor-field-option label {
	font-weight:normal !important
}

.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input {
	display:inline-block !important;
	height:15px
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 10px !important;
	vertical-align: middle;
  margin-right: 5px;
	border-radius:3px !important;
	height:15p
	border-radius:3px !important;
}

input[type="checkbox"]:checked {
	background-color:#A4CD31 !important;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
}

/**** TABS ***/
.e-n-tabs-heading {
	background-color: #F5F5F5;
    border-radius: 100px;
    padding: 10px;
}

/*** JOBS ***/
.job-post {
	padding-top:10em !important
}

.job-post .jobs-row .jobs-row-label span {
	font-family:"Ubuntu Condensed", sans-serif;
	font-size:24px;
	font-weight:normal;
	border-bottom:none !important
}

.job-post .jobs-row.position_title .jobs-row-input {
		font-family:"Ubuntu Condensed", sans-serif;
	font-size:48px !important;
	color:#98C320 !important;
	line-height:60px !important
}

.job-post .job-side .jobs-row.position_logo {
	margin-bottom:20px !important
}

.job-post .jobs-row .jobs-row-input ul li {
	list-style:none;
	padding-bottom:10px
}

.job-post .jobs-row .jobs-row-input ul li::before {
  content: '';
  display: inline-block;
  height: 20px;
  width: 30px;
  background-image: url('/wp-content/uploads/2024/10/icon-turtle.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: -30px;
	vertical-align:middle
}


/*** REFERENCES ****/
.gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  background-color:#98C320;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-overlay:hover {
  opacity: 1;
}

.elementor-pagination .current {
	background-color: #F8CC08;
    padding: 5px 12px;
    border-radius: 50px;
    color: #fff !important;
}

.elementor-pagination .page-numbers {
	border:1px solid #F8CC08;
	padding: 5px 12px;
    border-radius: 50px;
}


/***** PRODUCT ****/
.woocommerce .elementor-1092 .elementor-element.elementor-element-b49895f .woocommerce-tabs .woocommerce-Tabs-panel {
	background-color:transparent !important;
}

.woocommerce div.product.elementor ul.tabs {
	background-color:#f5f5f5;
	border-radius:200px;
	padding: 10px 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product.elementor .woocommerce-tabs .panel {
	border:none !important
}

.woocommerce .elementor-1092 .elementor-element.elementor-element-b49895f .woocommerce-tabs ul.wc-tabs li.active {
	border-radius:100px
}

.woocommerce div.product.elementor ul.tabs li a {
	padding:10px 25px;
	font-weight:inherit !important
}

.woocommerce-Tabs-panel table td, .woocommerce-Tabs-panel table th {
	border:none !important
}

.woocommerce-Tabs-panel table tbody>tr:nth-child(odd)>th,
.woocommerce-Tabs-panel table tbody>tr:nth-child(odd)>td{
	background-color:transparent
}

.woocommerce table.shop_attributes th {
	text-align:left
}

.product-sku {
	color:#99A0A3;
	font-family:"Ubuntu Condensed", sans-serif;
	font-size:18px;
	margin-bottom:0px
}

.woocommerce .elementor-1092 .elementor-element.elementor-element-ecbbd29 .flex-control-thumbs {
    display:flex;
	justify-content:center;
	margin-left:0;
	margin-right:0;
}

.woocommerce .elementor-1092 .elementor-element.elementor-element-ecbbd29 .flex-control-thumbs li {
	padding:15px
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	box-shadow: 0px 0px 40px -13px rgba(0, 0, 0, 0.15);
}

.woocommerce table.shop_attributes td {
	font-style:normal;
}

.woocommerce-product-attributes-item--dimensions td {
	padding-top:8px !important
}

table.variations tr:last-child,
.woocommerce-variation-add-to-cart,
.e-atc-qty-button-holder {
    display:none !important
}

.woocommerce div.product form.cart .variations {
	margin-bottom:0 !important
}

table.variations tbody>tr:nth-child(odd)>td, table.variations tbody>tr:nth-child(odd)>th {
	background-color:transparent !important
}

table.variations th, table.variations td {
	padding-top:0px !important;
	padding-left:0px !important
}

form.cart table.variations td.value select {
	border:1px solid #EDECEC;	
}

.woocommerce-variation-price {
	padding-bottom:2em
}

.woocommerce-variation-price bdi::before {
	content:"Variation Preis: ";
}

.woocommerce-variation-price bdi {
	font-family:"Ubuntu Condensed", Sans-serif;
	font-size:26px;
	color:#3C422C
}


@media (max-width:767px) {
	.woocommerce .elementor-1092 .elementor-element.elementor-element-ecbbd29 .flex-control-thumbs li {
		padding:3px
	}
	
	.woocommerce div.product.elementor ul.tabs {
    	background-color: transparent;
    	border-radius: 0px;
    	padding: 0 0 0 5px;
	}
	
	.woocommerce .elementor-1092 .elementor-element.elementor-element-b49895f .woocommerce-tabs ul.wc-tabs li {
    	background-color: var(--e-global-color-4c30e65);
    	border-radius: 10px;
    	width: 100%;
	}
	
	.woocommerce .elementor-1092 .elementor-element.elementor-element-b49895f .woocommerce-tabs ul.wc-tabs li.active {
		border-radius:10px
	}
}

/*** HOME SWIPER PAGINATION BUG CORRECTION ***/
.swiper-pagination-bullets.swiper-pagination-horizontal {
	left:50% !important
}


/*** OWL CAROUSEL ***/
/*.owl-item .ue-item:hover::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Change the color and opacity as needed */
}*/


/**** SEARCH ***/
.search-results h1.entry-title {
	text-align:left !important;
	font-weight:normal !important
}

.search-results #content {
    margin: 50px auto 300px !important;
}

.search-results article.post {
	margin-bottom:50px;
}

.search-results .post .wp-post-image {
	object-fit:contain !important
}

/* --- RESET: KEIN eigenes sticky, Elementor macht das selbst --- */
.hheader{ 
  position: relative;             /* statt sticky */
  background: transparent;
  z-index: 9999;
  transition: background-color .25s ease, color .25s ease, fill .25s ease, box-shadow .25s ease;
}

/* Farben oben (transparent) */
.hheader,
.hheader a,
.hheader .elementor-nav-menu a,
.hheader .elementor-menu-toggle,
.hheader .elementor-menu-toggle .eicon,
.hheader .elementor-icon,
.hheader .eicon-menu-bar,
.hheader .e-n-menu a span.e-n-menu-title-text,
.hheader .e-n-menu span.e-n-menu-title-text{
  color:#fff !important;
  fill:#fff !important;
}

/* Farben/HG bei aktivem Sticky (Elementor setzt .elementor-sticky--active exakt auf diese Section) */
.hheader.elementor-sticky--active{
  background:#fff;
  box-shadow:0 2px 18px rgba(0,0,0,.06);
}
.hheader.elementor-sticky--active,
.hheader.elementor-sticky--active a,
.hheader.elementor-sticky--active .elementor-nav-menu a,
.hheader.elementor-sticky--active .elementor-menu-toggle,
.hheader.elementor-sticky--active .elementor-menu-toggle .eicon,
.hheader.elementor-sticky--active .elementor-icon,
.hheader.elementor-sticky--active .eicon-menu-bar,
.hheader.elementor-sticky--active .e-n-menu a span.e-n-menu-title-text,
.hheader.elementor-sticky--active .e-n-menu span.e-n-menu-title-text{
  color:#98C320 !important;
  fill:#98C320 !important;
}

/* Falls Elementor den Sticky-Platzhalter einfügt: sicher unsichtbar */
.elementor-sticky__spacer{
  background: transparent !important;
}
.elementor-sticky__spacer *{
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Killt unerwünschtes Einfaden (Entrance-Animation) global */
.elementor:not(.elementor-edit-area-active) .elementor-invisible{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

/* BeRocket Load More / Infinite Scroll – Spinner in Playaround-Grün */
.berocket_lmp_loading i,
.berocket_lmp_button_loading i,
.berocket_lmp_load_more_button.loading i,
.berocket_lmp_button .fa,
.berocket_lmp_button .fas,
.berocket_lmp_loader i,
i.fa-spinner,
i.fa-circle-notch {
  color: #98C320 !important; /* euer Grün */
}

/* Falls der Loader als SVG gerendert wird */
.berocket_lmp_loading svg,
.berocket_lmp_button svg,
.berocket_lmp_loader svg {
  fill: #98C320 !important;
  stroke: #98C320 !important;
}

/* optional: Größe des Spinners */
.berocket_lmp_loading i,
.berocket_lmp_loading svg {
  font-size: 26px;
  width: 26px;
  height: 26px;
}


/* Entferne veraltete Logik – diese Regeln bitte aus style.css löschen/auskommentieren */
/*
.scrolled .e-n-menu a span.e-n-menu-title-text,
.scrolled .e-n-menu span.e-n-menu-title-text { color:#98C320 !important; }
header.clicked { background-color:#fff !important; }
header.clicked .e-n-menu a span.e-n-menu-title-text,
header.clicked .e-n-menu span.e-n-menu-title-text { color:#98C320 !important; }
*/