.elementor-215 .elementor-element.elementor-element-f56e5e2{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5);--z-index:99;}.elementor-215 .elementor-element.elementor-element-f56e5e2:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-f56e5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB5;}.elementor-215 .elementor-element.elementor-element-2a54d46{--display:flex;--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;}.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-215 .elementor-element.elementor-element-03283dd{text-align:start;}.elementor-215 .elementor-element.elementor-element-03283dd img{width:36%;height:100%;}.elementor-215 .elementor-element.elementor-element-4230280{--display:flex;--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;}.elementor-215 .elementor-element.elementor-element-4230280.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-215 .elementor-element.elementor-element-6969b2e{--display:flex;--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;}.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-215 .elementor-element.elementor-element-3de0d91{width:var( --container-widget-width, 103.774% );max-width:103.774%;margin:0px -55px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:103.774%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 28px / 2 );}.elementor-215 .elementor-element.elementor-element-3de0d91.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-menu-toggle{margin:0 auto;}.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu .elementor-item{font-family:"Cormorant Garamond", Sans-serif;font-size:1.3vw;font-weight:600;}.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main .elementor-item{color:#C89539;fill:#C89539;}.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main .elementor-item:focus{color:#C89539;fill:#C89539;}.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:28px;}.elementor-215 .elementor-element.elementor-element-52d8571{--display:flex;--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-215 .elementor-element.elementor-element-c46fd82 .elementor-button{background-color:transparent;font-family:"Cormorant Garamond", Sans-serif;font-size:1vw;font-weight:500;background-image:linear-gradient(174deg, #FFFFFF 0%, #C89539 59%);box-shadow:0px 2px 3px 0px rgba(0,0,0,0.5);}.elementor-215 .elementor-element.elementor-element-c46fd82{margin:0px 0px calc(var(--kit-widget-spacing, 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(min-width:768px){.elementor-215 .elementor-element.elementor-element-f56e5e2{--content-width:1900px;}.elementor-215 .elementor-element.elementor-element-2a54d46{--width:25%;}.elementor-215 .elementor-element.elementor-element-4230280{--width:5.16%;}.elementor-215 .elementor-element.elementor-element-6969b2e{--width:50%;}.elementor-215 .elementor-element.elementor-element-52d8571{--width:20%;}}/* Start custom CSS for nav-menu, class: .elementor-element-3de0d91 *//* ============================================
   BEAUTY ART GALLERY — Nav Menu Custom CSS
   Elementor Nav Menu Widget → Custom CSS
   ============================================ */

/* --- Basis: Menü-Container relativ positionieren --- */
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main {
  position: relative;
}

/* --- Durchgehende Linie unter dem gesamten Menü --- */
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu--main::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(193, 160, 100, 0.3);
}

/* --- Menüpunkte: relative Position für Pseudo-Elemente --- */
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li {
  position: relative;
}

/* --- Goldener Strich unter dem aktiven Menüpunkt (volle Breite) --- */
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li.current-menu-item > a::after,
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li.current-page-ancestor > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #c1a064;
  z-index: 1;
}

/* --- Zierlinie: aktiv + hover --- */
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li.current-menu-item > a::before,
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li.current-page-ancestor > a::before,
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li > a:hover::before {
  content: '';
  position: absolute;
  left: -34px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 18px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 18'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%23c1a064' stop-opacity='0'/%3E%3Cstop offset='100%25' stop-color='%23c1a064' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 10C8 6 16 14 28 9' stroke='url(%23f)' stroke-width='1.3' stroke-linecap='round' fill='none'/%3E%3Ccircle cx='29' cy='9' r='2.2' fill='%23c1a064'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
/* --- Hover: Gold-Strich über volle Breite des Menüpunkts --- */
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li:not(.current-menu-item) > a:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(193, 160, 100, 0.6);
  z-index: 1;
}

/* --- Aktiver Menüpunkt: Goldene Textfarbe --- */
.elementor-215 .elementor-element.elementor-element-3de0d91 .elementor-nav-menu > li.current-menu-item > a {
  color: #c1a064 !important;
}/* End custom CSS */