@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 700;
   font-display: swap;
   
  src:url('/download/18.f3679831809055e35236a/1680075772584/fa-solid-900.woff2') format('woff2')
 
        
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 700;
   font-display: swap;
   
  src:url('/download/18.f3679831809055e352366/1652263716429/fa-brands-400.woff2') format('woff2')
 
        
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-display: swap;
  src:url('/download/18.521bb1dc186e4ece83b1992/1680075179250/Quicksand-Regular.woff2') format('woff2');
        
}

.my-background {
    background-color: #f5f4f4;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .my-background {
        background-color: #252525;
    }
}


.keyboard-focus:focus {
  outline: 2px solid black;
}

.tabindex1 {
		font-family:"Quicksand";
   	font-size:1.5em;
      display: none;
      width: 100%;
      text-align: center;
      text-decoration: none;
      
      background-color: #0067af;
      color: #ffffff!important;
      z-index: 1000;
   	padding:10px;
      
   }

.tabindex1 a {text-decoration:none; color:#ffffff;}

.env-dropdown__menu .env-list__item a {
     	font-size:1rem;
      text-decoration:none;
      padding:1em;
   }

  

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

.imghr {
  width   : 100%;
  height  : 100%;   
  position: relative;
  z-index : 1;
}

.imghr:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 10%;
  width   : 50%;
  border-bottom:4px solid #db241f;
}

.imghrBlue {
  width   : 100%;
  height  : 100%;   
  position: relative;
  z-index : 1;
}

.imghrBlue:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 10%;
  width   : 50%;
  border-bottom:4px solid #0067af;
}

.imghrGrey:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 10%;
  width   : 80%;
  border-bottom:1px solid #666666;
}

.imghrRed {
border-bottom:4px solid #df3935;
}

.imghrBlue100 {
  border-bottom:4px solid #0067af;
}

.sv-font-gra-box-meny:after {
    content: '';
   background-position: 3px 3px;
    padding: 0 20px 0 0px;
    background-size: 24px auto;
    background-repeat:no-repeat;
    background-image: url('/images/18.521bb1dc186e4ece83b1df9/1680274257777/chevron_right.svg');

}


.sv-font-sidfot:after {
    content: '';
   background-position: 3px 3px;
    padding: 0 20px 0 0px;
    background-size: 18px auto;
    background-repeat:no-repeat;
    background-image: url('/images/18.521bb1dc186e4ece83b1df9/1680274257777/chevron_right.svg');

}


.sv-font-informationsbox:before {
   margin-bottom:0.2em;
   margin-right: 0.75em;
   font-size: 0.60em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f0c1";    
 
}

.contactIcon:before{
   margin-right: 0.5em;
   font-size: 1.5em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f2bb";    
 
}



.circle {
	border-radius: 50%;
	width: 100px;
	height: 100px; 
   border:1px solid #666666; 
   display: block;    
   margin-left: auto;    
   margin-right: auto;    
}

.circle:hover {
	border-radius: 50%;
	width: 100px;
	height: 100px; 
   border:1px solid #0067af; 
}

.circle70 {
	border-radius: 50%;
	width: 70px;
	height: 70px; 
   border:1px solid #0067af; 
   display: block;    
   margin-left: auto;    
   margin-right: auto;    
}

.circle70:hover {
	border-radius: 50%;
	width: 70px;
	height: 70px; 
   border:1px solid #0067af; 
}

.search-box-button {
	 border:none;
   background:none;
}
  

 


.search-box {
   border:0;
   box-sizing: border-box;
	color:#000000 !important;
   font-family:"Quicksand";
   font-size:125%;
   padding: 29px 20px 20px 5px;
   border-bottom:1px solid #666666;
    
   outline: 0;
   -webkit-box-shadow: none!important;
    box-shadow: none!important;
		
}

@media screen and (max-width: 767px) {
   
   .logotyp{
    	width: auto;  /* Låt bredden anpassas automatiskt för att behålla proportionerna */
      position: relative;
		top: 0;
		left: 0;
		z-index: 2;
		cursor: pointer;
      
  
}
   .c6130 {
    max-width:180px;  
    max-height: auto;
    z-index: 2;
		cursor: pointer;
	}
   
   .c6132{
    position: absolute;
    right: 1px;
    top: 50px;
    z-index: 800;
	 cursor: pointer;
      
      
   }
  
 
   .search-box {
   border:0;
   background:none;
   box-sizing: border-box;
	color: black !important;
   font-family:"Quicksand";
   font-size:1rem;
   padding: 5px 5px 5px 5px;
	outline: 0;
   -webkit-box-shadow: none!important;
    box-shadow: none!important;
		
}

   
   
	}
@media screen and (max-width: 440px) {
   
   	.logotyp {
    width: 65%; /* Låt bredden anpassas automatiskt för att behålla proportionerna */
    position: relative;
    z-index: 2;
    cursor: pointer;
   
}

 .search{
    position: relative;
    padding-top: 30px;
    z-index: 3;
	
}
  
}

.menu-container  {
 font-family:"Quicksand", arial, helvetica, sans-serif;
 text-decoration:none;
 line-height:2.5em;
 font-size:140%;
 width: 100%;
 padding: 3px 12px 3px 8px;
  
}
.menu-container a {text-decoration:none; color:#666666;}



.visaPil::after{
   position: absolute;
   top: 1%;
   bottom: 0;
   right: 5%;
   z-index : 1;
   font-size: 1em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f105";

}
   
.visaIntePil{}


.visaAktivPil::after {
position: absolute;
   top: 1%;
   bottom: 0;
   right: 5%;
   z-index : 1;
   font-size: 1em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f107";  
   
}

.n1-current {font-weight:600;}
.n2-current {font-weight:600;}
.n3-current {font-weight:600;}
.n4-current {font-weight:600;}
.n5-current {font-weight:600;}
.n6-current {font-weight:600;}
.n7-current {font-weight:600;}

.n1-subnode{font-weight:normal;}
.n2-subnode{font-weight:normal;}
.n3-subnode{font-weight:normal;}
.n4-subnode{font-weight:normal;}
.n5-subnode{font-weight:normal;}
.n6-subnode{font-weight:normal;}
.n7-subnode{font-weight:normal;}

.menu-container .n3-current .visaAktivPil>a {background: #555;color:#fff;}
.menu-container .n4-current .visaAktivPil>a {background: #555;color:#fff;}
.menu-container .n5-current .visaAktivPil>a {background: #555;color:#fff;}
.menu-container .n6-current .visaAktivPil>a {background: #555;color:#fff;}
.menu-container .n7-current .visaAktivPil>a {background: #555;color:#fff;}

.menu-container .n3-current .visaIntePil>a {background: #555;color:#fff;}
.menu-container .n4-current .visaIntePil>a {background: #555;color:#fff;}
.menu-container .n5-current .visaIntePil>a {background: #555;color:#fff;}
.menu-container .n6-current .visaIntePil>a {background: #555;color:#fff;}
.menu-container .n7-current .visaIntePil>a {background: #555;color:#fff;}

.menu-container .n3-subnode .visaIntePil>a {background: #f5f4f4;color:#666666;}
.menu-container .n4-subnode .visaIntePil>a {background: #f5f4f4;color:#666666;}
.menu-container .n5-subnode .visaIntePil>a {background: #f5f4f4;color:#666666;}
.menu-container .n6-subnode .visaIntePil>a {background: #f5f4f4;color:#666666;}
.menu-container .n7-subnode .visaIntePil>a {background: #f5f4f4;color:#666666;}


.menu-container .n3-current .visaAktivPil {color:#fff;}
.menu-container .n4-current .visaAktivPil {color:#fff;}
.menu-container .n5-current .visaAktivPil {color:#fff;}
.menu-container .n6-current .visaAktivPil {color:#fff;}
.menu-container .n7-current .visaAktivPil {color:#fff;}

.menu-container  li {
	position: relative;
   border-bottom: 1px solid #fff;
}

.menu-container  li:first-child {
    border-top: 1px solid #fff;
}

.menu-container  li:last-child {
    border-bottom: none;
}

.menu-container li a {
   display: block;
	width: 100%;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #f5f4f4;
}
.menu-container li li a {
   display: block;
	width: 100%;
	padding: 3px 3px 3px 20px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #f5f4f4;
}

.menu-container li li li a{
   display: block;
	width: 100%;
   padding: 3px 3px 3px 30px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #f5f4f4;
}

.menu-container li li li li a {
    display: block;
	width: 100%;
   padding: 3px 3px 3px 40px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background: #f5f4f4;
}

/* utan li */
.menu-container  {
 font-family:"Quicksand", arial, helvetica, sans-serif;
 text-decoration:none;
 line-height:2.5em;
 font-size:140%;
 width: 100%;
 padding: 3px 12px 3px 8px;
  
}
.menu-container a {text-decoration:none; color:#666666;}

.menu-container  div {
	position: relative;
   border-bottom: 1px solid #fff;
}

.menu-container  div:first-child {
    border-top: 1px solid #fff;
}

.menu-container  div:last-child {
    border-bottom: none;
}

.menu-container div a {
   display: block;
	width: 100%;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #f5f4f4;
}
.menu-container div div a {
   display: block;
	width: 100%;
	padding: 3px 3px 3px 20px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #f5f4f4;
}

.menu-container div div div a{
   display: block;
	width: 100%;
   padding: 3px 3px 3px 30px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
   background: #f5f4f4;
}

.menu-container div div div div a {
   display: block;
	width: 100%;
   padding: 3px 3px 3px 40px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background: #f5f4f4;
}

.menu-container div div div div div a {
   display: block;
	width: 100%;
   padding: 3px 3px 3px 50px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background: #f5f4f4;
}



/* Listan med knappar */ 

.sharebuttonlist {
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}

.sharebuttonlist--horizontal .sharebuttonlist__item {
    display: inline-block;
}


/* Delaknappar */

.sharebutton {
    display: inline-block;
    height: 30px;
    margin: 0 1em .5em 0;
    padding: 0 16px;
    background-color: #ccc;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2;
    text-decoration: none;
    background-size: 18px auto;
    background-position: 12px 50%;
    background-repeat: no-repeat;
   z-index:20;
}

.sharebutton--facebook {
    background-color: #3b5998;
}

.sharebutton--twitter {
    background-color: #00aced;
}

.sharebutton--linkedin {
    background-color: #007bb6; 
}

.sharebutton--gplus {
    background-color: #dd4b39;  
}

.sharebutton--email {
    background-color: #57b51d; 
}


/* Ikoner på delaknapparna */

.sharebutton--icon-facebook {
    padding: 0 16px 0 32px;
    background-size: 8px auto;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE3IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTggOS4yaC0yLjd2Ny44aC0zLjN2LTcuOGgtMnYtMi43aDJ2LTIuOGMwLTEuOSAxLjMtMy43IDQuMS0zLjcgMS4yIDAgMS45LjEgMS45LjF2Mi43aC0xLjdjLTEgMC0xLjIuNS0xLjIgMS4zdjIuNGgyLjl2Mi43eiIvPjwvc3ZnPg==');
}


.sharebutton--icon-twitter {
    padding: 0 16px 0 37px;
    background-size: 16px auto;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxMy43IiB3aWR0aD0iMTYiIGhlaWdodD0iMTMiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNyAxLjZjLS42LjMtMS4zLjUtMiAuNS43LS40IDEuMy0xLjEgMS41LTEuOS0uNy40LTEuNC43LTIuMi44LS42LS42LTEuNS0xLTIuNS0xLTIgMC0zLjUgMS42LTMuNSAzLjUgMCAuMyAwIC41LjEuOC0yLjktLjItNS41LTEuNi03LjItMy43LS4zLjUtLjUgMS4xLS41IDEuOCAwIDEuMi42IDIuMyAxLjUgMi45LS42IDAtMS4xLS4yLTEuNi0uNCAwIDEuNyAxLjIgMy4xIDIuOCAzLjQtLjIgMC0uNS4xLS44LjEtLjIgMC0uNCAwLS43LS4xLjQgMS40IDEuNyAyLjQgMy4zIDIuNC0xLjIuOS0yLjcgMS41LTQuMyAxLjVoLS44YzEuNSAxIDMuNCAxLjYgNS4zIDEuNiA2LjQgMCA5LjktNS4zIDkuOS05Ljl2LS40Yy42LS42IDEuMi0xLjIgMS43LTEuOXoiLz48L3N2Zz4=');
}

.sharebutton--icon-linkedin {
    padding: 0 16px 0 37px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2aWV3Qm94PSIwIDAgNjQwIDY0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMyMCAxMi44Yy0xNjkuNjY0IDAtMzA3LjIgMTM3LjUzNi0zMDcuMiAzMDcuMnMxMzcuNTM2IDMwNy4yIDMwNy4yIDMwNy4yIDMwNy4yLTEzNy41MzYgMzA3LjItMzA3LjItMTM3LjUzNi0zMDcuMi0zMDcuMi0zMDcuMnptLTc1LjIgNDM0LjUyOGgtNjIuMjA4di0yMDAuMTkyaDYyLjIwOHYyMDAuMTkyem0tMzEuNDg4LTIyNC43NjhjLTE5LjY0OCAwLTMyLjM1Mi0xMy45Mi0zMi4zNTItMzEuMTM2IDAtMTcuNTY4IDEzLjA4OC0zMS4wNzIgMzMuMTUyLTMxLjA3MnMzMi4zNTIgMTMuNTA0IDMyLjczNiAzMS4wNzJjMCAxNy4yMTYtMTIuNjcyIDMxLjEzNi0zMy41MzYgMzEuMTM2em0yNTguNjg4IDIyNC43NjhoLTYyLjIwOHYtMTEwLjk0NGMwLTI1LjgyNC05LjAyNC00My4zNi0zMS41Mi00My4zNi0xNy4xODQgMC0yNy4zOTIgMTEuODcyLTMxLjkwNCAyMy4yOTYtMS42NjQgNC4wNjQtMi4wOCA5LjgyNC0yLjA4IDE1LjU1MnYxMTUuNDI0aC02Mi4yNHYtMTM2LjMyYzAtMjQuOTkyLS44LTQ1Ljg4OC0xLjYzMi02My44NzJoNTQuMDQ4bDIuODQ4IDI3LjgwOGgxLjI0OGM4LjE5Mi0xMy4wNTYgMjguMjU2LTMyLjMyIDYxLjgyNC0zMi4zMiA0MC45MjggMCA3MS42MTYgMjcuNDI0IDcxLjYxNiA4Ni4zNjh2MTE4LjM2OHoiLz48L3N2Zz4=');
}

.sharebutton--icon-gplus {
    padding: 0 16px 0 37px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2aWV3Qm94PSIwIDAgNjQwIDY0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYzLjY0OCAxNzguODQ4YzAgNDcuODA4IDE1Ljk2OCA4Mi4zMDQgNDcuNDI0IDEwMi41NiAyNS43OTIgMTYuNjQgNTUuNjggMTkuMTM2IDcxLjIzMiAxOS4xMzYgMy43NzYgMCA2LjgxNi0uMTkyIDguOTI4LS4zMiAwIDAtNC45MjggMzIuMTI4IDE4Ljg4IDYzLjg3MmgtMS4wODhjLTQxLjI0OCAwLTE3NS43NzYgOC42MDgtMTc1Ljc3NiAxMTkuMjY0IDAgMTEyLjUxMiAxMjMuNTUyIDExOC4yNCAxNDguMzUyIDExOC4yNCAxLjk1MiAwIDMuMTA0LS4wNjQgMy4xMDQtLjA2NC4yNTYgMCAyLjAxNi4wNjQgNS4wNTYuMDY0IDE1LjkwNCAwIDU3LjAyNC0xLjk4NCA5NS4yLTIwLjU3NiA0OS41MzYtMjQgNzQuNjU2LTY1Ljg4OCA3NC42NTYtMTI0LjMyIDAtNTYuNDQ4LTM4LjI3Mi05MC4wNDgtNjYuMjA4LTExNC42MjQtMTcuMDU2LTE1LjAwOC0zMS44MDgtMjcuOTM2LTMxLjgwOC00MC41MTIgMC0xMi44IDEwLjc4NC0yMi40MzIgMjQuMzg0LTM0LjYyNCAyMi4wNDgtMTkuNjggNDIuODQ4LTQ3Ljc0NCA0Mi44NDgtMTAwLjggMC00Ni42MjQtNi4wNDgtNzcuOTUyLTQzLjMyOC05Ny44MjQgMy44NzItMS45ODQgMTcuNjMyLTMuNDI0IDI0LjQxNi00LjM4NCAyMC4xOTItMi43NTIgNDkuNzI4LTUuODg4IDQ5LjcyOC0yMi4zNjh2LTMuMTY4aC0xNDcuMTY4Yy0xLjQ3Mi4wNjQtMTQ4LjgzMiA1LjUwNC0xNDguODMyIDE0MC40NDh6bTIzNy41NjggMjg4LjQxNmMyLjgxNiA0NC45OTItMzUuNjggNzguMTc2LTkzLjUwNCA4Mi4zNjgtNTguNzIgNC4zMi0xMDcuMDQtMjIuMTEyLTEwOS44NTYtNjcuMDcyLTEuMzc2LTIxLjYzMiA4LjEyOC00Mi43NTIgMjYuNzItNTkuNjE2IDE4Ljg0OC0xNy4wNTYgNDQuNzM2LTI3LjYxNiA3Mi44OTYtMjkuNjk2IDMuMzI4LS4xOTIgNi42MjQtLjM4NCA5LjkyLS4zODQgNTQuMzY4LjAzMiA5MS4xNjggMzEuOTY4IDkzLjgyNCA3NC40em0tMzguNDMyLTMxOS4yMzJjMTQuNDMyIDUwLjgxNi03LjM2IDEwMy44NzItNDIuMTEyIDExMy42OTYtNCAxLjEyLTguMDk2IDEuNjY0LTEyLjI4OCAxLjY2NC0zMS44MDggMC02My4zMjgtMzIuMTkyLTc1LjA0LTc2LjU3Ni02LjUyOC0yNC44MzItNS45ODQtNDYuNjU2IDEuNTA0LTY3LjU4NCA3LjMyOC0yMC42NCAyMC41NzYtMzQuNDk2IDM3LjIxNi0zOS4yIDQtMS4xMiA4LjEyOC0xLjY5NiAxMi4zMi0xLjY5NiAzOC40IDAgNjMuMTA0IDE1LjkzNiA3OC40IDY5LjY5NnptMjQ5LjIxNiAxMDcuOTY4di05NmgtNjR2OTZoLTk2djY0aDk2djk2aDY0di05Nmg5NnYtNjRoLTk2eiIvPjwvc3ZnPg==');
}

.sharebutton--icon-email {
    padding-left: 40px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAxNCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjAgMGgtMjB2MTRoMjJ2LTE0aC0yem0tMS43IDJsLTcuMyAzLjctNy4zLTMuN2gxNC42em0xLjcgMTBoLTE4di05LjFsOSA0LjcgOS00Ljd2OS4xeiIvPjwvc3ZnPg==');
}


/* Dölj text på delaknappen och gör den rund (kombinera med ikoner på knapparna =) */

.sharebutton--hide-text {
    width: 44px;
    height: 44px;
    margin: 0 .125em;
    padding: 0;
    background-position: 50% 50%;
    border-radius: 50px;
    z-index:2;
}

.sharebutton--hide-text .sharebutton__text {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.dropbtn {
 	border: none;
   background:#f5f4f4;
   cursor: pointer;
 	font-family:"Quicksand", arial, helvetica, sans-serif;
 	text-decoration:none;
 	font-size:130%;
   color:#666666;
}
.dropbtn:before {
    margin-right: 0.5em;
    font-size: 1.2em;
   vertical-align: middle;
	font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f1e0";  
}


   
.dropdown {
    position: relative;
   
}

.dropdown-content {
    display: none;
    position: absolute;
    overflow: auto;
    min-width:21.4em;
    z-index: 9999;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    text-decoration: none;
    display: block;
}

.show {display:block;}
   
#__ba_panel{
			display:none;
		}
	
/** Driftkommunikation**/

   .a5-count-container{
    position: fixed;
    bottom: 0;
    right: 0;
    border-top-left-radius: 14px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 22%);
    padding: 12px 14px 11px 30px;
    z-index: 10;
    font-family: 'Quicksand','Open Sans',sans-serif;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: normal;
    
      
}
   
   .a5-count-container a {
    font-family: 'Quicksand','Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #3b3b3b;
    line-height: 1;
    float: left;
    margin-right: 27px;
    text-decoration: none;
      
   }
   .a5-count-plan {
    background-color: #ffcd45;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    border-bottom-right-radius: 10px;
    margin-right: 6px;
    padding: 3px 7px;
    min-width: 21px;
}
   .a5-count-drift {
    background-color: #db241f;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    border-bottom-right-radius: 10px;
    margin-right: 6px;
    padding: 3px 7px;
    min-width: 21px;
}

.sv-clear-both {
    clear: both;
}
.a5-item {
    margin-top:1em;
    margin-bottom:1em;
    border-bottom: 1px solid #ededed;
  
}






.fa-minus:after{
  display: block;
  font-size: 1em;
  font-family: "Font Awesome 6 Free"; font-weight: 600; color:#FFFFFF; content: "\f068";  

}

.fa-plus:after{
  display: block;
  font-size: 1em;
  font-family: "Font Awesome 6 Free"; font-weight: 600; color:#FFFFFF; content: "\2b";  

}
a.rek-link.normal {
    text-decoration: none!important;
    border: 2px solid #005095;
    border-radius: 3rem;
    height: 2rem;
   background: transparent!important;
    align-items: center;
    margin-right: 0.625rem;
    margin-top: 0.625rem;
    display: inline-flex;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.5em;
   font-weight:bold;
   color:#005095;
   

}
a.rek-link.normal:hover {
	text-decoration: none!important;
    background-color:#005095!important;
    color:#FFFFFF!important;
    border-radius: 3rem;
    height: 2rem;
    align-items: center;
    margin-right: 0.625rem;
    margin-top: 0.625rem;
    display: inline-flex;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.5em;
    font-weight:bold;

}



.env-nav {
    font-family: var(--env-font-family);
    font-size: 120%;
    font-weight: 400;
    list-style: none;
    margin: 0;
    padding: 0;
   text-transform:uppercase;
}

.env-nav--menubar.env-nav--border .env-nav__link--active {
    border-bottom:4px solid #0067af;
    font-weight: 700;
    
}

.env-nav--menubar.env-nav--border .env-nav__link:hover {
    border-bottom:4px solid #0067af;
    color: var(--env-element-primary-background-color);
}

.env-form-input {
    background-color: var(--env-form-input-background-color);
    background-image: none;
    border: 1px solid #555;
    border-radius: var(--env-form-input-border-radius);
    box-sizing: border-box;
    color: #000000;
    display: block;
    font-size:140%;
    line-height: 1.375;
    margin: 0;
    padding: 0.625em 0.75em;
    transition: box-shadow .2s ease-in-out;
    width: 100%;
}



.EijGg3DD7AMrv4ryC3tj {
    color: #ffffff!important;
    display: block;
    padding: var(--env-spacing-small) 48px var(--env-spacing-small) 10px;
    text-decoration: none;
    line-height: 1.5;
    min-height: 0px!important;
}
.xezF9ru3TE5SSITf2YSh {
    position: fixed; 
    z-index: 2147483647;
    background-color: transparent!important;
    top: 170px!important;
 
    right: 0;
    bottom: 0;
    left: 0;
   width:100%;
  /* padding-top:50px!important;*/
   padding-left:0px!important;
   padding-right:0px!important;
    
    overflow-x: hidden;
    overflow-y: auto;
}

.env-icon {color:#ffffff;}


.SBnE8X_5uU5yUCP4RBVU  {
  	 color: #ffffff!important;
    text-decoration: none;
    line-height: 1.5;
    background: #0067af;
    min-height: 0px!important;
}



.SBnE8X_5uU5yUCP4RBVU ul {
   padding-left:0px!important;
    font-size: 16px;
    background: #0180d9;
}

.SBnE8X_5uU5yUCP4RBVU ul li {

    font-size: 16px;
    background: #0180d9;
}
.SBnE8X_5uU5yUCP4RBVU ul li a {
    margin-left:16px;
    font-size: 16px;

}
.SBnE8X_5uU5yUCP4RBVU ul li li a {
    margin-left:32px;
    font-size: 16px;

}
.SBnE8X_5uU5yUCP4RBVU ul li li li a {
    margin-left:48px;
    font-size: 16px;

}

.SBnE8X_5uU5yUCP4RBVU ul li li{
    
    font-size: 16px;
    background: #0491f3;
}
.SBnE8X_5uU5yUCP4RBVU ul li li li{
    
    font-size: 16px;
    background: #29a2f7;
}

@media (max-width: 800px) {
 .sol-top-action-links {
    flex-direction: column;
  }
}
   
   
 <!--Plusbox-->
 
.sol-expandable__header {
    appearance: none;
    background: 0 0;
    border: none;
    position: relative;
    padding: 18px 60px 18px 20px;
    font-size: 1.125rem;
    font-weight: 700;
    font-family: quicksand, sans-serif;
    cursor: pointer;
    width: 100%;
    text-align: left;
    margin-bottom: -1px
}

 .sol-expandable{
border:1px solid #ced4da;
position:relative;
margin-bottom:10px;
background:#fff;
border-radius:10px
}

.sol-expandable__header--active::after {
    content: "\f068";
    border-bottom-right-radius: 0
}
.sol-expandable .sv-decoration-content,
.sol-expandable__content {
    padding: 10px 20px;
    display: none
}


.sol-expandable__header{
appearance:none;
background:0 0;
border:none;
position:relative;
padding:18px 60px 18px 20px;
font-size:1.125rem;
font-weight:700;
font-family:quicksand,sans-serif;
cursor:pointer;
width:100%;
text-align:left;
margin-bottom:-1px
}



.sol-expandable__header::after{
display:inline-block;
font-size:1.25rem;
font-family: "Font Awesome 6 Free"; font-weight: 300; content: "\f067";    
position:absolute;
right:0;
top:0;
bottom:0;
width:55px;
background-color:#0067af;
display:flex;
color:#fff;
align-items:center;
justify-content:center;
border-radius:0 10px 10px 0
}



.sol-expandable__header--active::after{
font-family: "Font Awesome 6 Free"; font-weight: 300; content: "\f068";    
border-bottom-right-radius:0
}

.sol-expandable .sv-decoration-content,.sol-expandable__content{
padding:10px 20px;
display:none
}

.sol-top-action-links{
   display:flex; 
	justify-content: center;
    align-items: center;

}

.sol-top-action-button{
   margin-left:1em;
   margin-right:1em;
   appearance:none;
   background:0 0;
   border:none;
 	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   font-size:1rem!important;
   padding:20px 20px 20px 20px;
   font-family:quicksand,sans-serif;
   font-weight:400;
   text-align:center;
   color:#555555;
   cursor:pointer;
   text-decoration:none;
   line-height:normal;
   min-width:70px;
   position:relative;
   white-space:nowrap
     


}

mark {
    background-color: YELLOW!IMPORTANT;
    color: marktext;
}

.sol-expandable h2 {
   
   margin:0px;
}


.c4714 {
    width:80%!important;
    border: none;
    background-color: transparent;
}


.env-dropdown__menu {
      max-width: 25em!important;
   z-index:99999;
}
.env-button-menu {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent!important;
   border:none;
    
    color: #666666;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--env-button-font-family);
    font-size: 130%;
    font-weight:700;
    justify-content: center;
    margin: 0;
    min-height: 2.75em;
     padding: 0 1.3125em;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.env-button-menu:active, .env-button-menu:focus, .env-button-menu:hover 
   {
      color: #3a71aa;
      
   }
   .env-icon-menu {
    color: #555555;
    height: 0.8em;
    width: 0.8em;
    margin-left:1em;
    margin-top:0.2em;

      }

.env-button, .env-button>div:not([class]):not([style]), .env-button>span:not([class]):not([style]) {
    line-height: 1;
   font-size:18px;
}

.sv-defaultFormTheme input[type=email], .sv-defaultFormTheme input[type=number], .sv-defaultFormTheme input[type=tel], .sv-defaultFormTheme input[type=text], .sv-defaultFormTheme input[type=url], .sv-defaultFormTheme select, .sv-defaultFormTheme textarea {
    display: block;
    box-sizing: border-box;
    color: #666666;
    background-color: #fff;
    background-image: none;
    width: 100%;
    padding: 0 0 0 12px;
    line-height: normal;
    height: 2em;
    border: 1px solid #666666;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bootstrap .uneditable-input, .bootstrap input[type=color], .bootstrap input[type=date], .bootstrap input[type=datetime-local], .bootstrap input[type=datetime], .bootstrap input[type=email], .bootstrap input[type=month], .bootstrap input[type=number], .bootstrap input[type=password], .bootstrap input[type=search], .bootstrap input[type=tel], .bootstrap input[type=text], .bootstrap input[type=time], .bootstrap input[type=url], .bootstrap input[type=week], .bootstrap textarea {
    background-color: #fff;
    border: 1px solid #666666;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border .2s linear,box-shadow .2s linear;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border .2s linear,box-shadow .2s linear;
}

.env-dropdown__item a {
   font-size:1rem;
   text-decoration:none;
}

ul.sv-autocomplete-search-result {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
    color: #333;
    float: left; 
    line-height: 1.42857143;
    list-style: none;
    max-width: 280px!important;
    padding: 3px 0; 
    z-index: 9999;
    font-family: Quicksand, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px!important;
}

  .flernivalank {
    background-color:#f5f4f4;
	}

.puffmeny-bg{
	 background-color: #f5f4f4;
    border-top-color: #0067af;
    border-top-style: solid;
    border-top-width: 4px;
    box-shadow: 0 25px 40px -20px rgba(0, 0, 0, 0.2);
}

    .ikonrad{
	 background-color: #f5f4f4;
    border-top-color: #0067af;}

.env-alert--warning {
    border-left: 10px solid var(--env-element-warning-background-color); /* Tjockare vänsterkant */
    border: 2px solid var(--env-element-warning-background-color); /* Övriga kanter */
    background-color: var(--env-element-warning-background-color); /* Gör hela bakgrunden gul */
    color: var(--env-element-warning-text-color, black); /* Kontrastfärg för texten */
    padding: 15px; /* Skapa utrymme inuti varningen */
    margin: 0; /* Ta bort eventuella marginaler om det behövs */
    box-sizing: border-box; /* Säkerställer att padding och border inkluderas i elementets totala storlek */
}


/* Specifika ikoner */

/* Grundläggande stil för alla ikoner */
.icon-circle::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #666666;  /* Standardfärg */
    font-size: 32px;
    transition: all 0.3s ease; /* Smidig övergång */
    
    /* Skapar en cirkel */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 2px solid #666666;
    border-radius: 50%;
    background-color: transparent;
}

/* Hover-effekt: Ändrar färg till blå */
.icon-circle:hover::before {
    background-color: #0067af;  /* Blå bakgrund vid hover */
    color: #ffffff;  /* Ändrar ikonfärgen till vit */
    border-color: #0067af;  /* Ändrar kantlinjefärgen */
}

/* Evenemang (Kalender-ikon) */
.evenemang::before {
    content: '\f073'; /* FontAwesome: fa-solid fa-calendar */
}

/* Bibliotek (Bok-ikon) */
.bibliotek::before {
    content: '\f02d'; /* FontAwesome: fa-solid fa-book */
}

/* Recover (Återställ/Återvända-ikon) */
.recover::before {
    content: '\f1b8'; /* FontAwesome: fa-solid fa-undo */
}

/* Anslagstavla (Nyheter/Anteckning-ikon) */
.anslagstavla::before {
    content: '\f303'; /* FontAwesome: fa-solid fa-thumbtack */
}

/* Simhall (Våg-ikon för vatten) */
.simhall::before {
    content: '\f5c5'; /* FontAwesome: fa-solid fa-water */
}

/* Lediga jobb (Kort-ikon för jobbannonser) */
.ledigajobb::before {
    content: '\f0b1'; /* FontAwesome: fa-solid fa-briefcase */
}

/* E-tjänster */
.e-services::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #555555;  /* Grå färg som matchar sökikonen */
    font-size: 24px;
    transition: color 0.3s ease;
    content: '\f5fc';  /* Laptop med kod */
    /* Gör cirkeln */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;  /* Storlek på cirkeln */
    height: 70px;
    border: 2px solid #555555;  /* Kantlinje */
    border-radius: 50%;  /* Gör den cirkulär */
    background-color: transparent;  /* Bakgrundsfärg om du vill ha */
}

/* Lyssna */
.listen::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #555555;  /* Grå färg som matchar sökikonen */
    font-size: 24px;
    transition: color 0.3s ease;
    content: '\f025';  /* Hörlurar */
    
    /* Gör cirkeln */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;  /* Storlek på cirkeln */
    height: 70px;
    border: 2px solid #555555;  /* Kantlinje */
    border-radius: 50%;  /* Gör den cirkulär */
    background-color: transparent;  /* Bakgrundsfärg om du vill ha */
	}
   
   .listen:hover::before, .contact:hover::before, .e-services:hover::before, .search-box-button:hover::before  {
    background-color: #005cb9;  /* Ljusblå bakgrund vid hover */
    color: #ffffff;  /* Ändra ikonfärgen till vit */
    border-color: #005cb9;  /* Ändra kantlinjefärgen */
}


/* Kontakt */
.contact::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #555555;  /* Grå färg som matchar sökikonen */
    font-size: 24px;
    transition: color 0.3s ease;
    content: '\f0e0';  /* Brev */
   
    /* Gör cirkeln */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;  /* Storlek på cirkeln */
    height: 70px;
    border: 2px solid #555555;  /* Kantlinje */
    border-radius: 50%;  /* Gör den cirkulär */
    background-color: transparent;  /* Bakgrundsfärg om du vill ha */
}



    
   .search-box-button::before {
     font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #555555;  /* Grå färg som matchar sökikonen */
    font-size: 24px;
    transition: color 0.3s ease;
    content: '\f002';  /* Laptop med kod */
    /* Gör cirkeln */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;  /* Storlek på cirkeln */
    height: 70px;
    border: 2px solid #555555;  /* Kantlinje */
    border-radius: 50%;  /* Gör den cirkulär */
    background-color: transparent;  /* Bakgrundsfärg om du vill ha */
}

:root {
    --icon-size: 24px;
    --circle-size: 70px;
    --border-color: #bbbbbb;
    --bg-hover-color: #005cb9;
    --border-hover-color: #005cb9;
    --text-hover-color: #ffffff;
    --default-icon-color: #e0e0e0;
}

/* Grundläggande stil för alla ikoner */
.icon-button {
    border: 2px solid var(--border-color);
    background-color: transparent;
    height: var(--circle-size);
    width: var(--circle-size);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Gemensam ikonstil */
.icon-button::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: var(--icon-size);
    color: var(--default-icon-color);
    transition: color 0.3s ease;
    content: attr(data-icon); /* Hämtar ikonens unicode från HTML */
}

/* Hover-effekter */
.icon-button:hover {
    background-color: var(--bg-hover-color);
    border-color: var(--border-hover-color);
}

.icon-button:hover::before {
    color: var(--text-hover-color);
}

/* Specifika ikoner */
.e-tjanster::before { content: '\f5fc'; } /* Laptop-kod */
.lov-ledighet::before { content: '\f274'; } /* Kalender-check */
.skolskjuts::before { content: '\f207'; } /* Buss */
.skolmatsedel::before { content: '\f2e7'; } /* Bestick */
.korttidsvikariat::before { content: '\f508'; } /* Person med slips */
.vanliga-fragor::before { content: '\f059'; } /* Frågetecken */
.anhorigstod::before { content: '\f4c4'; } /* Hands helping (stöd) */
.fardtjanst::before { content: '\f1ba'; } /* Taxi */
.aldre::before { content: '\f182'; } /* User nurse (äldreomsorg) */
.barn::before { content: '\f77c'; } /* Baby */
.familjehem::before { content: '\e065'; } /* House user (familjehem) */
.boenden-aldre::before { content: '\e3af'; } /* House chimney */
.hitta-bostad::before { content: '\f689'; } /* Hus med check */
.atervinning::before { content: '\f1b8'; } /* Återvinning */
.bygglov::before { content: '\f807'; } /* Bygg (hjälm) */
.vatten-avlopp::before { content: '\e005'; } /* Vattenkran */
.natur-parker::before { content: '\f1bb'; } /* Träd och stad */
.kollektivtrafik::before { content: '\f55e'; } /* Tunnelbana/tåg */  
 .film-bio::before { content: '\f008'; } /* Filmrulle */
.turistinformation::before { content: '\f5a0'; } /* Karta med markering */
.friluftsliv-motion::before { content: '\f6ec'; } /* Person som vandrar */
.jobba-hos-oss::before { content: '\f0b1'; } /* Portfölj */
.arbetssokande::before { content: '\f508'; } /* Person med slips */
.foretag::before { content: '\f1ad'; } /* Byggnad */
.upphandlingar::before { content: '\f56c'; } /* Kontraktsdokument */
.tillstand-regler::before { content: '\f24e'; } /* Vågen (rättvisa, lagar) */
.mark-lokaler::before { content: '\f5a0'; } /* Kartmarkör */
.moten-protokoll::before { content: '\f15c'; } /* Dokument med text */
.organisation::before { content: '\f0e8'; } /* Organisationsstruktur */
.svenljungaforslag::before { content: '\f0eb'; } /* Lampa (idéer) */
.kommunledning::before { content: '\f66f'; } /* Stadshus / parlament */
.kommunfakta::before { content: '\f080'; } /* Statistik / stapeldiagram */
.krisinformation::before { content: '\f071'; } /* Varningstriangel */
.facebook::before {content: '\f09a'; font-family: 'Font Awesome 5 Brands'; }
.instagram::before {content: '\f16d'; font-family: 'Font Awesome 5 Brands'; }


   @media (max-width: 768px) { /* Anpassar för skärmar mindre än 768px */
    .search {
        margin: 2em;  /* Lägger till 2em marginal på alla sidor */
    }
}


@media (prefers-color-scheme: dark) {
   
   mark {
    background-color: #ffcc80!important; /* Ljus orange istället för gul */
    color: #222!important; /* Mörkgrå text för bättre kontrast */
    font-weight: bold; /* Gör texten fetstilad */
  	padding: 0.2em;
  border-radius: 3px; /* Rundade hörn för en mjuk look */
  }
   
   /* Variabler för enkel anpassning */
:root {
    --icon-size: 24px;
    --circle-size: 70px;
    --border-color: #bbbbbb;
    --bg-hover-color: #005cb9;
    --border-hover-color: #005cb9;
    --text-hover-color: #ffffff; /* Vit för bättre kontrast */
    --default-icon-color: #bbbbbb; /* Ljusgrå för bättre synlighet */
}

/* Grundläggande stil för alla ikoner */
.icon-button {
    border: 2px solid var(--border-color);
    background-color: transparent;
    height: var(--circle-size);
    width: var(--circle-size);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Gemensam ikonstil */
.icon-button::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: var(--icon-size);
    color: var(--border-color);
    transition: color 0.3s ease;
    content: attr(data-icon); /* Hämtar ikonens unicode från HTML */
}

/* Hover-effekter */
.icon-button:hover {
    background-color: var(--bg-hover-color);
    border-color: var(--border-hover-color);
}

.icon-button:hover::before {
    color: var(--text-hover-color);
}

/* DARK MODE: Specifika knappar med deras respektive FontAwesome-ikoner */
.evenemang::before {color: #bbbbbb; content: '\f073'; }  /* Kalender */
.bibliotek::before { color: #bbbbbb;content: '\f02d'; }  /* Bok */
.recover::before { color: #bbbbbb;content: '\f1b8'; }    /* Återvinning */
.anslagstavla::before { color: #bbbbbb;content: '\f303'; } /* Thumbtack */
.simhall::before { color: #bbbbbb;content: '\f5c4'; }  /* Simmare */
.ledigajobb::before { color: #bbbbbb;content: '\f0b1'; } /* Jobb */
.e-tjanster::before { color: #bbbbbb; content: '\f5fc'; } /* Laptop-kod */
.e-services::before { color: #bbbbbb;    /* Grå färg för ikonen */content: '\f5fc'; } /* Laptop med kod */
.listen::before { color: #bbbbbb;    /* Grå färg för ikonen */content: '\f025'; } /* Hörlurar */
.contact::before {color: #bbbbbb;    /* Grå färg för ikonen */ content: '\f0e0'; } /* Brev */
.lov-ledighet::before { color: #bbbbbb;content: '\f274'; } /* Kalender-check */
.skolskjuts::before { color: #bbbbbb;content: '\f207'; } /* Buss */
.skolmatsedel::before { color: #bbbbbb;content: '\f2e7'; } /* Bestick */
.korttidsvikariat::before { color: #bbbbbb;content: '\f508'; } /* Person med slips */
.vanliga-fragor::before { color: #bbbbbb;content: '\f059'; } /* Frågetecken */
.anhorigstod::before {  color: #bbbbbb;content: '\f4c4'; } /* Hands helping (stöd) */
.fardtjanst::before {  color: #bbbbbb;content: '\f1ba'; } /* Taxi */
.aldre::before {  color: #bbbbbb;content: '\f182'; } /* User nurse (äldreomsorg) */
.barn::before {  color: #bbbbbb;content: '\f77c'; } /* Baby */
.familjehem::before {  color: #bbbbbb;content: '\e065'; } /* House user (familjehem) */
.boenden-aldre::before {  color: #bbbbbb;content: '\e3af'; } /* House chimney */
.hitta-bostad::before { color: #bbbbbb;content: '\f689'; } /* Hus med check */
.atervinning::before { color: #bbbbbb;content: '\f1b8'; } /* Återvinning */
.bygglov::before { color: #bbbbbb;content: '\f807'; } /* Bygg (hjälm) */
.vatten-avlopp::before { color: #bbbbbb;content: '\e005'; } /* Vattenkran */
.natur-parker::before { color: #bbbbbb;content: '\f1bb'; } /* Träd och stad */
.kollektivtrafik::before { color: #bbbbbb;content: '\f55e'; } /* Tunnelbana/tåg */
.film-bio::before { color: #bbbbbb;content: '\f008'; } /* Filmrulle */
.turistinformation::before { color: #bbbbbb;content: '\f5a0'; } /* Karta med markering */
.friluftsliv-motion::before { color: #bbbbbb; content: '\f6ec'; } /* Person som vandrar */
.jobba-hos-oss::before {color: #bbbbbb; content: '\f0b1'; } /* Portfölj */
.arbetssokande::before {color: #bbbbbb; content: '\f508'; } /* Person med slips */
.foretag::before {color: #bbbbbb; content: '\f1ad'; } /* Byggnad */
.upphandlingar::before {color: #bbbbbb; content: '\f56c'; } /* Kontraktsdokument */
.tillstand-regler::before {color: #bbbbbb; content: '\f24e'; } /* Vågen (rättvisa, lagar) */
.mark-lokaler::before {color: #bbbbbb; content: '\f5a0'; } /* Kartmarkör */
.moten-protokoll::before {color: #bbbbbb; content: '\f15c'; } /* Dokument med text */
.organisation::before {color: #bbbbbb; content: '\f0e8'; } /* Organisationsstruktur */
.svenljungaforslag::before {color: #bbbbbb; content: '\f0eb'; } /* Lampa (idéer) */
.kommunledning::before {color: #bbbbbb; content: '\f66f'; } /* Stadshus / parlament */
.kommunfakta::before {color: #bbbbbb; content: '\f080'; } /* Statistik / stapeldiagram */
.krisinformation::before {color: #bbbbbb; content: '\f071'; } /* Varningstriangel */
.facebook::before {color: #bbbbbb; content: '\f09a'; font-family: 'Font Awesome 5 Brands'; }
.instagram::before {color: #bbbbbb; content: '\f16d'; font-family: 'Font Awesome 5 Brands'; }

   
.env-icon, .env-icon--medium {fill: #ffffff;  /* Vit ikon i dark mode */}

.env-icon-menu {
        fill: #ffffff;  /* Vit ikon i dark mode */
    }   
   .opacitet-landningssida {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background: rgba(30, 30, 30, 0.85); /* Mörkare semi-transparent bakgrund */
        color: #EDEDED; /* Ljus text för bättre läsbarhet */
        opacity: 1; /* Behåll full opacitet men justera bakgrundens transparens */
    }
  
       .env-button--primary.env-button--ghost,
    .env-button.env-button--ghost, .env-h--100, .env-align--middle{
        background-color: var(--env-element-primary-background-color);
        border-color: var(--env-element-primary-background-color);
        color: var(--env-element-primary-font-color);
    }
    .env-button.env-h--100 {
        background-color: #0067af;
        border-color: var(--env-element-primary-background-color);
        color: var(--env-element-primary-font-color);
    }
 
   .pagination .current, .pagination .current.next, .pagination .current.prev{
      background-color: #0067af!important;

	}
   
  .search-box-button {
        border: none;
        background-color: #121212;
        background-image: url(/images/darkmode-sok.png);


    }
   
.sv-dialog-content {
    background-clip: padding-box;
    background-color: #121212;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
    position: relative;
}
   
   .sv-dialog-content textarea,
	.sv-dialog-content input[type="text"] {
  color: #ffffff;
  background-color: #1e1e1e;
  border: 1px solid #444444;
}
   
/* Gäller även <select> */
.sv-dialog-content select {
  color: #e0e0e0;
  background-color: #1e1e1e;
  border: 1px solid #444444;
}

/* Placeholder-färg */
.sv-dialog-content input::placeholder,
.sv-dialog-content textarea::placeholder {
  color: #aaaaaa;
}
   .search-box-button::before {
    content: '\f002'; /* Unicode för Font Awesome sökikon */
    font-family: 'Font Awesome 6 Free';  /* Viktigt för att ikonen ska visas korrekt */
    font-weight: 900;  /* Krävs för solid-ikoner */
    
    color: #bbbbbb;    /* Grå färg för ikonen */
    font-size: 24px;   /* Anpassa storleken efter behov */
    transition: color 0.3s ease;
}

   
   .search-box {
    border: 0;
    box-sizing: border-box;
    color: #ffffff !important; /* Vit text för bättre kontrast i mörkt läge */
    background-color: #121212; /* Mörk bakgrund för att smälta in i dark mode */
    font-family: "Quicksand";
    font-size: 125%;
    padding: 29px 20px 20px 5px;
    border-bottom: 1px solid #444444; /* Subtil linje istället för skarp vit */

    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

    transition: background-color 0.3s ease, color 0.3s ease; /* Mjuk övergång vid växling mellan dark/light mode */
}

.search-box::placeholder {
    color: #bbbbbb; /* Ljusgrå färg för placeholder-text */
    opacity: 0.7;
}
   
   .sol-top-action-button{
   margin-left:1em;
   margin-right:1em;
   appearance:none;
   background:0 0;
   border:none;
 	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   font-size:1rem!important;
   padding:20px 20px 20px 20px;
   font-family:quicksand,sans-serif;
   font-weight:400;
   text-align:center;
   color:#EDEDED;
   cursor:pointer;
   text-decoration:none;
   line-height:normal;
   min-width:70px;
   position:relative;
   white-space:nowrap


}
   
   a.rek-link.normal {
    text-decoration: none!important;
    border: 2px solid #00aafa;
    border-radius: 3rem;
    height: 2rem;
   background: transparent!important;
    align-items: center;
    margin-right: 0.625rem;
    margin-top: 0.625rem;
    display: inline-flex;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.5em;
   font-weight:bold;
   color:#00aafa;
   

}
a.rek-link.normal:hover {
	text-decoration: none!important;
    background-color:#88CCFF!important;
    color:#1A1A1A!important;
    border-radius: 3rem;
    height: 2rem;
    align-items: center;
    margin-right: 0.625rem;
    margin-top: 0.625rem;
    display: inline-flex;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.5em;
    font-weight:bold;

}
   
   .c2243 {
    background-color:#252525;
	}

   .env-button-menu, .env-icon-menu, .env-dropdown__item a {
    color: #EDEDED;
   }
   
   .env-dropdown__item a:hover {
    color: #88ccff;
   }
   
   .env-button-menu:active, .env-button-menu:focus, .env-button-menu:hover {
    color: #88ccff;
}
   
   .circle70 {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 1px solid #88ccff;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
   
    .flernivalank {
    background-color:#252525;
	}
   
	.dropbtn {
      background:#252525;
      color:#00aafa;
}
   
   .a5-count-container {background-color: #252525;}
   
   .a5-count-container a {color: #ededed; }
   
   .a5-count-plan {color: #3b3b3b;}
   
   .menu-container .n3-subnode .visaIntePil>a {background: #252525;color:#ededed;}
.menu-container .n4-subnode .visaIntePil>a {background: #252525;color:#ededed;}
.menu-container .n5-subnode .visaIntePil>a {background: #252525;color:#ededed;}
.menu-container .n6-subnode .visaIntePil>a {background: #252525;color:#ededed;}
.menu-container .n7-subnode .visaIntePil>a {background: #252525;color:#ededed;}
   
   .menu-container a {text-decoration:none; color:#252525;}
   
   .menu-container li li a {background: #252525;}

	.menu-container li li li a{background: #252525;}

	.menu-container li li li li a {background: #252525;}
   .menu-container div div a {background: #252525;color:#ededed;}
   .menu-container div div div div a {background: #252525;color:#ededed;}
   .menu-container div div div div div a {background: #252525;color:#ededed;}
   
   .puffmeny-bg{
	 background-color: #252525;
    border-top-color: #0067af;
}

   .c2443 {
        visibility: hidden;
    }
   
    .ikonrad{
	 background-color: #252525;
       border-top-color: #0067af;}
   
/* Allmänna färginställningar */
:root {
    --env-element-warning-background-color: #ffcd45;  /* Gult */
    --env-element-warning-text-color: black;          /* Svart text */
    --link-color: #00aafa;
    --hover-color: #00aafa;
    --text-color: #ededed;
    --background-color: #252525;
    --border-color: #444444;
}
   
   .rekai-accordion__button:hover{ background: #252525!important;color:#ededed; /* Bakgrundsfärg */}
    .rekai-accordion__button:focus{ background: #252525!important;color:#ededed; /* Bakgrundsfärg */}
   .rekai-accordion__link {color:#00aafa!important;}

/* Expandable Header */
.sol-expandable__header {
    appearance: none;
    background: transparent;
    border: none;
    position: relative;
    padding: 18px 60px 18px 20px;
    font-size: 1.125rem;
    font-weight: 700;
    font-family: quicksand, sans-serif;
    cursor: pointer;
    width: 100%;
    text-align: left;
    margin-bottom: -1px;
    color: var(--text-color); /* Ljus textfärg */
}

/* Expandable Box */
.sol-expandable {
    border: 1px solid var(--border-color); /* Mörk kantlinje */
    position: relative;
    margin-bottom: 10px;
    background: var(--background-color); /* Bakgrundsfärg */
    border-radius: 10px;
}

/* Expandable Content */
.sol-expandable .sv-decoration-content,
.sol-expandable__content {
    padding: 10px 20px;
    display: none;
    color: var(--text-color); /* Textfärg */
    background-color: #2f2f2f; /* Lite ljusare bakgrund för kontrast */
    border-radius: 0 0 10px 10px;
}

/* Ikon för att expandera (plustecken) */
.sol-expandable__header::after {
    display: inline-block;
    font-size: 1.25rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 300;
    content: "\f067";    
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 55px;
    background-color: var(--link-color); /* Länkfärg som bakgrund för ikonen */
    display: flex;
    color: #ffffff; /* Vit ikonfärg */
    align-items: center;
    justify-content: center;
    border-radius: 0 10px 10px 0;
}

/* Ikon för att kollapsa (minustecken) */
.sol-expandable__header--active::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 300;
    content: "\f068";
    border-bottom-right-radius: 0;
}

/* Top Action Links */
.sol-top-action-links {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Top Action Button */


/* Länkar */
a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--hover-color); /* Samma färg vid hover för enhetlighet */
}

ul.sv-font-punktlista-sidfot a:after, 
ol.sv-font-punktlista-sidfot a:after,
.sv-font-sidfot:after{ 
    content: '\f054';  /* FontAwesome kod för chevron_right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;  /* För att visa ikonen i solid stil */
    color: white;  /* Gör chevronen vit */
    padding-left: 10px; /* Justera avståndet mellan texten och ikonen */
    font-size: 12px;  /* Justera storleken på ikonen */
}

.env-alert--warning {
    border-left: 10px solid #FFD700;
    border: 2px solid #ffcd45;
    background-color: #ffcd45;
    color: var(--env-element-warning-text-color);
    padding: 15px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px; /* För en mjukare look */
}




}