form .elementor-field-option {
    display: flex:;
    accent-color: var(--e-global-color-accent);
    line-height: 25px;
    margin-right: 10px;
}

// field_3c121ef ersetzen durch ID / Namen
form #form-field-field_3c121ef {display: inline-block;
vertical-align: middle;
width: 24.5px;
height: 15px;
}
header{
    position: sticky;
	top:0;
	transition: background-color 0.3s ease;
    z-index: 9999;
}

.nav-div.scrolled {
  background-color: #000 !important;
}

.nav-div.scrolled #header-menu li a {
  color: var(--e-global-color-primary) !important;
}


/*.nav-div {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}*/
/*
#header-bar {
  transition: padding 0.3s ease;
}*/

/* Wenn gescrolled: kleineres Padding 
header.scrolled #header-bar {
  padding: 5px !important;
}*/
#footer-menu li::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: orange;
  transform: translateY(-35%);
  opacity: 0;              
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#footer-menu li:hover::before {
  opacity: 1;
}

#header-menu li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: orange;
  transform: translateY(-35%);
  opacity: 0;              
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#header-menu li:hover::before{
  opacity: 1;
}

#header-menu li:has(.elementor-item-active)::before
{
  opacity: 1;
}


.img-office-small {
	cursor:pointer;
}

.img-office-small img {
  transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.img-office-small img:hover {
  transform: scale(1.02);
}


html {
    scroll-padding-top: 120px; /* Abstand unter Sticky Header */
    scroll-behavior: smooth;
}

@media (max-width: 992px) {
    html {
        scroll-padding-top: 60px; /* Mobile Header-Höhe */
    }
}

@media (max-width: 768px) {
    html {
        scroll-padding-top: 50px; /* Tablet/Small Mobile */
    }
}





#bg-kitchen {
  position: relative;
}

#bg-kitchen::after {
  content: '';
  position: absolute;
  inset: 0;
  background: black;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.1s ease;
}

.scale-on-scroll {
  transform: scale(0.2);
  transition: transform 0.1s ease-out;
  will-change: transform;
}

.service-box {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .6s ease, transform .6s ease !important;
}

.service-box.is-visible {
  opacity: 1;
  transform: translateY(0);
}


#filter-tax button::before {
 content: "";
 position: relative;
 left: -8px;
 top: 4px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: orange;
 transform: translateY(-35%);
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.3s ease;
}

#filter-tax button:hover::before,
#filter-tax button[aria-pressed="true"]::before {
  opacity: 1;
}