.elementor-134 .elementor-element.elementor-element-772df78{--display:flex;--position:fixed;--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:flex-end;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;top:0px;--z-index:9999;}.elementor-134 .elementor-element.elementor-element-772df78::before, .elementor-134 .elementor-element.elementor-element-772df78 > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-772df78 > .e-con-inner > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-772df78 > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-772df78 > .e-con-inner > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-772df78 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-134 .elementor-element.elementor-element-772df78.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-134 .elementor-element.elementor-element-772df78{left:0px;}body.rtl .elementor-134 .elementor-element.elementor-element-772df78{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-134 .elementor-element.elementor-element-1a77de1.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-134 .elementor-element.elementor-element-1a77de1{text-align:left;}.elementor-134 .elementor-element.elementor-element-1a77de1 img{width:100px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-134 .elementor-element.elementor-element-4f932ff.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-134{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-134 .elementor-element.elementor-element-772df78{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-1a77de1 img{height:60px;}}/* Start custom CSS for html, class: .elementor-element-4f932ff *//* ==============================
   Fullscreen Burger Menü – animierte Hover-Line
   ============================== */

/* 1. Menülinks – Font + Standardzustand */
.fullscreen-menu a {
    font-family: 'League Spartan'; /* dein hochgeladener Font */
    text-decoration: none; /* keine Linie standardmäßig */
    color: white;           /* Standardfarbe */
    position: relative;     /* für animierte Linie */
    font-size: 4rem;       /* Größe der Links */
    transition: color 0.3s ease;
}


/* Menü-Container */
.fullscreen-menu {
  position: relative;
}


.fullscreen-menu a:hover {
  color: #ffb703;
}




#menu-hover-image {
  position: fixed;          /* fixiert relativ zum Bildschirm */
  top: 50%;                 /* vertikal Mitte */
  right: 0px;              /* Abstand vom rechten Rand */
  transform: translateY(-50%);
  width: 50vw;             /* gewünschte Breite */
  height: 100vh;            /* gewünschte Höhe */
  background-size: cover;
  background-position: center;
  transition: opacity 0.3s ease, background-image 0.3s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;            /* über allen Elementen */
}


#menu-hover-text {
  position: absolute;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 100;
  font-family: 'League Spartan', sans-serif;
  width: 50%;
  color: white;
  opacity: 0;
  transform: translateY(10px); /* leicht nach unten */
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 99999;
  padding: 40px;
  bottom: 20px;
}

/* UL muss position: relative für den Rahmen haben */
.fullscreen-menu ul {
  position: relative;
}

/* Menülinks */
.fullscreen-menu a {
  font-family: 'League Spartan', sans-serif;
  font-size: 4rem;
  font-weight: 300;
  color: white;
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding: 0.1em 0.6em;
  border-radius: 9999px;
  transition: color  0.3s ease, box-shadow 0.3s ease;
}

/* Rahmen beim Hover */
.fullscreen-menu a:hover,
.fullscreen-menu a.active {
  box-shadow: 0 0 0 2px; /* runder Rahmen */
   color: #6754FD;
}


/* --- Responsive Fullscreen Menü Fix (Final) --- */

/* Basislayout – Desktop */
.fullscreen-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; /* linksbündig auf Desktop */
  padding: 10vw 8vw;
  box-sizing: border-box;
  overflow: hidden;
}

.fullscreen-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.fullscreen-menu li {
  margin: 1em 0;
}

.fullscreen-menu a {
  font-family: 'League Spartan', sans-serif;
  font-weight: 300;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 0.1em 0.6em;
  border-radius: 9999px;
  transition: color 0.3s ease, box-shadow 0.3s ease;
  line-height: 1.2;
  font-size: clamp(2.2rem, 4vw, 4rem); /* Desktop/Standardgröße */
}

/* Hover- und Active-Zustand */
.fullscreen-menu a:hover,
.fullscreen-menu a.active {
  color: #6754FD;
  box-shadow: 0 0 0 2px;
}

/* Hover-Bild nur auf Desktop */
#menu-hover-image {
  display: block;
}

/* --- Tablet (unter 1024px) --- */
@media (max-width: 1024px) {
  #menu-hover-image {
    display: none;
  }

  .fullscreen-menu {
    align-items: center; /* Text zentrieren */
    text-align: center;
    padding: 0;
  }

  .fullscreen-menu a {
    font-size: clamp(1.8rem, 4vw, 2.8rem); /* angepasste Größe für Tablets */
  }

  .menu-btn {
    position: fixed;
    top: 20px;
    right: 20px;
  }
}

/* --- Mobile (unter 600px) --- */
@media (max-width: 600px) {
  .fullscreen-menu {
    align-items: center;
    text-align: center;
  }

  .fullscreen-menu li {
    margin: 0.8em 0;
  }

  .fullscreen-menu a {
    font-size: clamp(1rem, 5vw, 1.5rem); /* schön lesbar, aber nicht zu groß */
  }
}

/* --- Sehr kleine Geräte (unter 400px) --- */
@media (max-width: 400px) {
  .fullscreen-menu a {
    font-size: clamp(1rem, 5vw, 1.5rem);
  }
}/* End custom CSS */