/* @import url('http://example.com/example_style.css');   */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Playfair Display från er egen sajt, utan Google */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://25174786.fs1.hubspotusercontent-eu1.net/hubfs/25174786/raw_assets/public/CLEAN-6-1-theme%20child%20-%20comactiva/Fonts/PlayfairDisplay-Regular.woff2") format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://25174786.fs1.hubspotusercontent-eu1.net/hubfs/25174786/raw_assets/public/CLEAN-6-1-theme%20child%20-%20comactiva/Fonts/PlayfairDisplay-Italic.woff2") format('woff2');
}

/* Changed hamburger icon */

/*.hamburger-icon:not(.active) {
  padding-top: 24px;
}
*/

.hamburger-icon:not(.active) .line.line-3 {
	left: 0 !important;
}

.hamburger-icon .line {
	width: 24px !important;
  height: 2px !important;
  margin-top: 2px; !important;
}

.hamburger-icon:not(.active) .line.line-2 {
	top: 8px !important;
}
.hamburger-icon:not(.active) .line.line-3 {
	top: 16px !important;
}

.hamburger-icon:not(.active) .line.line-1 {
	width: 0px !important;
  height:0px !important;
  margin-top: 0px; !important;
}



.filter-opt-2 .content-desc {
  height: 100%;
}

.filter-opt-2 .content-desc h4 {
  font-weight: 500;
}

.filter-opt-2 .contentFilter button {
  text-transform: none !important;
  font-weight: regular !important;
  font-size: 18px !important;
  font-family: libre franklin !important;
}

.filter-opt-2 .grid-sizer {
  width: 24% !important;
}

/* blog post page */
.post-page-full {
  padding: 16px;
}

h1.blog-post__title{
  padding-top: 40px;
}

/* icon list */
.icon-col-container {
  display: table;
  width: 100%;
}
.icon-col-left {
  display: table-cell;
  width: 32px;
  vertical-align: top;
  text-align: center;
  padding-top: 5px;
}
.icon-col-right {
  display: table-cell;
  padding-left: 24px;
  vertical-align: top;
  text-align: left;
}

a.blog-index__post-button {
  font-size: 16px;
  font-weight: 600;
  bottom: 20px;
  padding-left: 20px !important;
  position: default !important;
}

.hhs-blog-card-inner {
Padding-bottom: 0px;
}

.blog-index__post--small .blog-index__post-image{
Margin-bottom: 0px;
}

.hhs-blog-card-inner{
  padding-bottom: 0px;
}

@media (min-width: 1200px){
  .container{
    max-width: 1440px;
  }
}
/*
#hs_cos_wrapper_module_161781321019150{
  padding: 18px;
background: rgba(242,245,248,1.0);
}

div#hs-eu-cookie-confirmation {
    position: fixed !important;
    height: 100% !important;
    background: #000000d4 !important;
    overflow: hidden !important;
    z-index: 99999999999 !important;
    width: 100% !important;
    clear: both;
    display: block;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    background: #fff;
    margin: 0 auto;
    max-width: 1000px;
    padding: 20px;
    left: 0;
    top: 40%;
    right: 0;
  position:absolute !important;
}
div#hs-eu-policy-wording {
    padding: 20px 72px 12px;
}
@media screen and (max-width: 800px) {
div#hs-eu-policy-wording {
    padding: 20px 22px 12px;
}
}
*/
/* Mobilmenyn: Comactivas mörkgröna, jämn rytm, inga linjer,
   Kontakta oss som knapp och språkväljaren som två piller */
@media screen and (max-width: 800px) {
  .sc-site-header__menu {
    position: relative !important;
  }

  /* Bakgrund */
  .hhs-side-menu,
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    background-color: #275C52 !important;
  }
  .hhs-side-menu {
    padding: 24px 28px calc(32px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Inga linjer någonstans i menyn */
  .hhs-side-menu .hhs-side-menu__mobile,
  .hhs-side-menu .hhs-side-menu__mobile *,
  .hhs-side-menu [class*="social"] {
    border: 0 !important;
    box-shadow: none !important;
  }
  .hhs-side-menu hr {
    display: none !important;
  }

  /* Luft mellan språkväljaren och menyn */
  .hhs-side-menu .hhs-side-menu__mobile {
    margin-top: 40px !important;
  }

  /* Samma rytm för alla rader: 12 px luft ovanför och under */
  .hhs-side-menu .hhs-side-menu__mobile ul,
  .hhs-side-menu .hhs-side-menu__mobile li {
    margin: 0 !important;
    padding: 0 !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li a {
    display: block !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    color: #FAFAFA !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li a:hover,
  .hhs-side-menu .hhs-side-menu__mobile li a:focus-visible,
  .hhs-side-menu .hhs-side-menu__mobile li.active > a,
  .hhs-side-menu .hhs-side-menu__mobile li.active-branch > a {
    color: #D1F17E !important;
  }

  /* Undermenyn: mindre, indragen, tätare, med luft efter */
  .hhs-side-menu .hhs-side-menu__mobile li ul {
    padding: 0 0 0 16px !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li li a {
    font-size: 18px !important;
    color: rgba(250,250,250,.78) !important;
    padding: 8px 0 !important;
  }

  /* Plustecken och kryss för undermenyn */
  .hhs-side-menu .child-trigger,
  .hhs-side-menu .child-trigger i,
  .hhs-side-menu .hhs-side-menu__mobile svg {
    color: #D1F17E !important;
    fill: #D1F17E !important;
  }

  /* Tomma menyrader döljs */
  .hhs-side-menu .hhs-side-menu__mobile li:empty,
  .hhs-side-menu .hhs-side-menu__mobile li:has(> a:empty),
  .hhs-side-menu .hhs-side-menu__mobile li:has(> a[href=""]) {
    display: none !important;
  }

  /* Kontakta oss som limegrön knapp */
  .hhs-side-menu .hhs-side-menu__mobile li:has(> a[href*="kontakta-oss"]),
  .hhs-side-menu .hhs-side-menu__mobile li:has(> a[href*="contact-us"]) {
    padding-top: 28px !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li a[href*="kontakta-oss"],
  .hhs-side-menu .hhs-side-menu__mobile li a[href*="contact-us"] {
    display: inline-block !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: #16413C !important;
    background: #D1F17E !important;
    padding: 16px 28px !important;
    border-radius: 999px !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li a[href*="kontakta-oss"]:hover,
  .hhs-side-menu .hhs-side-menu__mobile li a[href*="contact-us"]:hover {
    color: #16413C !important;
    background: #E0F59E !important;
  }

  /* Sociala ikoner till vänster, med samma luft ovanför som knappen */
  .hhs-side-menu [class*="social"] {
    justify-content: flex-start !important;
    text-align: left !important;
    margin-top: 32px !important;
    padding-top: 0 !important;
  }

  /* Språkväljaren: två piller */
  .hhs-side-menu .globe_class {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .hhs-side-menu .globe_class > svg,
  .hhs-side-menu .globe_class > img,
  .hhs-side-menu .globe_class::before,
  .hhs-side-menu .globe_class::after,
  .hhs-side-menu .lang_list_class::before,
  .hhs-side-menu .lang_list_class::after {
    display: none !important;
  }
  .hhs-side-menu .lang_list_class {
    display: flex !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 4px !important;
    background: rgba(250,250,250,.1) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
  .hhs-side-menu .lang_list_class li {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  .hhs-side-menu .lang_list_class li a {
    display: block !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(250,250,250,.8) !important;
    text-decoration: none !important;
  }
  html[lang^="sv"] .hhs-side-menu .lang_list_class li a[data-language^="sv"],
  html[lang^="sv"] .hhs-side-menu .lang_list_class li a[lang^="sv"],
  html[lang^="en"] .hhs-side-menu .lang_list_class li a[data-language^="en"],
  html[lang^="en"] .hhs-side-menu .lang_list_class li a[lang^="en"] {
    background: #D1F17E !important;
    color: #16413C !important;
  }
  .hhs-side-menu .lang_list_class li a:hover {
    color: #FAFAFA !important;
  }

  /* Temat har regler med id som vinner över klasser. :not(#cmx) ger
     samma tyngd, så att luften nedan faktiskt används. */
  .hhs-side-menu .hhs-side-menu__mobile li:not(#cmx):not(#cmx2) {
    margin: 0 !important;
    padding: 0 !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li a:not(#cmx):not(#cmx2) {
    display: block !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    line-height: 1.2 !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li ul:not(#cmx):not(#cmx2) {
    margin: 0 !important;
    padding: 0 0 0 16px !important;
  }
  /* Luften efter undermenyn ligger i sista länken, så att den följer med när menyn stängs */
  .hhs-side-menu .hhs-side-menu__mobile li li:last-child a:not(#cmx):not(#cmx2) {
    padding-bottom: 20px !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li li a:not(#cmx):not(#cmx2) {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li:has(> a[href*="kontakta-oss"]):not(#cmx):not(#cmx2):not(#cmx3),
  .hhs-side-menu .hhs-side-menu__mobile li:has(> a[href*="contact-us"]):not(#cmx):not(#cmx2):not(#cmx3) {
    padding-top: 32px !important;
  }
  .hhs-side-menu .hhs-side-menu__mobile li a[href*="kontakta-oss"]:not(#cmx):not(#cmx2),
  .hhs-side-menu .hhs-side-menu__mobile li a[href*="contact-us"]:not(#cmx):not(#cmx2) {
    display: inline-block !important;
    padding: 16px 28px !important;
    line-height: 1 !important;
  }
  .hhs-side-menu [class*="social"]:not(#cmx):not(#cmx2) {
    justify-content: flex-start !important;
    text-align: left !important;
    margin-top: 32px !important;
  }

  /* Plus och kryss för undermenyn: på samma höjd som "Så hjälper vi er" */
  .hhs-side-menu .hhs-sidebar-nav-toggle:not(#cmx):not(#cmx2) {
    top: 14px !important;
    right: 0 !important;
    width: 29px !important;
    height: 29px !important;
    line-height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #D1F17E !important;
  }

  .hamburger-icon.active .line {
    background-color: #FAFAFA !important;
  }
}
.mega-menu {
  transition: opacity 0.2s ease !important;
}
.mega-menu:not(.active) {
  opacity: 0 !important;
     transition: none !important;
}
.mega-menu.active {
  width: 1000px !important;
  max-width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-top: 12px !important;
  border-radius: 0 0 12px 12px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 8px -10px rgba(0,0,0,0.2) !important;
}
.mega-menu.is-hiding {
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
}

/* ============================================================
   Huvudmenyn på dator: lugnare och mindre. Mindre text, ingen
   linje under, Kontakta oss som liten limegrön knapp och
   språkväljaren som diskret text
   ============================================================ */
@media screen and (min-width: 801px) {

  /* Menylänkarna */
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul:not(#cmx) {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:not(#cmx) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:not(#cmx) {
    font-size: 17px !important;
    line-height: 1.2 !important;
    padding: 10px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  /* Ingen linje under menylänkarna */
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li::before,
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li::after,
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a::before,
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a::after {
    display: none !important;
    content: none !important;
  }

  /* Kontakta oss som liten limegrön knapp */
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:is([href*="kontakta-oss"], [href*="contact-us"]):not(#cmx):not(#cmx2) {
    display: inline-block !important;
    margin-left: 20px !important;
    padding: 12px 22px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #16413C !important;
    background: #D1F17E !important;
    border-radius: 999px !important;
    transition: background .2s ease !important;
  }
  :is(header, .header, .hhs-header) .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:is([href*="kontakta-oss"], [href*="contact-us"]):not(#cmx):not(#cmx2):hover {
    color: #16413C !important;
    background: #E0F59E !important;
  }

  /* Megamenyn sitter ihop med sidhuvudet, utan glipa */
  .mega-menu.active:not(#cmx) {
    margin-top: 0 !important;
  }

  /* Språkväljaren: två piller på en ljusgrå yta, språket man är på är limegrönt */
  :is(header, .header, .hhs-header) .globe_class:not(#cmx) {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: default !important;
  }
  :is(header, .header, .hhs-header) .globe_class > :is(svg, img),
  :is(header, .header, .hhs-header) .globe_class::before,
  :is(header, .header, .hhs-header) .globe_class::after,
  :is(header, .header, .hhs-header) .lang_list_class::before,
  :is(header, .header, .hhs-header) .lang_list_class::after {
    display: none !important;
  }
  :is(header, .header, .hhs-header) .lang_list_class:not(#cmx) {
    display: flex !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 3px !important;
    background: #F4F6F3 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
  :is(header, .header, .hhs-header) .lang_list_class li:not(#cmx) {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  :is(header, .header, .hhs-header) .lang_list_class li a:not(#cmx) {
    display: block !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #535451 !important;
    text-decoration: none !important;
  }
  html[lang^="sv"] :is(header, .header, .hhs-header) .lang_list_class li a:is([data-language^="sv"], [lang^="sv"]):not(#cmx),
  html[lang^="en"] :is(header, .header, .hhs-header) .lang_list_class li a:is([data-language^="en"], [lang^="en"]):not(#cmx) {
    background: #D1F17E !important;
    color: #16413C !important;
  }
  :is(header, .header, .hhs-header) .lang_list_class li a:not(#cmx):hover {
    color: #16413C !important;
  }
}

/* ============================================================
   Sidhuvudet på dator: i linje med sidans innehåll, menyn
   bredvid logotypen, Kontakta oss och språket som en grupp
   till höger
   ============================================================ */
@media screen and (min-width: 801px) {

  /* Mer luft i höjdled */
  .hhs-top-bar:not(#cmx) {
    padding: 22px 0 !important;
  }

  /* Samma bredd som innehållet, så att logotypen står i linje med rubrikerna */
  .hhs-top-bar .hhs-nav-grid:not(#cmx) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 48px !important;
    max-width: 1240px !important;
    width: calc(100% - 64px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Menyn bredvid logotypen och Kontakta oss längst till höger */
  .hhs-top-bar .hhs-nav-grid > :has(.hs-menu-wrapper):not(#cmx) {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
  }
  .hhs-top-bar .hhs-nav-grid .hs-menu-wrapper.hs-menu-flow-horizontal:not(#cmx),
  .hhs-top-bar .hhs-nav-grid .hs-menu-wrapper.hs-menu-flow-horizontal > ul:not(#cmx) {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  /* Kontakta oss står i den centrerade gruppen, direkt efter Bli inspirerad */
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:has(> a:is([href*="kontakta-oss"], [href*="contact-us"])):not(#cmx):not(#cmx2):not(#cmx3) {
    margin-left: 16px !important;
    margin-right: auto !important;
  }
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:is([href*="kontakta-oss"], [href*="contact-us"]):not(#cmx):not(#cmx2):not(#cmx3) {
    margin-left: 0 !important;
  }

  /* Menylänkarna centrerade mellan logotypen och Kontakta oss,
     så att megamenyn hamnar rakt under "Så hjälper vi er" */
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child:not(#cmx):not(#cmx2):not(#cmx3) {
    margin-left: auto !important;
  }

  /* Språket nära knappen, avskilt med en tunn linje */
  .hhs-top-bar .hhs-nav-grid > :has(.globe_class):not(#cmx) {
    flex: 0 0 auto !important;
    margin-left: -24px !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  /* Menylänkarnas hovringsyta går ända ner till megamenyn */
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:not(#cmx):not(#cmx2):not(#cmx3) {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }

  /* Megamenyn: smalare än förut, men placerad som temat vill,
     så att den hänger fast under sidhuvudet */
  .mega-menu.active:not(#cmx):not(#cmx2) {
    width: min(960px, calc(100% - 64px)) !important;
    margin-top: 0 !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: none !important;
    z-index: 999 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  /* Sidhuvudet ligger ovanpå megamenyn, så att menyns övre del döljs bakom det */
  .hhs-top-bar:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    z-index: 1000 !important;
    background-color: #FFFFFF !important;
  }
  /* Menylänkarna i sidhuvudet går alltid att klicka på, även när megamenyn är öppen */
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    position: relative !important;
    z-index: 1002 !important;
  }
  /* Länkarna i megamenyn går att klicka på */
  .mega-menu.active:not(#cmx),
  .mega-menu.active a:not(#cmx) {
    pointer-events: auto !important;
  }

  /* Länkarna i megamenyn centrerade, var och en mitt i sin kolumn */
  .mega-menu.active :is(div, ul, li, p, span, a):not(#cmx) {
    text-align: center !important;
  }
  .mega-menu.active :is(.row, .row-fluid, [class*="row"], [class*="col"], ul):not(#cmx) {
    justify-content: center !important;
    align-items: center !important;
  }
  .mega-menu.active a:not(#cmx):not(#cmx2) {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Länkarna i megamenyn bryts aldrig på två rader */
  .mega-menu a:not(#cmx),
  .mega-menu a *:not(#cmx) {
    white-space: nowrap !important;
  }
}

/* ============================================================
   Liten flytande meny när man har scrollat ner: bara länkarna
   och Kontakta oss i ett ljust piller, som flikarna i scrollern.
   Ingen logotyp och ingen språkväljare. Klasserna cmx-scrolled
   och cmx-hide-sticky sätts av skriptet i child.js
   ============================================================ */
@media screen and (min-width: 801px) {
  html.cmx-scrolled .hhs-top-bar:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5) {
    position: fixed !important;
    top: 16px !important;
    left: 50% !important;
    right: auto !important;
    width: auto !important;
    transform: translateX(-50%) !important;
    padding: 5px !important;
    background-color: rgba(244,246,243,.94) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 24px rgba(22,65,60,.10) !important;
    z-index: 2000 !important;
  }
  /* Döljs medan scrollern med egna flikar syns, så att det inte blir två rader med piller */
  html.cmx-scrolled.cmx-hide-sticky .hhs-top-bar:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5) {
    translate: 0 calc(-100% - 24px) !important;
    pointer-events: none !important;
  }
  /* Bara menyn syns: logotyp och språkväljare döljs */
  html.cmx-scrolled .hhs-top-bar .hhs-nav-grid > :not(:has(.hs-menu-wrapper)):not(#cmx) {
    display: none !important;
  }
  html.cmx-scrolled .hhs-top-bar .hhs-nav-grid:not(#cmx):not(#cmx2) {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul:not(#cmx):not(#cmx2):not(#cmx3) {
    gap: 2px !important;
    width: auto !important;
  }
  /* Hovringsytan på länkarna går ner en bit in i panelen, så att
     megamenyn inte stängs när man för musen nedåt */
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    margin: 0 0 -16px 0 !important;
    padding-top: 0 !important;
    padding-bottom: 16px !important;
  }
  html.cmx-scrolled .hhs-top-bar:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5):not(#cmx6):not(#cmx7):not(#cmx8) {
    overflow: visible !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:not(#cmx):not(#cmx2):not(#cmx3) {
    font-size: 15px !important;
    padding: 11px 18px !important;
    border-radius: 999px !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:not([href*="kontakta-oss"]):not([href*="contact-us"]):not(#cmx):not(#cmx2):not(#cmx3):hover {
    background: transparent !important;
    color: #275C52 !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:is(.active, .active-branch) > a:not([href*="kontakta-oss"]):not([href*="contact-us"]):not(#cmx):not(#cmx2):not(#cmx3) {
    background: transparent !important;
    color: #16413C !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:has(> a:is([href*="kontakta-oss"], [href*="contact-us"])):not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    margin-left: 6px !important;
    margin-right: 0 !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:is([href*="kontakta-oss"], [href*="contact-us"]):not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    font-size: 15px !important;
    padding: 11px 20px !important;
  }
  /* Megamenyn öppnas under den lilla menyn */
  html.cmx-scrolled .mega-menu.active:not(#cmx):not(#cmx2):not(#cmx3) {
    position: fixed !important;
    /* Temat har ungefär 70 px osynlig luft ovanför panelen, som vi inte når.
       Därför flyttas hela megamenyn upp lika mycket, så att panelen hamnar
       10 px under den lilla menyn */
    top: -33px !important;
    width: var(--cmx-pill-w, 600px) !important;
    clip-path: inset(81px 0 0 0 round 0 0 28px 28px) !important;
    background: rgba(244,246,243,.94) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    max-width: calc(100vw - 64px) !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
  }
  /* Den vita panelen inuti megamenyn: ingen luft upptill eller nertill,
     så att den ligger tätt under den lilla menyn */
  html.cmx-scrolled .mega-menu.active > *:not(#cmx):not(#cmx2) {
    overflow: hidden !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-radius: 16px !important;
    min-height: 0 !important;
    height: auto !important;
  }
  html.cmx-scrolled .mega-menu.active > * > *:not(#cmx):not(#cmx2) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }
  /* Den lilla menyn och panelen blir en enda yta när megamenyn är öppen:
     samma bredd, inget glapp, och menyn tappar sina nedre rundade hörn */
  /* Den lilla menyn är så bred som innehållet, med samma luft runt Kontakta oss som ovanför och under */
  html.cmx-scrolled .hhs-top-bar:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5):not(#cmx6) {
    width: auto !important;
    padding: 5px 5px 5px 14px !important;
  }
  html.cmx-scrolled .hhs-top-bar .hhs-nav-grid:not(#cmx):not(#cmx2):not(#cmx3) {
    width: auto !important;
    justify-content: center !important;
  }
  html.cmx-scrolled:has(.mega-menu.active) .hhs-top-bar:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5):not(#cmx6) {
    border-radius: 28px 28px 0 0 !important;
    box-shadow: none !important;
  }
  /* Länkarna mitt i den lilla menyn, med lika mycket luft på båda sidor */
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    justify-content: center !important;
    width: 100% !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: transparent !important;
  }
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:has(> a:is([href*="kontakta-oss"], [href*="contact-us"])):not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5) {
    margin-left: 8px !important;
  }
  /* Ingen grå bakgrund på Så hjälper vi er när panelen är öppen */
  html.cmx-scrolled .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:not([href*="kontakta-oss"]):not([href*="contact-us"]):not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    background: transparent !important;
  }

  /* Länkarna i panelen på en rad */
  html.cmx-scrolled .mega-menu.active :is(ul, .row, .row-fluid, [class*="row"], [class*="grid"]):not(#cmx):not(#cmx2):not(#cmx3) {
    flex-wrap: nowrap !important;
  }

  /* Panelen har samma ljusa färg som den lilla menyn, så att de hör ihop */
  html.cmx-scrolled .mega-menu.active *:not(#cmx):not(#cmx2) {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  html.cmx-scrolled .mega-menu.active a:not(#cmx):not(#cmx2):not(#cmx3) {
    color: #16413C !important;
    font-size: 15px !important;
  }

  /* De tre länkarna jämnt fördelade i panelen */
  html.cmx-scrolled .mega-menu.active [class*="col"]:not(#cmx):not(#cmx2) {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
  }
  html.cmx-scrolled .mega-menu.active :is(.row, .row-fluid, [class*="row"], [class*="grid"]):not(#cmx):not(#cmx2) {
    display: flex !important;
    justify-content: space-evenly !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html.cmx-scrolled .mega-menu.active li:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  /* Animationer i samma stil som scrollern: samma kurva och tempo,
     bara glidande rörelse, ingen skala, oskärpa eller fördröjning */
  html.cmx-scrolled .hhs-top-bar:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4):not(#cmx5):not(#cmx6):not(#cmx7) {
    animation: cmxStickyIn .45s cubic-bezier(.2,.7,.2,1) both !important;
    transition: translate .45s cubic-bezier(.2,.7,.2,1), opacity .3s cubic-bezier(.2,.7,.2,1), border-radius .3s cubic-bezier(.2,.7,.2,1) !important;
  }
  /* Panelen glider fram bakom menyn, som en låda som dras ut */
  html.cmx-scrolled .mega-menu.active:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    animation: cmxPanelIn .45s cubic-bezier(.2,.7,.2,1) both !important;
  }
  html.cmx-scrolled .mega-menu.active a:not(#cmx):not(#cmx2):not(#cmx3):not(#cmx4) {
    animation: none !important;
  }
  @keyframes cmxStickyIn {
    from { translate: 0 calc(-100% - 24px); }
    to   { translate: 0 0; }
  }
  @keyframes cmxPanelIn {
    from { translate: 0 -40px; opacity: 0; }
    to   { translate: 0 0; opacity: 1; }
  }
}
@media (prefers-reduced-motion: reduce) {
  html.cmx-scrolled .hhs-top-bar,
  html.cmx-scrolled .mega-menu.active,
  html.cmx-scrolled .mega-menu.active a { animation: none !important; transition: none !important; }
}

/* Ingen ljus glipa mellan sista sektionen och sidfoten */
footer, .footer, .site-footer {
  margin-top: -1px !important;
  border-top: 0 !important;
}

/* ============================================================
   All text: normal vikt och tätare teckenavstånd.
   :not(#cmx) ger reglerna tyngd nog att vinna över temat,
   men utan !important, så att text du själv har stylat
   (inline eller i modulerna) fortfarande vinner.
   ============================================================ */
:is(h1, h2, h3, h4, h5, h6):not(#cmx) {
  font-weight: 400;
  letter-spacing: -0.03em;
}
/* Knappar och allt inuti dem lämnas som de är */
:is(p, li, a, span, blockquote, label, td, th, figcaption, div):not(#cmx):not(:is(button, input, select, textarea, .button, .btn, .hs-button, .cta_button, [class*="button"], [class*="btn"])):not(:is(button, .button, .btn, .hs-button, .cta_button, [class*="button"], [class*="btn"]) *) {
  font-weight: 400;
  letter-spacing: -0.03em;
}
/* Fetstil som du själv har valt i editorn får vara kvar */
:is(strong, b):not(#cmx) {
  font-weight: 700;
}