html {
  word-break: break-word;
}

/*
.sp-news-tag {
  position: absolute;
  padding: 2rem;
  bottom: 0;
}
*/

.sp-menu-passage {
  display: flex;
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.5rem;
}

.sp-menu-passage a.normal {
  text-decoration: none;
}

.sp-menu-passage a.normal:hover .subheading4 {
  text-decoration: underline;
}

.sp-menu-passage a.sp-card {
  flex: 0 0 calc(100% * (1 / 3) - 5rem);
}

.sp-menu-passage .subheading4 {
   color:#000000
}

.sp-full-click-area-link {
  position: relative;
  transition: all 0.1s ease-in-out;
}

.sp-full-click-area-link:hover {
  transform: scale(1.015);
}

.sp-full-click-area-link a:before {
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
}

.sp-padding-bottom-3rem-desktop-1rem-mobile {
  padding-bottom: 3rem;
}

.sp-padding-top-3rem-desktop-1rem-mobile {
  padding-top: 3rem;
}

@media (prefers-reduced-motion) {
  .sp-full-click-area-link:hover {
    transform: none;
  }
}

@media (max-width: 576px) {
  .sp-padding-bottom-3rem-desktop-1rem-mobile {
    padding-bottom: 1rem;
  }
  .sp-padding-top-3rem-desktop-1rem-mobile {
    padding-top: 1rem;
  }
}

.sp-hjalpte-sidan-innehall {
  background-color: #e9e8e7;
  box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
  margin-bottom: 2em;
  border-radius: 5px;
}

.sp-hjalpte-sidan-innehall form {
  padding: 2em;
}

.sp-hjalpte-sidan-innehall form input[type='submit'] {
  background-color: #004e3a;
  color: white;
}

.sp-facts {
  background-color: #e9e8e7;
  margin-bottom: 2em;
  border-radius: 5px;
}
.sp-facts-grey {
  background-color: #e9e8e7;
  color: #000;
}
.sp-facts-grey p,
.sp-facts-grey h2,
.sp-facts-grey h3,
.sp-facts-grey h4{
  color: #000;
}
.sp-facts-green {
  background-color: #004C38;
  color: #fff;
}
.sp-facts-green p,
.sp-facts-green h2,
.sp-facts-green h3,
.sp-facts-green h4 {
  color: #fff;
}

.sp-facts-blue {
  background-color: #005474;
   color: #fff;
}
.sp-facts-blue p,
.sp-facts-blue h2,
.sp-facts-blue h3,
.sp-facts-blue h4 {
  color: #fff;
}

.sp-facts h2,
.sp-facts h3,
.sp-facts h4 {
   margin-top: .5rem!important;
}

.sp-storningar {
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 1em;
  display: flex;
}

.sp-storningar:hover div {
  border-color: grey;
  transition: all 0.2s;
}

.sp-storningar div {
  border: 1px solid lightgray;
  margin: 0;
  padding: 0.5em 1em;
  background: white;
  font-weight: 600;
  border-radius: 500px;
  font-size: 15px;
}

.sp-storningar div a {
  text-decoration-color: lightgrey;
}

.sp-storningar div span {
  font-weight: 700;
}

.sp-storningar div i {
  color: red;
}

.sp-disturbance-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-disturbance-list__heading {
  margin-top: 0.25em;
  margin-bottom: 0;
  font-weight: 600;
}

.sp-disturbance-list__heading a {
  text-decoration: none;
  color: #000000;
}

.sp-disturbance-list__item {
  margin-bottom: 3em;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 1em;
}

.sp-contact-collapse a.env-button[data-env-collapse]:after {
  content: '\f078';
}

.sp-contact-collapse a.env-button.env-collapse--expanded:after,
button.env-button.env-collapse--expanded:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sv-marketplace-sitevision-mobile-menu div {
    background-color: #6C6058;
    border-radius: 5px;
   margin-left: 1em;
}

.sv-marketplace-sitevision-mobile-menu nav{
   background-color: #6C6058;
   border-radius: 5px;
   /*padding: 80px 0;
   width: 400px;*/
   margin-left: auto; 
   /*box-shadow: -396px 0 0 3110px rgb(0 0 0 / 39%);*/
}

.sv-marketplace-sitevision-mobile-menu nav>button{
  	height: unset !important;
   padding: 0 0.8rem !important;
   width: unset !important;
   color: #fff !important;
}

.sv-marketplace-sitevision-mobile-menu nav .env-button--icon-small{
	top: .625em !important;
   right: .625em !important;
   left: initial!important;
}

.sv-marketplace-sitevision-mobile-menu nav ul.env-list{
   padding: 0;
}

.sv-marketplace-sitevision-mobile-menu .env-list a{
    color: white;
    min-height: initial;
	 border-bottom: 1px solid rgba(255,255,255,0.25);
}

.sv-marketplace-sitevision-mobile-menu .env-list li{
}

.env-icon{
    color: white;
}

li ul li a {
    padding-left: 2em !important;
}

.sv-marketplace-sitevision-mobile-menu .env-list {
   background-color: #6C6058
}

.sv-marketplace-sitevision-mobile-menu .env-list a[data-active-item=true]{
   font-weight: initial !important; 
}

.sp-active-list-item > .env-icon {
    color: #6C6058;
}

.sv-marketplace-sitevision-mobile-menu .env-list a.sp-active-link{
    background: #E2DEBB !important;
    color: #005776;
    font-weight: 700 !important;
}

.sv-marketplace-sitevision-mobile-menu dialog {
   background-color: #005776;
   margin: 0;
   margin-left: auto;
   width: 400px;
   padding: 70px 0px 10px;
   /*bottom: unset; 
   left: unset;*/
}

/*.sv-marketplace-sitevision-mobile-menu dialog::backdrop { 
	display: none;
}*/

.sv-marketplace-sitevision-mobile-menu dialog a.env-button.env-button--icon:not(.env-button--icon-after):not(.env-button--icon-before):not(.env-button--icon-around):not(.env-button--icon-above):first-of-type{
   height: initial;
	width: initial;
   color: white;
	padding: 0 1em;
   display: flex;
	gap: 0.5em;
   text-decoration: none;
   align-items: center;
}


.sv-marketplace-sitevision-mobile-menu dialog a.env-button.env-button--icon:not(.env-button--icon-after):not(.env-button--icon-before):not(.env-button--icon-around):not(.env-button--icon-above):first-of-type:hover{
    text-decoration: underline;
    background-color: var(--env-element-background-color-dark);
}

.nav-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgb(0 0 0 / 39%);
}


.sp-e-service {
   margin: 1.5rem 0;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer {
    background-color: var(--env-element-background-color);
    color: var(--env-font-color-invert);
    padding: .44em 1rem;
	 border-radius: 5px;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-text-portlet-content .normal {
    margin: 0;
    padding: 0;
    color: white;
    font-size: .9rem;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-text-portlet-content .normal a{
   color: white;
   text-decoration: none;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-text-portlet-content .normal a:hover {
   text-decoration: underline;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer {
    display: flex;
 	 align-items: center;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-html-portlet.sv-portlet {
    display: flex;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-html-portlet.sv-portlet:first-of-type {
    margin-right: 1em;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-html-portlet.sv-portlet:last-of-type {
    margin-left: auto;
}


@media (max-width: 576px) {
  .sv-marketplace-sitevision-mobile-menu nav {
    width: 100%;
  }

  .sv-marketplace-sitevision-mobile-menu nav a {
    padding: 1em 1em;
  }
}

@media (max-width: 768px) {
  .sp-menu-passage {
    flex-direction: column;
  }

  main {
    overflow: auto;
  }
}