.elementor-543 .elementor-element.elementor-element-7d3f06b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-7d3f06b:not(.elementor-motion-effects-element-type-background), .elementor-543 .elementor-element.elementor-element-7d3f06b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBFFAA;}.elementor-widget-theme-site-logo .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-543 .elementor-element.elementor-element-3d1c3fb img{width:100%;height:42px;}.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-543 .elementor-element.elementor-element-7076146 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-543 .elementor-element.elementor-element-7076146 .elementor-menu-toggle{margin:0 auto;}.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu .elementor-item{font-family:"Neue Haas Grotesk Regular", Sans-serif;font-size:19px;font-weight:normal;word-spacing:0px;}.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:25px;padding-right:25px;padding-top:10px;padding-bottom:10px;}.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-framed .elementor-item:before,
					.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-543 .elementor-element.elementor-element-7076146{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:3px;--e-nav-menu-divider-height:22px;--e-nav-menu-divider-color:#EBFFAA;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-underline .elementor-item:after,
					 .elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-overline .elementor-item:before,
					 .elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-double-line .elementor-item:before,
					 .elementor-543 .elementor-element.elementor-element-7076146 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-543 .elementor-element.elementor-element-7076146 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-543 .elementor-element.elementor-element-7d3f06b{--content-width:90%;}}/* Start custom CSS for nav-menu, class: .elementor-element-7076146 *//* Standard-Styling für die Menü-Items */
.menu-item {
  position: relative; /* Wichtig für die Pseudoelemente */
  display: inline-block; /* Begrenzt das Element auf die Textbreite */
  text-decoration: none; /* Keine Standard-Unterstreichung */
  margin-right: 40px; /* Platz für den Pfeil hinter dem Text */
  vertical-align: middle; /* Ausrichtung der Elemente in einer Linie */
}

/* Pseudo-Element für die animierte Unterstreichung */
.menu-item::before {
  content: ''; /* Leerer Inhalt für das Pseudoelement */
  position: absolute;
  bottom: -2px; /* Platzierung knapp unter dem Text */
  left: 0; /* Startposition der Linie */
  width: 0%; /* Anfangsbreite der Linie */
  height: 2px; /* Dicke der Unterstreichungslinie */
  background-color: black; /* Farbe der Unterstreichungslinie */
  transition: width 0.5s ease; /* Sanfte Animation für die Breitenänderung */
  z-index: 1; /* Sicherstellen, dass die Linie über dem Text bleibt */
}

/* Pseudo-Element für den Pfeil */
.menu-item::after {
  content: ''; /* Leerer Inhalt für das Bild */
  position: absolute;
  right: 0px; /* Der Pfeil erscheint direkt hinter dem Text */
  top: 60%; /* Vertikal zentriert */
  transform: translateY(-50%); /* Korrektur, um den Pfeil mittig auszurichten */
  width: 20px; /* Breitere Pfeilgröße */
  height: 20px; /* Höhere Pfeilgröße */
  background-image: url('https://start.studiojr.de/wp-content/uploads/2024/10/pfeil.png'); /* Bildpfad des Pfeils */
  background-size: contain; /* Skaliert den Pfeil innerhalb der Größe */
  background-repeat: no-repeat; /* Bild wiederholt sich nicht */
  opacity: 0; /* Unsichtbar im normalen Zustand */
  transition: opacity 0.3s ease; /* Weicher Übergang für das Erscheinen */
  z-index: 2; /* Sicherstellen, dass der Pfeil sichtbar ist */
}

/* Hover-Effekt für Linie und Pfeil */
.menu-item:hover::before {
  width: 100%; /* Linie streckt sich auf 100% der Textbreite des Wortes */
}

.menu-item:hover::after {
  opacity: 1; /* Der Pfeil wird sichtbar */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d3f06b */.menu-item {
  position: relative; /* Wichtig für das Pseudoelement */
  display: inline-block; /* Begrenzt das Element auf die Textbreite */
  text-decoration: none; /* Keine Standard-Unterstreichung */
  margin-right: 60px; /* Mehr Platz für den größeren Pfeil */
}

/* Pseudo-Element für die animierte Unterstreichung */
.menu-item::before {
  content: ''; /* Leerer Inhalt für das Pseudoelement */
  position: absolute;
  bottom: 0; /* Platzierung am unteren Rand der Überschrift */
  left: 0; /* Startposition der Linie */
  width: 0%; /* Anfangsbreite der Linie */
  height: 4px; /* Dicke der Unterstreichungslinie */
  background-color: black; /* Farbe der Unterstreichungslinie */
  transition: width 0.5s ease; /* Sanfte Animation für die Breitenänderung */
}

/* Pseudo-Element für den Pfeil */
.menu-item::after {
  content: ''; /* Leerer Inhalt für das Bild */
  position: absolute;
  right: -50px; /* Mehr Abstand hinter dem Text für den größeren Pfeil */
  top: 50%; /* Vertikal zentriert */
  transform: translateY(-50%); /* Korrektur, um den Pfeil mittig auszurichten */
  width: 60px; /* Breitere Pfeilgröße */
  height: 60px; /* Höhere Pfeilgröße */
  background-image: url('https://start.studiojr.de/wp-content/uploads/2024/10/pfeilrechts.png'); /* Bildpfad des Pfeils */
  background-size: contain; /* Skaliert den Pfeil innerhalb der Größe */
  background-repeat: no-repeat; /* Bild wiederholt sich nicht */
  opacity: 0; /* Unsichtbar im normalen Zustand */
  transition: opacity 0.3s ease; /* Weicher Übergang für das Erscheinen */
}

/* Hover-Effekt für Lini.menu-item:hover::before {
  width: 100%; /* Linie streckt sich auf 100% der Textbreite */
}

.menu-item:hover::after {
  opacity: 1; /* Der Pfeil wird sichtbar */
}/* End custom CSS */