/* Mobil navigering start */
#nav-icon4 {
  width: 40px;
  height: 30px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  background: #0a2b3d;
  border-radius: 1px;
  left: 5px;
  transition: 0.25s linear;
}
#nav-icon4 span:nth-child(1) { top: 6px; }
#nav-icon4 span:nth-child(2) { top: 14px; }
#nav-icon4 span:nth-child(3) { top: 22px; }
#nav-icon4.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 14px;
  left: 8px;
}
#nav-icon4.open span:nth-child(2) {
  width: 0;
  opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 14px;
  left: 8px;
}
.mobileMenuContainer {
  position: fixed;
  /* Place the menu directly below the header so flags and burger remain visible */
  top: 5rem; /* header height (~80px) */
  right: 0;
  width: 100%;
  /* Let the height grow with the content but cap it so it doesn't cover the whole page */
  max-height: calc(100vh - 5rem);
  overflow-y: auto;
  background-color: #fff;
  z-index: 999;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}
.mobileMenuContainer.visible {
  transform: translateX(0);
}
.mobileMenuContainer .mobile-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobileMenuContainer .mobile-nav li {
  padding: 12px 24px;
  border-bottom: 1px solid #dddddd;
}
.mobileMenuContainer .mobile-nav li:last-child {
  border-bottom: none;
}
.mobileMenuContainer .mobile-nav a {
  display: block;
  color: #0a2b3d;
  font-size: 18px;
  text-decoration: none;
  text-align: center; /* center the link text horizontally */
}

/* Mobil navigering slut */