.elementor-503 .elementor-element.elementor-element-db4d40a > .elementor-container{max-width:1400px;min-height:100px;}.elementor-503 .elementor-element.elementor-element-db4d40a{margin-top:0px;margin-bottom:0px;padding:0px 50px 0px 50px;z-index:11;}.elementor-bc-flex-widget .elementor-503 .elementor-element.elementor-element-f40e36a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-503 .elementor-element.elementor-element-f40e36a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-503 .elementor-element.elementor-element-f40e36a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-503 .elementor-element.elementor-element-f40e36a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 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-503 .elementor-element.elementor-element-9c6b116 > .elementor-widget-container{margin:0px 0px 0px -12px;padding:0px 0px 0px 0px;}.elementor-503 .elementor-element.elementor-element-9c6b116{text-align:left;}.elementor-503 .elementor-element.elementor-element-9c6b116 img{width:250px;}.elementor-503 .elementor-element.elementor-element-e5f1751 > .elementor-widget-container{margin:0px 0px 0px -12px;padding:0px 0px 0px 0px;}.elementor-503 .elementor-element.elementor-element-e5f1751{text-align:left;}.elementor-503 .elementor-element.elementor-element-e5f1751 img{width:250px;}.elementor-bc-flex-widget .elementor-503 .elementor-element.elementor-element-52a3825.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-503 .elementor-element.elementor-element-52a3825.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-503 .elementor-element.elementor-element-52a3825.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-503 .elementor-element.elementor-element-52a3825 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.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-503 .elementor-element.elementor-element-f2115c8{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-503 .elementor-element.elementor-element-f2115c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 30px 0px 0px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;letter-spacing:2px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-f5e32b6 );fill:var( --e-global-color-f5e32b6 );padding-left:0px;padding-right:0px;padding-top:24px;padding-bottom:24px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-f5e32b6 );fill:var( --e-global-color-f5e32b6 );}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-f5e32b6 );}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown a, .elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-menu-toggle{color:#333333;fill:#333333;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-f38816c );}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown a:hover,
					.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown a:focus,
					.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#FFFFFF00;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown .elementor-item, .elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-503 .elementor-element.elementor-element-f2115c8 div.elementor-menu-toggle{color:#000000;}.elementor-503 .elementor-element.elementor-element-f2115c8 div.elementor-menu-toggle svg{fill:#000000;}.elementor-503 .elementor-element.elementor-element-40d661c{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-503 .elementor-element.elementor-element-40d661c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 30px 0px 0px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;letter-spacing:2px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-f5e32b6 );fill:var( --e-global-color-f5e32b6 );padding-left:0px;padding-right:0px;padding-top:24px;padding-bottom:24px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-f5e32b6 );fill:var( --e-global-color-f5e32b6 );}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-f5e32b6 );}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown a, .elementor-503 .elementor-element.elementor-element-40d661c .elementor-menu-toggle{color:#333333;fill:#333333;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown{background-color:var( --e-global-color-f38816c );border-style:solid;border-width:1px 1px 1px 1px;border-color:#C1C1C1;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown a:hover,
					.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown a:focus,
					.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#FFFFFF00;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown .elementor-item, .elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;letter-spacing:2px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#B0B0B0;border-bottom-width:1px;}.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-503 .elementor-element.elementor-element-0af6397 .elementor-button{background-color:#6A8AAD;font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;fill:var( --e-global-color-f38816c );color:var( --e-global-color-f38816c );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4f8a644 );border-radius:50px 50px 50px 50px;padding:18px 37px 18px 37px;}.elementor-503 .elementor-element.elementor-element-0af6397 .elementor-button:hover, .elementor-503 .elementor-element.elementor-element-0af6397 .elementor-button:focus{background-color:#27496E;color:var( --e-global-color-f38816c );border-color:#27496E;}.elementor-503 .elementor-element.elementor-element-0af6397{width:auto;max-width:auto;}.elementor-503 .elementor-element.elementor-element-0af6397 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-503 .elementor-element.elementor-element-0af6397 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-503 .elementor-element.elementor-element-0af6397 .elementor-button:hover svg, .elementor-503 .elementor-element.elementor-element-0af6397 .elementor-button:focus svg{fill:var( --e-global-color-f38816c );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-503 .elementor-element.elementor-element-db4d40a{margin-top:0px;margin-bottom:0px;padding:0px 30px 0px 30px;}.elementor-503 .elementor-element.elementor-element-f2115c8{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );--nav-menu-icon-size:30px;}.elementor-503 .elementor-element.elementor-element-f2115c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--dropdown a{padding-left:10px;padding-right:10px;padding-top:12px;padding-bottom:12px;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:27px !important;}.elementor-503 .elementor-element.elementor-element-40d661c{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );--nav-menu-icon-size:30px;}.elementor-503 .elementor-element.elementor-element-40d661c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:27px !important;}.elementor-503 .elementor-element.elementor-element-0af6397 .elementor-button{border-radius:50px 50px 50px 50px;padding:15px 34px 15px 34px;}}@media(max-width:767px){.elementor-503 .elementor-element.elementor-element-db4d40a{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-503 .elementor-element.elementor-element-f40e36a{width:70%;}.elementor-503 .elementor-element.elementor-element-9c6b116 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-503 .elementor-element.elementor-element-9c6b116 img{width:230px;}.elementor-503 .elementor-element.elementor-element-52a3825{width:30%;}.elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-503 .elementor-element.elementor-element-f2115c8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:25px !important;}.elementor-503 .elementor-element.elementor-element-40d661c > .elementor-widget-container{margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-503 .elementor-element.elementor-element-40d661c .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:35px !important;}}@media(min-width:768px){.elementor-503 .elementor-element.elementor-element-f40e36a{width:22%;}.elementor-503 .elementor-element.elementor-element-52a3825{width:78%;}}@media(max-width:1024px) and (min-width:768px){.elementor-503 .elementor-element.elementor-element-f40e36a{width:50%;}.elementor-503 .elementor-element.elementor-element-52a3825{width:50%;}}/* Start custom CSS for nav-menu, class: .elementor-element-f2115c8 */.header1 .menu-item-has-children {
  position: relative;
}

.header1 .sub-menu {
  display: none; 
  position: absolute;
  left: 0;
  z-index: 999;
  background: white;
  width: 630px !important;
  padding: 20px 30px 20px 30px !important;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 0px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  gap: 0px; 
  margin-top: 15px !important; 
}


.header1 .menu-item-has-children::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 15px;
  background: transparent; 
  z-index: 1000; 
}


.header1 .sub-menu::before {
  content: "Unsere Leistungen im Überblick";
  display: block;
  padding: 7px 0;
  font-family: "Inter";
  font-weight: 500;
  font-size: 20px;
  color: #333333; 
  text-align: left;
  grid-column: 1 / -1; 
  margin-bottom: 0px; 
}




.header1 .menu-item-has-children:hover .sub-menu {
  display: grid !important; 
}


.header1 .menu-item-has-children:hover::before {
  display: block;
}

/* ========== SUBMENU ITEM STYLE ========== */
.header1 .sub-menu li {
  display: flex;
  align-items: center;
  padding: 2px 4px; 
  background: none !important;
  margin: 0;
  white-space: nowrap;
  order: 2; 
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px !important;
  color: #27496e !important; 
}


.header1 .sub-menu li:hover,
.header1 .sub-menu li a:hover {
  background: none !important;
  color: #6A8AAD !important; 
}

/* ========== ICONS BEFORE TEXT (adjusted spacing) ========== */
.header1 .sub-menu li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: -10px; 
  flex-shrink: 0;
}

/* ========== CUSTOM ICONS ========== */
.header1 .sub-menu li.number1::before {
  background-image: url('https://www.fnbau.ch/wp-content/uploads/2025/06/arrowww.png');
}
.header1 .sub-menu li.number2::before {
  background-image: url('https://www.fnbau.ch/wp-content/uploads/2025/06/arrowww.png');
}
.header1 .sub-menu li.number3::before {
  background-image: url('https://www.fnbau.ch/wp-content/uploads/2025/06/arrowww.png');
}
.header1 .sub-menu li.number4::before {
  background-image: url('https://www.fnbau.ch/wp-content/uploads/2025/06/arrowww.png');
}
.header1 .sub-menu li.number5::before {
  background-image: url('https://www.fnbau.ch/wp-content/uploads/2025/06/arrowww.png');
}
.header1 .sub-menu li.number6::before {
  background-image: url('https://www.fnbau.ch/wp-content/uploads/2025/06/arrowww.png');
}

/* ========== POSITION ITEMS INTO ROWS ========== */
/* Row 1 */
.header1 .sub-menu li.number1 {
  grid-column: 1;
}
.header1 .sub-menu li.number2 {
  grid-column: 2;
}

/* Row 2 */
.header1 .sub-menu li.number3 {
  grid-column: 1;
}
.header1 .sub-menu li.number4 {
  grid-column: 2;
}

/* Row 3 */
.header1 .sub-menu li.number5 {
  grid-column: 1;
}
.header1 .sub-menu li.number6 {
  grid-column: 2;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-40d661c *//* Normal state: White toggle button */
.mobile-togglee .elementor-menu-toggle {
    color: #333333 !important;
}

/* Sticky state: Black toggle button */
.Grünstein.elementor-sticky--effects .mobile-togglee .elementor-menu-toggle {
    color: #000000 !important;
    transition: color 0.3s ease-in-out; /* Smooth color transition */
}

/* Optional: Change header background on scroll for better contrast */
.Grünstein.elementor-sticky--effects {
    background: #FFFFFF !important;
    transition: background 0.3s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-db4d40a *//* HIDE DARK LOGO INITIALLY */
.d-logo {
  display: none;
}

/* SWITCHES LOGO ON SCROLL */
.elementor-sticky--effects .d-logo {
  display: inline-block;
}
.elementor-sticky--effects .l-logo {
  display: none;
}

/* CHANGES THE BACKGROUND MENU ON SCROLL */
.elementor-sticky--effects {
  background: white !important; /* Semi-transparent white */
  transition: 0.5s all ease-in-out;
}

/* CHANGES MENU TEXT COLOR (.header1) ON SCROLL */
.elementor-sticky--effects .header1,
.elementor-sticky--effects .header1 a {
  color: #333333 !important; /* Change to black or any color you prefer */
  transition: 0.5s all ease-in-out;
}

/* CHANGES TEXT COLOR FOR ICON LIST TEXT ON SCROLL */
.elementor-sticky--effects .elementor-icon-list-text {
  color: #000 !important;
}

/* CHANGES THE ARROW COLOR ON SCROLL */
.elementor-sticky--effects .fas.fa-chevron-down {
  color: #000 !important;
}

/* CONTROLS THE TRANSITION SPEED FOR ICON LIST LINKS */
.elementor-sticky--effects .elementor-icon-list-text ul li a {
  transition: 0s all ease-in-out;
}

/* RESPONSIVE: SWITCH MENU ITEMS ON MOBILE */
@media only screen and (max-width: 768px) {
  .d-menu {
    display: none;
  }

  .elementor-sticky--effects .d-menu {
    display: inline-block;
  }

  .elementor-sticky--effects .l-menu {
    display: none;
  }
}/* End custom CSS */