.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7007311:#FFFFFF;--e-global-color-3271bf1:#B9316B;--e-global-color-c0a6c16:#F5942F;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-font-style:italic;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:300;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h3{font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    -webkit-text-fill-color: inherit;
    background-image: 
        linear-gradient(to bottom right, #e6c4d2, #fffefe 50%),  /* Erster Verlauf von oben links nach unten rechts */
        linear-gradient(to top left, #ffe3c5 50%, #fff);        /* Zweiter Verlauf von unten rechts nach oben links */
    background-clip: border-box;
    background-size: 100% 50vh; /* Verlauf auf 50% der Höhe begrenzen */
    background-position: top left;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    body {
        background-size: 150% 50vh; /* Für mobile Geräte größer */
        background-position: top left;
    }
}

@media (max-width: 480px) {
    body {
        background-size: 200% 30vh; /* Noch mehr Platz für kleine Bildschirme */
        background-position: top left;
    }
}






body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display:block;
height: 100px; /* fixed header height*/
margin: -200px 0 0; /* negative fixed header height */
visibility: hidden;
pointer-events: none;
}


@media (max-width: 767px) {
    body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display:block;
height: 100px; /* fixed header height*/
margin: -120px 0 0; /* negative fixed header height */
visibility: hidden;
pointer-events: none;
}

}

/* Standardgröße des Logos */
.stickyheader .sitelogo {
    width: 200px;
    transition: width 0.3s ease; /* Sanfte Transition für die Größenänderung */
}

/* Verkleinerte Größe, wenn die Seite gescrollt wurde und die Sticky-Klasse aktiv ist */
.stickyheader.elementor-sticky--effects .sitelogo {
    width: 110px;
}



.stickyheader.elementor-sticky--effects .sitelogo-2 {
    width: 60px;
}

.stickyheader.elementor-sticky--effects {
    background-color:rgba(255,255,255,0.9) !important;
}

@media only screen and (max-width: 767px) {
    /* Standardgröße des Logos */
.stickyheader .sitelogo {
    width: 150px;
    transition: width 0.3s ease; /* Sanfte Transition für die Größenänderung */
}

/* Verkleinerte Größe, wenn die Seite gescrollt wurde und die Sticky-Klasse aktiv ist */
.stickyheader.elementor-sticky--effects .sitelogo {
    width: 60px;
}

.stickyheader .sitelogo-main {
    width: 150px;
    transition: width 0.3s ease; /* Sanfte Transition für die Größenänderung */
}

.stickyheader.elementor-sticky--effects .sitelogo-main {
    width: 100px;
}

}





.menu-icon {
  width: 65px;
  height: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;

}

.line {
  width: 100%;
  height: 4px;
  background-color: #b9316b;
  transition: all 0.3s ease;
}

.line2 {
  transform: translateX(-5px); /* Verschiebt den mittleren Strich nach links */
}

.menu-icon:hover .line2 {
  transform: translateX(0); /* Bringt den mittleren Strich in die Mitte bei Hover */
}


/* Initialzustand - Der Inhalt des Listenelements ist um 120px nach rechts verschoben */
.quicknav .elementor-icon-list-item {
  display: flex;
  align-items: center;
  position: relative;
  transform: translateX(100px); /* Verschiebt das Listenelement leicht nach rechts */
  transition: transform 0.3s ease, background-color 0.5s ease; /* Sanfte Animation des Verschiebens und der Hintergrundfarbe */
  padding: 10px !important;
  background-color: #b9316b; /* Initiale Hintergrundfarbe */
  border-radius: 0px;
  min-height:50px;
}




/* Beim Hover - Der Inhalt wird um 120px nach links verschoben und vollständig sichtbar, und die Hintergrundfarbe wechselt */
.quicknav .elementor-icon-list-item:hover {
  transform: translateX(0); /* Verschiebt das Listenelement zurück an seine ursprüngliche Position */
  background-color: #f5942f; /* Wechselt sanft zur neuen Hintergrundfarbe */
}

/* Das Icon bleibt links vom Text */
.quicknav .elementor-icon-list-icon {
  margin-right: 10px;
  transition: transform 0.3s ease-in-out; /* Animation für den Pulse-Effekt */
}

/* Icon bekommt einen Pulse-Effekt beim Hover */
.quicknav .elementor-icon-list-item:hover .elementor-icon-list-icon {
  animation: pulse 0.6s ease-in-out; /* Fügt den Pulse-Effekt hinzu */
}

/* Keyframes für den Pulse-Effekt */
@keyframes pulse {
  0% {
    transform: scale(1); /* Start mit normaler Größe */
  }
  50% {
    transform: scale(0.9); /* Verkleinert das Icon leicht */
  }
  100% {
    transform: scale(1); /* Zurück zur normalen Größe */
  }
}

/* Der Text bleibt normal sichtbar */
.quicknav .elementor-icon-list-text {
  white-space: nowrap; /* Verhindert Zeilenumbruch im Text */
}

/* CSS für den pulsierenden Effekt */
.pfeilanimiert {
  display: inline-block;
  animation: softPulse 5s ease-in-out infinite; /* Dauerschleife mit 2 Sekunden Dauer */
}

/* Keyframes für den Pulse-Effekt */
@keyframes softPulse {
  0% {
    transform: scale(1); /* Start mit normaler Größe (100%) */
  }
  50% {
    transform: scale(0.7); /* Verkleinert das Icon auf 30% der Größe */
  }
  100% {
    transform: scale(1); /* Zurück zur normalen Größe (100%) */
  }
}


@keyframes jiggle {
  0% {
    background-position: 51vw 0vh; /* Startposition */
  }
  25% {
    background-position: calc(51vw - 10px) 10px; /* Leichte Bewegung nach oben links */
  }
  50% {
    background-position: calc(51vw + 10px) -10px; /* Leichte Bewegung nach unten rechts */
  }
  75% {
    background-position: calc(51vw - 5px) 5px; /* Leichte Bewegung zurück */
  }
  100% {
    background-position: 51vw 0vh; /* Endposition */
  }
}

.background-1 {
  background-color: var(--e-global-color-7007311);
  background-image: url(https://ladies-reisen.de/wp-content/uploads/2024/10/arrow.svg);
  background-position: 51vw 0vh; /* Ursprüngliche Position */
  background-repeat: no-repeat;
  background-size: contain;
  animation: jiggle 0.5s ease-in-out 1;
}/* End custom CSS */