.elementor-1285 .elementor-element.elementor-element-579db369{--display:flex;--min-height:80px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;--z-index:1000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1285 .elementor-element.elementor-element-542cb14e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-1285 .elementor-element.elementor-element-542cb14e.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1285 .elementor-element.elementor-element-542cb14e img{width:120px;transition-duration:0.3s;}.elementor-1285 .elementor-element.elementor-element-542cb14e:hover img{opacity:0.7;}.elementor-1285 .elementor-element.elementor-element-99f8fae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-1285 .elementor-element.elementor-element-99f8fae.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1285 .elementor-element.elementor-element-99f8fae img{width:120px;transition-duration:0.3s;}.elementor-1285 .elementor-element.elementor-element-99f8fae:hover img{opacity:0.7;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );--n-menu-title-line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-45b7d344{--display:flex;}.elementor-1285 .elementor-element.elementor-element-54c3fd66{--display:flex;}.elementor-1285 .elementor-element.elementor-element-320898ab{--display:flex;}.elementor-1285 .elementor-element.elementor-element-27f79af5{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;margin:0px -24px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:42px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-title-padding:12px 0px 12px 0px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-text );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:#191414;}.elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:var( --e-global-color-864baf3 );}.elementor-1285 .elementor-element.elementor-element-27f79af5.elementor-element{--align-self:center;}.elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1285 .elementor-element.elementor-element-27f79af5 {--n-menu-title-color-hover:var( --e-global-color-text );--n-menu-title-color-active:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}body:not(.rtl) .elementor-1285 .elementor-element.elementor-element-c6173a7{left:0px;}body.rtl .elementor-1285 .elementor-element.elementor-element-c6173a7{right:0px;}.elementor-1285 .elementor-element.elementor-element-c6173a7{top:0px;}.elementor-1285 .elementor-element.elementor-element-5b877be{--display:flex;}.elementor-1285 .elementor-element.elementor-element-f2f1c33{--display:flex;}.elementor-1285 .elementor-element.elementor-element-705f650{--display:flex;}.elementor-1285 .elementor-element.elementor-element-20107ed{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;margin:0px -24px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:42px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:var( --e-global-color-206dccc );--n-menu-title-transition:300ms;--n-menu-title-padding:12px 0px 12px 0px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-206dccc );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:#191414;}.elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#F6F6F430;}.elementor-1285 .elementor-element.elementor-element-20107ed.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1285 .elementor-element.elementor-element-20107ed {--n-menu-title-color-hover:var( --e-global-color-206dccc );--n-menu-title-color-active:var( --e-global-color-206dccc );}.elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-206dccc );}.elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-206dccc );}.elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-1285 .elementor-element.elementor-element-11f630a6 .elementor-button{background-color:#3C323200;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:none;line-height:0px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:5px 5px 5px 5px;padding:20px 24px 20px 24px;}.elementor-1285 .elementor-element.elementor-element-11f630a6 .elementor-button:hover, .elementor-1285 .elementor-element.elementor-element-11f630a6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-206dccc );border-color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-11f630a6.elementor-element{--align-self:center;}.elementor-1285 .elementor-element.elementor-element-11f630a6 .elementor-button:hover svg, .elementor-1285 .elementor-element.elementor-element-11f630a6 .elementor-button:focus svg{fill:var( --e-global-color-206dccc );}.elementor-1285 .elementor-element.elementor-element-15f524f .elementor-button{background-color:#3C323200;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:none;line-height:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-206dccc );border-radius:5px 5px 5px 5px;padding:20px 24px 20px 24px;}.elementor-1285 .elementor-element.elementor-element-15f524f .elementor-button:hover, .elementor-1285 .elementor-element.elementor-element-15f524f .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-206dccc );border-color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-15f524f.elementor-element{--align-self:center;}.elementor-1285 .elementor-element.elementor-element-15f524f .elementor-button:hover svg, .elementor-1285 .elementor-element.elementor-element-15f524f .elementor-button:focus svg{fill:var( --e-global-color-206dccc );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );}.elementor-1285 .elementor-element.elementor-element-27f79af5{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-toggle-align:flex-end;--n-menu-title-space-between:0px;--n-menu-title-padding:12px 24px 12px 24px;--n-menu-icon-size:0px;--n-menu-dropdown-indicator-size:0px;--n-menu-toggle-icon-size:24px;--n-menu-toggle-icon-border-radius:5px 5px 5px 5px;--n-menu-toggle-icon-padding:6px 6px 6px 6px;--n-menu-toggle-icon-distance-from-dropdown:20px;}.elementor-1285 .elementor-element.elementor-element-27f79af5.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-1285 .elementor-element.elementor-element-27f79af5 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-width:0px 0px 0px 0px;}.elementor-1285 .elementor-element.elementor-element-20107ed{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-toggle-align:flex-end;--n-menu-title-space-between:0px;--n-menu-title-padding:12px 24px 12px 24px;--n-menu-icon-size:0px;--n-menu-dropdown-indicator-size:0px;--n-menu-toggle-icon-size:24px;--n-menu-toggle-icon-border-radius:5px 5px 5px 5px;--n-menu-toggle-icon-padding:6px 6px 6px 6px;--n-menu-toggle-icon-distance-from-dropdown:20px;}.elementor-1285 .elementor-element.elementor-element-20107ed.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-1285 .elementor-element.elementor-element-20107ed > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-width:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1285 .elementor-element.elementor-element-11f630a6 .elementor-button{padding:19px 24px 19px 24px;}.elementor-1285 .elementor-element.elementor-element-15f524f .elementor-button{padding:19px 24px 19px 24px;}}@media(max-width:767px){.elementor-1285 .elementor-element.elementor-element-579db369{--min-height:0px;--margin-top:0px;--margin-bottom:-38px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:12px;--padding-left:24px;--padding-right:24px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );}.elementor-1285 .elementor-element.elementor-element-27f79af5{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-title-distance-from-content:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-title-space-between:0px;--n-menu-title-padding:12px 24px 12px 24px;--n-menu-toggle-icon-distance-from-dropdown:18px;}.elementor-1285 .elementor-element.elementor-element-20107ed{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-menu-title-space-between:0px;--n-menu-title-padding:12px 24px 12px 24px;--n-menu-toggle-icon-distance-from-dropdown:16px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for mega-menu, class: .elementor-element-27f79af5 *//* Basstil för länkar */
.menu a {
    position: relative;
    text-decoration: none;
    color: #000; /* Textfärg */
    display: inline-block; /* Gör så att länken endast tar upp bredden av texten */
}

.menu a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px; /* Avstånd mellan text och streck */
    width: 0;
    height: 2px; /* Streckets tjocklek */
    background: #000; /* Streckets färg */
    transition: width 0.3s ease; /* Animationstid */
}

/* Streck vid hovring och för aktiv länk i WordPress */
.menu a:hover::after,
.menu a.current-menu-item::after {
    width: 100%; /* Streck syns vid hovring eller om länken är aktiv */
}

/* Textfärg för aktiv länk */
.menu a.current-menu-item {
    color: #000; /* Textfärg för aktiv länk */
}

/* Responsiv design för menyfärg och visning */
@media (max-width: 1024px) {
    .menu .e-n-menu-title-text,
    .header1 {
        color: #000 !important; /* Svart färg */
    }
}

/* Dölj "Kontakta oss" på större skärmar */
#kontakta-oss {
    display: none;
}

/* Visa "Kontakta oss" endast på mobil */
@media screen and (max-width: 767px) {
    #kontakta-oss {
        display: inline-block;
    }
}

/* Säkerställ att länken "Kontakta oss" också är inline-block */
#kontakta-oss a {
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-579db369 *//* Change the Background Colour on Scroll */
.elementor-sticky--effects {
    background: #ffffff !important;
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

/* The scroll-logo and buttons are currently off */
.scroll-logo,
.scroll-button {
    display: none;
}

/* Activate scroll-logo and buttons after scroll */
.elementor-sticky--effects .scroll-logo,
.elementor-sticky--effects .scroll-button {
    display: inline-block; /* Show scroll logo and buttons after scroll */
    transition: opacity 0.3s ease; /* Smooth fade-in effect */
}

.elementor-sticky--effects .original-logo,
.elementor-sticky--effects .original-button {
    display: none; /* Hide original logo and buttons after scroll */
}

/* Change Text Colour and Links colour */
.elementor-sticky--effects .menutextcolours ul li a {
    color: #000000 !important;
    transition: color 0.3s ease; /* Smooth transition for text color */
}

/* Ensure that buttons and elements work responsively */
/* Force hiding the button with ID 'kontakt' on mobile */
@media screen and (max-width: 767px) {
    #kontakt {
        display: none !important; /* Hide the button completely on mobile */
    }
}

/* Optional: Ensure button with ID 'kontakt' is visible on larger screens */
@media screen and (min-width: 768px) {
    #kontakt {
        display: inline-block !important; /* Show the button on larger screens */
    }
}

/* Style adjustments for smoother UX */
/* Keep menu transitions for sticky effect */
.menu {
    z-index: 9999; /* Keep menu above other elements */
}

/* Smooth transitions for logotype changes */
.scroll-logo {
    opacity: 0; /* Start hidden */
    transition: opacity 0.3s ease; /* Smooth fade-in */
}

.elementor-sticky--effects .scroll-logo {
    opacity: 1; /* Fade in scroll-logo on sticky header */
}

.original-logo {
    opacity: 1; /* Start visible */
    transition: opacity 0.3s ease; /* Smooth fade-out */
}

.elementor-sticky--effects .original-logo {
    opacity: 0; /* Fade out original-logo on sticky header */
}

/* Preserve existing styles and functionality */
/* Ensure hover effects for links remain unchanged */
.elementor-sticky--effects .menutextcolours ul li a:hover {
    color: inherit; /* Keep hover color as is, adjust globally if needed */
}

/* Avoid interfering with other menus or elements */
.menu ul {
    padding: 0; /* Ensure existing padding styles are kept */
    margin: 0; /* Avoid unnecessary margin */
    list-style: none; /* Keep list items consistent */
}

/* Add transitions only if they are not already applied */
.menu ul li {
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions for menu items */
}/* End custom CSS */
/* Start custom CSS *//* Basstil för menu */
.menu a {
    position: relative;
    text-decoration: none;
    color: #000; /* Standard textfärg */
    display: inline-block; /* Gör så att länken endast tar upp bredden av texten */
}

/* Basstil för menu1 */
.menu1 a {
    position: relative;
    text-decoration: none;
    color: #FFF; /* Standard textfärg */
    display: inline-block; /* Gör så att länken endast tar upp bredden av texten */
}

/* Pseudo-element för understrecket */
.menu a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px; /* Avstånd mellan text och streck */
    width: 0;
    height: 2px; /* Streckets tjocklek */
    background: #000; /* Streckets färg */
    transition: width 0.3s ease; /* Animationstid */
}

/* Pseudo-element för understrecket */
.menu1 a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px; /* Avstånd mellan text och streck */
    width: 0;
    height: 2px; /* Streckets tjocklek */
    background: #FFF; /* Streckets färg */
    transition: width 0.3s ease; /* Animationstid */
}

/* Streck vid hovring, fokus och för aktiv länk i WordPress */
.menu a:hover::after,
.menu1 a:hover::after,
.menu a:focus::after,
.menu1 a:focus::after, /* Lagt till :focus för touch-enheter */
.menu a.hover::after,
.menu1 a.hover::after, /* För JavaScript-fallback */
.menu li.current-menu-item > a::after,
.menu1 li.current-menu-item > a::after { /* Korrekt selektor för aktiv länk */
    width: 100%; /* Streck syns vid hovring, fokus eller om länken är aktiv */
}

/* Textfärg för aktiv länk */
.menu li.current-menu-item > a,
.menu1 li.current-menu-item > a {
    color: #000; /* Textfärg för aktiv länk */
}

/* Responsiv design för menyfärg och visning */
@media (max-width: 1024px) {
    .menu .e-n-menu-title-text,
    .menu1 .e-n-menu-title-text,
    .header1 {
        color: #000 !important; /* Svart färg */
    }
}

/* Dölj "Kontakta oss" på större skärmar */
#kontakta-oss {
    display: none;
}

/* Visa "Kontakta oss" endast på mobil och ändra streckets färg */
@media screen and (max-width: 767px) {
    #kontakta-oss {
        display: inline-block;
    }
    
    /* Ändra streckets färg till svart på mobil */
    .menu a::after,
    .menu1 a::after {
        background: #000; /* Streckets färg för mobil */
    }
    
    /* Ändra textfärgen till svart på mobil */
    .menu a,
    .menu1 a {
        color: #000; /* Textfärg för mobil */
    }
}

/* Säkerställ att länken "Kontakta oss" också är inline-block */
#kontakta-oss a {
    display: inline-block;
}

/* CSS för .hover-klassen (JavaScript-fallback) */
.menu a.hover::after,
.menu1 a.hover::after {
    width: 100%; /* Visa understrecket när 'hover' klassen är aktiv */
}

/* Justering för surfplattor (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .menu a::after,
    .menu1 a::after {
        background: #000; /* Streckets färg för surfplattor */
    }
    
    /* Om bakgrunden är mörk och du vill behålla vitt streck, kommentera bort raden ovan och använd följande istället */
    /*
    .menu a::after,
    .menu1 a::after {
        background: #FFF;
    }
    */
}/* End custom CSS */