/*
=========================================================
LP MODULES CSS
=========================================================
 * Innehåller kundanpassad styling av Limeparks moduler
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
LISTNING, SÖKBARA & PUBLIKA SIDOR
--------------------------------------------------------- */

.lp-page-status-list {
  list-style: none;
  margin: 0 0 3rem;
  padding: 0;
}

.lp-page-status-list li {
  background: #eee;
  margin: 0 0 1rem;
  padding: 1rem;
}

.lp-page-status-list .lp-page-status-tag {
  font-size: var(--lp-font-size-1);
  margin-left: 1rem;
}

.lp-page-status-list li a {
  align-items: baseline;
  display: flex;
  font-size: var(--lp-font-size-2);
  font-weight: 700;
  text-decoration: none;
}

.lp-page-status-list li a:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2019.66%2030.58%22%3E%3Cpath%20d%3D%22M19.29%2014.44L5.22.36a1.19%201.19%200%200%200-1.71%200L.36%203.51a1.19%201.19%200%200%200%200%201.71l10.07%2010.07L.36%2025.37a1.19%201.19%200%200%200%200%201.71l3.15%203.15a1.19%201.19%200%200%200%201.71%200l14.07-14.08a1.19%201.19%200%200%200%200-1.71z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: block;
  height: 0.5em;
  margin-right: 0.5rem;
  width: 0.5em;
}

/*
---------------------------------------------------------
LANDNINGSMENY
--------------------------------------------------------- */

.lp-box-menu {
  background-color: var(--lp-color-section-beige);
  display: grid;
  list-style: none;
  margin: 0 0 var(--lp-spacing-x-large);
  padding: var(--lp-spacing-x-large) 0;
  position: relative;

  grid-gap: var(--lp-spacing-small);
  grid-template-columns: var(--lp-grid-default);
  isolation: isolate;
}

.lp-box-menu:after {
  background-color: inherit;
  bottom: 0;
  content: '';
  left: calc(50% - 50vw);
  position: absolute;
  top: -100vh;
  width: 100vw;
  z-index: -1;
}

/*
.sv-template-landningssida .lp-main {
  overflow-x: hidden;
}*/

.lp-box-menu__content {
  background: #fff;
  border: 1px solid var(--lp-border-color);
  border-radius: var(--lp-border-radius);
  box-sizing: border-box;
  height: 100%;
  padding: var(--lp-spacing-small) var(--lp-spacing-small) var(--lp-spacing);
  transition: var(--lp-transition-default);
}

a.lp-box-menu__item-link {
  align-items: center;
  color: var(--lp-color-4-contrast);
  display: flex;
  font-size: var(--lp-font-size-3);
  font-weight: 700;
  margin: 0 0 0.4em;
  text-decoration: none;

  justify-content: space-between;
}

a.lp-box-menu__item-link:hover,
.lp-box-menu__content.lp-clickable-area:hover .lp-box-menu__item-link {
  text-decoration: underline;
}

.lp-box-menu__item-link .lp-icon {
  font-size: 1.2em;
  margin-right: 1rem;
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);

  flex-shrink: 0;
}

a.lp-box-menu__item-link:hover .lp-icon,
.lp-box-menu__content.lp-clickable-area:hover .lp-box-menu__item-link .lp-icon {
  transform: rotate(0deg);
}

p.lp-box-menu__item-description {
  color: var(--lp-color-4-contrast);
  font-size: var(--lp-font-size-2);
  margin: 0;
}

/*
---------------------------------------------------------
LÄNK TILL SIDANS TOPP
--------------------------------------------------------- */

a.lp-page-top,
.lp-toc-overlay__button {
  align-items: center;
  background-color: var(--lp-color-brand);
  border: none;
  border-right: 0;
  bottom: 4rem;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  box-sizing: border-box;
  color: var(--lp-color-brand-contrast);
  display: flex;
  font-size: 1.6rem;
  height: 48px;
  margin: 0;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  transform: translateX(100%);
  transition: var(--lp-transition-default);
  width: 48px;
  z-index: 10;

  justify-content: center;
}

.sv-editor-menu-visible a.lp-page-top {
  bottom: 13rem;
}

.lp-scrolled a.lp-page-top {
  transform: translateX(0);
}

a.lp-page-top:hover,
a.lp-page-top:focus,
.lp-toc-overlay__button:hover,
.lp-toc-overlay__button:focus {
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}

a.lp-page-top:hover .lp-icon {
  transform: rotate(-90deg) scale(1.3);
}

a.lp-page-top .lp-icon {
  font-size: 1.5em;
  margin: 0;
  transform: rotate(-90deg);
  transition: all 0.2s ease;
}

/*
---------------------------------------------------------
VARIABELTABELL / FÖRHANDSVISNING AV TEMA
--------------------------------------------------------- */

.lp-variables-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 5rem;
  width: 100%;
}

.lp-variables-table caption {
  font-size: var(--lp-font-size-3);
  font-weight: 600;
  margin-bottom: 0.3em;
  text-align: left;
}

.lp-variables-table th {
  text-align: left;
}

.lp-variables-table thead th {
  background-color: #ddd;
}

.lp-variables-table p {
  margin: 0;
}

.lp-variables-table thead th,
.lp-variables-table tbody td {
  padding: 1.2rem 2rem;
}

.lp-variables-table tbody {
  border: 1px solid #ddd;
}

.lp-variables-table tbody tr {
  border-bottom: 1px solid #ddd;
}

.lp-variables-table thead + tbody tr:nth-child(odd) td {
  background-color: #eee;
}

.lp-variables-element-default tbody tr:nth-child(1) td:last-child {
  background-color: var(--lp-color-1);
  color: var(--lp-color-1-contrast);
}

.lp-variables-element-default tbody tr:nth-child(2) td:last-child {
  background-color: var(--lp-color-1-dark);
  color: var(--lp-color-1-contrast);
}

.lp-variables-element-default tbody tr:nth-child(3) td:last-child {
  background-color: var(--lp-color-1-light);
  color: var(--lp-color-1-contrast);
}

.lp-variables-element-primary tbody tr:nth-child(1) td:last-child {
  background-color: var(--lp-color-2);
  color: var(--lp-color-2-contrast);
}

.lp-variables-element-primary tbody tr:nth-child(2) td:last-child {
  background-color: var(--lp-color-2-dark);
  color: var(--lp-color-2-contrast);
}

.lp-variables-element-primary tbody tr:nth-child(3) td:last-child {
  background-color: var(--lp-color-2-light);
  color: var(--lp-color-2-contrast);
}

.lp-variables-element-secondary tbody tr:nth-child(1) td:last-child {
  background-color: var(--lp-color-3);
  color: var(--lp-color-3-contrast);
}

.lp-variables-element-secondary tbody tr:nth-child(2) td:last-child {
  background-color: var(--lp-color-3-dark);
  color: var(--lp-color-3-contrast);
}

.lp-variables-element-secondary tbody tr:nth-child(3) td:last-child {
  background-color: var(--lp-color-3-light);
  color: var(--lp-color-3-contrast);
}

.lp-variables-block tbody tr:nth-child(1) td:last-child {
  background-color: var(--lp-color-4);
  box-shadow: 0 0 0 5px var(--lp-color-4-border) inset;
  color: var(--lp-color-4-contrast);
}

.lp-variables-block tbody tr:nth-child(2) td:last-child {
  background-color: var(--lp-color-5);
  box-shadow: 0 0 0 5px var(--lp-color-5-border) inset;
  color: var(--lp-color-5-contrast);
}

.lp-variables-block tbody tr:nth-child(3) td:last-child {
  background-color: var(--lp-color-6);
  box-shadow: 0 0 0 5px var(--lp-color-6-border) inset;
  color: var(--lp-color-6-contrast);
}

/*
---------------------------------------------------------
HERO
--------------------------------------------------------- */

.lp-hero {
  display: flex;
  flex-direction: column;
  min-height: 25vw;
  /* max-height: 60rem; */
  position: relative;
  width: 100%;
  z-index: 1;
  /* aspect-ratio: 3/1; */

  isolation: isolate;
}

.lp-hero .sv-text-portlet .heading {
  margin-bottom: 0.5em;
}

.lp-hero-content {
  background-color: var(--lp-color-decoration-blue);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--lp-spacing-xx-large) 0;
  position: relative;

  flex-grow: 1;
  isolation: isolate;
  justify-content: center;
}

.lp-hero-content .sv-text-portlet:last-child p.normal:last-child {
  margin-bottom: 0;
}

.lp-hero-content .lp-decoration--yellow,
.lp-hero-content .lp-decoration--green {
  background-color: var(--lp-color-decoration-yellow);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.lp-hero-content .lp-decoration--green {
  background-color: var(--lp-color-decoration-green);
}

.lp-hero .sv-column-12 > .sv-layout {
  box-sizing: border-box;
  padding-right: var(--lp-spacing-large);
  width: 50%;
}

.lp-hero > .sv-layout:last-child {
  bottom: 0;
  display: block;
  margin: 0;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 50vw;
}

.lp-hero > .sv-layout:last-child  .pagecontent {
  background-color: #e0dede;
  height: 100%;
}

.lp-hero .sv-mfpimage-portlet,
.lp-hero .sv-image-portlet,
.lp-hero .sv-marketplace-mediaflow-mediaflow {
  display: block;
  height: 100%;
  margin: 0;
  position: relative;
  width: 100%;

  isolation: isolate;
}

.lp-hero .sv-image-portlet img,
.lp-hero .sv-mfpimage-portlet img,
.lp-hero .sv-marketplace-mediaflow-mediaflow img {
  height: 100%;
  max-height: 100% !important;
  max-width: 100% !important;
  width: 100%;

  -o-object-fit: cover;
  object-fit: cover;
}


/*
---------------------------------------------------------
POPULÄRA SIDOR
--------------------------------------------------------- */

.lp-hero .sv-related-portlet .subheading,
.lp-fixed-search .sv-related-portlet .subheading,
.lp-footer .sv-related-portlet .subheading {
  font-size: var(--lp-font-size-3);
  margin-top: var(--lp-spacing-large);
}

.lp-hero .sv-related-portlet .lp-icon,
.lp-fixed-search .sv-related-portlet .lp-icon,
.lp-footer .sv-related-portlet .lp-icon {
  font-size: 1.3em;
  margin-bottom: -0.2em;
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);
}

.lp-hero .sv-related-portlet .lp-clickable-area:hover .lp-icon,
.lp-hero .sv-related-portlet li a:hover + .lp-icon,
.lp-fixed-search .sv-related-portlet .lp-clickable-area:hover .lp-icon,
.lp-fixed-search .sv-related-portlet li a:hover + .lp-icon,
.lp-footer .sv-related-portlet .lp-clickable-area:hover .lp-icon,
.lp-footer .sv-related-portlet li a:hover + .lp-icon {
  transform: rotate(0deg);
}

.lp-hero .sv-related-portlet ul,
.lp-fixed-search .sv-related-portlet ul,
.lp-footer .sv-related-portlet ul {
  display: grid;

  gap: 0 clamp(2rem, 2vw, 4rem);
  grid-template-columns: 1fr 1fr;
}

.lp-hero .sv-related-portlet li,
.lp-fixed-search .sv-related-portlet li,
.lp-footer .sv-related-portlet li {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-size: var(--lp-font-size-2);
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
}

.lp-hero .sv-related-portlet li:first-child,
.lp-hero .sv-related-portlet li:nth-child(2),
.lp-fixed-search .sv-related-portlet li:first-child,
.lp-fixed-search .sv-related-portlet li:nth-child(2),
.lp-footer .sv-related-portlet li:first-child,
.lp-footer .sv-related-portlet li:nth-child(2) {
  border-top: 1px solid rgba(0,0,0,0.1);
  padding-top: 0.75em;
}

.lp-hero .sv-related-portlet li a,
.lp-fixed-search .sv-related-portlet li a {
  text-decoration: none;
}


.lp-hero .sv-related-portlet li a:hover,
.lp-hero .sv-related-portlet .lp-clickable-area:hover a,
.lp-fixed-search .sv-related-portlet li a:hover,
.lp-fixed-search .sv-related-portlet .lp-clickable-area:hover a {
  text-decoration: underline;
}

/*
---------------------------------------------------------
PUFFAR
--------------------------------------------------------- */

.lp-app-blurbs .lp-app-blurbs-list__item-image {
  background-color: var(--lp-color-1);
  background-image: none;

  aspect-ratio: 44/29;
}

.lp-app-blurbs .lp-app-blurbs-list__item-image img {
  height: 100%;
  width: 100%;

  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}

/*
---------------------------------------------------------
BILDPUFF - ENKEL, 
RUBRIK/BILD/INGRESS,
RUBRIK/INGRESS
--------------------------------------------------------- */

.lp-app-blurbs {
  margin: var(--lp-spacing-x-large) 0;
}

.lp-app-blurbs--bildpuffenkel .lp-app-blurbs-list,
.lp-app-blurbs--bildpuffenkelmfp .lp-app-blurbs-list,
.lp-app-blurbs--rubrikbildingress .lp-app-blurbs-list,
.lp-app-blurbs--rubrikingress .lp-app-blurbs-list {
  display: grid;

  gap: var(--lp-spacing);
  grid-template-columns: 1fr 1fr 1fr;
}

.lp-app-blurbs--bildpuffenkel .lp-app-blurbs-list__item,
.lp-app-blurbs--bildpuffenkelmfp .lp-app-blurbs-list__item,
.lp-app-blurbs--rubrikbildingress .lp-app-blurbs-list__item,
.lp-app-blurbs--rubrikingress .lp-app-blurbs-list__item {
  background-color: var(--lp-color-5);
  border-radius: var(--lp-border-radius);
  overflow: hidden;
}

.lp-app-blurbs--bildpuffenkel .lp-app-blurbs-list__item__inner,
.lp-app-blurbs--bildpuffenkelmfp .lp-app-blurbs-list__item__inner,
.lp-app-blurbs--rubrikbildingress .lp-app-blurbs-list__item__inner,
.lp-app-blurbs--rubrikingress .lp-app-blurbs-list__item__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.lp-app-blurbs--bildpuffenkel .lp-app-blurbs-list__item-content,
.lp-app-blurbs--bildpuffenkelmfp .lp-app-blurbs-list__item-content,
.lp-app-blurbs--rubrikbildingress .lp-app-blurbs-list__item-content,
.lp-app-blurbs--rubrikingress .lp-app-blurbs-list__item-content {
  border-top: 5px solid var(--lp-color-1);
  padding: var(--lp-spacing-small) var(--lp-spacing) var(--lp-spacing);
  position: relative;

  flex: 1 1 auto;
}

.lp-app-blurbs--rubrikingress .lp-app-blurbs-list__item-content {
  border-top: 0;
  padding: var(--lp-spacing);
}

.lp-app-blurbs--bildpuffenkel .lp-app-blurbs-list__item-content:after,
.lp-app-blurbs--bildpuffenkelmfp .lp-app-blurbs-list__item-content:after,
.lp-app-blurbs--rubrikbildingress .lp-app-blurbs-list__item-content:after,
.lp-app-blurbs--rubrikingress .lp-app-blurbs-list__item-content:after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23142639%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M24.713%2011.466c-.712.376-1.017%201.291-.679%202.04.105.234%201.345%201.465%204.621%204.587l4.477%204.267-11.506.04c-12.696.044-11.697.001-12.201.533-.28.296-.385.587-.385%201.067s.105.771.385%201.067c.504.532-.495.489%2012.205.533l11.51.04-4.446%204.238c-2.559%202.44-4.52%204.371-4.621%204.552-.707%201.258.682%202.745%202.037%202.179.361-.15%2012.313-11.568%2012.481-11.922.165-.347.165-1.026.001-1.373-.159-.334-11.905-11.57-12.379-11.842a1.574%201.574%200%200%200-1.5-.006%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 2rem;
  content: '';
  display: block;
  height: 2.4rem;
  position: absolute;
  right: 2rem;
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);
  width: 2.4rem;
}

.lp-app-blurbs--bildpuffenkel .lp-clickable-area:hover .lp-app-blurbs-list__item-content:after,
.lp-app-blurbs--bildpuffenkelmfp .lp-clickable-area:hover .lp-app-blurbs-list__item-content:after,
.lp-app-blurbs--rubrikbildingress .lp-clickable-area:hover .lp-app-blurbs-list__item-content:after,
.lp-app-blurbs--rubrikingress .lp-clickable-area:hover .lp-app-blurbs-list__item-content:after {
  transform: rotate(0deg);
}

.lp-app-blurbs--bildpuffenkel .lp-app-blurbs-list__item-heading,
.lp-app-blurbs--bildpuffenkelmfp .lp-app-blurbs-list__item-heading,
.lp-app-blurbs--rubrikbildingress .lp-app-blurbs-list__item-heading,
.lp-app-blurbs--rubrikingress .lp-app-blurbs-list__item-heading {
  font-size: var(--lp-font-size-3);
  margin: 0;
}

.lp-app-blurbs--bildpuffenkel .lp-app-blurbs-list__item-heading a,
.lp-app-blurbs--bildpuffenkelmfp .lp-app-blurbs-list__item-heading a,
.lp-app-blurbs--rubrikbildingress .lp-app-blurbs-list__item-heading a,
.lp-app-blurbs--rubrikingress .lp-app-blurbs-list__item-heading a {
  display: block;
  text-decoration: none;
}

/*
---------------------------------------------------------
BILDPUFF - STOR
--------------------------------------------------------- */

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list {
  border-radius: var(--lp-border-radius);
  overflow: hidden;
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item__inner,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item__inner {
  display: flex;
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item__inner > *,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item__inner > * {
  box-sizing: border-box;
  width: 50%;
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item-content,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item-content {
  background-color: var(--lp-color-1);
  display: flex;
  flex-direction: column;
  padding: var(--lp-spacing-x-large);

  justify-content: center;
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item-description,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item-description {
  color: var(--lp-color-1-contrast);
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item-heading,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item-heading {
  font-size: clamp(2.6rem, 2.6vw, 4.4rem);
  margin: 0 0 0.5em;
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item-heading a,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item-heading a {
  color: var(--lp-color-1-contrast);
  display: block;
  padding-right: 1.4em;
  text-decoration: none;
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item-heading a:after,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item-heading a:after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23142639%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M24.713%2011.466c-.712.376-1.017%201.291-.679%202.04.105.234%201.345%201.465%204.621%204.587l4.477%204.267-11.506.04c-12.696.044-11.697.001-12.201.533-.28.296-.385.587-.385%201.067s.105.771.385%201.067c.504.532-.495.489%2012.205.533l11.51.04-4.446%204.238c-2.559%202.44-4.52%204.371-4.621%204.552-.707%201.258.682%202.745%202.037%202.179.361-.15%2012.313-11.568%2012.481-11.922.165-.347.165-1.026.001-1.373-.159-.334-11.905-11.57-12.379-11.842a1.574%201.574%200%200%200-1.5-.006%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1.2em;
  margin-bottom: -0.3em;
  margin-left: 0.2em;
  margin-right: -1.4em;
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);
  width: 1.2em;
}

.lp-app-blurbs--bildpuffstor .lp-clickable-area:hover .lp-app-blurbs-list__item-heading a:after,
.lp-app-blurbs--bildpuffstormfp .lp-clickable-area:hover .lp-app-blurbs-list__item-heading a:after {
  transform: rotate(0deg);
}

/* Varannan */

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item__inner,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item__inner {
  flex-direction: row-reverse;
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item-content,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item-content {
  background-color: var(--lp-color-3);
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item-heading a,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item-heading a {
  color: var(--lp-color-3-contrast);
}

.lp-app-blurbs--bildpuffstor .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item-description,
.lp-app-blurbs--bildpuffstormfp .lp-app-blurbs-list__item:nth-child(odd) .lp-app-blurbs-list__item-description {
  color: var(--lp-color-3-contrast);
}

/*
---------------------------------------------------------
RUBRIKYTA
--------------------------------------------------------- */

.lp-heading-layout {
  background-color: var(--lp-color-decoration-blue);
  padding: var(--lp-spacing) 0 var(--lp-spacing-large);
  position: relative;

  isolation: isolate;
}

.lp-heading-layout:after {
  background-color: inherit;
  bottom: 0;
  content: '';
  left: calc(50% - 50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -2;
}

.lp-heading-layout > .pagecontent > .sv-text-portlet:last-child > .sv-text-portlet-content > .heading:last-child {
  margin-bottom: 0;
}

.lp-heading-layout .lp-decoration--yellow,
.lp-heading-layout .lp-decoration--green {
  background-color: var(--lp-color-decoration-yellow);
  bottom: 0;
  left: calc(50% - 50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

.lp-heading-layout .lp-decoration--green {
  background-color: var(--lp-color-decoration-green);
}

/*
---------------------------------------------------------
SERVICEMEDDELANDEN
--------------------------------------------------------- */

.lp-service-messages {
  border-top: 1px solid transparent;
  margin-bottom: var(--lp-spacing-small);
  margin-top: var(--lp-spacing-small);
}

.lp-service-messages li {
  background-color: #fff;
  border: 1px solid var(--lp-border-color);
  border-radius: var(--lp-border-radius);
  margin-bottom: var(--lp-spacing-small);
  padding: var(--lp-spacing-small) calc(var(--lp-spacing) + 2rem) var(--lp-spacing-small) var(--lp-spacing);
  position: relative;

  isolation: isolate;
}

.lp-service-messages .sv-archive-portlet + .sv-archive-portlet {
  margin-top: var(--lp-spacing-small);
}

.lp-bg-block .lp-service-messages li {
  border: none;
}

.lp-service-messages li:last-child {
  margin-bottom: 0;
}

.lp-service-messages li:after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23142639%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M24.713%2011.466c-.712.376-1.017%201.291-.679%202.04.105.234%201.345%201.465%204.621%204.587l4.477%204.267-11.506.04c-12.696.044-11.697.001-12.201.533-.28.296-.385.587-.385%201.067s.105.771.385%201.067c.504.532-.495.489%2012.205.533l11.51.04-4.446%204.238c-2.559%202.44-4.52%204.371-4.621%204.552-.707%201.258.682%202.745%202.037%202.179.361-.15%2012.313-11.568%2012.481-11.922.165-.347.165-1.026.001-1.373-.159-.334-11.905-11.57-12.379-11.842a1.574%201.574%200%200%200-1.5-.006%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 2.4rem;
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 1.2rem);
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);
  width: 2.4rem;
}

.lp-service-messages li.lp-clickable-area:hover:after {
  transform: rotate(0deg);
}

.lp-service-messages li .heading3 {
  margin: 0 0 0.2em;
}

.lp-service-messages li .heading3 a {
  text-decoration: none;
}

.lp-service-messages li .small {
  color: #1b3550;
}

.lp-service-message__date {
  display: inline-block;
}

.lp-service-message__date > *:not(:last-child):after {
  content: ' till';
}

.lp-service-messages .heading3 + .small {
  margin-right: 0.5em;
  padding-right: 0.8em;
  position: relative;
}

.lp-service-messages .heading3 + .small:after {
  background-color: var(--lp-font-color);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 0.35em;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%,-50%);
  width: 0.35em;

  flex-shrink: 0;
}

/*
---------------------------------------------------------
FILTRERBAR LISTNING
--------------------------------------------------------- */

div .lp-filterable-list {
  margin-bottom: var(--lp-spacing-large);
  --lp-filterable-list__control--border-color: var(--env-border-color);
  --lp-filterable-list__primary-color: var(--env-element-background-color);
}

.lp-filterable-list .lp-filterable-list-category input[type='checkbox'] + label:before,
.lp-filterable-list .lp-filterable-list-category input[type='radio'] + label:before {
  border: 1px solid var(--lp-filterable-list__border-color);
  border-radius: 5px;
}

.lp-filterable-list .lp-filterable-list-category input[type='checkbox']:checked + label:before,
.lp-filterable-list .lp-filterable-list-category input[type='radio']:checked + label:before {
  background-color: var(--env-element-background-color);
}

.lp-filterable-list .lp-filterable-list-text-search input {
  border: 1px solid var(--lp-filterable-list__border-color);
  box-sizing: border-box;
  font-size: 1.8rem;
  max-width: 77rem;
  padding: 0.6rem 2rem;
  width: 100%;
}

.lp-filterable-list-category,
.lp-filterable-list-text-search__label label {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
}

.lp-filterable-list-filter-info {
  isolation: isolate;
}

.lp-filterable-list .lp-filterable-list-filter-info:after {
  opacity: 0.2;
}

.lp-filterable-list-category-field__heading {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
}

.lp-filterable-list .lp-filterable-list-filter button {
  background: var(--env-element-background-color);
  border: none;
  color: #fff;
}

.lp-filterable-list .lp-filterable-list-filter button:hover,
.lp-filterable-list .lp-filterable-list-filter button:focus {
  background-color: var(--env-element-background-color-dark);
  border: none;
  color: #fff;
}

.lp-filterable-list-item-content__heading a {
  align-items: center;
  color: var(--lp-color-4-contrast);
  display: flex;
  font-family: 'Montserrat', sans-serif;
  font-size: var(--lp-font-size-3);
  font-weight: 700;
  margin: 0 0 0.4em;
  padding-right: 1.6rem;
  text-decoration: none;

  justify-content: space-between;
}

a.lp-filterable-list:hover,
.lp-filterable-list.lp-clickable-area:hover .lp-filterable-list-item-content__heading a {
  text-decoration: underline;
}

.lp-filterable-list .lp-icon {
  font-size: 1.2em;
  margin-right: 1rem;
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);

  flex-shrink: 0;
}

.lp-filterable-list-item-content {
  position: relative;
}

.lp-filterable-list-item-content__heading a:after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23142639%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M24.713%2011.466c-.712.376-1.017%201.291-.679%202.04.105.234%201.345%201.465%204.621%204.587l4.477%204.267-11.506.04c-12.696.044-11.697.001-12.201.533-.28.296-.385.587-.385%201.067s.105.771.385%201.067c.504.532-.495.489%2012.205.533l11.51.04-4.446%204.238c-2.559%202.44-4.52%204.371-4.621%204.552-.707%201.258.682%202.745%202.037%202.179.361-.15%2012.313-11.568%2012.481-11.922.165-.347.165-1.026.001-1.373-.159-.334-11.905-11.57-12.379-11.842a1.574%201.574%200%200%200-1.5-.006%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 2.4rem;
  position: absolute;
  right: 2rem;
  top: var(--lp-filterable-list__padding);
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);
  width: 2.4rem;
}

.lp-filterable-list-item-content:hover .lp-filterable-list-item-content__heading a:after,
.lp-filterable-list-content.lp-clickable-area:hover .lp-filterable-list-item-content__heading a:after {
  transform: rotate(0deg);
}

p.lp-filterable-list-item-content__description {
  color: var(--lp-color-4-contrast);
  font-size: var(--lp-font-size-2);
  margin: 0;
}

/*--- Artikel ---*/

.lp-filterable-list .lp-filterable-list.lp-filterable-list--template-artiklar {
  margin-bottom: var(--lp-spacing-x-small);
}

.lp-filterable-list .lp-filterable-list--template-artiklar .lp-filterable-list-filter {
  border-bottom: none;
  padding-bottom: 0;
}

.lp-filterable-list ul.lp-filterable-list-list--article {
  border-bottom: 1px solid #dbdbdb;
  display: grid;
  margin: 0;
  padding: 0;

  gap: 0 var(--lp-spacing);
  grid-template-columns: repeat(auto-fill, minmax(45rem, 1fr));
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item {
  align-items: flex-start;
  border: 0;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
  border-top: 1px solid #dbdbdb;
  display: flex;
  margin-bottom: -1px;
  padding-bottom: var(--lp-spacing-small);
  padding-top: var(--lp-spacing-small);

  flex-wrap: wrap;
}


.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-image__wrapper {
  align-items: center;
  background-color: transparent;
  display: flex;
  height: auto;
  padding: 0;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-image {
  border-radius: var(--lp-border-radius);
  height: auto !important;
  margin-right: var(--lp-spacing);
  max-width: clamp(15rem, 15vw, 22rem) !important;
  padding: 0;
  position: static;

  aspect-ratio: 11/8;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left top;
  object-position: left top;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content {
  min-width: 20rem;
  padding: 0;

  flex: 1 1 1px;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__heading {
  font-size: var(--lp-font-size-3);
  margin-bottom: 0.2em;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__heading a {
  margin: 0;
  padding: 0;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__heading a:after {
  content: none;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__details {
  align-items: center;
  display: flex;
  margin-bottom: 0.4em;

  flex-wrap: wrap;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__details > * {
  color: #24466a;
  margin-bottom: 0;
  margin-top: 0;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__details > *:not(:last-child) {
  margin-right: 0.8em;
  padding-right: 0.8em;
  position: relative;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__details > *:not(:last-child):after {
  background-color: var(--lp-font-color);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 0.35em;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 0.35em;

  flex-shrink: 0;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-category,
.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-date {
  font-size: var(--lp-font-size-1);
  padding: 0;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-category:after {
  content: '';
}

.lp-filterable-list-date input {
  border-width: 1px;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-content__description {
  margin-top: 0;
}

/*MODIFIERINGAR FÖR EVENEMANGSLISTNING*/
.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-categories {
  display: contents;
}

.lp-filterable-list .lp-filterable-list-list--article .lp-filterable-list-item-category {
  border: 1px solid var(--lp-filterable-list__border-color);
  border-radius: var(--lp-filterable-list__border-radius);
  cursor: pointer;
  line-height: 1.5;
  margin: 0.3rem 0.8rem 0.3rem 0;
  padding: 0rem 0.5rem 0rem 0.5rem;
  position: relative;
  -webkit-transition: var(--default-transition);
  transition: var(--default-transition);
  background-color: transparent;
  color: var(--env-font-color);
}

/*
---------------------------------------------------------
KOLLAGEMENY
--------------------------------------------------------- */

.sv-marketplace-limepark-collage-menu {
  margin-top: var(--lp-spacing-large);
}

.sv-marketplace-limepark-collage-menu .lp-collage-menu {
  --auto-grid-min-size-pattern-4: 280px;
  --collage-menu-content-background-color: var(--lp-color-brand);
  --collage-menu-item-font-color: var(--lp-color-brand-contrast);
  --collage-menu-item-no-image-background-color: var(--lp-color-brand);
  --collage-menu-item-no-image-background-color-hover: var(--lp-color-brand);
  --collage-menu-item-no-image-font-color: var(--lp-color-brand-contrast);
  gap: var(--lp-spacing);
}

.sv-marketplace-limepark-collage-menu .lp-collage-menu .lp-collage-menu-heading {
  font-size: clamp(1.9rem, 2.3vw, 2.3rem);
}

.sv-marketplace-limepark-collage-menu .lp-collage-menu-content {
  grid-template-columns: 1fr;
}

.sv-marketplace-limepark-collage-menu .lp-collage-menu-icon {
  display: none;
}

.sv-marketplace-limepark-collage-menu .lp-collage-menu-pattern-4 li.lp-collage-menu-item:nth-of-type(10n+1),
.sv-marketplace-limepark-collage-menu .lp-collage-menu-pattern-4 li.lp-collage-menu-item:nth-of-type(10n+8) {
  aspect-ratio: 1/1;
}

.sv-marketplace-limepark-collage-menu .lp-collage-menu-content-wrapper:before {
  background: transparent;
}

.lp-collage-menu .lp-collage-menu-item:hover .lp-collage-menu-heading a {
  text-decoration: underline;
}

/*
---------------------------------------------------------
INNEHÅLLSFÖRTECKNING
--------------------------------------------------------- */

.lp-toc--sticky {
  margin-top: calc(var(--lp-spacing) + var(--lp-spacing) + 3rem);
  max-width: 40rem;
}

body:not(.sv-editing-mode) .lp-toc--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--lp-spacing);
  z-index: 2;
}

.lp-toc--sticky .sv-text-portlet .subheading,
.lp-fixed-toc .sv-text-portlet .subheading,
.lp-toc--sticky .sv-html-portlet .subheading,
.lp-fixed-toc .sv-html-portlet .subheading {
  font-size: var(--lp-font-size-3);
  margin-bottom: 0.5em;
}

.lp-fixed-toc .sv-text-portlet .subheading,
.lp-fixed-toc .sv-html-portlet .subheading {
  margin-bottom: 1em;
}

.lp-toc--sticky ul {
  max-height: calc(100vh - 11rem);
  overflow: auto;
}

.lp-toc--sticky li a,
.lp-fixed-toc li a {
  border-left: 3px solid #cbc7c2;
  border-top: 1px solid var(--lp-border-color);
  box-sizing: border-box;
  display: inline-block;
  font-size: var(--lp-font-size-2);
  margin: 0;
  padding: 1.5rem var(--lp-spacing);
  text-decoration: none;
  transition: var(--lp-transition-default);
  width: 100%;
}

.lp-toc--sticky li:last-child a,
.lp-fixed-toc li:last-child a {
  border-bottom: 1px solid var(--lp-border-color);
}

.lp-toc--sticky li a:hover,
.lp-fixed-toc li a:hover {
  text-decoration: underline;
}

.lp-toc--sticky .lp-observer-target--is-observed,
.lp-fixed-toc  .lp-observer-target--is-observed {
  background-color: var(--lp-color-section-beige);
  border-left-color: var(--lp-color-1);
  position: relative;
  transition: var(--lp-transition-default);
}

body[class*='sv-subweb-theme'] .lp-toc--sticky .lp-observer-target--is-observed,
body[class*='sv-subweb-theme'] .lp-fixed-toc  .lp-observer-target--is-observed {
  border-left-color: var(--lp-color-brand);
}

.lp-toc--sticky .lp-observer-target--is-observed:before,
.lp-fixed-toc .lp-observer-target--is-observed:before {
  border-color: transparent transparent transparent var(--lp-color-1);
  border-style: solid;
  border-width: 3rem 0 3rem 0.7rem;
  bottom: 0;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--lp-transition-default);
  width: 0;
}

body[class*='sv-subweb-theme'] .lp-toc--sticky .lp-observer-target--is-observed:before,
body[class*='sv-subweb-theme'] .lp-fixed-toc .lp-observer-target--is-observed:before {
  border-color: transparent transparent transparent var(--lp-color-brand);
}

.lp-fixed-toc.lp-overlay__container {
  height: 100vh !important;
}

div.lp-fixed-toc .lp-overlay__inner {
  background-color: #fff;
  max-width: 50rem;

  isolation: isolate;
}

div.lp-fixed-toc .lp-overlay__inner:before {
  background-color: #cbc7c2;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
  z-index: -1;
}

.lp-fixed-toc.lp-overlay__container .lp-overlay__header {
  border-bottom: 0;
}

.lp-fixed-toc .lp-overlay__content .sv-toc-portlet {
  margin-left: calc(-1 * var(--lp-spacing));
  margin-right: calc(-1 * var(--lp-spacing));
}

.lp-overlay-button.lp-button-toc {
  align-items: center;
  background-color: var(--lp-color-1);
  bottom: 10rem;
  color: var(--lp-color-1-contrast);
  display: flex;
  height: 48px;
  margin: 0;
  padding: 1.4rem;
  padding: 0;
  position: fixed;
  right: 0;
  width: 48px;
  z-index: 5;

  justify-content: center;
}

.sv-editor-menu-visible .lp-overlay-button.lp-button-toc {
  bottom: 19rem;
}

.lp-overlay-button.lp-button-toc .lp-icon {
  margin: 0;
  transition: var(--lp-transition-default);

  fill: var(--lp-color-1-contrast);
}

.lp-overlay-button.lp-button-toc:hover {
  background-color: var(--lp-color-1-dark);
}

.lp-overlay-button.lp-button-toc:hover .lp-icon {
  transform: scale(1.3);
}

.lp-overlay-button.lp-button-toc span {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}


/*
---------------------------------------------------------
NY INNEHÅLLSFÖRTECKNING
--------------------------------------------------------- */

.lp-fixed-toc .lp-overlay__content .sv-marketplace-sitevision-table-of-contents {
  margin-left: calc(-1 * var(--lp-spacing));
  margin-right: calc(-1 * var(--lp-spacing));
}

.sv-marketplace-sitevision-table-of-contents li a {
  display: block;
}

.sv-marketplace-sitevision-table-of-contents li a.sv-toc-active,
.sv-marketplace-sitevision-table-of-contents li a.lp-observer-target--is-observed.sv-toc-active {
  background-color: var(--lp-color-section-beige);
  border-left-color: var(--lp-color-1);
  position: relative;
  transition: var(--lp-transition-default);
}

.sv-marketplace-sitevision-table-of-contents li a.sv-toc-active::before,
.sv-marketplace-sitevision-table-of-contents li a.lp-observer-target--is-observed.sv-toc-active::before {
  border-color: transparent transparent transparent var(--lp-color-1);
  border-style: solid;
  border-width: 3rem 0 3rem 0.7rem;
  bottom: 0;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--lp-transition-default);
  width: 0;
}

.sv-marketplace-sitevision-table-of-contents li a.lp-observer-target--is-observed {
  background-color: transparent;
  border-left-color: #cbc7c2;
}

.sv-marketplace-sitevision-table-of-contents li a.lp-observer-target--is-observed:not(.sv-toc-active)::before {
  content: none;
}

/*
---------------------------------------------------------
PANIKKNAPP
--------------------------------------------------------- */

html:not(.sv-edit-mode) .sv-marketplace-limepark-panic-button,
html:not(.sv-edit-mode) .pagecontent > .sv-marketplace-limepark-panic-button {
  bottom: 7rem;
  left: 1rem;
  margin-bottom: 0;
  position: fixed;
  right: 1rem;
  z-index: 10000000000;
}

.lp-panic-button__button.env-button {
  text-align: left;
}

.lp-panic-button__button.env-button:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2050%2050\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M21.464%203.162c-.455.3-.593.848-.338%201.341.274.53-.53.497%2012.245.497H45v40l-6.646.001c-6.429%200-6.654.005-6.89.161-.455.3-.593.848-.338%201.341.272.525-.109.502%207.954.478l7.334-.023.272-.272.272-.273V3.587l-.272-.273-.273-.272-12.352-.021c-12.102-.02-12.358-.018-12.597.141m2.953%203.969c-2.83.612-4.228%203.748-2.905%206.519.305.64%201.081%201.45%201.712%201.789.578.31%201.595.561%202.276.561.681%200%201.698-.251%202.276-.561%201.316-.706%202.222-2.312%202.222-3.939%200-2.978-2.602-5.015-5.581-4.369m2.307%202.148c.831.421%201.227%201.135%201.231%202.221.003.611-.029.774-.231%201.185C27.3%2013.548%2026.536%2014%2025.5%2014c-1.036%200-1.8-.452-2.224-1.315-.202-.411-.234-.574-.231-1.185.003-.779.154-1.232.577-1.733.241-.285.737-.579%201.17-.694.487-.13%201.479-.024%201.932.206m10.756%201.847c-.29.163-.48.529-.48.926%200%20.29.089.401%201.309%201.63L39.618%2015l-3.455.001c-3.275%200-3.467.008-3.699.161-.455.3-.593.848-.338%201.341.256.494.282.497%204.054.497h3.438l-1.309%201.318c-1.22%201.229-1.309%201.34-1.309%201.63%200%20.634.419%201.052%201.053%201.052.296%200%20.424-.111%202.524-2.187%201.217-1.204%202.259-2.263%202.315-2.355.132-.214.131-.702-.001-.916-.056-.092-1.082-1.137-2.279-2.322-2.096-2.076-2.19-2.156-2.54-2.189-.23-.021-.447.013-.592.095m-25.169%204.961a3.792%203.792%200%200%200-.654.251c-.722.368-1.029.769-2.609%203.405-.84%201.402-1.603%202.699-1.695%202.882-.773%201.544-.134%203.366%201.439%204.1.424.198.606.233%201.208.233.603%200%20.785-.036%201.227-.24.755-.348%201.168-.848%202.398-2.903l1.083-1.809.562-.003.561-.003-.172.438c-1.517%203.86-2.21%205.434-3.685%208.369l-1.599%203.182-2.542.027-2.541.026-.477.223c-.668.313-1.243.879-1.533%201.507-.204.443-.24.624-.24%201.228%200%20.602.035.784.233%201.208.304.651.87%201.221%201.507%201.515l.51.235h7.833l.473-.221c.813-.382%201.13-.754%202.036-2.398.453-.822.847-1.469.874-1.438.028.032%201.826%202.377%203.997%205.212%202.712%203.541%204.055%205.227%204.289%205.389%201.501%201.033%203.518.318%204.05-1.437.211-.693.178-1.199-.121-1.842-.111-.237-1.796-2.99-3.746-6.117l-3.546-5.686%201.206-2.647c.664-1.457%201.28-2.814%201.37-3.018l.164-.37%201.602%201.585c2.164%202.141%201.761%201.988%205.227%201.988h2.708l.473-.221c1.96-.919%202.424-3.458.891-4.87-.776-.714-1.368-.867-3.357-.867h-1.501l-2.461-2.444c-2.835-2.815-3.429-3.262-5.252-3.95-1.392-.525-1.603-.545-5.918-.572-2.237-.013-4.094.01-4.272.053m7.912%202.001c.9.122%202.147.562%202.966%201.047.583.345%201.1.816%203.44%203.135L29.383%2025h1.853c2.073%200%202.309.047%202.595.516.215.352.214.683-.003%201.035-.265.429-.504.463-3.015.434l-2.229-.027-2.498-2.497c-1.538-1.538-2.527-2.467-2.573-2.417-.04.045-1.035%202.207-2.211%204.806l-2.138%204.725%203.918%206.29C25.649%2041.986%2027%2044.23%2027%2044.373c0%20.496-.691.808-1.065.481-.092-.08-2.524-3.221-5.404-6.979-5.667-7.396-5.595-7.289-5.505-8.18.03-.296.608-1.83%201.854-4.917.996-2.467%201.828-4.552%201.85-4.632.037-.137-.124-.146-2.547-.146h-2.587l-1.384%202.28c-.761%201.254-1.48%202.369-1.596%202.479-.301.282-.932.282-1.232%200-.317-.298-.414-.669-.279-1.062.126-.365%202.906-5.048%203.178-5.352.096-.108.25-.228.342-.265.248-.103%206.832-.095%207.598.008m-5.17%2016.12c-.146.382-1.849%203.367-2.02%203.542l-.203.208-3.501.024c-3.904.026-3.94.021-4.198-.522-.164-.346-.165-.571-.006-.907.242-.51.225-.507%203.389-.553l2.89-.042.223-.208c.123-.115.614-.987%201.091-1.939l.867-1.73.758%201.002c.464.613.739%201.049.71%201.125%22%2F%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1.4em;
  margin-right: 0.8em;
  width: 1.4em;

  flex-shrink: 0;
}

/*
---------------------------------------------------------
LEDIGA JOBB
--------------------------------------------------------- */

.lp-jobListing-visma ul {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;

  gap: var(--lp-spacing-x-small);
  grid-template-columns: repeat(auto-fill, minmax(48rem, 1fr));
}

.lp-jobListing-visma li {
  background-color: #fff;
  border: 1px solid var(--lp-border-color);
  border-radius: var(--lp-border-radius);
  font-size: var(--lp-font-size-2);
  padding: 0.6em 1.2em 0.8em;
  transition: var(--lp-transition-default);
}

.lp-jobListing-visma li.lp-clickable-area:hover {
  background-color: var(--lp-color-section-beige);
}


.lp-jobListing-visma li a {
  align-items: center;
  color: var(--lp-font-color);
  display: flex;
  font-weight: 600;
  text-decoration: none;
}

.lp-jobListing-visma li a:after {
  background-image: var(--lp-icon-arrow-dark);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  filter: none;
  height: 2.4rem;
  margin-left: 0.3em;
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);
  width: 2.4rem;

  flex-shrink: 0;
}

.lp-jobListing-visma li a:hover,
.lp-jobListing-visma .lp-clickable-area:hover a {
  text-decoration: underline;
}

.lp-jobListing-visma li a:hover:after,
.lp-jobListing-visma .lp-clickable-area:hover a:after {
  transform: rotate(0deg);
}

.lp-jobListing-visma .lp-visma-enddate {
  font-size: var(--lp-font-size-1);
}

.lp-jobListing-visma .lp-visma-enddate:before {
  content: 'Ansök senast:';
  display: inline-block;
  margin-right: 0.5rem;
}

/* Visning av tjänst */

.lp-visma-job-details-wrapper img {
  max-width: 100%;
}

.lp-visma-job-details-wrapper ul.lp-visma-contact-list {
  display: grid;
  list-style: none;
  margin: 1em 0 2em;
  padding: 0;
  gap: var(--lp-spacing-small);
  grid-template-columns: 1fr;
}

.lp-visma-job-details-wrapper ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.lp-visma-job-details-wrapper .lp-visma-contactName {
  display: block;
  font-family: poppins,sans-serif;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.2em;
}

.lp-visma-job-details-wrapper dl {
  display: grid;
  margin: 1em 0 1.5em;

  gap: 0 0.5em;
  grid-template-columns: minmax(16rem, 25%) auto;
}

.lp-visma-job-details-wrapper .lp-visma-btn {
  display: block;
  margin: var(--lp-spacing) 0;
  padding-bottom: 0.6em;
  padding-top: 0.6em;
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.addon-visma-assignments form select {
  background-color: #fff;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2030.58%2019.64\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%2325476b\'%3E%3Cpath%20%20d%3D%22M30.22%203.49L27.07.36a1.19%201.19%200%200%200-1.71%200L15.29%2010.44%205.22.36a1.19%201.19%200%200%200-1.71%200L.36%203.49a1.21%201.21%200%200%200%200%201.73l14.08%2014.06a1.19%201.19%200%200%200%201.71%200L30.22%205.22a1.21%201.21%200%200%200%200-1.73z%22%2F%3E%3C%2Fsvg%3E');
  background-position: bottom 50% right 10px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border: 0;
  border: 1px solid rgba(151,151,151,0.4);
  border-radius: var(--lp-border-radius);
  box-sizing: border-box;
  color: var(--lp-font-color);
  cursor: pointer;
  display: block;
  font-family: var(--lp-font-family);
  font-size: var(--lp-font-size-2);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 3rem;
  margin-top: 1rem;
  padding: 0.8rem 3rem 0.8rem 2rem;
  max-width: 50rem;
  width: 100%;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.addon-visma-assignments form label {
  font-family: poppins,sans-serif;
  font-weight: 600;
}

/*
---------------------------------------------------------
KARTA
--------------------------------------------------------- */

.lp-map {
  border-radius: var(--lp-border-radius);
  margin: var(--lp-spacing-large) 0 var(--lp-spacing);
  overflow: hidden;
  width: 100%;

  aspect-ratio: 16/9;
}

.lp-map__frame {
  height: 100%;
  width: 100%;
}

/*
---------------------------------------------------------
FLER SIDOR
--------------------------------------------------------- */

.lp-subpage-menu {
  /*background-color: var(--lp-color-section-beige);
  border-radius: var(--lp-border-radius);
  padding: var(--lp-spacing);*/
  margin: var(--lp-spacing-x-large) 0 var(--lp-spacing-large);
}

.lp-subpage-menu .subheading {
  font-size: var(--lp-font-size-3);
}

.lp-subpage-menu__list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;

  gap: 0 clamp(2rem,2vw,4rem);
  grid-template-columns: 1fr 1fr;
}

.lp-subpage-menu__list li {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-size: var(--lp-font-size-2);
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
}

.lp-subpage-menu__list li:nth-child(1),
.lp-subpage-menu__list li:nth-child(2) {
  border-top: 1px solid rgba(0,0,0,0.1);
  padding-top: 0.75em;
}

.lp-subpage-menu__list a {
  text-decoration: none;
}

.lp-subpage-menu__list .lp-icon {
  font-size: 1.3em;
  margin-bottom: -0.2em;
  transform: rotate(-45deg);
  transition: var(--lp-transition-default);
}

.lp-subpage-menu__list a:hover,
.lp-subpage-menu__list .lp-clickable-area:hover a {
  text-decoration: underline;
}

.lp-subpage-menu__list a:hover .lp-icon,
.lp-subpage-menu__list .lp-clickable-area:hover a .lp-icon {
  transform: rotate(0);
}


/*
---------------------------------------------------------
ANSLAGSTAVLA
--------------------------------------------------------- */

div .limepark-notice-board__item__header {
  padding: var(--lp-spacing-small);
}

.limepark-notice-board__item__topic {
  font-weight: normal;
}

div .limepark-notice-board__item__content {
  padding: var(--lp-spacing-small);
  padding-top: 0;
}

div .limepark-notice-board__item__content::before {
  margin-bottom: var(--lp-spacing-small);
  margin-left: calc(var(--lp-spacing-small) * -1);
  margin-right: calc(var(--lp-spacing-small) * -1);
  width: calc(100% + var(--lp-spacing-small) * 2);
}

div .limepark-notice-board__item__metas {
  background-color: var(--lp-nb-list-item-background-color-focus);
}

div .limepark-notice-board__item__description {
  margin-top: var(--lp-spacing-small);
}

/*
---------------------------------------------------------
TEMPORÄR EVENEMANGS-INTEGRATION
--------------------------------------------------------- */

.lp-external-event__list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;

  grid-gap: var(--lp-filterable-list__grid-gap);
  grid-template-columns: 1fr;
  --lp-filterable-list__padding: 1.5em;
}

.lp-external-event-list__item {
  border-bottom: 1px solid var(--lp-color-1);
  display: flex;
  margin: 0;
  padding: 0;

  flex-wrap: wrap;
}

.lp-external-event-list__item:first-child {
  border-top: 1px solid var(--lp-color-1);
}

.lp-external-event-list-item__toggle-button {
  align-items: center;
  background: none;
  border: none;
  display: flex;
  margin: 0;
  padding: var(--lp-filterable-list__padding) 1rem;
  position: relative;
  transition: var(--lp-transition-default);
  width: 100%;

  gap: 2rem;
  justify-content: space-between;
}

.lp-external-event-list-item__toggle-button::after {
  border-color: transparent;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  bottom: 0;
  content: '';
  display: inline-block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  width: 0;
}

.lp-external-event-list-item__toggle-button[aria-expanded='true']::after {
  border-color: var(--lp-color-5) transparent transparent transparent;
  transform: translateY(100%) translateX(-50%);
}


.lp-external-event-list-item__toggle-button[aria-expanded='true'] {
  background-color: var(--lp-color-5);
}

.lp-external-event-list-item__toggle-button:hover {
  background-color: var(--lp-color-5);
}

/* Datumtagg */

.lp-external-event-list-item__date-tag {
  align-items: center;
  border: 1px solid var(--lp-color-1);
  border-radius: var(--env-border-radius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 6rem;
  overflow: hidden;
  padding-bottom: 0;

  align-self: start;
  flex-shrink: 0;
  justify-content: center;
}

div .lp-external-event-list-item__date-tag * {
  background-color: #fff;
  box-sizing: border-box;
  display: block;
  font-size: var(--lp-font-size-2);
  font-weight: 600;
  margin: 0;
  padding: 0.3em 0.8em 0.4em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.lp-external-event-list-item__date-tag span:first-child {
  background-color: var(--env-element-primary-background-color);
  color: var(--env-element-primary-font-color);
  font-size: var(--lp-font-size-1);
  padding: 0 0.6em 0.1em;
}


/* Innehåll */

.lp-external-event-list-item__heading {
  width: 100%;
}

.lp-external-event-list-item__heading-wrapper {
  align-items: center;
  display: flex;

  justify-content: space-between;
}

.lp-external-event-list-item__toggle-button h3.subheading {
  font-size: var(--lp-font-size-3);
  margin: 0 0 0.5rem;
  text-align: left;
}

.lp-external-event-list-item__toggle-button:hover h3.subheading {
  text-decoration: underline;
}

/* Toggle-ikoner */

.lp-external-event-list-item__toggle-button .lp-toggler-icon {
  font-size: 1.2em;
  margin-left: 2rem;
}


.lp-external-event-list-item__toggle-button[aria-expanded='false'] .lp-toggler-icon--close {
  display: none;
}

.lp-external-event-list-item__toggle-button[aria-expanded='true'] .lp-toggler-icon--open {
  display: none;
}


div .lp-external-event-list-item__date {
  align-items: center;
  display: flex;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 0;
}

.lp-external-event-list-item__date:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%206C8.928%206%206%208.928%206%2012.5v23c0%203.572%202.928%206.5%206.5%206.5h23c3.572%200%206.5-2.928%206.5-6.5v-23C42%208.928%2039.072%206%2035.5%206h-23zm0%203h23c1.95%200%203.5%201.55%203.5%203.5V14H9v-1.5C9%2010.55%2010.55%209%2012.5%209zM9%2017h30v18.5c0%201.95-1.55%203.5-3.5%203.5h-23C10.55%2039%209%2037.45%209%2035.5V17zm6.5%204a2.5%202.5%200%200%200%200%205%202.5%202.5%200%200%200%200-5zm8.5%200a2.5%202.5%200%200%200%200%205%202.5%202.5%200%200%200%200-5zm8.5%200a2.5%202.5%200%200%200%200%205%202.5%202.5%200%200%200%200-5zm-17%209a2.5%202.5%200%200%200%200%205%202.5%202.5%200%200%200%200-5zm8.5%200a2.5%202.5%200%200%200%200%205%202.5%202.5%200%200%200%200-5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1.2em;
  margin-right: 0.4em;
  margin-top: -0.1em;
  width: 1.2em;

  flex-shrink: 0;
}

/* Utfällning */

.lp-external-event-list-item__details {
  margin-left: 9rem;
  margin-top: 1rem;
  padding-bottom: var(--lp-filterable-list__padding);
}

.lp-external-event-list-item__details dl {
  align-items: flex-start;
  display: flex;
  font-size: var(--lp-font-size-1);
  margin-bottom: 0.4em;

  flex-wrap: wrap;
  gap: 0.4em;
}

.lp-external-event-list-item__details dt {
  font-weight: 600;
  margin: 0;
  min-width: 13rem;
  width: 20%;

  flex-shrink: 1;
}

.lp-external-event-list-item__details dd {
  margin: 0;
  width: 70%;

  flex-grow: 1;
}

.lp-external-event-list-item__submit-button {
  font-size: 1.6rem;
  margin-top: 1rem;
}

.sv-template-evenemang-import .pagecontent .sv-use-margins .sv-text-portlet-content {
  margin-bottom: 1.5em;
}
.sv-template-evenemang-import .pagecontent .sv-use-margins .sv-text-portlet-content > p:last-child {
  margin-bottom: 0;
}

/*
---------------------------------------------------------
ÖPPETTIDER
--------------------------------------------------------- */

.lp-openhours-today {
  align-items: center;
  display: flex;
  margin-top: 2rem;
}

.lp-openhours .env-badge {
  /* background-color: var(--lp-color-decoration-green);
  color: var(--env-element-success-font-color);
  font-size: var(--env-font-size-medium); */
  margin-right: 1.5rem;
}

/*
---------------------------------------------------------
METADATA BOX
--------------------------------------------------------- */
div .limepark-webapp-metadata-box__app {
  border-radius: var(--lp-border-radius);
  margin-bottom: var(--lp-spacing);
  padding: var(--lp-spacing-small) var(--lp-spacing);
}

.sv-template-evenemang-import .limepark-webapp-metadata-box__item__name {
  flex: 0 1 20%;
}
.sv-template-evenemang-import .limepark-webapp-metadata-box__item__value {
  max-width: 79%;
}

/*
---------------------------------------------------------
REK AI - FLER NYHETER
--------------------------------------------------------- */
.lp-rek-more-news .rekai-news-wrapper {
  display: grid !important;
  margin: 0;

  gap: 3rem;
  grid-template-columns: repeat(auto-fill, minmax(min(27rem, 100%), 1fr));
}


.lp-rek-more-news .rekai-newsarticle-article-container {
  padding: 0;
  width: auto;
}

.lp-rek-more-news .rekai-newsarticle-article {
  /*background: var(--lp-color-4); */
  border: 1px solid var(--lp-border-color);
  border-radius: 10px;
  height: 100%;
}

.lp-rek-more-news a.rekai-newsarticle-a,
.lp-rek-more-news .rekai-newsarticle-p {
  display: block;
  padding-left: 2rem;
  padding-right: 2rem;
}

.lp-rek-more-news .rekai-newsarticle-img {
  border-radius: var(--lp-border-radius) var(--lp-border-radius) 0 0;
}

.lp-rek-more-news .rekai-newsarticle-a {
  text-decoration: none;
}

.lp-rek-more-news .rekai-newsarticle-a:hover,
.lp-rek-more-news .rekai-newsarticle-a:focus {
  text-decoration: underline;
}

.lp-rek-more-news h3 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.lp-rek-more-news .rekai-news-header-wrapper > h3 {
  margin-bottom: 0.5em;
}

.lp-rek-more-news p {
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

/*
---------------------------------------------------------------------
INNEHÅLLSFÖRTECKNING SKRIPT - ANVÄNDS PÅ UNDERWEBB FÖR ÖVERSIKTSPLAN
--------------------------------------------------------------------- */
.sv-editor-menu-visible .lp-toc-overlay__button {
  bottom: 19rem;
}

.sv-edit-mode .lp-toc-overlay__button {
  bottom:9rem;
}

.lp-toc-overlay__close-button {
  width: 100%;
  justify-content: center;
}

.lp-toc-overlay__button {
  animation-duration: 300ms;
  border: 0;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  transform: translate(130%, -50%);
  transition: transform 300ms ease, opacity 300ms ease, visibility 0s linear 300ms;
  visibility: hidden;
  z-index: 30;
}

.lp-toc-overlay__button.lp-toc-button--is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
  visibility: visible;
  transition: transform 300ms ease, opacity 300ms ease;
}

.lp-toc-overlay__button .lp-icon,
.lp-toc-overlay__close-button .lp-icon {
  font-size: 1.5em;
}

.lp-toc-overlay__button .lp-icon {
  transition: all 0.2s ease;
}

.lp-toc-overlay__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 1.3rem;
}

.lp-toc-overlay__container.lp-fixed-toc {
  align-items: flex-start;
  background-color: rgba(9, 26, 34, 0.6);
  display: flex;
  height: 100vh;
  justify-content: flex-end;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 300ms ease;
  width: 100vw;
  z-index: 1000;
}

.lp-toc-overlay__button:hover .lp-icon {
  transform: scale(1.3);
}

.lp-toc-overlay__container.lp-fixed-toc[hidden] {
  display: none !important;
}

.lp-toc-overlay__container.lp-fixed-toc:not(.lp-toc-overlay--is-open) {
  opacity: 0;
  pointer-events: none;
}

.lp-toc-overlay__container.lp-fixed-toc.lp-toc-overlay--is-open {
  opacity: 1;
  pointer-events: auto;
}

.lp-toc-overlay__inner {
  animation-duration: 300ms;
  backface-visibility: hidden;
  background-color: var(--lp-color-brand);
  box-shadow: 0 0 30px rgba(3, 49, 15, 0.39);
  max-height: 100vh;
  max-width: 100vw;
  min-height: 100vh;
  overscroll-behavior: contain;
  overflow: auto;
  padding: 1.5rem;
  pointer-events: auto;
  position: relative;
  transform: translateX(100%);
  transform-style: preserve-3d;
  transition: transform 300ms ease;
  width: 30vw;
  z-index: 1000;
}

.lp-toc-overlay__container.lp-fixed-toc.lp-toc-overlay--is-open .lp-toc-overlay__inner {
  transform: translateX(0);
}

.lp-toc-overlay__content {
  background: var(--lp-color-decoration-blue);
  max-height: calc(100vh - 9rem);
  overflow: auto;
}

.lp-overlay-body--noscroll {
  overflow: hidden;
}

@media (max-width: 992px) {
  .lp-toc-overlay__button {
    bottom: 1rem;
    right: 0;
    top: auto;
    transform: translateX(130%);
  }

  .lp-toc-overlay__button.lp-toc-button--is-visible {
    transform: translateX(0);
  }

  .lp-toc-overlay__inner {
    padding: 1rem;
    width: 85vw;
  }
}