.elementor-858 .elementor-element.elementor-element-a62deca{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-858 .elementor-element.elementor-element-a62deca.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-858 .elementor-element.elementor-element-a461d9b{--display:flex;--min-height:0px;}.elementor-858 .elementor-element.elementor-element-61cf9b8{--display:grid;--min-height:80vh;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;border-style:none;--border-style:none;box-shadow:0px 0px 24px 2px rgba(0,0,0,0.5);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-858 .elementor-element.elementor-element-61cf9b8:not(.elementor-motion-effects-element-type-background), .elementor-858 .elementor-element.elementor-element-61cf9b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFCF;}.elementor-858 .elementor-element.elementor-element-61cf9b8:hover{border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-858 .elementor-element.elementor-element-61cf9b8, .elementor-858 .elementor-element.elementor-element-61cf9b8::before{--border-transition:0.3s;}.elementor-858 .elementor-element.elementor-element-61cf9b8.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-858 .elementor-element.elementor-element-61cf9b8{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-858 .elementor-element.elementor-element-a62deca{--content-width:100%;}.elementor-858 .elementor-element.elementor-element-61cf9b8{--width:80%;}}@media(max-width:767px){.elementor-858 .elementor-element.elementor-element-61cf9b8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* Menü-Button Bild */
#menu-button-wrapper {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9999;
}

#menu-toggle {
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: transform 0.5s ease;
}

#menu-toggle:hover {
  transform: rotateY(180deg);
}

/* Menücontainer */
#side-menu {
  position: absolute;
  top: 80px; /* unterhalb des Buttons */
  left: 80px; /* seitlich vom Button */
  width: 100vh;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  color: white;
  transform: scaleX(0) scaleY(0);
  transform-origin: top left;
  transition: transform 0.5s ease-in-out;
  z-index: 9998;
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

/* Menü aktiv – es öffnet sich gleichzeitig nach rechts und unten */
#side-menu.active {
  transform: scaleX(1) scaleY(1);
}

#side-menu nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#side-menu nav ul li {
  margin-bottom: 15px;
}

#side-menu nav ul li a {
  color: white;
  text-decoration: none;
  font-size: 1.5rem;
}/* End custom CSS */