@charset "UTF-8";
/* Färger från den nya grafiska profilen */
/* Kompletterande färger till den nya grafiska profilen */
/* FONT FAMILY FOR DIFFERENT TEXT SIZES */
/*  FONT SIZES */
/*  desktop */
/* mobile */
/* print */
/* general */
/* LINE HEIGHT */
/* desktop */
/* mobile */
/* other */
/* dimensions-height-header */
/* Print style mixins */
/* 
 * Verktyg för att beräkna filter för en given färg
 * https://isotropic.co/tool/hex-color-to-css-filter/
*/
.val-logotype {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media screen and (width <= 768px) {
  .val-logotype {
    height: 4.5rem;
    padding-left: 16px;
    gap: 6px;
  }
}
.val-logotype a:hover {
  text-decoration: none;
}
.val-logotype a:focus-visible {
  outline-color: #ffffff;
}
.val-logotype__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.625rem;
  font-family: open sans regular, sans-serif;
  color: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (768px <= width <= 1024px) {
  .val-logotype__link {
    font-size: 1.3rem;
  }
}
@media screen and (width <= 768px) {
  .val-logotype__link {
    font-size: 1.3rem;
  }
}
@media (width <= 480px) {
  .val-logotype__link {
    font-size: 0.8rem;
  }
}
.val-logotype__logo {
  width: auto;
  height: 60px;
}
@media screen and (768px <= width <= 1024px) {
  .val-logotype__logo {
    height: 40px;
  }
}
@media screen and (width <= 768px) {
  .val-logotype__logo {
    height: 40px;
  }
}
@media (width <= 480px) {
  .val-logotype__logo {
    height: 25px;
  }
}
.val-logotype__delimiter {
  margin: 0 8px;
}
@media screen and (width <= 768px) {
  .val-logotype__delimiter {
    margin: 0 6px;
  }
}
@media (width <= 480px) {
  .val-logotype__delimiter {
    margin: 0 4px;
  }
}
.val-logotype__sub-logo {
  margin-top: 8px;
}
@media screen and (768px <= width <= 1024px) {
  .val-logotype__sub-logo {
    margin-top: 3px;
  }
}
@media screen and (width <= 768px) {
  .val-logotype__sub-logo {
    margin-top: 2px;
  }
}
@media (width <= 480px) {
  .val-logotype__sub-logo {
    margin-top: 2px;
  }
}
.val-logotype__sub-logo:is(img) {
  height: 28px;
}
@media screen and (width <= 768px) {
  .val-logotype__sub-logo:is(img) {
    height: 21px;
  }
}