/* PEPPE YOLO */
.time-wrapper {
   display: inline-flex;
   width: auto;
   gap: 0.5em;
   align-items: center;
   background: #5d1e69;
   padding: 0.8em 1em!important;
   border-radius: 0.5em;
}

.time-wrapper * { color: #FFF!important; }

.time-wrapper time {
   background-color: transparent!important;
   position: relative!important;
   display: block!important;
   text-align: left!important;
   width: auto!important;
   height: auto!important;
   padding: 0!important;
   border-radius: 0!important;
   font-size: 16px!important;
   font-weight: bold!important;
   line-height: 23px!important;
   margin-top: 0!important;
   margin-left: 0!important;
}

.time-wrapper time:nth-child(2):before {
   content: "– ";
   position: relative;
}

.sv-decoration-cowboy time.normal {
   background-color: transparent!important;
   position: relative!important;
   display: block!important;
   text-align: left!important;
   width: auto!important;
   height: auto!important;
   padding: 0!important;
   border-radius: 0!important;
   font-size: 16px!important;
   font-weight: bold!important;
   line-height: 23px!important;
   margin-top: 0!important;
   margin-left: 0!important;
   color: black;
}
.sv-decoration-cowboy2 time.sv-font-liten-bold-svart {
   font-weight: 400!important;
   font-size: inherit!important;
}
.sv-decoration-cowboy li {
   padding: 1rem!important;
}

.sv-decoration-cowboy li img {
	margin-bottom: 1rem!important;
}

/* MISC */
 h1 {
    margin-top:10px;
     margin-bottom:0;
  }
 h2 {
     margin-bottom:5px;
  }
 h3 {
     margin-bottom:-10px;
  }
.sv-image-portlet img {
   margin-bottom:10px;
}
.breadcrumbs {
   padding:0;
}
.herobild {
   height: 650px;   
}
.innehall {
   width:64% !important;
}
.svart-overlay {
   display:none;
   position:fixed;
   top:0;
   width:100%;
   height:100%;
   background-color:#000;
   opacity:0.85;
   z-index:100;
}
.sok-pop-up {
   display:none;   
   position:absolute;
 left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
   z-index:1000;
}
.sok-pop-up .searchbox-startpage {   
   padding:0;
}
.sok-pop-up .searchbox-startpage input[type=text] {
   height:55px;
   background-color:#e8e8e8;
   margin-top:7px;
}
.sok-pop-up .searchbox-startpage input[type=image] {
   margin-left:-61px;
   margin-top:3px;
}
.sok-pop-up .searchbox-startpage > div {
   display:flex;   
}
.sok-pop-up .searchbox-startpage > div .sv-searchform-portlet {
   background-color:#fff;
   padding:5em 4em 20em 4em;
}
.sok-pop-up .searchbox-startpage > div img {
   margin-bottom:0;
   margin-left:30px;
   width:60px;
   cursor:pointer;
}
.sok-pop-up form > div {
   display:flex;      
}
.search-pop-up {
   cursor:pointer;
}
ul.sv-autocomplete-search-result {
   border:0;
   xbox-shadow:none;
   padding:10px 2px;
}
.sv-facetedsearch-portlet input[type=text] {
   padding:5px 15px;
   margin:-7px 3px 0 0;
   border-radius:4px;
   width:43%;
}
.sv-facetedsearch-portlet ol li {
   background-color:#efefef;
   margin-bottom:4px;
   padding:1em 1.4em !important;
}
.sv-facetedsearch-portlet ol li p.normal a {
   font-weight:normal !important;
}
.sv-facetedsearch-portlet ol li p {
   font-size:0.9em;
}
.sv-facetedsearch-portlet ol li p:last-child {
   font-size:0.8em;
}
.sv-search-facets {
   float:none !important;
   margin-top:1em;
   padding:0 !important;
}
.sv-search-facets ul {
   display:flex;
}
.sv-search-facets ul li {
   margin-right:1em !important;
}

/* Vita puffar */
.besok-upplev-farg .white-puff::after {
    content:url(/images/18.61963f91177b0111e0d162e/1620223469718/purple-arrow.png);
}
.naringsliv-farg .white-puff::after {
    content:url(/images/18.61963f91177b0111e0d2cdc/1621245340233/blue-arrow.png);
}
.pagecontent .sv-vertical.sv-layout .sv-fixed-fluid-grid.sv-grid-grid-1260px.sv-layout.sv-skip-spacer .sv-row.sv-layout {
   xmargin-top:1em !important;
}

.sv-linkicon {
   margin-left:2px;
}
.sv-responsiveTable {
   margin-top:1em;
}
.sv-responsiveTable table tr td:first-child p {
   padding-left:25px;
}
.sv-responsiveTable table tr th:first-child p {
   padding-left:24px;
}
.text-kommun a, .sv-decoration-kontaktruta a, .text-kommun .sv-responsiveTable table tr td p a {
   color:#097b6e;
}
.text-kommun a:hover, .text-besok a:hover, .sv-decoration-kontaktruta a:hover, .text-hogy a:hover {
   color:#3b3b3b !important;
}
.text-kommun .env-m-right--x-large, .text-besok .env-m-right--x-large, .text-flytta .env-m-right--x-large, 
.text-naringsliv .env-m-right--x-large, .text-hogy .env-m-right--x-large {
   color:#000;
}

.text-kommun .env-collapse--expanded .env-m-right--x-large, .text-besok .env-collapse--expanded .env-m-right--x-large,
.text-kommun .env-m-right--x-large:hover, .text-besok .env-m-right--x-large:hover, .text-flytta .env-m-right--x-large:hover,
.text-flytta .env-collapse--expanded .env-m-right--x-large, .text-naringsliv .env-m-right--x-large:hover,
.text-naringsliv .env-collapse--expanded .env-m-right--x-large {
   color:#fff !important;
}
.text-besok a, .sv-decoration-kontaktruta-besok-och-upplev a, .text-besok .sv-responsiveTable table tr td p a {
   color:#5d1e69;
}
.text-naringsliv a, .sv-decoration-kontaktruta-naringsliv a, .text-naringsliv .sv-responsiveTable table tr td p a {
   color:#00667e;
}
.flernivalank-naringsliv a {
   font-weight:bold;
   color:#00667e;
}
.sv-decoration-kontaktruta-flytta-hit a, .text-flytta a {
   color:#b2006e;
}
.sv-decoration-kontaktruta, .sv-decoration-dokumentruta-gra, .sv-decoration-kontaktruta-besok-och-upplev {
   margin:20px 0 20px 0;
}
.sv-decoration-kontaktruta h3 {
   padding:0 !important;
}
.flernivalank-flytta a {
   font-weight:bold;
   color:#b2006e;
}

.flernivalank-valkommen a {
   font-weight:bold;
}

.flernivalank-hogy a {
   font-weight:bold;
   color:#7ab1db;
}
.sv-decoration-stor-lasmer-knapp a {
   padding:1em 2em;
   border-radius:39px;
display:inline-block;
   border:2px solid #000;
}
.sv-decoration-stor-lasmer-knapp a:hover {
   background-color:#333;
   border:2px solid #333;
   color:#fff;
   text-decoration:none;
}
.sv-decoration-cta-knapp a {
   display:inline-block;
   padding: 15px 1.5em !important;
   border-radius:30px;
   background-color:#097b6e;
   color:#fff;
   font-weight:normal;
   border:2px solid #097b6e;
}
.sv-decoration-cta-knapp a:hover {
   background-color:#fff;
   color:#000;
   text-decoration:none;
}

.sv-decoration-e-tjanster-gron-knapp a {
   display:flex;
   align-items:center;
   width:fit-content;
   padding: 0.6em 1.5em !important;
   border-radius:30px;
   background-color:#097b6e;
   color:#fff;
   font-weight:normal;
   border:2px solid #097b6e;
}
.sv-decoration-e-tjanster-gron-knapp a:hover {
   background-color:#fff;
   color:#000;
   text-decoration:none;
}
.sv-decoration-e-tjanster-gron-knapp a:before {
   content: "";
    background-image:url(/images/18.61963f91177b0111e0dadeb/1622709786641/etjanster-vit2.png);
   background-size: 41px 29px;
   width:51px;
   height:36px;
      display:inline-block;
   background-repeat: no-repeat;
    background-position: 0 3px;
}
.sv-decoration-e-tjanster-gron-knapp a:hover:before {
   background-image:url(/images/18.61963f91177b0111e0d387/1616077829931/Etjanster.svg);
}

.senast-publicerad {
   border-top:2px solid #333;
   padding:1px 1.6em;
}
.sv-portlet-image-caption {
   font-size:16px;
   font-style: italic;
   color:#2c2c2c;
   font-weight:normal;
   display:block;
   padding-top:8px;
   margin-left:2px !important;
}
.margin-top-minus {
   position:relative;
   margin-top:-150px;
   height:fit-content;
}
.margin-top-minus-landingpage {
   position:relative;
   margin-top:-350px;
   height:fit-content;
}
 .margin-top-minus-landingpage > div > div {
   padding:1.5em 5em 0 5em;
    min-height:350px;
}  

.sv-decoration-puff-test {
   position:relative;
   text-decoration:none !important;
}

.sv-decoration-puff-test:hover, .puff-relaterad:hover {
   text-decoration:underline !important;
}
.sv-decoration-puff-test:after{
       content:url(/images/18.61963f91177b0111e0d8ef/1618405392587/pil_landningssida.svg);
       display:block;
       position:relative;
  		 width:100%;
   	text-align:center;
       top: 40px;
}
.sv-decoration-puff-test p {
   margin-bottom:0;
}
.sv-fixed-fluid-grid .sv-row [class*="sv-column"]:first-of-type {
   margin-left: 0 !Important;
}
.css-white-puff {
   margin-top:30px;
	display:flex;
   flex-wrap:wrap;
}
.css-white-puff > div {
	width:32%;
   margin-bottom:50px;
   margin-right:2%;
}
.css-white-puff > div:nth-child(3n) {
	width:32%;
   margin-right:0;
}
.white-puff-outer-container  {
   width:100% !important;
   border:0 !important;
}
.white-puff {
   padding-top:1.6em !important;
   border:0 !important;
}
.sv-WhitePuff:nth-child(3n-1) .white-puff {
   margin-left: 0;
}
.puffrad {
   display:flex;
   width:100%;
   justify-content:flex-start;
}
.puffrad > a {
  display:flex;
   padding:0 7px;
}
.puffrad img {
  max-width:unset;
   margin-bottom:15px;
}
.puff-relaterad {   
   flex-basis:264px;
   width:264px !important;  
}
.puff-relaterad a {   
   word-break:break-word;
}
.puff-relaterad p.normal a {      
   font-weight:normal;
}
.puff-relaterad h3 {      
   margin-top:0;
}

.populara-lankar {
   margin-left:0 !important;   
   display:flex !important;
   flex-wrap:wrap;
}

/* STOR KNAPP */
.stor-knapp a {   
   text-decoration:none;
   font-weight:normal !important;
  padding:0.8em 1.5em;
border:1px solid #097b6e;
border-radius:30px;
display:inline-block;
}
.stor-knapp a:hover {
background-color:#097b6e;
   color:#fff;
    text-decoration:none;
}
.sv-decoration-stor-knapp-naringsliv a {
      text-decoration:none;
   font-weight:normal !important;
  padding:0.8em 1.5em;
border:1px solid #00667e;
border-radius:30px;
display:inline-block;
}
.sv-decoration-stor-knapp-naringsliv a:hover {
background-color:#00667e;
   color:#fff;
    text-decoration:none;
}
.sv-decoration-stor-knapp-besok-och-upplev a {
      text-decoration:none;
   font-weight:normal !important;
  padding:0.8em 1.5em;
border:1px solid #5d1e69;
border-radius:30px;
display:inline-block;
}
.sv-decoration-stor-knapp-besok-och-upplev a:hover {
background-color:#5d1e69;
   color:#fff;
    text-decoration:none;
}

.sv-decoration-stor-knapp-hogy a {
	text-decoration:none;
   font-weight:normal !important;
	padding:0.8em 1.5em;
	border:1px solid #7ab1db;
	border-radius:30px;
	display:inline-block;
}
.sv-decoration-stor-knapp-hogy a:hover {
	background-color:#7ab1db;
   color:#fff;
	text-decoration:none;
}


.sv-decoration-popular-knapp-gron, .sv-decoration-popular-besok-och-upplev, .sv-decoration-popular-naringsliv {
   margin-right:10px;
   display:inline-block;
}
.sv-decoration-popular-knapp-gron:nth-child(1), .sv-decoration-popular-knapp-gron:nth-child(2), .sv-decoration-popular-knapp-gron:nth-child(3)  {
   margin-bottom:15px;
}
.sv-decoration-popular-knapp-gron p, .sv-decoration-popular-besok-och-upplev p, .sv-decoration-popular-naringsliv p {
   margin:0;
}
.sv-decoration-popular-naringsliv a {
   text-decoration:none;
   font-weight:normal !important;
   padding:0.5em 1.5em;
border:2px solid #00667e;
border-radius:20px;
display:inline-block;
}
.sv-decoration-popular-naringsliv a:hover {
   background-color:#00667e;
   color:#fff;
    text-decoration:none;
}
.sv-decoration-popular-besok-och-upplev a {
   text-decoration:none;
   font-weight:normal !important;
   padding:0.5em 1.5em;
border:2px solid #5d1e69;
border-radius:20px;
display:inline-block;
}
.sv-decoration-popular-besok-och-upplev a:hover {
   background-color:#5d1e69;
   color:#fff;
    text-decoration:none;
}
.sv-decoration-popular-knapp-gron a:hover {
   background-color:#097b6e;
   color:#fff;
    text-decoration:none;
}
.sv-decoration-popular-knapp-gron a {
   text-decoration:none;
   font-weight:normal !important;
  padding:0.5em 1.5em;
border:2px solid #097b6e;
border-radius:20px;
display:inline-block;
}

/* Nyhetslistning */
.sv-archive-portlet ul li {
   background-color:#f3f3f3;
   padding:2px 1em 1em 1.5em;
}
.sv-archive-portlet ul li h3 {
   margin-bottom:2px;
}
.sv-archive-portlet ul li time:first-letter {
    text-transform: uppercase;
}
.sv-archive-portlet ul li time {
   display:inline-block;   
}
.sv-font-liten-bold-svart time {
    display:inline-block;
}
.sv-font-liten-bold-svart time:first-letter {
    text-transform: uppercase;
}
#h-Nyhetslistning {
   margin-top:0;
}
.sv-decoration-citat .ingress, .sv-decoration-citat-besok-och-upplev .ingress, .sv-decoration-citat-naringsliv .ingress {
   padding:0;
}

/* E-tjänster */
.sv-decoration-e-tjanster {
   margin-top:20px;
   margin-bottom:20px;
   padding:0.1em 2em 1.2em 2em;
}
.sv-decoration-e-tjanster h2 {
   margin-bottom:0;
}
.sv-decoration-e-tjanster a {
   display:flex;
   width:max-content;
   align-items:center;
   margin-top:20px;
   background-color:#fff;
   color:#000;
   padding:0.6em 1.8em;
   border-radius:30px;
}
.sv-decoration-e-tjanster a:hover {
   color:#000 !important; 
}
.sv-decoration-e-tjanster a:before {
   content: "";
    background-image:url(/images/18.61963f91177b0111e0d387/1616077829931/Etjanster.svg);
   background-size: 45px 45px;
   width:55px;
   height:39px;
      display:inline-block;
   background-repeat: no-repeat;
    background-position: 0 -3px;
}

/* RELATERAD INFORMATION */
.sv-related-portlet div {
    margin-top:0;
}
.sv-related-portlet h2 {
    margin-bottom:10px;
}
.sv-related-portlet ul {
   display:flex;  
   flex-wrap:wrap;
}
.sv-related-portlet ul li {
   margin-right:1em;
   margin-top:10px;
   display:flex;
}
.sv-related-portlet ul li a  {
   border:2px solid #097b6e;
   border-radius:30px;
   padding:0.6em 1.5em;
}
.sv-related-portlet ul li a:hover  {
   background-color:#097b6e;
   color:#fff;
   text-decoration:none;
}
.rel-besok-upplev ul li a {
   border:2px solid #5d1e69;
}
.rel-besok-upplev ul li a:hover {
   background-color:#5d1e69;
}
.rel-naringsliv ul li a {
   border:2px solid #00667e;
}
.rel-naringsliv ul li a:hover {
   background-color:#00667e;
}
.rel-flytta-hit ul li a {
   border:2px solid #b2006e;
}
.rel-flytta-hit ul li a:hover {
   background-color:#b2006e;
}

/* Kalenderhändelselistning */
.kalenderlistning ul {
   display:flex;
   flex-wrap:wrap;
   
}
.kalenderlistning ul li {
   width:31%;
   padding:0;
   margin-bottom:1.5em;
   margin-right:24px;
}
.kalenderlistning ul li img {
margin-bottom:1em;
   max-height:244px;
}
.kalenderlistning ul li h3 {
margin-top:2em;
   font-size:1.6em;
}
.kalenderlistning ul li time, .kalenderlistning ul li span:nth-of-type(2) {
	padding-left:20px;
}
.kalenderlistning ul li time:nth-of-type(2) {
	padding-left:0;
}
.kalenderlistning a span {
display:block;
   padding:6px 1em 8px 20px;   
   margin-bottom:9px;
   min-height:75px;
}
.kalenderlistning ul li h2 a span {
margin-top:2em;
   margin-bottom:0;
   padding-bottom:0;
}


/* Driftinfo Startsida */
.driftinfo-startsida ul {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.driftinfo-startsida ul li {
width:46%;
   background-color:#fff;
   margin-bottom:1em;
}

/* Kalender Startsida */
.toppkalender {  
   margin-top:20px;
}
.toppkalender img {
   min-height:403px;   
   max-height:423px;   
}
.toppkalender > ul li {
   position:absolute;
   max-width:617px;
   padding:0;   
}
.toppkalender h3 {
   position:absolute;
   font-size:30px;
   min-width:194px;
   background-color:#fff;
   padding:1em 2em 3em 1em;
}
.toppkalender time {
   position:absolute;
   margin-left:-95.6%;   
	margin-top:100px;
}
.toppkalender ul li > span {
   position:absolute;
  margin-left:-95.6%;   
   margin-top:125px;
}



/* Nyheter Startsida */
.nyheter-startsida {
margin-top:20px;
   min-height:440px;
}
.nyheter-startsida ul {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sv-eventcalendar-portlet + div.nyheter-startsida ul li {
padding-left:3.5em;
   margin-left:36px;
}
.nyheter-startsida ul li, .toppnyhet-startsida ul li {
width:100%;
   background-color:#fff;
   margin-bottom:1em;
}
.nyheter-startsida ul li time:nth-of-type(2) {
background-color:#00667e;
   position:absolute;
   display:block;
   text-align:center;
   width:36px;
   height:36px;
   padding:16px 20px 24px 20px;
   border-radius:50px;
   font-size:23px;
   font-weight:bold;
   line-height:23px;
   color:#fff;
   margin-top:-67px;
   margin-left:-100px;
}
.toppkalender ul li time:nth-of-type(2) {
background-color:#00667e;
   position:absolute;
   display:block;
   text-align:center;
   width:50px;
   height:50px;
   padding:18px;
   border-radius:50px;
   font-size:28px;
   font-weight:bold;
   line-height:25px;
   color:#fff;
   margin-top:150px;
   margin-left:580px;
}
.kalenderlistning  ul li time:nth-of-type(3) {
background-color:#00667e;
   position:absolute;
   display:block;
   text-align:center;
   width:36px;
   height:36px;
   padding:16px 20px 24px 20px;
   border-radius:50px;
   font-size:23px;
   font-weight:bold;
   line-height:23px;
   color:#fff;
   margin-top:-445px;
   margin-left:146px;
}
.topphandelse-besok .kalenderlistning  ul li time:nth-of-type(3), .topphandelse-besok .toppkalender ul li time:nth-of-type(2), .topphandelse-besok .nyheter-startsida ul li time:nth-of-type(2) {
background-color:#5d1e69; 
}
.topphandelse-besok .kalenderlistning  ul li time:nth-of-type(3) {
margin-top:-345px;
}
.toppnyhet-startsida {
margin-top:-30px;
   min-height:570px;
   background-color:#fff;
}
.toppnyhet-startsida ul li {
padding:0;
}
.toppnyhet-startsida ul li img {
margin-bottom:1em;
}
.toppnyhet-startsida ul li h3 {
margin-top:2em;
   font-size:1.6em;
}
.toppnyhet-startsida ul li time {
padding-left:20px;
}
.toppnyhet-startsida a span {
display:block;
   padding:1em 1em 1em 20px;   
   margin-bottom:9px;
}
.toppnyhet-startsida ul li h3 a span {
margin-top:2em;
   margin-bottom:0;
   padding-bottom:0;
}

/* SÖK I HEROBILD */
.search-startpage {
   text-align:center;
}
.search-startpage input[type=text] {
   border:0;
   padding:0.4em 4em 0.5em 1em;
   border-radius:40px;
   width:auto;
   font-size:35px;
}
.search-startpage input[type=text]::placeholder {
   color:#666;
}
.search-startpage input[type=image] {
   width:95px;
   margin-left:-70px;
}

/* RUNDA PRICKAR */
.sv-decoration-dots-green h2, .sv-decoration-dots h2, .sv-decoration-prickar-flytta-hit h2,
.sv-decoration-prickar-naringsliv h2, .sv-decoration-dots-hogy h2 {
	display:inline-block;
   position:absolute;
   background-color:#f0f0f0;
   margin-top:-24px;
   padding:8px 2.1em 0 2.1em;
}
.sv-decoration-dots-green-no-bg h2, .sv-decoration-prickar-flytta-hit-ingen-bakgrundsfarg h2,
.sv-decoration-prickar-besok-och-upplev-ingen-bakgrundsfarg h2,
.sv-decoration-prickar-naringsliv-ingen-bakgrundsfarg h2, .sv-decoration-dots-hogy-no-bg h2 {
	display:inline-block;
   position:absolute;
   background-color:#fff;
   margin-top:-24px;
   padding:8px 2.1em 0 2.1em;
}
.sv-decoration-dots-green .sv-text-portlet-content, .sv-decoration-dots-green-no-bg .sv-text-portlet-content,
.sv-decoration-dots .sv-text-portlet-content, .sv-decoration-prickar-flytta-hit .sv-text-portlet-content,
.sv-decoration-prickar-flytta-hit-ingen-bakgrundsfarg .sv-text-portlet-content,
.sv-decoration-prickar-besok-och-upplev-ingen-bakgrundsfarg .sv-text-portlet-content,
.sv-decoration-prickar-naringsliv .sv-text-portlet-content,
.sv-decoration-prickar-naringsliv-ingen-bakgrundsfarg .sv-text-portlet-content,
.sv-decoration-dots-hogy .sv-text-portlet-content, .sv-decoration-dots-hogy-no-bg .sv-text-portlet-content {
   display:flex;
   justify-content:center;
}
.sv-decoration-dots-green, .sv-decoration-dots-green-no-bg {
   margin:28px 0 20px 0;
   border-bottom:dotted 10px #097b6e;
}
.sv-decoration-dots, .sv-decoration-prickar-besok-och-upplev-ingen-bakgrundsfarg {
   margin:28px 0 20px 0;
   border-bottom:dotted 10px #5d1e69;
}
.sv-decoration-prickar-flytta-hit, .sv-decoration-prickar-flytta-hit-ingen-bakgrundsfarg {
   margin:28px 0 20px 0;
   border-bottom:dotted 10px #b2006e;
}
.sv-decoration-prickar-naringsliv, .sv-decoration-prickar-naringsliv-ingen-bakgrundsfarg {
   margin:28px 0 20px 0;
   border-bottom:dotted 10px #00667e;
}
.sv-decoration-dots-hogy, .sv-decoration-dots-hogy-no-bg {
   margin:28px 0 20px 0;
   border-bottom:dotted 10px #7ab1db;
}


/* ENVISION */
.env-collapse-header {
   padding:1em 1.8em;
   border-radius:40px;
   border:0;
   word-break:break-word;
}
.env-collapse-header:hover {
   border:0;
   text-decoration:none !important;
}
.env-collapse-header:hover .env-m-right--x-large{
   color:#fff !important;
}
.env-collapse-header.env-collapse--expanded, .env-collapse-header:hover {
   border:0;
   color:#fff !important;
}
.env-collapse p {
   padding:0 28px;
   margin:20px 0 20px 0;
}
.env-collapse .sv-image-portlet img {
   padding:0 28px;
   width:92%;
}
.env-collapse .sv-decoration-kontaktruta-flytta-hit p, .env-collapse .sv-decoration-kontaktruta-naringsliv p,
.env-collapse .sv-decoration-kontaktruta-besok-och-upplev p, .env-collapse .sv-decoration-kontaktruta p,
.env-collapse .sv-decoration-dokumentruta-gra p, .env-collapse .sv-decoration-e-tjanster p {
   padding-left:0;
}
.env-collapse :first-child {
   padding-top:0;
}
.env-collapse .sv-decoration-e-tjanster p a {
   padding-top:0.6em;
}
.env-collapse h3 {
   padding:0 28px;
   xmargin:8px 0 20px 0;
}
.env-collapse .sv-decoration-kontaktruta-besok-och-upplev h3, .env-collapse .sv-decoration-kontaktruta-naringsliv h3{
   padding-left:0 !important;
}
.env-collapse .sv-decoration-kontaktruta-naringsliv, .env-collapse .sv-decoration-kontaktruta-flytta-hit,
.env-collapse .sv-decoration-kontaktruta-besok-och-upplev, .env-collapse .sv-decoration-kontaktruta,
.env-collapse .sv-decoration-dokumentruta-gra, .env-collapse .sv-decoration-e-tjanster,
.env-collapse .sv-text-portlet-content ul,
.env-collapse .sv-text-portlet-content ol, .env-collapse form, .env-collapse .sv-decoration-citat, 
.env-collapse .sv-decoration-citat-besok-och-upplev, .env-collapse .sv-decoration-citat-naringsliv {
   margin-top:1em;
   margin-left:28px;
   margin-right:28px;
}
 .env-collapse table {
    width:unset;
   margin-top:1em;
   margin-left:28px;
   margin-right:28px;
}
.env-collapse-header--icons:after, .env-collapse-header--icons:before {
   right:6px;
}



.sv-collapsible-content {
   margin:1em 0;
}
.env-collapse--expanded .env-collapse-header--icons:after, .env-collapse--expanded .env-collapse-header--icons:before {
   background-color:#fff;
}
.env-collapse-header:hover .env-collapse-header--icons:after, .env-collapse-header:hover .env-collapse-header--icons:before {
   background-color:#fff;
}


/* SNABBLÄNKAR */
.snabblankar {
   display:flex;
   justify-content:space-between;
   align-items:flex-start;
}
.snabblankar > div {
   display:flex;
   flex-direction:column;
   justify-content:center;
   xwidth:fit-content !important;
   xflex-basis:10%;
}
.snabblankar > div > div {
   cursor:pointer;
}
.snabblankar > div .sv-text-portlet {
   align-self:center;
}
.snabblankar > div .sv-text-portlet p {
   margin-bottom:0;
}
.snabblankar > div .sv-text-portlet a {
   display:inline-block;
   font-size:1.2em;
   padding:118px 19px 0 19px;   
   margin-top:-12px;
   text-decoration:none;
   text-align:center;
}
.snabblankar > div .sv-text-portlet a:hover {   
   text-decoration:underline;
}

/* Flernivålänk */
#Flernivalank + ul {
   display:inline-block;
}
.flerniva-kommun ul li a {
   font-weight:bold;
   color:#097b6e;
}
.flernivalank-besok ul li a {
   font-weight:bold;
   color:#5d1e69;
}
.flerniva-kommun ul li a {
   font-weight:bold;
   color:#097b6e;
}

.flernivalank-hogy ul li a {
   font-weight:bold;
   color:#7ab1db;
}


/* RESPONSIVT 1090 */

@media all and (max-width: 1090px) {   
   
    h1 {
     font-size:2em !important;
  }
    h2 {
     font-size:22px !important;
  }
   h3 {
     font-size:17px !important;
  }
   .tableheading {
      font-size:1.3em;
   }
   .hogermeny {
      display:none !important;
   }
   .svart-overlay, .sok-pop-up, .toppkalender ul li time:nth-of-type(2) {
   display:none; 
}
   .kalenderlistning  ul li time:nth-of-type(3) {
     margin-left:10%;
      margin-top:-430px;
  }
   .topphandelse-besok .kalenderlistning  ul li time:nth-of-type(3) {
margin-top:-285px;
}
   .search-startpage input[type=text] {
   left:8%;
   padding:0.8em 1em;
   border-radius:40px;
   width:76%;
   font-size:1em;
      z-index:1;
}
     .sok-pop-up {
   width:80%;
}
  .sok-pop-up .searchbox-startpage > div .sv-searchform-portlet {
   padding:16%;
} 
   .sok-pop-up .searchbox-startpage {
   padding:0;
}
.sok-pop-up .searchbox-startpage input[type=text] {
   height:unset;
   width:auto;
   margin-top:7px;
}
   .sok-pop-up .searchbox-startpage input[type=image] {
   margin-top:3px;
   margin-left:-30px;
   width:55px;
   cursor:pointer;
}
.sok-pop-up .searchbox-startpage > div {
   display:flex !important;
   flex-wrap:wrap-reverse;
   justify-content:center;
}
   .sok-pop-up .searchbox-startpage > div img {
      width:35px;
      margin:0 0 20px 0;
   }
   .sok-pop-up .searchbox-startpage > div div.sv-image-portlet {   
   margin-left:auto;   
}
.sok-pop-up .searchbox-startpage > div:nth-child(2) img {
   margin-top:3px;
   margin-left:-30px;
   width:30px;
   cursor:pointer;
}
.sok-pop-up form > div {
   display:flex;      
}
   
 ul.sv-autocomplete-search-result {
   max-width:75%;
}  
   .flerniva-kommun {
   margin:0;
}
.kalenderlistning ul li {
    margin-right:2%;
}
  .search-startpage input[type=image] {
   width:55px;
   margin-left:-40px;
     z-index:2;
     margin-top:-3px;
}
  .herobild {
   height: 250px;   
}
.margin-top-minus {
   position:relative;
   margin-top:-50px;
}

   
   
.puffar {
   margin:0;
   margin-top: 0 !important;
}  
   .puffar > div {
      margin-bottom:0 !important;
   padding-bottom:0;
      max-height:unset !important;     
} 
   
   @supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
        .puffar > div {
    padding-bottom:2Zem;
} 
      
   .pagecontent .puffar .sv-column-4 {
   
      margin-top:8px;
   }
}
   
   
   .puffar > div:last-child .white-puff {
   margin-bottom:4px !important;
}
.snabblankar {
   flex-wrap:wrap;
   align-items:flex-start;
}   
.snabblankar:nth-child(2) {
   margin-top:0;
}
.snabblankar > div {
   display:flex !important;
   flex-direction:column;
   justify-content:center;   
   flex-basis:50%;
   background-size:110px 110px;
}
.snabblankar > div .sv-text-portlet a {
   font-size:1em;
   padding:118px 6px 0 6px;   
   margin-top:-16px;
   text-decoration:none;
}
 .sv-decoration-dots-green h2, .sv-decoration-dots h2, .sv-decoration-dots-green-no-bg h2, .sv-decoration-prickar-naringsliv h2 {
   font-size:1.2em;
   padding:14px 20px 0 20px;
}  
.sv-decoration-dots .sv-decoration-dots-green, .sv-decoration-dots-green-no-bg {
   margin:28px 0 10px 0;
}

  .toppnyhet-startsida a span {

   padding:0 1em 1em 20px;   

}
     .toppnyhet-startsida h3 a span {
font-size:20px;

}
.puffrad > a  {
  width:fit-content;
}
   .toppnyhet-startsida {
margin-top:10px;
      min-height:auto;
   }

.toppnyhet-startsida ul li {
   width:98%;
display:flex;
    flex-direction:column;
} 
   .toppnyhet-startsida ul li img {
max-width:unset;
      max-height:unset;
} 
 .toppnyhet-startsida span, .toppnyhet-startsida ul li h3 a span, .toppnyhet-startsida ul li h3 {
margin-top:0;
} 
 
   
   /* Kalender Startsida */
.topphandelse {
   margin:2em 0 -6px 0 !important;
}
.toppkalender {
   xmin-height:630px;
   margin-top:-15px;
}
.toppkalender img {
   min-height:unset;   
   max-height:unset;  
   width:100%;
   height:unset;
   max-width:100%;
}
.toppkalender > ul li {
   position:relative;
   max-width:unset;
   padding:0;   
}
.toppkalender h3 {
   position:absolute;
   font-size:20px !important;
   xmargin-top:-400px;
   background-color:#fff;
   padding:1em 2em 3em 1em;
}
.toppkalender time {
   position:absolute;
   left:20px;
   margin-left:unset;   
	margin-top:68px;
}
.toppkalender ul li > span {
   position:absolute;
   left:20px;
  margin-left:unset;   
   margin-top:87px;
}
.nyheter-startsida {
   min-height:unset;
}
 
.sv-collapsible-content .env-m-right--x-large {
   font-size:17px;
}
   
   
 .margin-top-minus-landingpage {
   margin-top:-150px;
}  
   .margin-top-minus-landingpage > div > div {
   padding:0 1em;
}
  
.sv-decoration-puff-test {
   display:flex;
   width:82%;
   padding:0 2em;
   align-items:center;
}  
   .sv-decoration-puff-test > div:nth-child(1) {
   flex-basis:80%;
}
.sv-decoration-puff-test > div:nth-child(2) {
   display:none;
}  
.sv-decoration-puff-test:after{       
   	text-align:right;
      top: unset !important;
   right:-50px;
   flex-basis:20%;
} 
.flernivalank-flytta ul, .flernivalank-naringsliv ul, .flernivalank-besok ul, .flernivalank-hogy ul {
   margin:0;
}
}

/* RESPONSIVT 840 */

@media all and (max-width: 840px) {
 /* RUNDA PRICKAR */
   .sv-decoration-dots-green, .sv-decoration-dots-green-no-bg {
   margin:28px 0 10px 0;
   border-bottom:dotted 8px #097b6e;
}
      .sv-decoration-dots {
   margin:28px 0 10px 0;
   border-bottom:dotted 8px #5d1e69;
}
   
     .sv-decoration-prickar-naringsliv {
   margin:28px 0 10px 0;
   border-bottom:dotted 8px #00667e;
}
   
  .kalenderlistning  ul li time:nth-of-type(3) {
     display:none;
  } 
.kalenderlistning ul li {
    margin-right:0;
}
   .kalenderlistning ul li img {
   max-height:none;
}
   
.sv-facetedsearch-portlet input[type=text] {
  width:70%;
}
   
/* IOS */
@supports (-webkit-touch-callout: none) {
  .sv-decoration-dots, .sv-decoration-dots-green, .sv-decoration-dots-green-no-bg, .sv-decoration-prickar-naringsliv {
   margin:28px 0 5px 0;
   border-bottom:0;
     background-color:#eee;     
}
    .sv-decoration-dots-green h2, .sv-decoration-dots h2, .sv-decoration-dots-green-no-bg h2, .sv-decoration-prickar-naringsliv h2 {
  
   padding:18px 20px 0 20px;
} 
    .sv-decoration-dots:after {
   content: "";
    background-image:url(/images/18.61963f91177b0111e0dc104/1623931517944/dot-purple2-medium.png);
   background-size: 14px 10px;
   width:100%;
   height:10px;
      display:inline-block;
  background-repeat: repeat-x;          
}
   .sv-decoration-dots-green:after, .sv-decoration-dots-green-no-bg:after {
   content: "";
    background-image:url(/images/18.61963f91177b0111e0d8c9/1618323566544/dot-green-medium.png);
   background-size: 14px 10px;
   width:100%;
   height:10px;
      display:inline-block;
  background-repeat: repeat-x;          
}
       .sv-decoration-prickar-naringsliv:after {
   content: "";
    background-image:url(/images/18.61963f91177b0111e0dc105/1623932728226/dot-blue-medium.png );
   background-size: 14px 10px;
   width:100%;
   height:10px;
      display:inline-block;
  background-repeat: repeat-x;          
}
 
}

.sv-multilevellink-portlet li {
   font-size:0.9em;
}
   .css-white-puff {
	display:flex;
   flex-direction:column;
  margin-top:0;
}
.css-white-puff > div {
	width:95%;
   margin-bottom:5px;
   margin-right:0;
}
.css-white-puff > div:nth-child(3n) {
	width:95%;
   margin-right:0;
}
 .white-puff .header {
    font-size:1.25em !important;
 } 
    .white-puff .text-panel {
    flex-basis:80%;
 } 
    .white-puff:after {
    top:6px !important;
       flex-basis:20%;
 }
   .white-puff {
       align-items:center;
   }
    .env-collapse .sv-image-portlet img {  
   width:85%;
}
.populara-lankar {
   display:flex !important;
   flex-wrap:wrap;
   justify-content:space-between;
}
   .populara-lankar > div, .populara-lankar > div a{
   width:80% !important;
}
   
   .sv-decoration-popular-knapp-gron, .sv-decoration-popular-besok-och-upplev {
      padding:8px 5px;
      text-align:center;
      font-size:12px;
      margin-bottom:5px !important;
      width:45%;
   	flex-basis:45%;
      margin-right:0 !important;
   }  
   
 .puffrad {
   flex-wrap:wrap;
   justify-content:center;
}
.puffrad > a  {
  width:100%;
   padding:unset;
}
.puffrad img  {
  max-width:unset;
   max-height:unset;
}
.puff-relaterad {   
   flex-basis:100%;
   width:96%;  
}
  .senast-publicerad {
   border-top:2px solid #333;
   padding:1px 0;
     font-size:0.8em;
}
   .sv-decoration-e-tjanster p a {
   flex-wrap:wrap;
      width:78%;
}
   /* Driftinfo Startsida */
.driftinfo-startsida ul li {
width:100%;
}
   
/* Kalenderhändelselistning */
.kalenderlistning ul li {
   width:100%;
   margin-bottom:1em;
}
 
   

   
}

/* RESPONSIVT 370 */

@media all and (max-width: 370px) {

   .sv-decoration-popular-knapp-gron, .sv-decoration-popular-besok-och-upplev {
padding:8px 5px;
      text-align:center;
      font-size:11px;
      margin-bottom:10px !important;
      width:44%;
   flex-basis:44%;
      margin-right:0 !important;
      
   }
   .sv-decoration-puff-test {
   width:73%;
}
  .sv-decoration-puff-test:after{       
   	text-align:right;
       top: 40px;
}  
.env-m-right--x-large {
      font-size:14px;
   }    
 .env-collapse-header {
   padding:0.8em 1.4em;
   border-radius:30px;
   border:0;
} 
   
   .sv-decoration-e-tjanster-gron-knapp a:before {
   width:70px;
}
 
   
   
}

@media(max-width: 1090px){
   .herobild {
      height: auto;
      padding-bottom: 150px;
   }
}