.elementor-360 .elementor-element.elementor-element-fc8157e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-menu-toggle{margin-right:auto;background-color:#02010100;}.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;}.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-1b04ded );fill:var( --e-global-color-1b04ded );}.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu--main .elementor-item:hover,
					.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF4A;}.elementor-360 .elementor-element.elementor-element-6e565ce .e--pointer-framed .elementor-item:before,
					.elementor-360 .elementor-element.elementor-element-6e565ce .e--pointer-framed .elementor-item:after{border-color:#FFFFFF4A;}.elementor-360 .elementor-element.elementor-element-6e565ce .elementor-item:before{border-radius:100px;}.elementor-360 .elementor-element.elementor-element-6e565ce .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:100px 100px 0 0;}.elementor-360 .elementor-element.elementor-element-6e565ce .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 100px 100px;}.elementor-360 .elementor-element.elementor-element-6e565ce .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 100px 100px 0;}.elementor-360 .elementor-element.elementor-element-6e565ce .e--animation-shutter-in-vertical .elementor-item:after{border-radius:100px 0 0 100px;}.elementor-360 .elementor-element.elementor-element-6e565ce div.elementor-menu-toggle{color:var( --e-global-color-5795782 );}.elementor-360 .elementor-element.elementor-element-6e565ce div.elementor-menu-toggle svg{fill:var( --e-global-color-5795782 );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-360 .elementor-element.elementor-element-e719581 > .elementor-widget-container{margin:0em 0em 0em 1em;}.elementor-360 .elementor-element.elementor-element-e719581.elementor-element{--align-self:center;}.elementor-360 .elementor-element.elementor-element-e719581 .elementor-icon-wrapper{text-align:center;}.elementor-360 .elementor-element.elementor-element-e719581.elementor-view-stacked .elementor-icon{background-color:#B30A1800;}.elementor-360 .elementor-element.elementor-element-e719581.elementor-view-framed .elementor-icon, .elementor-360 .elementor-element.elementor-element-e719581.elementor-view-default .elementor-icon{color:#B30A1800;border-color:#B30A1800;}.elementor-360 .elementor-element.elementor-element-e719581.elementor-view-framed .elementor-icon, .elementor-360 .elementor-element.elementor-element-e719581.elementor-view-default .elementor-icon svg{fill:#B30A1800;}.elementor-360 .elementor-element.elementor-element-e719581.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );}.elementor-360 .elementor-element.elementor-element-e719581.elementor-view-framed .elementor-icon:hover, .elementor-360 .elementor-element.elementor-element-e719581.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-360 .elementor-element.elementor-element-e719581.elementor-view-framed .elementor-icon:hover, .elementor-360 .elementor-element.elementor-element-e719581.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-360 .elementor-element.elementor-element-e719581 .elementor-icon{font-size:28px;}.elementor-360 .elementor-element.elementor-element-e719581 .elementor-icon svg{height:28px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-6e565ce */.elementor-nav-menu .open-contact > a {
    background: white;
    border-radius: 100px;
  color: #000000 !important;
}
.elementor-nav-menu .open-contact > a:hover,
.elementor-nav-menu .open-contact > a:focus {
  color: #000000 !important;
  background: rgba(255, 255, 255, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc8157e *//* === Bottom Fixed Liquid Glass Header === */
:root { 
  --hb-height: 80px;             /* Höhe Desktop */
  --hb-width: 1100px;            /* Breite Desktop */
  --hb-trigger: 200;             /* Scroll-Pixel, ab wann sichtbar */
  --hb-offset: 40px;             /* Abstand vom unteren Rand Desktop */
  --hb-gap: 14px;                /* Abstand zwischen Items */
  --hb-padding: 10px 22px;       /* Innenabstand Desktop */
}

body {
  /* Abstand nach unten, damit nichts verdeckt wird */
  --hb-safe: calc(var(--hb-height) + var(--hb-offset) + env(safe-area-inset-bottom));
  padding-bottom: var(--hb-safe);
}

.header-bottom-glass {
  position: fixed;
  left: 50%;
  bottom: calc(var(--hb-offset) + env(safe-area-inset-bottom));
  transform: translateX(-50%) translateY(20px);
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--hb-gap);

  height: var(--hb-height);
  width: var(--hb-width) !important;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  padding: var(--hb-padding);
  border-radius: 1000px;

  /* Liquid Glass Look */
  background: rgba(20, 20, 30, 0.35);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow: 0 12px 40px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.12);
  text-align: center;

  /* Startzustand */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Elementor überschreibt oft width:100% -> hier fixen */
.header-bottom-glass.elementor-section,
.header-bottom-glass.e-con,
.header-bottom-glass > .elementor-container {
  width: 100% !important;
  max-width: var(--hb-width) !important;
  margin: 0 auto !important;
}

/* Sichtbar, sobald JS Klasse .visible setzt */
.header-bottom-glass.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Links/Menu – optional */
.header-bottom-glass a,
.header-bottom-glass .elementor-item {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  opacity: .9;
}
.header-bottom-glass a:hover,
.header-bottom-glass .elementor-item:hover { opacity: 1; }

/* Responsive Mobile Settings */
@media (max-width: 768px) {
  :root { 
    --hb-height: 80px;                    /* kleinere Höhe */
    --hb-width: calc(100vw - 40px);       /* fast volle Breite */
    --hb-offset: 20px;                    /* mehr Abstand vom Rand */
    --hb-gap: 8px;                        /* engerer Abstand zwischen Items */
    --hb-padding: 8px 16px;               /* kompakter Padding */
  }
  body { --hb-safe: calc(var(--hb-height) + var(--hb-offset) + env(safe-area-inset-bottom)); }
}/* End custom CSS */
/* Start custom CSS */<script>
(function(){
  function toggleHeader(){
    var header = document.querySelector(".header-bottom-glass");
    if (!header) return;
    var root = getComputedStyle(document.documentElement);
    var trigger = parseInt(root.getPropertyValue("--hb-trigger")) || 200;
    if (window.scrollY > trigger){
      header.classList.add("visible");
    } else {
      header.classList.remove("visible");
    }
  }
  // Initial + on scroll
  window.addEventListener("scroll", toggleHeader, {passive:true});
  window.addEventListener("load", toggleHeader);
})();
</script>/* End custom CSS */