/* =========================================================
   RESET / BAS
   ========================================================= */
nav, ul, li, a {
  padding: 0;
}


/* =========================================================
   MOBILMENY (container + länkar)
   ========================================================= */
.mobil-menu-container {
  max-width: 900px;
}

.mobil-menu-container a {
  text-decoration: none;
}

.mobil-menu-container a:hover {
  color: #dadcdf;
}

.toggle-menu {
  display: none;
  background: #0067af;
  padding: 10px 10px;
  color: #fff;
  text-decoration: none;
  font-style: normal;
}


/* =========================================================
   NAV (klass: .nav) – struktur, nivåer, färger
   ========================================================= */
.nav {
  width: 100%;
  left: 0%;
  position: absolute;
  background: #0067af;
  z-index: 2;
  top: 138px;
  display: none;
}

.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav ul {
  list-style: none;
  width: 9em;
}

.nav a {
  font-size: 1.5em;
  padding: 10px 15px;
  color: #fff;
}

.nav > li {
  float: left;
  list-style: none;
  z-index: 200;
}

.nav .mobile-menu__link {
  display: inline-block;
  width: 76%;
}

.nav li ul {
  /*
  position: absolute;
  left: -9999px;
  z-index: 100;
  */
}

.nav .activepage > a {
  font-weight: 600;
}

/* Bakgrundsfärger per nivå */
.nav li li {
  background: #0180d9;
}

.nav li li li {
  background: #0491f3;
}

.nav li li li li {
  background: #29a2f7;
}

.nav li li li li li {
  background: #42affb;
}

/* Borders */
.nav li {
  position: relative;
  border-bottom: 1px solid #fff;
}

.nav li:first-child {
  border-top: none;
}

.nav li:last-child {
  border-bottom: none;
}

.nav > li:last-child {
  border-bottom: 1px solid #fff;
}

/* Hover states (desktop) */
.nav > li.hover > ul {
  left: 0;
}

.nav li li.hover ul {
  left: 100%;
  top: 0;
}

.nav .load-ul {
  float: right;
}

/* Arrow visas bara i vissa lägen */
.arrow {
  display: none;
}

.nav .extra-pages {
  background-color: #f5f4f4;
}

.nav .extra-pages a {
  color: #666666;
}


/* =========================================================
   INLINE SUBMENU
   ========================================================= */
.sv-inline-submenu {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 5px;
  border-bottom: 1px solid #afafaf;
}


/* =========================================================
   FONT AWESOME IKONER (pseudo-element)
   ========================================================= */
.fa-minus:after {
  display: block;
  font-size: 1em;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: #FFFFFF;
  content: "\f068";
}

.fa-plus:after {
  display: block;
  font-size: 1em;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: #FFFFFF;
  content: "\2b";
}

.fa-bars:after {
  display: block;
  font-size: 2em;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: #FFFFFF;
  content: "\f0c9";
}


/* =========================================================
   MAIN NAV (pl