@charset "UTF-8";
/* header.scss */
/* =========== */
/* Klimatprotokollets färger */
/* Global colors */
/* Global fonts */
/* Global pad marg */
/* Bootstrap breakpoints */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/* Mixins */
.header-container {
  background-color: #fcfcf7;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  top: 0;
  width: 100%;
  color: #fff;
  z-index: 10000;
  transition: all 0.4s ease;
}
.header-container.sticky {
  position: fixed;
}
.header-container.sticky .logo-wrapper {
  padding: 7.5px 0;
  padding: 0.5rem 0;
}
.header-container.sticky .logo-wrapper .site-logo a img {
  transition: all 0.4s ease;
  width: 172px;
  height: 50px;
}
.header-container.sticky .logo-wrapper .icons {
  margin-top: 7.5px !important;
  transition: all 0.4s ease;
}
.header-container.sticky .logo-wrapper .icons img {
  transition: all 0.4s ease;
  height: 36px !important;
  width: 36px !important;
  margin-top: 2px;
}
.header-container.sticky .logo-wrapper .icons span {
  transition: all 0.4s ease;
  display: none;
}
.header-container .logo-wrapper {
  color: #008554;
  padding: 7.5px 0;
  padding: 0.5rem 0;
}
.header-container .logo-wrapper .site-logo a img {
  width: 172px;
  height: 50px;
  transition: all 0.4s ease;
}
.header-container .logo-wrapper .search-logo {
  float: right;
}
.header-container .logo-wrapper .menu-logo {
  float: right;
}
.header-container .logo-wrapper .menu-logo a:visited {
  color: #008554;
}
.header-container .logo-wrapper .icons {
  margin: 7.5px 0 0 7.5px;
  margin: 0.5rem 0 0 0.5rem;
  transition: all 0.4s ease;
  text-align: center;
  cursor: pointer;
}
.header-container .logo-wrapper .icons img {
  /* IE-fix */
  transition: all 0.4s ease;
  height: 36px;
  width: 36px;
  margin-top: 2px;
}
.header-container .logo-wrapper .icons span {
  display: none;
}
.header-container .logo-wrapper .icons a:visited {
  color: #008554;
}
.header-container .logo-wrapper .icons a:focus {
  color: #008554;
  text-decoration: none;
}
.header-container .logo-wrapper .icons a:hover {
  color: #545454;
  text-decoration: underline;
}

.search-close-button {
  color: white;
  font-size: 32px;
  float: right;
}
.search-close-button:before {
  content: "x";
}

.search-container {
  background-color: #008554;
  padding: 30px 0;
  padding: 2rem 0;
  -webkit-box-shadow: 0px 10px 5px -8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 5px -8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 5px -8px rgba(0, 0, 0, 0.2);
}
.search-container.popup-overlay {
  height: auto;
}
.search-container .search-button {
  color: #fff;
  border-color: #fff;
}
.search-container .search-button:hover {
  background-color: #fff;
  color: #008554;
}
.search-container input {
  height: 47px;
  width: 100%;
  margin: 0 0 15px 0;
  margin: 0 0 1rem 0;
}
.search-container input[type=text] {
  min-width: 70%;
  height: 47px;
}
.search-container .search-field {
  background: url(/gfx/_icon_sidhuvud_sok-01.svg) no-repeat scroll 7px #fff;
  background-size: 30px 30px;
  padding: 0 0 0 45px;
  padding: 0 0 0 3rem;
  color: #000;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.popup-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.popup-overlay.nav-container {
  overflow-y: scroll;
}

@media (min-width: 355px) {
  .header-container.sticky .logo-wrapper > .site-logo a img {
    width: 172px !important;
    height: 50px !important;
  }
}
@media (min-width: 768px) {
  .header-container .logo-wrapper .site-logo a img {
    width: 310px;
    height: 90px;
  }
  .header-container .logo-wrapper .icons {
    margin: 22.5px 0 0 22.5px;
    margin: 1.5rem 0 0 1.5rem;
  }
  .header-container .logo-wrapper .icons img {
    height: 48px;
    width: 48px;
    margin-top: 2px;
  }
  .header-container .logo-wrapper .icons span {
    display: block;
  }
  .header-container.sticky .logo-wrapper > .site-logo a img {
    width: 172px !important;
    height: 58px !important;
  }
}
@media (min-width: 992px) {
  .header-container .logo-wrapper {
    padding: 22.5px 0;
    padding: 1.5rem 0;
  }
  .header-container .logo-wrapper .site-logo a img {
    height: 120px;
    width: 412px;
  }
  .header-container .logo-wrapper .icons {
    margin: 30px 0 0 30px;
    margin: 2rem 0 0 2rem;
  }
  .header-container .logo-wrapper .icons img {
    height: 55px;
    width: 55px;
    margin-top: 5px;
  }
}
/* _navigation.scss */
/* =========== */
.cookie-button {
  margin: 0;
  padding: 0.5rem 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 0;
  display: inline-block;
  text-decoration: none;
  background-color: #008554;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.cookie-button:hover {
  background: #4aa564;
}
@media (min-width: 768px) {
  .cookie-button {
    width: auto;
  }
}

.cookie-alert a {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px rgba(255, 255, 255, 0.5);
}
.cookie-alert a:hover, .cookie-alert a:visited {
  color: #fff;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px #fff;
}

.cookie-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 800;
  box-shadow: 0px -6px 12px rgba(32, 46, 69, 0.6117647059);
  background-color: rgba(35, 31, 31, 0.95);
  color: #fff;
}
.cookie-alert .cookiealert--body {
  padding: 15px;
}
@media (min-width: 768px) {
  .cookie-alert .cookiealert--body {
    padding: 48px 15px;
  }
}
.cookie-alert .cookiealert--form {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .cookie-alert .cookiealert--form {
    flex-direction: row;
  }
}

.animate-slide-up {
  animation: slide-up 1s forwards;
}

.cookiesettingspanel .cookiesettingspanel-body {
  margin: 24px 0;
  padding: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
@media (min-width: 768px) {
  .cookiesettingspanel .cookiesettingspanel-body {
    padding: 48px;
  }
}
.cookiesettingspanel .cookiesettingspanel-body .cookie-checkbox {
  display: block;
  margin-bottom: 24px;
  font-weight: 600;
}
.cookiesettingspanel .cookiesettingspanel-body .cookie-confirm-message {
  display: none;
  margin-top: 16px;
}
.cookiesettingspanel .cookiesettingspanel-body .cookie-confirm-text {
  font-weight: 600;
}
.cookiesettingspanel .layout-cookiesettingspanel--label {
  margin-bottom: 24px;
  font-weight: 600;
}
.cookiesettingspanel .text-semibold {
  font-weight: bolder;
}

.cookie-alert .heading-lg,
.cookiesettingspanel .heading-lg {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.4px;
}

/* _navigation.scss */
/* =========== */
.nav-container {
  background-color: #008554;
  padding: 15px 0;
  padding: 1rem 0;
}
.nav-container a {
  color: #fcfcf7;
}
.nav-container a:hover {
  color: #f0f0e6;
}
.nav-container .navigation {
  padding: 15px 0 0 0;
  padding: 1rem 0 0 0;
}
.nav-container .menu-item-link {
  width: 100%;
  font-size: 18.9px;
  font-size: 1.26rem;
  font-weight: 600;
}
.nav-container .menu-item-link > ul > li > a {
  font-weight: 400;
}
.nav-container {
  /*1:a nivån i menyn*/
}
.nav-container .menu-list {
  list-style: none;
  padding: 0 0 0 22.5px;
  padding: 0 0 0 1.5rem;
}
.nav-container .menu-list a {
  color: #fcfcf7;
  line-height: 23px;
  line-height: 1.5333333333rem;
}
.nav-container .menu-list a:hover {
  color: #cdcdcd;
}
.nav-container .menu-list li {
  display: inline;
  float: left;
  width: 100%;
}
.nav-container .menu-list .menu-item {
  padding: 7.5px 3.75px;
  padding: 0.5rem 0.25rem;
  position: relative;
}
.nav-container .menu-list .menu-item.active > a {
  color: #cdcdcd;
}
.nav-container .menu-list .menu-item.has-children > a {
  position: relative;
}
.nav-container .menu-list {
  /*ej 1:a nivån i menyn*/
}
.nav-container .menu-list .menu-list {
  padding: 7.5px 0;
  padding: 0.5rem 0;
}
.nav-container .menu-list .menu-list a {
  font-weight: 400;
  font-size: 17.1px;
  font-size: 1.14rem;
}
.nav-container .menu-list .menu-list .menu-item {
  padding-left: 0;
  padding: 5px 0 5px 0;
  padding: 0.3333333333rem 0 0.3333333333rem 0;
}
.nav-container .menu-list .menu-list .menu-item .expand-button {
  top: -2px;
}
.nav-container .menu-list .menu-list.expanded {
  display: block;
  padding: 0 0 0 15px;
  padding: 0 0 0 1rem;
}
.nav-container .expand-button {
  position: absolute;
  left: -36px;
  top: 2px;
  padding: 0 10px 0 10px;
  padding: 0 0.6666666667rem 0 0.6666666667rem;
  z-index: 10001;
  border: none;
  background-color: #008554;
}
.nav-container .expand-button:before {
  content: "+";
  font-size: 25.2px;
  font-size: 1.68rem;
  font-weight: 700;
  display: inline-block;
  width: 15px;
  color: #fff;
  height: 80%;
}
.nav-container .expand-button.expanded:before {
  content: "×";
  font-size: 25.2px;
  font-size: 1.68rem;
  font-weight: 700;
  display: inline-block;
  width: 15px;
  color: #fff;
}
.nav-container .nav-close-button:before {
  content: "x";
}
.nav-container .nav-close-button {
  float: right;
  margin: 19.5px 0 0 0;
  margin: 1.3rem 0 0 0;
}
.nav-container li > ul {
  display: none;
}
@media (min-width: 768px) {
  .nav-container .navigation {
    padding: 30px 0 0 0;
    padding: 2rem 0 0 0;
  }
  .nav-container .menu-item-link {
    font-size: 23.4px;
    font-size: 1.56rem;
  }
  .nav-container .menu-list {
    padding: 0 0 0 37.5px;
    padding: 0 0 0 2.5rem;
  }
  .nav-container .menu-list a {
    line-height: 33px;
    line-height: 2.2rem;
  }
  .nav-container .menu-list .menu-list a {
    font-size: 23.4px;
    font-size: 1.56rem;
  }
  .nav-container .menu-list .menu-list .menu-item {
    padding: 3.75px;
    padding: 0.25rem;
  }
  .nav-container .menu-list .menu-list .menu-item .expand-button {
    top: 2px;
  }
  .nav-container .expand-button {
    top: 4px;
  }
  .nav-container .expand-button:before {
    font-size: 28.8px;
    font-size: 1.92rem;
  }
  .nav-container .expand-button.expanded:before {
    font-size: 28.8px;
    font-size: 1.92rem;
  }
}

/* _menucomponent.scss */
/* =================== */
.header-container.sticky .logo-wrapper .icons #nav-burger {
  margin: 5px auto 5px 5px;
  width: 40px !important;
}
.header-container.sticky .logo-wrapper .icons #nav-burger span {
  height: 6px !important;
}
.header-container.sticky .logo-wrapper .icons {
  /********************************
      Burgeranimations for small X 
  **********************************/
}
.header-container.sticky .logo-wrapper .icons #nav-burger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.header-container.sticky .logo-wrapper .icons #nav-burger span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.header-container.sticky .logo-wrapper .icons #nav-burger span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.header-container.sticky .logo-wrapper .icons #nav-burger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px;
  left: 6px;
}
.header-container.sticky .logo-wrapper .icons #nav-burger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.header-container.sticky .logo-wrapper .icons #nav-burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  left: 6px;
}

/*********************************************
    För sub 350px bredd
**********************************************/
#nav-burger {
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin: 5px auto 5px 5px;
  width: 40px;
  height: 30px;
}

#nav-burger span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #1e8d5e;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/********************************
    Burgeranimations for small X 
**********************************/
#nav-burger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-burger span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-burger span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-burger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px;
  left: 6px;
}

#nav-burger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  left: 6px;
}

@media (min-width: 355px) {
  .header-container .logo-wrapper #nav-burger {
    margin: 5px auto 5px 5px;
    width: 40px;
  }
  .header-container .logo-wrapper #nav-burger span {
    height: 6px;
  }
  .header-container .logo-wrapper {
    /********************************
        Burgeranimations for small X 
    **********************************/
  }
  .header-container .logo-wrapper #nav-burger span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper #nav-burger span:nth-child(2) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper #nav-burger span:nth-child(3) {
    top: 24px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper #nav-burger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
    left: 6px;
  }
  .header-container .logo-wrapper #nav-burger.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  .header-container .logo-wrapper #nav-burger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 30px;
    left: 6px;
  }
}
@media (min-width: 768px) {
  .header-container .logo-wrapper .icons #nav-burger {
    height: 40px;
    margin: 5px auto;
    width: 50px;
    margin-top: 8px;
    margin-bottom: 2px;
  }
  .header-container .logo-wrapper .icons #nav-burger span {
    height: 7px;
  }
  .header-container .logo-wrapper .icons {
    /********************************
        Burgeranimations for small sm-min-width 
    **********************************/
  }
  .header-container .logo-wrapper .icons #nav-burger span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper .icons #nav-burger span:nth-child(2) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper .icons #nav-burger span:nth-child(3) {
    top: 28px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper .icons #nav-burger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -1px;
    left: 7px;
  }
  .header-container .logo-wrapper .icons #nav-burger.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  .header-container .logo-wrapper .icons #nav-burger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 34px;
    left: 7px;
  }
}
@media (min-width: 992px) {
  .header-container .logo-wrapper .icons #nav-burger {
    width: 60px;
    height: 45px;
    margin: 5px auto;
    margin-top: 10px;
  }
  .header-container .logo-wrapper .icons #nav-burger span {
    height: 8px;
    width: 100%;
  }
  .header-container .logo-wrapper .icons {
    /* animation details for biggie*/
  }
  .header-container .logo-wrapper .icons #nav-burger span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper .icons #nav-burger span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper .icons #nav-burger span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-container .logo-wrapper .icons #nav-burger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
  }
  .header-container .logo-wrapper .icons #nav-burger.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  .header-container .logo-wrapper .icons #nav-burger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
  }
}
/* body.scss */
/* ========= */
.no-padding {
  padding: 0;
}

.visuallyhidden, .visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0;
  position: absolute;
  width: 1px !important;
}

.hidden {
  display: none !important;
}

.w-100 {
  width: 100%;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*body.scss*/
.javascript-hidden {
  display: none;
}

.no-padding {
  padding: 0;
  padding: 0;
}

.no-scroll {
  overflow: hidden;
}

.display-block {
  display: block;
}

html {
  font-size: 100%;
  font-weight: 400;
}
html body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fcfcf7;
  font-size: 16.2px;
  font-size: 1.08rem;
  font-family: "Source Sans Pro", Helvetica, Arial;
  color: #3d3d3d;
}
html body h1 {
  font-weight: 600;
  font-size: 32.00000004px;
  font-size: 2.133333336rem;
  word-wrap: break-word;
  margin: 0 0 30px 0;
  margin: 0 0 2rem 0;
}
html body h2 {
  font-size: 23.4px;
  font-size: 1.56rem;
  font-weight: 600;
}
html body h2.section-header {
  color: #3d3d3d !important;
  letter-spacing: 0.02em;
  font-weight: 600;
  margin: 0 0 22.5px 0;
  margin: 0 0 1.5rem 0;
}
html body h3 {
  font-weight: 600;
  font-size: 16.2px;
  font-size: 1.08rem;
}
html body p {
  margin: 0 0 15px 0;
  margin: 0 0 1rem 0;
}
html body hr {
  margin: 7.5px 0;
  margin: 0.5rem 0;
}

.main-content {
  min-height: 600px;
  margin: 0 0 37.5px 0;
  margin: 0 0 2.5rem 0;
}

.breadcrumb-container {
  margin-top: 15px;
  margin-bottom: 15px;
}
.breadcrumb-container .breadcrumbs {
  font-size: 16.2px;
  font-size: 1.08rem;
  list-style: none;
  padding-left: 0;
  color: #008554;
  margin: 0 0 18px 0;
  margin: 0 0 1.2rem 0;
}
.breadcrumb-container .breadcrumbs li {
  float: left;
}
.breadcrumb-container .breadcrumbs li .divider {
  margin: 0 5px 0 3px;
  margin: 0 0.3333333333rem 0 0.2rem;
}
.breadcrumb-container .breadcrumbs li span {
  color: #3d3d3d;
}
.breadcrumb-container .breadcrumbs li a:visited {
  color: #008554;
}

.main-intro {
  font-weight: 600;
  margin: 0 0 30px 0;
  margin: 0 0 2rem 0;
  font-size: 18px;
  font-size: 1.2rem;
}

.main-body {
  margin: 0 0 22.5px 0;
  margin: 0 0 1.5rem 0;
}
.main-body p {
  margin: 0 0 15px 0;
  margin: 0 0 1rem 0;
}
.main-body img {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  margin: 0 0 0 0;
}
.main-body ul, .main-body ol {
  margin: 0 0 15px 0;
  margin: 0 0 1rem 0;
}
.main-body h2 {
  margin: 30px 0 9.9px 0;
  margin: 2rem 0 0.66rem 0;
}
.main-body h3 {
  margin: 19.5px 0 2.1428571429px 0;
  margin: 1.3rem 0 0.1428571429rem 0;
}

.subjects-container {
  margin: 37.5px 0 0 0;
  margin: 2.5rem 0 0 0;
}

.puff-link:hover {
  text-decoration: none;
}
.puff-link:hover .puff-image {
  opacity: 0.8;
}
.puff-link .puff-content-container {
  background-color: #f0f0e6;
  margin: 0 0 19.5px 0;
  margin: 0 0 1.3rem 0;
}
.puff-link .puff-content-container .puff-image {
  width: 100%;
}
.puff-link .puff-content-container .puff-image:hover {
  opacity: 0.8;
}
.puff-link .puff-content-container .puff-text-content {
  padding: 0 15px 15px 15px;
  padding: 0 1rem 1rem 1rem;
}
.puff-link .puff-content-container .puff-text-content .puff-heading {
  font-size: 21.6px;
  font-size: 1.44rem;
  color: #008554;
  overflow-wrap: break-word;
}
.puff-link .puff-content-container .puff-text-content .puff-heading.no-image {
  margin: 0 0 10px 0;
  margin: 0 0 0.6666666667rem 0;
  padding: 19.5px 0 0 0;
  padding: 1.3rem 0 0 0;
}
.puff-link .puff-content-container .puff-text-content .puff-intro {
  color: #3d3d3d;
}

.link-block-container {
  text-align: center;
}
.link-block-container.row {
  margin: 0;
  margin: 0;
}
.link-block-container h2 {
  padding: 22.5px 0 0 0;
  padding: 1.5rem 0 0 0;
  color: #008554;
}
.link-block-container .linkblock-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 40.5px 0 30px 0;
  padding: 2.7rem 0 2rem 0;
}
.link-block-container .linkblock-content .image-wrapper img {
  height: 80px;
}
.link-block-container .linkblock-content h2 {
  padding: 0;
  padding: 0;
}
.link-block-container .linkblock-content .news-list .news-list-item {
  margin: 0 0 33px 0;
  margin: 0 0 2.2rem 0;
}
.link-block-container .linkblock-content .news-list .news-list-item h3 {
  margin: 0;
  margin: 0;
}
.link-block-container .linkblock-content .news-list .news-list-item p {
  margin: 0 0 4.95px 0;
  margin: 0 0 0.33rem 0;
}
.link-block-container .block:nth-child(2n+0) {
  background-color: #d7eeff;
}
.link-block-container .block:nth-child(2n+1) {
  background-color: #fff;
}

.button {
  margin: 9.9px 0 30px 0;
  margin: 0.66rem 0 2rem 0;
  letter-spacing: 0.02em;
  text-align: center;
  border: 2px solid #008554;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  padding: 7.5px 15px;
  padding: 0.5rem 1rem;
  text-decoration: none;
  background-color: transparent;
  color: #008554;
}
.button:visited {
  color: #008554;
}
.button:hover {
  text-decoration: none;
  color: #fff;
  background-color: #008554;
}

.no-border {
  border: none;
}

.projects-container {
  margin: 22.5px 0 15px 0;
  margin: 1.5rem 0 1rem 0;
}

.projects-border {
  border-bottom: 1px solid #f0f0e6;
}

.newslistblock {
  text-align: center;
}

.publish-info {
  margin: 0 0 30px 0;
  margin: 0 0 2rem 0;
  font-size: 15.3px;
  font-size: 1.02rem;
}
.publish-info span {
  display: block;
}

.external_link:after {
  content: "     ";
  background: url(/gfx/_icon_external_link.svg) no-repeat 4px 4px;
  background-size: 13px 13px;
}
.external_link:hover:after {
  background: url(/gfx/_icon_external_link_hover.svg) no-repeat 4px 4px;
  background-size: 13px 13px;
}

.download_image {
  color: #008554;
}
.download_image .icon {
  background: url("/gfx/_icon_download.svg") no-repeat 0 0;
  background-size: 22px;
  width: 22px;
  height: 22px;
}

.download_document {
  background: url("/gfx/_icon_document.svg") no-repeat 0 0;
  background-size: 30px 42px;
  display: block;
  font-weight: 600;
  padding: 9px 0 0 37.5px;
  padding: 0.6rem 0 0 2.5rem;
  margin: 15px 0;
  margin: 1rem 0;
  min-height: 44px;
}

@media (min-width: 768px) {
  html body h1 {
    font-weight: 600;
    font-size: 39.6px;
    font-size: 2.64rem;
  }
  html body h2 {
    font-size: 25.2px;
    font-size: 1.68rem;
  }
  html body h2.section-header {
    margin: 0 0 30px 0;
    margin: 0 0 2rem 0;
  }
  html body h3 {
    font-size: 18px;
    font-size: 1.2rem;
  }
  html body hr {
    margin: 19.5px 0;
    margin: 1.3rem 0;
  }
  html body {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .main-content {
    margin: 0 0 45px 0;
    margin: 0 0 3rem 0;
  }
  .main-body {
    margin: 0 0 30px 0;
    margin: 0 0 2rem 0;
  }
  .main-body img {
    margin: 0 0 0 0;
    margin: 0 0 0 0;
  }
  .main-intro {
    font-size: 21.6px;
    font-size: 1.44rem;
  }
  .subjects-container {
    margin: 60px 0 0 0;
    margin: 4rem 0 0 0;
  }
  .puff-content-container .puff-text-content .puff-heading {
    font-size: 23.4px;
    font-size: 1.56rem;
  }
  .link-block-container .linkblock-content {
    padding: 52.5px 0 30px 0;
    padding: 3.5rem 0 2rem 0;
  }
  .projects-container {
    margin: 22.5px 0 30px 0;
    margin: 1.5rem 0 2rem 0;
  }
  .external_link:after {
    background-position: 6px 6px;
  }
  .external_link:hover:after {
    background-position: 6px 6px;
  }
}
@media (min-width: 992px) {
  .link-block-container .linkblock-content {
    max-width: 70%;
  }
  .link-block-container .linkblock-content .image-wrapper img {
    height: 100px;
  }
}
@media (min-width: 1200px) {
  .subjects-container .puff-image {
    height: 300px;
  }
  .link-block-container .linkblock-content {
    max-width: 50%;
  }
}
/* footer.scss */
/* =========== */
/* footer.scss */
.footer-container {
  background-color: #f0f0e6;
  padding: 22.5px 0 15px 0;
  padding: 1.5rem 0 1rem 0;
}
.footer-container .image-wrapper {
  margin: 15px 0 0 0;
  margin: 1rem 0 0 0;
}
.footer-container .image-wrapper img {
  height: 57px;
}
.footer-container hr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 37.5px 0 18px 0;
  margin: 2.5rem 0 1.2rem 0;
  border: none;
}
.footer-container .container ul {
  list-style: none;
  padding: 0;
}
.footer-container .container ul li {
  margin: 8.3333333333px 0 0 0;
  margin: 0.5555555556rem 0 0 0;
}
.footer-container .container .collaboration h3, .footer-container .container .collaboration div, .footer-container .container .collaboration p {
  text-align: left;
}
.footer-container .container .collaboration p.text-center {
  margin: 0;
}
.footer-container .container .link-block-container .linkblock-content {
  padding: 0;
}
.footer-container .container .link-block-container img {
  height: 57px;
  margin: 0 0 10px 0;
  margin: 0 0 0.6666666667rem 0;
}

@media (min-width: 768px) {
  .footer-container {
    padding: 30px 0;
    padding: 2rem 0;
  }
  .footer-container .image-wrapper {
    margin: 15px 15px 0 15px;
    margin: 1rem 1rem 0 1rem;
  }
  .footer-container .image-wrapper img {
    height: 57px;
  }
  .footer-container .container ul li {
    margin: 15px 0 0 0;
    margin: 1rem 0 0 0;
  }
  .footer-container .container .collaboration h3, .footer-container .container .collaboration div, .footer-container .container .collaboration p {
    text-align: center;
  }
  .footer-container .container .collaboration p.text-center {
    font-size: 17.28px;
    font-size: 1.152rem;
  }
  .footer-container .container .link-block-container img {
    margin: 0 0 11.5384615385px 0;
    margin: 0 0 0.7692307692rem 0;
  }
}
/* _hero.scss */
/* ========== */
/*_hero.scss*/
.hero-container {
  color: #fff;
  text-align: center;
  padding: 15px 0;
  padding: 1rem 0;
}
.hero-container .hero-heading {
  margin: 25.5px 0 15px 0;
  margin: 1.7rem 0 1rem 0;
  font-size: 36px;
  font-size: 2.4rem;
  color: #fff;
}
.hero-container p {
  font-size: 18.9px;
  font-size: 1.26rem;
  margin: 0 0 30px 0;
  margin: 0 0 2rem 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.hero-container .hero-buttons .button {
  margin: 0;
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.hero-container .hero-buttons .button:hover {
  background-color: #fff;
  color: #008554;
}

@media (min-width: 768px) {
  .hero-container {
    padding: 15px 0 30px 0;
    padding: 1rem 0 2rem 0;
  }
  .hero-container .hero-heading {
    margin: 45px 0 15px 0;
    margin: 3rem 0 1rem 0;
    font-size: 46.8px;
    font-size: 3.12rem;
  }
  .hero-container p {
    font-size: 23.4px;
    font-size: 1.56rem;
  }
}
@media (min-width: 992px) {
  .hero-container p {
    max-width: 80%;
  }
  .hero-container .hero-buttons .button {
    width: auto;
  }
}
/* _forms.scss */
/* ========== */
.optional-field {
  font-size: 15px;
  font-size: 1rem;
  display: block;
  clear: left;
  margin: 0 0 5px 0;
  margin: 0 0 0.3333333333rem 0;
}

label {
  width: 100%;
}

.FormChoice input {
  margin-right: 0.25rem;
}
.FormChoice label {
  width: auto;
  min-width: 80px;
}

.FormFileUpload label {
  width: auto;
  min-width: 80px;
}
.FormFileUpload input {
  display: block;
}

input[type=text], textarea, input[type=number] {
  padding: 7.5px;
  padding: 0.5rem;
}

input[type=text] {
  height: 40px;
  width: 100%;
}

input[type=number] {
  height: 40px;
  width: 100%;
}

textarea {
  width: 100%;
  height: 100px;
  resize: none;
}

input[type=checkbox], input[type=radio] {
  height: 20px;
  width: 20px;
  vertical-align: sub;
}

select {
  width: 100%;
  height: 40px;
}

[type=submit] {
  padding: 7.5px 15px;
  padding: 0.5rem 1rem;
  border: none;
  background-color: #008554;
  color: #fff;
}

input[type=reset] {
  padding: 7.5px 15px;
  padding: 0.5rem 1rem;
  border: none;
  background-color: #d7eeff;
  color: #3d3d3d;
}

.EPiServerForms .Form__Element .Form__Element__Caption {
  font-weight: 700;
}

.FormSelection {
  margin-bottom: 30px;
}

.EPiServerForms button, .EPiServerForms input, .EPiServerForms optgroup, .EPiServerForms select, .EPiServerForms textarea {
  border-width: 1px;
  padding: 0.5rem;
}

/* _displayOptions.scss */
/* =========== */
.display-options-container {
  margin-bottom: -1.5rem;
}
.display-options-container > div {
  margin-bottom: 1.5rem;
}

@media (min-width: 576px) {
  .display-options-container {
    display: flex;
    flex-wrap: wrap;
  }
  .display-options-container .display-quarter {
    width: 50%;
  }
  .display-options-container .display-third {
    width: 50%;
  }
  .display-options-container .display-half {
    width: 50%;
  }
  .display-options-container .display-twothirds {
    width: 66.666667%;
  }
  .display-options-container .display-threequarters {
    width: 75%;
  }
  .display-options-container .display-full {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .display-options-container .display-quarter {
    width: 25%;
  }
  .display-options-container .display-third {
    width: 33.333333%;
  }
}
/* _environment-info.scss */
/* =========== */
.environment-info {
  position: fixed;
  width: 200px;
  right: 0;
  bottom: 0;
  color: #FFED00;
  background-color: #fcfcf7;
  border: 1px solid #008554;
  padding: 4px;
  text-align: center;
  font-size: 16px;
}

@media (768px) {
  .environment-info {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-left: -100px;
  }
}
/* bootstrap.override.scss */
/* ======================= */
/* Bootstrap overrides */
a {
  color: #008554;
}
a:visited {
  color: #4aa564;
}
a:hover {
  color: #545454;
}

/* searchpage.scss */
/* =============== */
.pagetype-searchpage .search-form-container {
  background-color: #008554;
  padding: 30px 0;
  padding: 2rem 0;
  margin: 0 0 30px 0;
  margin: 0 0 2rem 0;
}
.pagetype-searchpage .search-form-container .searchfield-serp {
  background: url(/gfx/_icon_sidhuvud_sok-01.svg) no-repeat scroll 7px #fff;
  background-size: 30px 30px;
  padding: 0 0 0 45px;
  padding: 0 0 0 3rem;
  margin: 0 0 15px 0;
  margin: 0 0 1rem 0;
  color: #000;
  border: none;
  height: 47px;
  width: 100%;
}
.pagetype-searchpage .search-form-container .button {
  margin: 0;
  margin: 0;
  width: 100%;
  border-color: #fff;
  color: #fff;
}
.pagetype-searchpage .search-form-container .button:hover {
  background-color: #fff;
  color: #008554;
}
.pagetype-searchpage .search-results h1 {
  font-size: 23.4px;
  font-size: 1.56rem;
  margin: 7.5px 0 15px 0;
  margin: 0.5rem 0 1rem 0;
}
.pagetype-searchpage .search-results a {
  text-decoration: none;
}
.pagetype-searchpage .search-results a .search-result-item {
  padding: 15px 0;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pagetype-searchpage .search-results a .search-result-item h3 {
  margin: 0 0 4.95px 0;
  margin: 0 0 0.33rem 0;
}
.pagetype-searchpage .search-results a .search-result-item p {
  margin: 0;
  margin: 0;
  color: #3d3d3d;
}
.pagetype-searchpage .search-results .search-result-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.pagetype-searchpage .search-results .search-paging {
  margin: 15px 0 0 0;
  margin: 1rem 0 0 0;
  font-size: 19px;
  font-size: 1.2666666667rem;
}
.pagetype-searchpage .search-results .search-paging.right {
  float: right;
}
.pagetype-searchpage .search-results .search-paging.left {
  float: left;
}

@media (min-width: 768px) {
  .pagetype-searchpage .search-form-container {
    padding: 60px 0;
    padding: 4rem 0;
    margin: 0 0 60px 0;
    margin: 0 0 4rem 0;
  }
  .pagetype-searchpage .search-form-container .searchfield-serp {
    margin: 0;
    margin: 0;
  }
  .pagetype-searchpage .search-results {
    margin: 0 0 15px 0;
    margin: 0 0 1rem 0;
  }
  .pagetype-searchpage .search-results h1 {
    font-size: 25.2px;
    font-size: 1.68rem;
    margin: 7.5px 0 30px 0;
    margin: 0.5rem 0 2rem 0;
  }
  .pagetype-searchpage .search-results .search-paging {
    margin: 30px 0 0 0;
    margin: 2rem 0 0 0;
  }
}
/* subjectpage.scss */
/* ================ */
.pagetype-subjectpage .type {
  font-size: 23.4px;
  font-size: 1.56rem;
  display: block;
  margin: 0 0 7.5px 0;
  margin: 0 0 0.5rem 0;
}
.pagetype-subjectpage .projects-container {
  margin: 0;
}
.pagetype-subjectpage .projects-container hr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 15px 0;
  margin: 1rem 0;
  border: none;
}
.pagetype-subjectpage .projects-container .block:nth-child(2n+1) {
  clear: left;
}

@media (min-width: 768px) {
  .pagetype-subjectpage .projects-container hr {
    margin: 30px 0;
    margin: 2rem 0;
  }
}
/* landingpage.scss */
/* ================ */
@media (min-width: 768px) {
  .pagetype-landingpage .block.standardpage:nth-child(2n+1) {
    clear: left;
  }
}
/* newslistpage.scss */
/* ================= */
.pagetype-newslistpage .news-list-container {
  list-style-type: none;
  padding: 0;
  padding: 0;
}
.pagetype-newslistpage .news-list-container .news-list-item {
  padding: 15px 0;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pagetype-newslistpage .news-list-container .news-list-item h3 {
  margin: 0 0 7.5px 0;
  margin: 0 0 0.5rem 0;
}
.pagetype-newslistpage .news-list-container .news-list-item span {
  font-size: 15.3px;
  font-size: 1.02rem;
}
.pagetype-newslistpage .news-paging.left {
  float: left;
}
.pagetype-newslistpage .news-paging.right {
  float: right;
}

/* presslistpage.scss */
/* ================== */
.pagetype-presslistpage .press-blocks {
  margin: 0 0 30px 0;
  margin: 0 0 2rem 0;
}
.pagetype-presslistpage .press-blocks img {
  width: 100%;
}
.pagetype-presslistpage .press-blocks h2 {
  margin: 7.5px 0 0 0;
  margin: 0.5rem 0 0 0;
  font-size: 18px;
  font-size: 1.2rem;
}
.pagetype-presslistpage .press-blocks .download-image {
  font-size: 16px;
  font-size: 1.0666666667rem;
}
.pagetype-presslistpage .news-list-container {
  list-style-type: none;
  padding: 0;
  padding: 0;
}
.pagetype-presslistpage .news-list-container .news-list-item {
  padding: 15px 0;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pagetype-presslistpage .news-list-container .news-list-item h3 {
  margin: 0 0 7.5px 0;
  margin: 0 0 0.5rem 0;
}
.pagetype-presslistpage .news-list-container .news-list-item span {
  font-size: 15.3px;
  font-size: 1.02rem;
}
.pagetype-presslistpage .news-paging.left {
  float: left;
}
.pagetype-presslistpage .news-paging.right {
  float: right;
}

/* newspage.scss */
/* ============= */
.pagetype-newspage .news-type {
  font-size: 23.4px;
  font-size: 1.56rem;
}
.pagetype-newspage .news-image {
  max-width: 100%;
  margin: 0 0 15px 0;
  margin: 0 0 1rem 0;
}
.pagetype-newspage .image-text {
  font-size: 16.2px;
  font-size: 1.08rem;
  margin: 0 0 30px 0;
  margin: 0 0 2rem 0;
}
.pagetype-newspage .main-body img {
  width: auto;
  max-width: 100%;
}

/* standardpage.scss */
/* ================= */
.pagetype-standardpage .main-body img {
  width: auto;
  max-width: 100%;
}

/* startpage.scss */
/* ============== */
.pagetype-startpage hr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 15px 0;
  margin: 1rem 0;
  border: none;
}
.pagetype-startpage .hero-image {
  background-position: bottom center;
}

@media (min-width: 768px) {
  .pagetype-startpage hr {
    margin: 30px 0;
    margin: 2rem 0;
  }
}
/* contactpage.scss */
/* ================ */
.pagetype-contactpage h2 {
  font-size: 18px;
  font-size: 1.2rem;
}
.pagetype-contactpage p {
  margin: 0 0 7.5px 0;
  margin: 0 0 0.5rem 0;
}
.pagetype-contactpage input {
  height: 40px;
  padding: 0 3.75px;
  padding: 0 0.25rem;
  margin-right: 4px;
}
.pagetype-contactpage input[type=text] {
  width: 100%;
}
.pagetype-contactpage input[type=submit] {
  padding: 5px 15px 10px 15px;
  padding: 0.3333333333rem 1rem 0.6666666667rem 1rem;
}

@media (min-width: 768px) {
  .pagetype-contactpage h2 {
    font-size: 21.6px;
    font-size: 1.44rem;
  }
  .pagetype-contactpage form {
    margin: 45px 0 0 0;
    margin: 3rem 0 0 0;
  }
  .pagetype-contactpage input[type=text] {
    width: 50%;
  }
  .pagetype-contactpage .button {
    margin: 9.9px 0 24px 0;
    margin: 0.66rem 0 1.6rem 0;
  }
}
@media (min-width: 992px) {
  .pagetype-contactpage input[type=text] {
    width: 50%;
  }
}
/* closurepage.scss */
/* ================ */
html {
  box-sizing: border-box;
}

figure {
  margin: 0;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*# sourceMappingURL=main.css.map */