/*
 * CSS för Sundsvall Energi 2022
 *
 */

/**
 * Innehållsförteckning:
 *
 * 1.0 - Genrellt
 *   1.1 - Basregler
 *   1.2 - Fonter
 *     1.2.1 - IcoMoon
 *   1.3 - Utils
 *     1.3.1 -  Hjälp klasser
 *     1.3.2 - Knappar
 *     	1.3.2.1 - Knappstorlekar
 *     	1.3.2.2 - Knappvarianter
 *     1.3.3 - Tabell
 *       1.3.3.1 - TableScrollable
 * 2.0 - Sidhuvud
 *   2.1 - Generell styling
 *   2.2 - Sidhuvud Desktop
 *     2.2.1 - Logotyp
 *     2.2.2 - Megameny
 *     2.2.3 - Verktygsmeny med sökruta
 *         2.2.3.1 - Verktygsmeny
 *         2.2.3.2 - Sökruta
 *   2.3 - Sidhuvud Mobil
 *     2.3.1 - Hamburgerikon
 *     2.3.2 - Logotyp
 *     2.3.3 - Sök
 *     2.3.4 - Megameny
 *     2.3.5 - Verktygsmeny
 *     2.3.6 - Tillbaka till startsidan-knapp
 *     2.3.7 - Mina sidor länk
 *   2.4 - Cookiebanner
 *     2.4.1 - Knappar
 *     2.4.2 - Titel och länkar
 *     2.4.3 - Sliders
 *   2.5 - Globalt driftmeddelande
 *   2.6 - Globalt krismeddelande
 * 3.0 - Huvudinnehåll
 *   3.1 - Toppyta
 *     3.1.1 - Bild
 *     3.1.2 - Sök
 *     3.1.3 - Text (hög)
 *     3.1.4 - Text (låg)
 *     3.1.5 - Bakgrundsfärg med mönster (hög)
 *     3.1.6 - Bakgrundsfärg med mönster (låg)
 *   3.2 - Accordion
 *   3.2.1 - Accordion för ikonpuffar i mobilt läge
 *   3.2.2 - Dekorationer
 *   	 3.2.2.1 - Gul bakgrundsplatta i accordion
 *   3.3 - Paginering
 *   3.4 - Ingångar på landningssidor
 *   3.5 - Kampanjblock
 *     3.5.1 - Bild
 *     3.5.2 - Text
 *   3.6 - Puffwrapper
 *   3.7 - Mina sidor
 *   3.8 - Kontaktuppgifter
 *     3.8.1 - Dekorationer
 *     3.8.2 - Kontaktblock
 *   3.9 - Kontaktkort
 *   3.10 - Sökresultat (sökresultatsidan)
 *     3.10.1 - Högermenyer
 *   3.11 - Text-bilds-block
 *   3.12 - Puffar
 *     3.12.1 - Ikonpuff
 *     3.12.2 - Bild/videopuff
 *     3.12.3 - Länkpuff
 *     3.12.4 - Citatpuff
 *     3.12.5 - Puff företag el
 *   3.13 - Artikelsida
 *     3.13.1 - Toppyta
 *       3.13.1.1 - Text
 *       3.13.1.2 - Video/bild
 *     3.13.2 - Huvudinnehåll
 *     3.13.3 - Högerkolumn
 *     3.13.4 - Checkbox-listning på artikelsidor
 *		 3.13.5 - Fråge-block på artikelsidor
 *   3.14 - Brödsmulor
 *   3.15 - Paketlistning på landningssida undersida
 *   3.16 - Paketsida
 *     3.16.1 - Priser i tabell
 *     3.16.2 - Textyta i högerkolumn
 *     3.16.3 - Laddbox
 *   3.17 - Intro rubrik och text på paketsidan
 *   3.18 - Flikar på paketsidan
 *   3.19 - FAQ-listning
 *   3.20 - Detaljsida för paketen i arkiven
 *   3.21 - Guidesida
 *     3.21.1 - Toppyta
 *       3.21.1.1 - Text
 *       3.21.1.2 - Video/bild/bgcolor
 *   3.22 - Guidelistning
 *   3.23 - Driftinformation
 *     3.23.1 - Toppyta
 *       3.23.1.1 - Text
 *   3.24 - Bidragssida
 *   3.25 - Bidragslistning
 *   3.26 - Kontaktlistning
 *   3.27 - Flikar på finansiell information
 *   3.28 - Finansiell information 
 *   3.29 - Detaljsida för laddtjänster(Företag)
 *   3.30 - Frågor och svar (sökblock)
 *     3.30.1 - Dekoration
 *   3.31 - Frågor och svar (faq-listning)
 *     3.31.1 - Dekoration
 *   3.32 - Content area wrapper
 *   3.33 - Formulärstyling för modulen (E-postformulär)
 *   3.34 - Puff flex container
 *   3.35 - SelfServicesida
 *     3.35.1 - Registrering
 *       3.35.1.1 - Steg 1 av 3
 *       3.35.1.2 - Steg 2 av 3
 *       3.35.1.3 - Steg 3 av 3
 *     3.35.2 - Inloggning
 *     3.35.3 - Glömt lösenord
 *   3.36 - Formulär tack sida
 *   3.37 - Hantering för focused klassen i webappar som använder css modules.
 *   	 3.37.1 - Energichansen röstningsapp
 *   3.38 - IE-blockering
 *   3.39 - Frågor och svar(detaljsida)
 * 4.0 - Sidfot
 *   4.1 - Generell styling
 *   4.2 - Överst
 *     4.2.1 - Bakgrundsbild
 *     4.2.2 - Logotyp
 *     4.2.3 - Länkar
 *   4.3 - Mitten
 *     4.3.1 - Accordion i mobilt läge
 *   4.4 - Underst
 *
 * -----------------------------------------------------------------------------
**/

/**
  * 1.0 - Generellt
  *
**/

/*
 * 1.1 Basregler
 */

html {
   word-break: break-word;
}

html { position: relative; font-size: 62.5%; scroll-behavior: smooth; }
body { overflow-x: hidden; }
body.menu-open { overflow: hidden; position: fixed; width: 100%; height: 100%; }
body.is-active {overflow-y: hidden;}
body.is-active .sundsvall-energi__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.28; z-index: 10010; transition: all .3s; } 

@media (min-width: 769px) and (max-width: 1024px) {
   body.menu-open .sundsvall-energi__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.28; z-index: 10010; transition: all .3s; }
}

.focused {
  	box-shadow: 0 0 0 0.35rem #000000;
   outline: none;	 
}

.is-focusable.focused {
   background-color: #600724;
   color: #eba89f;
   clip: auto;
   height: auto;
   overflow: visible;
   position: absolute;
   width: 23rem;
   text-decoration: none;
   right: 0;
   margin: 0.4rem auto 0;
   padding: 1.3rem 4rem;
   outline: 0;
   z-index: 9999999;
   font-weight: 800;
   background-color: #a50e2d;
   color: #fff;
   border: 0.3rem solid white;
}

.sv-linkicon {
   display: none!important;
}

a[rel="external"] .env-link-icon {
    display: none;
}

@media (max-width: 768px) {
   .normal {
      font-size: 1.4rem;
      line-height: 2.4rem;
   }
}

.sv-text-portlet-content a[rel="external"]:after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.2rem;
   top: 0;
}

.text-white p, 
.text-white a, 
.text-white span, 
.text-white td, 
.text-white th, 
.text-white h1, 
.text-white h2, 
.text-white h3, 
.text-white h4, 
.text-white h5, 
.text-white h6 {
   color: #ffffff !important;
}

.text-mahogany p, 
.text-mahogany a, 
.text-mahogany span, 
.text-mahogany td, 
.text-mahogany th, 
.text-mahogany h1, 
.text-mahogany h2, 
.text-mahogany h3, 
.text-mahogany h4, 
.text-mahogany h5, 
.text-mahogany h6 {
   color: #600724 !important;
}

ul.sv-autocomplete-search-result {
   z-index: 9999999;
}

.sv-text-portlet-content a { 
   display: inline-block; 
}

.opacity-lazy {
   opacity:0;
}

.opacity-lazy.lazyloaded {
   opacity: 1;
   transition: all 0.7s;
}

p.sv-portlet-image-caption {
   font-size: 1.4rem;
   line-height: 1.8rem;
   font-style: italic;
   margin-top: 0.6rem;
}

.printarea { 
   display: none; 
}


/**
  * 1.2 - Fonter
  *
**/


/**
  * 1.2.1 - IcoMoon
  *
**/


@font-face {
  font-family: 'icomoon';
  src:  url('/download/18.73980c5318128b09cb91275/1668514525834/icomoon.eot?qf0pun');
  src:  url('/download/18.73980c5318128b09cb91275/1668514525834/icomoon.eot?qf0pun#iefix') format('embedded-opentype'),
    url('/download/18.73980c5318128b09cb91273/1668514525884/icomoon.ttf?qf0pun') format('truetype'),
    url('/download/18.73980c5318128b09cb91274/1668514525804/icomoon.woff?qf0pun') format('woff'),
    url('/images/18.73980c5318128b09cb91276/1668514525863/icomoon.svg?qf0pun#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Arrowleftlong:before {
  content: "\e90b";
}
.icon-chevron-left:before {
  content: "\e907";
}
.icon-chevron-right:before {
  content: "\e908";
}
.icon-Language:before {
  content: "\e905";
}
.icon-Person:before {
  content: "\e906";
}
.icon-Arrow-right-long:before {
  content: "\e904";
}
.icon-clear:before {
  content: "\e902";
}
.icon-launch1:before {
  content: "\e903";
}
.icon-menu:before {
  content: "\e900";
}
.icon-search:before {
  content: "\e901";
}




/**
  * 1.3 - Utils
  *
**/

/*
 * 1.3.1 - Hjälp klasser
 */

.sundsvall-energi-display-flex {
   display: flex;
}

.sundsvall-energi-flex-wrap {
   flex-wrap: wrap;
}

.sundsvall-energi-align-items-baseline {
   align-items: baseline;
}

.sundsvall-energi-flex-direction-column {
   flex-direction: column;
}

.sundsvall-energi-no-margin {
   margin: 0;
} 

.sundsvall-energi-bold-text {
   font-weight: 800;
} 

/*
 * 1.3.2 - Knappar
 */

.btn a, .btn .normal a, .btn button {
   font-weight: 800;
   padding: 0.9rem 2.6rem;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   display: inline-flex;
   cursor: pointer;
   align-items: center;
   border: 0.3rem solid transparent;
}

@media (max-width: 1024px) { 
	.btn a, .btn button {
      transition: none;
   }
}
.btn a.focused, .btn button.focused {
   border: 0.3rem solid white;
   transition: none;
}

.btn a[rel="external"]::after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.6rem;
   font-weight: 400;
   display: inline-block;
   margin-left: 0.8rem;
   top: 0;
}

.btn a:hover, .btn button:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
}

.btn a.focused:hover, .btn button.focused:hover {
   box-shadow: 0 0 0 0.35rem #000000;
}

.btn a svg path, .btn button svg path {
   transition: fill 0.3s;  
}

@media (max-width: 1024px) { 
	.btn a svg path, .btn button svg path {
      transition: none;
   }
}

.btn a.focused svg path, .btn button.focused svg path {
   transition: none; 
}

@media (max-width: 768px) {
   .btn p {
      margin: 0.6rem 0;
   }   

   .btn--flex .sv-text-portlet:last-child p {
      margin-bottom: 0;
   }
}

.btn--flex {
   display: flex;
   flex-wrap: wrap;
}

.btn--flex a {
   margin-right: 1.2rem;
}

@media (min-width: 769px) {
   .btn--flex .sv-text-portlet:first-child p {
      margin-top: 1.6rem;
      margin-bottom: 0;
   }
}


/*
 * 1.3.2.1 - Knappstorlekar
 */

.btn--small a, .btn--small button {
   font-size: 1.2rem;
   line-height: 1.6rem;
}

.btn--medium a, .btn--medium button {
   font-size: 1.4rem;
   line-height: 2rem;
}

.btn--large a, .btn--large button {
   font-size: 1.6rem;
   line-height: 2.4rem;
}

.btn--large a[rel="external"]::after {
   font-size: 1.8rem;
}

@media (max-width: 768px) {
   .btn--large a, .btn--large button {
      font-size: 1.4rem;
      line-height: 2rem;
   }
}


/*
 * 1.3.2.2 - Knappvarianter
 */

.btn-primary a,
.btn-primary .sv-text-portlet-content a,
.btn-primary button {
   background: #600724;
   color: #EBA89F;
}

.btn-primary a:hover, .btn-primary button:hover {
   background-color: #A50E2D;
   color: #FFFFFF;
}

.btn-primary a.focused, .btn-primary button.focused {
   background-color: #A50E2D;
   color: #FFFFFF;
}

.btn-primary a svg path, .btn-primary button svg path {
   fill: #EBA89F;
}

.btn-primary a:hover svg path, .btn-primary button:hover svg path {
   fill: #FFFFFF;
}

.btn-primary a.focused svg path, .btn-primary button.focused svg path {
   fill: #FFFFFF;
}

.btn-primary-inverted a,
.btn-primary-inverted .sv-text-portlet-content a,
.btn-primary-inverted button {
   background: #FFFFFF;
   color: #600724;
}

.btn-primary-inverted a:hover, .btn-primary-inverted button:hover {
   background: #FFFFFF;
   color: #A50E2D !important;
}

.btn-primary-inverted a svg path, .btn-primary-inverted button svg path {
   fill: #600724;
}

.btn-primary-inverted a.focused, .btn-primary-inverted button.focused {
   box-shadow: 0 0 0 0.35rem white;
   border: 0.3rem solid black!important;
   color: #A50E2D!important;
}

.btn-primary-inverted a.focused:hover, .btn-primary-inverted button.focused:hover {
   box-shadow: 0 0 0 0.35rem white;
}

.btn-primary-inverted a:hover svg path, .btn-primary-inverted button:hover svg path {
   fill: #A50E2D;
}

.btn-primary-inverted a.focused svg path, .btn-primary-inverted button.focused svg path {
   fill: #A50E2D;
}

.btn-secondary a, .btn-secondary.btn a, .btn-secondary button, .btn-secondary.btn button {
   background: #FFFFFF;
   color: #600724;
   border: 0.1rem solid #747472;
   padding: 1.1rem 2.6rem;
}

.btn-secondary a:hover, .btn-secondary button:hover {
   color: #A50E2D;
}

.btn-secondary a svg path, .btn-secondary button svg path {
   fill: #600724;
}

.btn-secondary a.focused, .btn-secondary button.focused {
   padding: 1.1rem 2.6rem 1.1rem 2.6rem;
   color: #A50E2D;
   border: 0.1rem solid #FFFFFF;
}

.btn-secondary a.focused:hover, .btn-secondary button.focused:hover {
   box-shadow: 0 0 0 0.35rem #000;
}

.btn-secondary a:hover svg path, .btn-secondary button:hover svg path {
   fill: #A50E2D;
}

.btn-secondary a.focused svg path, .btn-secondary button.focused svg path {
   fill: #A50E2D;
}


/*
 * 1.3.3 - Tabell
 */

.sv-table-standard, 
.sv-table-alt {
   table-layout: auto;
   border-collapse: separate;
   border-spacing: 0 1rem;
   margin-bottom: 0;
}

@media (max-width: 768px) {
   .sv-table-standard, 
   .sv-table-alt {
      table-layout: auto;
   }
}

.sv-table-standard caption.sv-visuallyhidden, 
.sv-table-alt caption.sv-visuallyhidden {
   position: unset !important;
   width: 0;
   height: 0;
}

.sundsvall-energi-main__content .sv-text-portlet-content .sv-table-standard p, 
.sundsvall-energi-main__content .sv-text-portlet-content .sv-table-alt p {
   margin-bottom: 0;
}

.sundsvall-energi-main__content .sv-text-portlet-content .sv-table-alt p {
   padding: 0.9rem 1.6rem;
}    

.sv-table-standard thead tr, 
.sv-table-alt thead tr {
   background-color: #600724;
}

.sv-table-standard thead th, 
.sv-table-alt thead th {
   color: #ffffff;
}

.sv-table-standard tbody tr, 
.sv-table-alt tbody tr {
   background-color: #fff8ed;
}

.sv-table-standard tbody tr:last-child, 
.sv-table-alt tbody tr:last-child {
   margin-bottom: 0;
}

.sv-table-standard th:first-child, 
.sv-table-standard td:first-child, 
.sv-table-alt th:first-child, 
.sv-table-alt td:first-child {
   border-top-left-radius: 0.4rem;
   border-bottom-left-radius: 0.4rem;
}

.sv-table-standard th:last-child, 
.sv-table-standard td:last-child, 
.sv-table-alt th:last-child, 
.sv-table-alt td:last-child {
   border-top-right-radius: 0.4rem;
   border-bottom-right-radius: 0.4rem;
}

.sv-table-standard thead th, 
.sv-table-standard tbody td {
   border-bottom: 0.8rem solid #ffffff;
}

.sv-linklist-portlet .sv-table-standard thead th p,
.sv-blog-portlet .sv-table-standard thead th p, 
.sv-archive-portlet .sv-table-standard thead th p,
.sv-text-portlet .sv-table-standard thead th p, 
.sv-linklist-portlet .sv-table-alt thead th p, 
.sv-blog-portlet .sv-table-alt thead th p, 
.sv-archive-portlet .sv-table-alt thead th p, 
.sv-text-portlet .sv-table-alt thead th p {
   color: #F2F2F2;
}

.sv-linklist-portlet table.sv-table-standard thead th, 
.sv-linklist-portlet table.sv-table-standard thead th,
.sv-blog-portlet table.sv-table-standard thead th, 
.sv-blog-portlet table.sv-table-standard thead th, 
.sv-archive-portlet table.sv-table-standard thead th, 
.sv-archive-portlet table.sv-table-standard thead th, 
.sv-text-portlet table.sv-table-standard thead th, 
.sv-text-portlet table.sv-table-standard thead th, 

.sv-linklist-portlet table.sv-table-alt thead th, 
.sv-linklist-portlet table.sv-table-alt thead th,
.sv-blog-portlet table.sv-table-alt thead th, 
.sv-blog-portlet table.sv-table-alt thead th, 
.sv-archive-portlet table.sv-table-alt thead th, 
.sv-archive-portlet table.sv-table-alt thead th, 
.sv-text-portlet table.sv-table-alt thead th, 
.sv-text-portlet table.sv-table-alt thead th {
   padding: 1.2rem;
}

.sv-linklist-portlet table.sv-table-standard tbody td p,
.sv-blog-portlet table.sv-table-standard tbody td p,
.sv-archive-portlet table.sv-table-standard tbody td p,
.sv-text-portlet table.sv-table-standard tbody td p,
.sv-linklist-portlet table.sv-table-alt tbody td p,
.sv-blog-portlet table.sv-table-alt tbody td p,
.sv-archive-portlet table.sv-table-alt tbody td p,
.sv-text-portlet table.sv-table-alt tbody td p {
   color: #4A4A49;
}

.sv-linklist-portlet table.sv-table-standard tbody td, 
.sv-linklist-portlet table.sv-table-standard tbody td,
.sv-blog-portlet table.sv-table-standard tbody td, 
.sv-blog-portlet table.sv-table-standard tbody td, 
.sv-archive-portlet table.sv-table-standard tbody td, 
.sv-archive-portlet table.sv-table-standard tbody td, 
.sv-text-portlet table.sv-table-standard tbody td, 
.sv-text-portlet table.sv-table-standard tbody td, 

.sv-linklist-portlet table.sv-table-alt tbody td, 
.sv-linklist-portlet table.sv-table-alt tbody td,
.sv-blog-portlet table.sv-table-alt tbody td, 
.sv-blog-portlet table.sv-table-alt tbody td, 
.sv-archive-portlet table.sv-table-alt tbody td, 
.sv-archive-portlet table.sv-table-alt tbody td, 
.sv-text-portlet table.sv-table-alt tbody td, 
.sv-text-portlet table.sv-table-alt tbody td {
   padding: 1.2rem;
}

.sv-table-alt thead th, 
.sv-table-alt tbody td {
   border-bottom: 0.8rem solid #ffffff;
   border-right: 0.8rem solid #ffffff;
}

.sv-table-alt thead th:last-child, 
.sv-table-alt tbody td:last-child {
    border-right: none;
}


/*
 * 1.3.3.1 - TableScrollable
 */


.table-scrollable {
   width: 100%;
   overflow-y: auto;
   margin-bottom: 4rem;
   position: relative;
}
.table-scrollable table {
   margin-bottom: 0;
}

.table-scrollable table * {
   white-space: nowrap;
}

.table-scrollable::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 1.4rem;
   height: 1.4rem;
}
.table-scrollable::-webkit-scrollbar-thumb {
   border-radius: 0.8rem;
   border: 0.3rem solid #fff;
   background-color: rgba(0, 0, 0, .3);
}



/**
  * 2.0 - Sidhuvud
  *
**/

/**
  * 2.1 - Generell styling för sidhuvudet 
**/

.sundsvall-energi-header {
   position: relative;
   background-color: #ffffff;
   width: 100%;
   top: 0;
   z-index: 10010;
}

.sundsvall-energi-header.is-active {
   position: absolute;
   height: 58.4rem;
}

/**
  * 2.2 - Sidhuvud Desktop
  *
**/

.sundsvall-energi-header .sundsvall-energi-header__desktop {
   padding: 1.2rem 0 1.3rem;
}

.sundsvall-energi-header.is-active .sundsvall-energi-header__desktop {
   box-shadow: 0 0.4rem 1.2rem rgb(27 29 31 / 12%);
   padding-bottom: 1.2rem;
}

.sundsvall-energi-header__desktop > div {
   display: flex;
}



/**
  * 2.2.1 - Logotyp
**/

.sundsvall-energi-header__logotype a {
   display: block;
}

.sundsvall-energi-header__logotype-img {
   width: 15.7rem;
   height: 7.2rem;
   margin-top: 1.8rem;
}


/**
  * 2.2.2 - Megameny
**/

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu {
   flex: 1;
   margin-left: 3.6rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu a.focused {
   color: #A50E2D;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu {
   position: relative;
   border-bottom: 0.1rem solid #C0C0BF;
   padding-bottom: 2.1rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button {
   display: inline-flex;
   flex: 2;
   background-color: transparent;
   border: 0;
   cursor: pointer;
   font-size: 1.6rem;
   line-height: 2.4rem;
   padding: 0;
   color: #600724;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button:focus {
   outline: none;
}

.modal .sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button {
   color: #000000;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button:after {
   display: block;
   height: 1.2rem;
   width: 1.2rem;
   margin-left: 0.8rem;
}

@media (max-width: 1085px) {
   .sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button:after {    
      margin-left: 0.6rem;
   }
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button[aria-expanded="true"], .sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button--active {
   font-weight: 900;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button--active[aria-expanded="false"].hold {
	font-weight: 400;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button[aria-expanded="false"]:after {
   content: url('/images/18.61c60d41806b09b43d4cbe/1651743349380/Chrevron-down-mahogany.svg');  
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--left-button[aria-expanded="true"]:after {
   content: url('/images/18.61c60d41806b09b43d4cbf/1651743349418/Chrevron-up-mahogany.svg');
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul {
   display: flex;
   align-items: baseline;
   list-style-type: none;
   padding-left: 0;
   margin: 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu li a:hover {
   color: #A50E2D;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu li a[rel="external"]::after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.4rem;
   top: 0.1rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2 {
   margin-top: 1rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2, 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-3 {
   margin-left: 3.2rem;
}

@media (max-width: 1100px) {
   .sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2 {    
      margin-left: 2.9rem;
   }
}

@media (max-width: 1141px) { 
	.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-3 {
      margin-left: 2.3rem;
   }
}

@media (max-width: 1085px) { 
	.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-3 {
      margin-left: 1.6rem;
   }
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2 a, 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-3 a {
   text-decoration: none;
   color: #600724;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2 a {
   font-size: 1.4rem;
   line-height: 2rem;
   padding: 1.9rem 0 2.2rem 0;
}

.modal .sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2 a {
   color: #000000;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2 > div > a {
   text-transform: uppercase;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-3 a {
   font-size: 1.6rem;
   line-height: 2.4rem;
   padding: 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2:first-child, 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-2 ul .sundsvall-energi-header__megamenu-menu--level-3:first-child {
	margin-left: 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-2 > ul, 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul ul ul, 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--level-content-wrapper {
   display: none;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--expanded.sundsvall-energi-header__megamenu-menu--level-2 > ul {
   display: flex;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--current-page.sundsvall-energi-header__megamenu-menu--level-2 > ul {
   display: flex;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--expanded.sundsvall-energi-header__megamenu-menu--level-2 > div > a, 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--current-page.sundsvall-energi-header__megamenu-menu--level-2 > div > a {
   border-bottom: 0.2rem solid #600724;
   font-weight: 900;
   line-height: 1.7rem;
   padding: 1.7rem 0 2.2rem 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--expanded.sundsvall-energi-header__megamenu-menu--level-2 > div > a.focused, 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--current-page.sundsvall-energi-header__megamenu-menu--level-2 > div > a.focused {
   border-bottom: none;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--expanded.sundsvall-energi-header__megamenu-menu--level-2 > div > a:hover , 
.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--current-page.sundsvall-energi-header__megamenu-menu--level-2 > div > a:hover {
   border-color: #A50E2D;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--expanded.sundsvall-energi-header__megamenu-menu--level-3 > div > a {
   font-weight: 900;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--current-page > div > a {
   font-weight: 900;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu--current-page > a {
   font-weight: 600;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper div > ul {
   position: relative;
   height: 39rem;
   display: flex;
   flex-flow: column wrap;
   column-count: 2;
   column-gap: 3.2rem;
   top: 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--image {
   height: -moz-fit-content;
   height: fit-content;
   position: relative;
   margin-right: 7.2rem;
   padding-right: 7.2rem;
   border-right: 0.1rem solid #c0c0bf;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--image img {
   margin-bottom: 2.4rem;
   height: 20rem;
   width: 30.4rem;
   object-fit: cover;
   border-radius: 0.4rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--image div {
   display: flex;
   align-items: center;
   padding: 0;
   color: #600724;
   font-size: 1.6rem;
   line-height: 2.4rem;
   margin: 0;
   font-weight: 900;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--image a::after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--image div svg {
   width: 1.6rem;
   height: 1.6rem;
   margin-left: 1rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--image div svg path {
   fill: #600724; 
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--image div .sundsvall-energi-header__megamenu-menu--left-link:hover + svg path {
   fill: #a50e2d; 
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul .sundsvall-energi-header__megamenu-menu--level-content-wrapper .sundsvall-energi-header__megamenu-menu--content {
   max-height: 37.2rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul[aria-hidden="false"] {
   display: flex;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu ul ul {
   position: absolute;
   top: 7.25rem;
   left: 0;
   right: 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-3 > .sundsvall-energi-header__megamenu-menu--level-content-wrapper[aria-hidden="false"] {
   position: absolute;
   display: flex;
   top: 10.8rem;
   right: -30rem;
   left: -8rem;
   max-height: 37.2rem;
}

@media (max-width: 1165px) {
   .sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-3 > .sundsvall-energi-header__megamenu-menu--level-content-wrapper[aria-hidden="false"] {
      left: -12rem;
   }  
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-3 > .sundsvall-energi-header__megamenu-menu--level-content-wrapper a {
   font-size: 1.6rem;
   line-height: 2.4rem;
   padding: 0;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-3 > .sundsvall-energi-header__megamenu-menu--level-content-wrapper p {
   padding: 0;
   color: #4A4A49;
   font-size: 1.2rem;
   line-height: 2rem;
   margin: 0 0 1.2rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-4 {
   margin-bottom: 2.2rem;
   width: 31.4rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-4 ul {
   display: flex;
   flex-direction: column;
   top: 0;
   left: 0;
   margin-top: 0;
   position: relative;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-5 {
   margin-bottom: 1.6rem;
}

.sundsvall-energi-header__desktop .sundsvall-energi-header__megamenu-menu .sundsvall-energi-header__megamenu-menu--level-5 a {
   text-decoration: underline;
}


/**
  * 2.2.3 - Verktygsmeny med sökruta
**/

/**
  * 2.2.3.1 - Verktygsmeny
**/

.sundsvall-energi-header__servicemenu nav {
   position: relative;
   border-bottom: 0.1rem solid #C0C0BF;
   padding-bottom: 1.1rem;
   margin-bottom: 1.2rem;
   display: flex;
   justify-content: flex-end;
}

.sundsvall-energi-header__servicemenu ul {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   min-height: 4rem;
}

.sundsvall-energi-header__servicemenu li {
   margin-left: 2.6rem;
}

.sundsvall-energi-header__servicemenu li:first-child {
   margin-left: 0;
}

.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link a {
   font-size: 1.4rem;
   line-height: 2rem;
   color: #4A4A49;
}

.modal .sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link a {
   color: #000000;
}

.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link a:hover, 
.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link a.focused {
   color: #A50E2D;
}

.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link a:hover svg path, 
.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link a.focused svg path {
   fill: #A50E2D;
}

.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link a svg path {
   fill: #4A4A49;
}

.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link.listen a {
   display: flex;
   align-items: center;
}

.sundsvall-energi-header__servicemenu ul .sundsvall-energi-header__servicemenu--link.languages a:after {
   font-family: "icomoon";
   content: "\e905";
   position: relative;
   top: -0.1rem;
   font-size: 1.6rem;
   display: inline-block;
   vertical-align: middle;
   font-weight: 300;
   margin-left: 0.6rem;
   width: 1.6rem;
}

.sundsvall-energi-header__servicemenu ul svg {
   width: 1.6rem;
   height: 1.6rem;
   margin-left: 0.6rem;
}

.sundsvall-energi-header__servicemenu .sundsvall-energi-header__servicemenu--cta-button {
   margin-top: 0;
}

@media (max-width: 1024px) {
   .sundsvall-energi-header__servicemenu .sundsvall-energi-header__servicemenu--cta-button {
      display: flex;
      align-items: center;
      margin: 0 2.2rem;
   }

   .sundsvall-energi-header__servicemenu .sundsvall-energi-header__servicemenu--cta-button a {
      display: flex;
      justify-content: center;
      width: 100%;
   }
}

.sundsvall-energi-header__servicemenu .sundsvall-energi-header__servicemenu--cta-button a:after {
   font-family: "icomoon";
   content: "\e906";
   font-size: 1.6rem;
   display: inline-block;
   vertical-align: middle;
   font-weight: 300;
   margin-left: 0.6rem;
}

.sundsvall-energi-header__servicemenu .sundsvall-energi-header__servicemenu--cta-button a[rel="external"]::after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.6rem;
   font-weight: 400;
   display: inline-block;
   margin-left: 0.8rem;
   top: 0;
   width: 1.6rem;
}


/**
  * 2.2.3.2 - Sökruta
**/

.sundsvall-energi-header__servicemenu form {
   display: flex;
   justify-content: flex-end;
}

.sundsvall-energi-header__servicemenu--search-form {
   display: flex;
   background: #fff;
   border: 0.1rem solid #747472;
   border-radius: 4rem;
   width: 100%;
}


.sundsvall-energi-header__servicemenu--search-form-input {
   font-size: 1.6rem;
   line-height: 2rem;
   color: #4A4A49;
   padding: 1.1rem 0 1.1rem 2.4rem;
   outline: 0;
   background: 0;
   border: 0;
   margin: 0;
}

.sundsvall-energi-header__servicemenu--search-form-input.focused {
   border-top-left-radius: 3.2rem; 
   border-bottom-left-radius: 3.2rem;
}

.sundsvall-energi-header__servicemenu--search-form-input::placeholder {
   color: #4A4A49;
   opacity: 1;
}

 /* Internet Explorer 10-11 */
.sundsvall-energi-header__servicemenu--search-form-input:-ms-input-placeholder {
   color: #4A4A49;
}
 
/* Microsoft Edge */
.sundsvall-energi-header__servicemenu--search-form-input::-ms-input-placeholder {
   color: #4A4A49;
}

.sundsvall-energi-header__servicemenu--search-form-button {
   display: flex;
   align-items: center;
   padding: 0 2.4rem 0 2rem;
   cursor: pointer;
   background: 0;
   border: 0;
}

.sundsvall-energi-header__servicemenu--search-form-button:focus-visible {
   border-top-right-radius: 3.2rem;
   border-bottom-right-radius: 3.2rem;
}

.sundsvall-energi-header__servicemenu--search-form-button:hover .sundsvall-energi-header__servicemenu--search-form-button-icon path {
   fill: #A50E2D;
}

.sundsvall-energi-header__servicemenu--search-form-button.focused {
   border-top-right-radius: 3.2rem;
   border-bottom-right-radius: 3.2rem;
}

.sundsvall-energi-header__servicemenu--search-form-button-icon path {
   fill: #600724;
   transition: fill .3s;
}


/**
  * 2.3 - Sidhuvud i mobilt läge
**/

@media (max-width: 768px) {
   .menu-open .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--top, 
   .searchbar-open .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--top {
      box-shadow: 0 0.4rem 1.2rem rgb(27 29 31 / 12%);
      margin-bottom: 2rem;
   }
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--wrapper {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding: 1.3rem 0 1rem;
}


/*
 * 2.3.1 - Hamburgerikon
 */

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-menutoggle {
   background: transparent;
   border: none;
   outline: none;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   color: #600724;
   padding: 0;
   margin-left: 1.4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-menutoggle-text {
   font-size: 1.6rem;
   line-height: 2.4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-menutoggle-icon {
   color: #600724;
   font-size: 2.4rem;
   margin-left: 0.4rem;
   width: 2.4rem;
}


/*
 * 2.3.2 - Logotyp
 */

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--logotype-img {
   width: 9.2rem;
   height: 4.5rem;
}


/*
 * 2.3.3 - Sök
 */

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search {
   position: relative;
   background-color: transparent;
   border: 0;
   cursor: pointer;
   font-size: 4rem;
   color: #600724;
   display: inline-flex;
   align-items: center;
   padding: 0;
}

.modal .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search {
   color: #000;
}

@media (max-width: 1024px) {
   .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--search.show-border-bottom {
      border-bottom: 0.4rem solid #f9f9f9;
   }
}


@media (max-width: 768px) {
   .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--search.show-border-bottom {
      border-bottom: 0.1rem solid rgb(27 29 31 / 12%);
   }
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search .sundsvall-energi-header__mobile--service-searchicon-text {
   font-size: 1.6rem;
   line-height: 2.4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search .icon {
   color: #600724;
   font-size: 2.4rem;
   margin-left: 0.4rem;
   width: 2.4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area {
   display: none;
   width: 100%;
   margin: 2.4rem 0;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area > div {
   display: flex;
   background: #fff;
   border: .1rem solid #747472;
   border-radius: 4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area form > div {
   display: flex;
   border: 0.2rem solid #78cac1;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area input {
   outline: 0;
   background: 0;
   border: 0;
   line-height: 2.4rem;
   color: #4A4A49;
   font-size: 1.6rem;
   padding: 1rem 0 1rem 2.4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area input::placeholder {
   color: #4A4A49;
   opacity: 1;
}

 /* Internet Explorer 10-11 */
.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area input:-ms-input-placeholder {
   color: #4A4A49;
}
 
/* Microsoft Edge */
.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area input::-ms-input-placeholder {
   color: #4A4A49;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area input.focused {
   border-top-left-radius: 3.2rem;
   border-bottom-left-radius: 3.2rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area button {
   display: flex;
   align-items: center;
   cursor: pointer;
   background: 0;
   border: 0;
   padding: 0 2.4rem 0 2rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area button.focused {
   border-top-right-radius: 3.2rem;
   border-bottom-right-radius: 3.2rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area button svg path {
   fill: #600724;
}


.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--service-search-area.active {
   display: block;
}


/*
 * 2.3.4 - Megameny
 */

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--menu {
   display: none;
   position: fixed;
   top: 7.2rem;
   bottom: 0;
   right: 0!important;
   background: #fff;
   width: 100%;
   z-index: 99999999;
   overflow: hidden;
   filter: drop-shadow(0 2rem 1.4rem rgba(27,29,31,0.12));
   -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
   .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--menu {
      top: 8.4rem;
   }
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--menu.active {
   display: block;
   -webkit-transition: .3s;
   transition: .3s;
   overflow: initial;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
}

@media (max-width: 1024px) {
   .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--menu.active {
      width: 42.6rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--menu.active {
      width: 100%;
   }
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu {
   flex: 1;
   margin-left: 3.6rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu {
   position: relative;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu a.focused {
   color: #a50e2d;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button {
   display: flex;
   justify-content: flex-end;
   background-color: transparent;
   border: 0;
   line-height: 0;
   cursor: pointer;
   position: absolute;
   right: 0;
   padding: 0;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button[aria-expanded="false"] .chevron-up {
   display: none;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button[aria-expanded="true"] .chevron-down {
   display: none;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button[aria-expanded="true"] .chevron-up .red,
.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button.focused svg .red {
   fill: #a50e2d;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button[aria-expanded="true"] .chevron-up .white,
.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button.focused svg .white {
   fill: #ffffff;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu .sundsvall-energi-header-mobile__megamenu-menu--left-button:after {
   display: block;
}

/*.sundsvall-energi-header-mobile__megamenu-menu--level-2 .sundsvall-energi-header-mobile__megamenu-menu--left-button[aria-expanded="false"]:after {
   content: url('/images/18.61c60d41806b09b43d460f/1651657327981/Chrevron-right.svg');
}*/

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu ul {
   list-style-type: none;
   padding-left: 0;
   margin: 0;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu a[rel="external"]::after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 > div, .sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-3 > div {
   display: flex;
   align-items: center;
   margin: 0 2.2rem;
   border-bottom: 0.1rem solid #747472;
   position: relative;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 > div button[aria-expanded="true"] {
   display: none;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-4 > div {
   display: flex;
   align-items: center;
   margin: 1.6rem 2.2rem 0.5rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-4.sundsvall-energi-header-mobile__megamenu-menu--parent-node {
   margin-bottom: 0;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-4.sundsvall-energi-header-mobile__megamenu-menu--parent-node:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-5 {
   display: flex;
   align-items: center;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 a, .sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-3 a {
   display: flex;
   width: 100%;
   text-decoration: none;
   font-size: 1.6rem;
   line-height: 2.4rem;
   padding: 2.2rem 0 1.6rem;
   color: #600724;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 > div > a, .sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-3 > div > a {
   margin-right: 4.5rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 > div > .sundsvall-energi-header-mobile__megamenu-menu--left-link.active, .sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-3 > div > .sundsvall-energi-header-mobile__megamenu-menu--left-link.active {
   font-weight: 800;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 > div > .sundsvall-energi-header-mobile__megamenu-menu--left-link.active {
   text-transform: none;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-3 > div > .sundsvall-energi-header-mobile__megamenu-menu--left-link.active {
   color: #A50E2D;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 a.focused {
   width: fit-content;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-2 > div > a {
   text-transform: uppercase;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-4 p {
   display: flex;
   flex: 1;
   text-decoration: none;
   font-size: 1.2rem;
   line-height: 2rem;
   color: #4A4A49;
   margin: 0;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-5 a {
   display: flex;
   flex: 1;
   text-decoration: none;
   font-size: 1.4rem;
   line-height: 2rem;
   margin: 0 2.2rem;
   padding: 0.8rem 0;
   color: #600724;
   text-decoration: underline;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu-ul[aria-hidden="true"]{
   display: none;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu-ul[aria-hidden="false"]{
   display: block;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-4 .sundsvall-energi-header-mobile__megamenu-menu-ul[aria-hidden="false"], 
.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-4 .sundsvall-energi-header-mobile__megamenu-menu-ul[aria-hidden="true"] { 
   display: block;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--current-page > div > a {
   font-weight: 800;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-5.sundsvall-energi-header-mobile__megamenu-menu--current-page a {
   font-weight: 800;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--expanded > div > a {
   font-weight: 800;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--level-3.sundsvall-energi-header-mobile__megamenu-menu--current-page > div > a, .sundsvall-energi-header__mobile .sundsvall-energi-header-mobile__megamenu-menu--expanded.sundsvall-energi-header-mobile__megamenu-menu--level-3  > div > a {
   color: #A50E2D;
}


/*
 * 2.3.5 - Verktygsmeny
 */

@media (min-width: 769px) and (max-width: 1024px) {
   .sundsvall-energi-header__mobile--servicemenu > div {
      margin: 0;
      width: 100%;
   }
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav ul {
   display: flex;
   flex-direction: column;
   margin: 2.4rem 0 3.2rem;
}

@media (min-width: 769px) and (max-width: 1024px) {
   .sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav ul {
      margin: 2.4rem 1.6rem 3.2rem;
   }
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li {
   margin-bottom: 2.4rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li a {
   color: #4a4a49;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li.listen a {
    display: inline-flex;
    align-items: center;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li a.focused {
   color: #a50e2d;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li a.focused svg path {
   fill: #a50e2d;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li.languages a:before {
   font-family: "icomoon";
   content: "\e905";
   position: relative;
   top: -0.1rem;
   font-size: 1.6rem;
   display: inline-block;
   vertical-align: middle;
   font-weight: 300;
   margin-right: 0.6rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li svg {
   width: 1.6rem;
   height: 1.6rem;
   margin-right: 0.6rem;
}

.sundsvall-energi-header__mobile .sundsvall-energi-header__mobile--servicemenu nav li a svg path {
   fill: #4a4a49;
}


/*
 * 2.3.6 - Tillbaka till startsidan-knapp
 */

.sundsvall-energi-header__mobile--previous-button {
   background-color: #F2F2F2;
   padding: 1.2rem 1.6rem;
   margin-bottom: 1.2rem;
}

.sundsvall-energi-header__mobile--previous-button p, 
.sundsvall-energi-header__mobile--previous-button a {
   font-size: 1.4rem;
   line-height: 2rem;
}

.sundsvall-energi-header__mobile--previous-button button {
   display: flex;
   align-items: center;
   font-size: 1.4rem;
   line-height: 2rem;
   background-color: transparent;
   border: none;
   padding: 0;
   color: #600724;
   cursor: pointer;
}

.sundsvall-energi-header__mobile--previous-button button.focused {
   color: #a50e2d;
}

.sundsvall-energi-header__mobile--previous-button button:before {
   font-family: "icomoon";
   content: "\e90b";
   font-size: 1.6rem;
   display: inline-block;
   margin-right: 0.8rem;
}

.sundsvall-energi-header__mobile--previous-button p {
   margin-top: 0;
}


/*
 * 2.3.7 - Mina sidor länk
 */

.sundsvall-energi-header__mobile--mypages-link-container {
   padding: 2rem 0 2.4rem 0;
}

@media (min-width: 769px) and (max-width: 1024px) {
   .sundsvall-energi-header__mobile--mypages-link-container > div {
      margin: 0;
      width: 100%;
   }
}

.sundsvall-energi-header__mobile--mypages-link-container .sundsvall-energi-header__mobile--mypages-link {
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (min-width: 769px) and (max-width: 1024px) {
   .sundsvall-energi-header__mobile--mypages-link-container .sundsvall-energi-header__mobile--mypages-link {
      margin-left: 1.6rem;
      margin-right: 1.6rem;
   }
}

.sundsvall-energi-header__mobile--mypages-link-container .sundsvall-energi-header__mobile--mypages-link[rel="external"]::after {
   content: none;
}

.sundsvall-energi-header__mobile--mypages-link-icon {
   width: 1.6rem;
   height: 1.6rem;
   margin-left: 0.8rem;
}

.sundsvall-energi-header__mobile--mypages-link-icon path {
   fill: #EBA89F;  
}


/**
  * 2.4 - Cookiebanner
**/

/**
  * 2.4.1 - Knappar
**/

.sv-cookie-consent-modal button.env-button--primary {
   display: inline-flex;
   align-items: center;
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-weight: 800;
   background: #600724;
   color: #eba89f;
   padding: 0.9rem 2.6rem;
   border: 0.3rem solid transparent;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all .3s;
   cursor: pointer;
}

@media (max-width: 768px) { 
   .sv-cookie-consent-modal button.env-button--primary { 
   	width: 100%;
   }
}

.sv-marketplace-sitevision-cookie-consent a.env-button--primary {
   display: inline-flex;
   align-items: center;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 800;
   background: #ffffff;
   color: #600724;
   padding: 0.9rem 2.6rem;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   cursor: pointer;
   border: 0.3rem solid transparent;
}

.sv-cookie-consent-modal button.env-button--primary:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   background: #a50e2d;
   color: #ffffff;
}

.sv-marketplace-sitevision-cookie-consent a.env-button--primary:hover {
   background: #fff;
   color: #a50e2d!important;
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
}

.sv-cookie-consent-modal button.env-button--primary.focused {
   background-color: #a50e2d;
   color: #fff;
   border: 0.3rem solid white;
   box-shadow: 0 0 0 0.35rem #000;
   transition: none;
}

.sv-marketplace-sitevision-cookie-consent a.env-button--primary.focused {
   color: #A50E2D!important;
   border: 0.3rem solid #000000;
   box-shadow: 0 0 0 0.35rem #ffffff;
   outline: none;
   transition: none;
}

.sv-cookie-consent-modal button.env-button--primary:focus-visible, 
.sv-cookie-consent-modal button.env-button--primary:not([class^=env-]):not([class*=" env-"]):focus-visible, 
.sv-cookie-consent-modal button.env-button--primary:focus-visible {
   background-color: #a50e2d;
   color: #fff;
   border: 0.3rem solid white;
   box-shadow: 0 0 0 0.35rem #000;
   transition: none;
}



/**
  * 2.4.2 - Titel och länkar
**/

.sv-cookie-consent-modal .env-modal-dialog__header__title {
   font-size: 2.4rem;
   line-height: 3rem;
   font-weight: 800;
   color: #313130;
}

.sv-cookie-consent-modal a.env-link {
   color: #600724;
   text-decoration: underline;
}

.sv-cookie-consent-modal a.env-link:hover {
   color: #A50E2D;
}


.sv-cookie-consent-modal .env-link:focus-visible, 
.sv-cookie-consent-modal .env-text a:not([class^=env-]):not([class*=" env-"]):focus-visible, 
.sv-cookie-consent-modal a.env-text:focus-visible {
   box-shadow: 0 0 0 0.35rem #000000 !important;
   outline: none !important;
   outline-offset: unset;
   color: #A50E2D;
}

.sv-cookie-consent-modal .env-link, 
.sv-cookie-consent-modal .env-text a:not([class^=env-]):not([class*=" env-"]), 
.sv-cookie-consent-modal a.env-text {
   transition: none!important;
}

.sv-cookie-consent-modal .env-modal-dialog__body form .env-flex--column {
   margin-bottom: 1.6rem;
}

.sv-cookie-consent-modal .env-modal-dialog__body form .env-flex--column:last-child {
   margin-bottom: 0;
}

.sv-cookie-consent-modal a.env-button--primary {
   display: inline-flex;
   align-items: center;
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-weight: 800;
   background: #ffffff;
   color: #600724;
   border: 0.1rem solid #747472;
   border-radius: 3.2rem;
   padding: 1.1rem 2.6rem;
   text-decoration: none;
   transition: all .3s;
   cursor: pointer;
}

.sv-cookie-consent-modal a.env-button--primary:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   color: #a50e2d;
}

.sv-cookie-consent-modal a.env-button--primary.focused {
   box-shadow: 0 0 0 0.35rem #000000;
   border: 0.3rem solid #ffffff!important;
   color: #a50e2d;
   background: #fff;
   transition: none;
   padding: 0.9rem 2.4rem;
}

.sv-cookie-consent-modal a.env-button--primary:focus-visible {
   box-shadow: 0 0 0 0.35rem #000000 !important;
}

.sv-cookie-consent-modal .env-modal-dialog__footer form {
   display: inline-block;
}


/**
  * 2.4.3 - Sliders
**/

.sv-cookie-consent-modal input:disabled~.env-switch__slider {
   filter: opacity(1);
}
.sv-cookie-consent-modal input:checked~.env-switch__slider {
   background-color: #A50E2D;
   border-color: #A50E2D;
}

.sv-cookie-consent-modal input:disabled~.env-switch__slider:before {
   opacity: 1;
}

.sv-cookie-consent-modal .env-switch__slider:before {
   background-color: #ffffff;
}

.sv-cookie-consent-modal input:checked~.env-switch__slider:after {
   background-color: #ffffff;
   opacity: 1;
}

.sv-cookie-consent-modal .env-switch__slider {
   background-color: #747472;
   border: 0.2rem solid #747472;
} 

.sv-cookie-consent-modal .env-switch__slider:after {
   border: 0.2rem solid #fff;
   opacity: 1;
}



/**
  * 2.5 - Globalt driftmeddelande
**/

.sundsvall-energi-header__operation-msg--global {
   padding: 3.2rem 0;
   background-color: #A50E2D;
}

.sundsvall-energi-header__operation-msg--global-margin .sundsvall-energi-header__operation-msg--global {
   border-top: 0.1rem solid #ffffff;
}

.sundsvall-energi-header__operation-msg--global-wrapper {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}

.sundsvall-energi-header__operation-msg--global .sundsvall-energi-header__operation-msg--global-text {
   display: flex;
   align-items: center;
   font-size: 1.8rem;
   line-height: 2.4rem;
   font-weight: 700;
   margin: 0.7rem 0;
   color: #ffffff;
}

@media (max-width: 768px) {
   
   .sundsvall-energi-header__operation-msg--global .sundsvall-energi-header__operation-msg--global-text {
      font-size: 1.6rem;
   }
   
   .sundsvall-energi-header__operation-msg--global {
      padding: 2.4rem 0;
   }

   .sundsvall-energi-header__operation-msg--global-wrapper {
      display: block;
   }

   .sundsvall-energi-header__operation-msg--global p {
      margin-top: 0;
   }

   .sundsvall-energi-header__operation-msg--global-buttons .btn:last-child {
      margin-top: 1rem;
   }
}

.sundsvall-energi-header__operation-msg--global svg {
   height: 3.5rem;
   width: 3.5rem;
   min-width: 3.5rem;
   margin-right: 0.7rem;
}

@media (max-width: 768px) { 
   .sundsvall-energi-header__operation-msg--global svg {
      height: 3.2rem;
      width: 3.2rem;
      margin-right: 0.4rem;
   }
}

.sundsvall-energi-header__operation-msg--global svg path {
   fill: #ffffff;
}

.sundsvall-energi-header__operation-msg--global a.focused {
   display: block;
   box-shadow: 0 0 0 0.4rem #ffffff!important;
}

.sundsvall-energi-header__operation-msg--global-buttons {   
   align-items: baseline;
}


/**
  * 2.6 - Globalt krismeddelande
**/

.sundsvall-energi-header__critical-msg--global {
   background-color: #A50E2D;
}

.sundsvall-energi-header__critical-msg--global-wrapper {
   margin: 0;
}

.sundsvall-energi-header__critical-msg--global .sundsvall-energi-header__critical-msg--global-text {
   display: flex;
   align-items: center;
   font-size: 1.8rem;
   font-weight: 700;
   margin: 0;
   padding: 0.9rem 0 0.9rem;
}

.sundsvall-energi-header__critical-msg--global .sundsvall-energi-header__critical-msg--global-text a {
   font-size: 1.6rem !important;
   line-height: 2.4rem !important;
   text-decoration: underline;
   color: #ffffff;   
}

@media (max-width: 768px) {
   .sundsvall-energi-header__critical-msg--global-wrapper {
      display: block;
   }

   .sundsvall-energi-header__critical-msg--global p {
      margin-top: 0;
   }

   .sundsvall-energi-header__critical-msg--global-buttons .btn:last-child {
      margin-top: 1rem;
   }
}

.sundsvall-energi-header__critical-msg--global svg {
   height: 2.8rem;
   width: 2.5rem;
   min-width: 2.8rem;
   margin-right: 1rem;
}

.sundsvall-energi-header__critical-msg--global svg path {
   fill: #ffffff;
}

.sundsvall-energi-header__critical-msg--global a.focused {
   display: block;
   box-shadow: 0 0 0 0.4rem #ffffff!important;
}

.sundsvall-energi-header__critical-msg--global-buttons {   
   align-items: baseline;
}



/**
  * 3.0 - Huvudinnehållet
  *
**/

.sundsvall-energi-main.is-active {
   margin-top: 13.2rem;
}


/*
 * 3.1 - Toppyta
 */

.sundsvall-energi-main__top-area-big {
   position: relative;
   overflow: hidden;
}

.sundsvall-energi-main__top-area-small {
   position: relative;
   background-color: #600724;
   overflow: hidden;
   height: 19rem;
   padding-top: 8rem;
   padding-bottom: 9rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-small {
      padding-top: 16.112rem;
      padding-bottom: 4.112rem;
      height: auto;
   }
}


.sundsvall-energi-main__top-area-crisis-message {
   margin-bottom: 6rem;
}

/*
 * 3.1.1 - bild
 */

.sundsvall-energi-main__top-area--image img {
   display: block;
   object-fit: cover;
   min-height: 48rem;
   max-height: 48rem;
   height: 48rem;
   max-width: 100%!important;
   width: 100%;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--image img {
      min-height: 60rem;
      max-height: 60rem;
      height: 60rem;
   }
}


/*
 * 3.1.2 - Sök
 */

.sundsvall-energi-main__top-area--text-search form {
   display: flex;
   justify-content: flex-end;
}

.sundsvall-energi-main__top-area--text-search-form {
   display: flex;
   background: #fff;
   width: 100%;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--text-search-form {
      display: block;
   }
}

.sundsvall-energi-main__top-area--text-search-form-input {
   position: relative;
   display: flex;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--text-search-form-input {
      width: 100%;
   }
}

.sundsvall-energi-main__top-area--text-search-form-input:after {
   position: absolute;
   top: 1.3rem;
   right: 2.8rem;
   content: url('/images/18.198af9f9181896034ef3a4/1655886294246/Search-mahogany.svg');
}

.sundsvall-energi-main__top-area--text-search-form-input input {
   position: relative;
   font-size: 1.6rem;
   line-height: 2rem;
   color: #4a4a49;
   padding: 1.1rem 6rem 1.1rem 2.4rem;
   border: 0.1rem solid #747472;
   border-radius: 4rem;
   outline: 0;
   background: 0;
   width: 100%
}

.sundsvall-energi-main__top-area--text-search-form-input input::placeholder {
   color: #4A4A49;
   opacity: 1;
}

 /* Internet Explorer 10-11 */
.sundsvall-energi-main__top-area--text-search-form-input input:-ms-input-placeholder {
   color: #4A4A49;
}
 
/* Microsoft Edge */
.sundsvall-energi-main__top-area--text-search-form-input input::-ms-input-placeholder {
   color: #4A4A49;
}

.sundsvall-energi-main__top-area--text-search-form button {
   font-size: 1.4rem;
   line-height: 1.4rem;
   background: #600724;
   color: #EBA89F;
   font-weight: 800;
   padding: 0.9rem 2.9rem;
   margin: 0 0 0 0.8rem; 
   border-radius: 3.2rem;
   text-decoration: none;
   cursor: pointer;
   transition: all 0.3s;
   display: inline-flex;
   align-items: center;
   border: 0.3rem solid transparent;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--text-search-form button {
      padding: 1.2rem 2.9rem;
      margin: 0.8rem 0 0 0;
   }
}

.sundsvall-energi-main__top-area--text-search-form button:hover {
   background-color: #A50E2D;
   color: #FFFFFF;
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
}

.sundsvall-energi-main__top-area--text-search-form button.focused {
   border: 0.3rem solid white;
   transition: none;
   background-color: #A50E2D;
   color: #FFFFFF;
}

.sundsvall-energi-main__top-area--text-search-form button.focused {
   box-shadow: 0 0 0 0.35rem #000000;
}



/*
 * 3.1.3 - Text (hög)
 */

.sundsvall-energi-main__top-area--text {
   position: absolute;
   background-color: #fff;
   padding: 3.2rem;
   border-radius: 0.4rem;
   max-width: 57.6rem;
   height: auto;
   top: 50%;
   transform: translate(0,-50%);
   z-index: 10000;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--text {
      max-width: none;
      height: auto;
      width: auto;
      top: 10rem;
      transform: none;
      padding: 2.4rem;
      left: 0;
      right: 0;
      margin: 0 1.6rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--text {
      display: block;
      top: auto;
      bottom: 4.1rem;
   }
}

.sundsvall-energi-main__top-area--text h1 {
   font-size: 1.6rem !important;
   line-height: 2.4rem !important;
   text-transform: uppercase;
   font-weight: 400;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--text h1 {
      margin-top: 0;
   }
}

.sundsvall-energi-main__top-area--text h2 {
   font-size: 3.2rem;
   line-height: 4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--text h2 {
      font-size: 3.2rem !important;
      line-height: 3.8rem !important;
   }
}

.sundsvall-energi-main__top-area--text p {
   margin: 1.2rem 0 2.4rem 0;
   font-size: 1.6rem;
   line-height: 2.6rem;
}

.sundsvall-energi-main__top-area--text-buttons {
   display: flex;
   flex-wrap: wrap;
   margin-top: 2rem;
   gap: 1rem;
}

.sundsvall-energi-main__top-area--text-buttons li {
   margin-right: 0.8rem;
   margin-bottom: 0.8rem;
}

.sundsvall-energi-main__top-area--text-buttons li:last-child {
   margin-right: 0;
}

.sundsvall-energi-main__top-area--text-single-link {
   color: #600724;
   display: inline-block;
   margin: 1.6rem 0 0 0;
   line-height: 2.4rem;
}

.sundsvall-energi-main__top-area--text-single-link:hover {
   color: #a50e2d;
}

.sundsvall-energi-main__top-area--text-single-link.focused {
   color: #a50e2d;
}

/**
  * 3.1.4 - Text (låg)
**/

.sundsvall-energi-main__top-area-small--text {
   position: relative;
   display: inline-table;
   max-width: 64rem;
   width: 100%;
}

.sundsvall-energi-main__top-area-small--text h1 {
   font-size: 3.2rem;
   line-height: 4rem;
   color: #ffffff;
}

.sundsvall-energi-main__top-area-small--text .btn-primary-inverted a {
   color: #600724;
}

.sundsvall-energi-main__top-area-small--text p {
   font-size: 1.8rem;
   line-height: 2.7rem;
   color: #ffffff;
}

.sundsvall-energi-main__top-area-small--text a, 
.sundsvall-energi-main__top-area-small--text a:hover {
   color: #ffffff;
}

.sundsvall-energi-main__top-area-small--text a.focused {
   box-shadow: 0 0 0 0.35rem #ffffff;
   color: #ffffff;
}


/*
 * 3.1.5 - Bakgrundsfärg med mönster (hög)
 */

.sundsvall-energi-main__top-area-big--bgcolor {
   height: 48rem;
   background-color: #600724;
}

.sundsvall-energi-main__top-area-big--bgcolor-water:after {
   position: absolute;
   content: "";
   top: -3.4rem;
   right: -8.3rem;
   height: 54rem;
   width: 45.6rem;
   background-image: url(/images/18.14a2cca61827b6ac80a2cc/1659964125529/Water_BlissfulBerry480.svg);
   background-size: cover;
   background-repeat: no-repeat;
}

.sundsvall-energi-main__top-area-big--bgcolor-wind:after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   height: 40.8rem;
   width: 45.3rem;
   background-image: url(/images/18.5f0f6229184745119bc220/1668418312141/Wind_BlissfulBerry_rotate.svg);
   background-size: cover;
   background-repeat: no-repeat;
}

.sundsvall-energi-main__top-area-big--bgcolor-sun:after {
   position: absolute;
   content: "";
   top: -3.4rem;
   right: -8.3rem;
   height: 54rem;
   width: 45.6rem;
   background-image: url(/images/18.5f0f6229184745119bca3/1668414066495/Sun_BlissfulBerry438.svg);
   background-size: cover;
   background-repeat: no-repeat;
}

/* Temp logo fix */
.sundsvall-energi-main__top-area-big--bgcolor-logo:after {
   position: absolute;
   content: "";
   top: 3.6rem;
   right: 1.7rem;
   height: 20rem;
   width: 33.6rem;
   background-image: url(/images/18.2d07fd24191dfc1ade52a1b1/1726559017852/EnergiChansenLogo.svg);
   background-size: 36rem;
   background-repeat: no-repeat;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-big--bgcolor-logo:after {
       right: 0.7rem;
       top: 1.5rem;
  		 height: 22rem;
   }
}

/* Logo fix end */

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-big--bgcolor {
      height: 60rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-big--bgcolor:after {
      height: 59.8rem;
   }
}


/*
 * 3.1.6 - Bakgrundsfärg med mönster (låg)
 */

.sundsvall-energi-main__top-area-small--bgcolor-water:after {
   content: url(/images/18.5f0f6229184745119bcb0/1668414603796/Water_BlissfulBerry_480.svg);
   position: absolute;
   top: 0;
   right: 0;
}

.sundsvall-energi-main__top-area-small--bgcolor-wind:after {
   content: url(/images/18.14a2cca61827b6ac80a254/1659961948658/Wind_BlissfulBerry360.svg);
   position: absolute;
   right: 0;
   bottom: -0.4rem;
}

.sundsvall-energi-main__top-area-small--bgcolor-sun:after {
   content: url(/images/18.5f0f6229184745119bca3/1668414066495/Sun_BlissfulBerry438.svg);
   position: absolute;
   right: 0;
   bottom: -0.8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-small--bgcolor-water:after,
   .sundsvall-energi-main__top-area-small--bgcolor-wind:after,
   .sundsvall-energi-main__top-area-small--bgcolor-sun:after {
      content: "";
      background-image: url(/images/18.66abd24184985d9f34105/1669020118193/Wind_BlissfulBerry450.svg);
      background-repeat: no-repeat;
      background-size: 30rem;
      position: absolute;
      transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0);
      top: -17.5rem;
      right: -1rem;
      width: 21rem;
      height: 31rem;
   }
}


/*
 * 3.2 - Accordion
 *
 */

.sundsvall-energi-main__accordion {
   border-bottom: 0.1rem solid #747472;
}

.sundsvall-energi-main__accordion-heading {
   width: 100%;
   margin: 0;
}

.sundsvall-energi-main__accordion-btn {
   text-align: left;
   display: flex;
   justify-content: space-between;
   width: 100%;
   background: none;
   padding: 3.2rem 0 1.7rem;
   margin: 0;
   border: none;
   position: relative;
   align-items: center;
   cursor: pointer;
}

.sundsvall-energi-main__accordion-btn:focus {
   outline: none;   
}

@media (max-width: 768px) {
   .sundsvall-energi-main__accordion-btn {
      padding: 1.7rem 0 1.7rem;
   }
}

.sundsvall-energi-main__accordion__heading {
   font-weight: 800;
   font-size: 1.8rem;
   line-height: 2.4rem;
   color: #600724;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__accordion__heading {
      font-size: 1.6rem;
      line-height: 2.1rem;
   }
}

.sundsvall-energi-main__accordion-icon {
   display: flex;
   line-height: 0;
   margin-left: 3rem;
}

.sundsvall-energi-main__accordion-btn[aria-expanded="false"] .sundsvall-energi-main__accordion-icon--close {
   display: none;
}

.sundsvall-energi-main__accordion-btn[aria-expanded="true"] .sundsvall-energi-main__accordion-icon--close {
   display: block;
}

.sundsvall-energi-main__accordion-btn[aria-expanded="true"] .sundsvall-energi-main__accordion-icon--expand {
   display: none;
}

.sundsvall-energi-main__accordion-btn[aria-expanded="true"] .sundsvall-energi-main__accordion__heading {
   color: #A50E2D;
}

.sundsvall-energi-main__accordion .sv-decoration-content {
   display: none;
}

.sundsvall-energi-main__accordion .sv-decoration-content {
   display: block;
}

.sundsvall-energi-main__accordion .sv-decoration-content[aria-hidden="true"] {
   display: none;
}

.sundsvall-energi-main__accordion .sv-decoration-content[aria-hidden="false"] {
   display: block;
}

.sundsvall-energi-main__accordion .sv-decoration-content ul, .sundsvall-energi-main__accordion .sv-decoration-content ol {
   margin: 2rem 0 3.4rem 0;
}

.sundsvall-energi-main__accordion .sv-decoration-content .sv-image-portlet {
   margin: 0 0 2rem 0;
}

.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content h2:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content h3:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content h4:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content > p:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content ul:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content ol:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content > table:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content .table-scrollable:first-child table,
.sundsvall-energi-main__accordion .sv-decoration-content .sv-file-portlet:first-child table {
   margin-top: 0;
   padding-top: 0;
}

.sundsvall-energi-main__accordion .sv-decoration-content > .sv-text-portlet-content h2:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content > .sv-text-portlet-content h3:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content > .sv-text-portlet-content h4:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content > .sv-text-portlet-content ul:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content > .sv-text-portlet-content ol:first-child,
.sundsvall-energi-main__accordion .sv-decoration-content > .sv-text-portlet-content .table-scrollable:first-child table,
.sundsvall-energi-main__accordion .sv-decoration-content > .sv-text-portlet-content > table:first-child {
   margin-top: 0;
   padding-top: 0;
}

.sundsvall-energi-main__accordion .sv-decoration-content .sv-text-portlet {
   margin-bottom: 2rem;
}


/*
 * 3.2.1 - Accordion för ikonpuffar i mobilt läge
 */

.sundsvall-energi-main__accordion-iconpuff {
   border-bottom: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__content-area-wrapper .pagecontent .sundsvall-energi-main__accordion__parent:first-child .sundsvall-energi-main__accordion.sundsvall-energi-main__accordion-iconpuff {
      margin-top: 0;
   }
}

.sundsvall-energi-main__accordion-iconpuff .sundsvall-energi-main__accordion-icon {
   margin-left: 0.6rem;
}

.sundsvall-energi-main__accordion-iconpuff-btn {
   background: #fff;
   color: #600724;
   border: 0.1rem solid #747472;
   padding: 1.1rem 2.6rem;
   font-weight: 800;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all .3s;
   display: inline-flex;
   cursor: pointer;
   align-items: center;
}

.sundsvall-energi-main__accordion-iconpuff-btn[aria-expanded="true"] { 
	display: none;
}

.sundsvall-energi-main__accordion-iconpuff-btn .sundsvall-energi-main__accordion__heading {
   font-size: 1.4rem;
   line-height: 2rem;   
}

.sundsvall-energi-main__accordion-iconpuff-btn .sundsvall-energi-main__accordion-icon svg {
   width: 2rem;
   height: 2rem;   
}

.sundsvall-energi-main__accordion-iconpuff-btn[aria-expanded="false"] .sundsvall-energi-main__accordion-icon--close {
   display: none;
}

.sundsvall-energi-main__accordion-iconpuff-btn[aria-expanded="true"] .sundsvall-energi-main__accordion-icon--expand {
   display: none;
}

.sundsvall-energi-main__accordion-iconpuff .sv-script-portlet {
   display: block !important;
}


/*
 * 3.2.2 - Dekorationer
 */


/*
 * 3.2.2.1 - Gul bakgrundsplatta i accordion
 */

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion {
   margin-bottom: 3.2rem;
   position: relative;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sundsvall-energi-main__accordion--print-accordion {
   position: absolute;
   right: 1rem;
   top: 1rem;
   display: flex;
   align-items: center;
   background-color: transparent;
   border: none;
   padding: 0;
   line-height: 0;
   cursor: pointer;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content {
   background: #FFF8EC;
   border-radius: 0.2rem;
   padding: 3.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content {
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content p {
   margin-top: 0;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content .sv-text-portlet-content:last-child p.normal:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content .sv-text-portlet:last-child .sv-text-portlet-content {
   margin-bottom: 0;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content .sv-text-portlet:first-child .sv-text-portlet-content h5:first-child {
   padding-top: 0;
   margin-top: 0;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content ul,
.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content ol {
   padding-left: 2rem;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content p,
.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content ul,
.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content ol {
   margin: 0 0 1.6rem 0;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content p:last-child,
.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content ul:last-child,
.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content ol:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content p,
.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content li {
   color: #4A4A49;
   font-size: 1.6rem;
   line-height: 2.4rem;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content li {
   margin-bottom: 0.5rem;
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content li:last-child {
   margin-bottom: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content p,
   .sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content li {
      font-size: 1.4rem;
      line-height: 2.2rem;
   }
}

.sundsvall-energi-main__accordion .sundsvall-energi-main__beige-background-in-accordion .sv-decoration-content table thead p {
   color: #ffffff;
}


/**
  * 3.3 - Paginering
  *
**/

.sundsvall-energi-main .sundsvall-energi-main__pagination > div {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

@media (max-width: 768px) {
   .sundsvall-energi-main .sundsvall-energi-main__pagination > div {
      margin-bottom: 5rem;
   }
}

.sundsvall-energi-main .sundsvall-energi-main__pagination a:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   color: #EBA89F;
   background-color: #600724;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination a.next:hover, 
.sundsvall-energi-main .sundsvall-energi-main__pagination a.prev:hover {
   background-color: transparent;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination a.next:hover:before, 
.sundsvall-energi-main .sundsvall-energi-main__pagination a.prev:hover:before {
   color: #A50E2D;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination a.next.focused:before, 
.sundsvall-energi-main .sundsvall-energi-main__pagination a.prev.focused:before {
   color: #A50E2D;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination span,
.sundsvall-energi-main .sundsvall-energi-main__pagination a {
   font-size: 1.4rem;
   line-height: 2rem;
   margin-right: 1.2rem;
   margin-bottom: 1.2rem;
   background-color: #ffffff;
   color: #600724;
   font-weight: 800;
   padding: 0.1rem 0.4rem;
   border: 0.1rem solid #707070;
   border-radius: 3.2rem;
   transition: all 0.3s;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination a.focused {
   color: #A50E2D;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination a:hover.focused {
   background-color: #ffffff;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination a.focused:hover {
   background-color: #ffffff;
   box-shadow: 0 0 0 0.35rem #000;
}

@media (max-width: 768px) {
   .sundsvall-energi-main .sundsvall-energi-main__pagination span,
   .sundsvall-energi-main .sundsvall-energi-main__pagination a {
      font-size: 1.4rem;
      line-height: 2rem;
      text-decoration: none;
   }
}

.sundsvall-energi-main .sundsvall-energi-main__pagination .pagination .prev {
   display: flex;
   align-items: center;
   font-size: 0;
   border: none;
   border-radius: 0;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination .pagination .prev:before {
   font-family: "icomoon";
   content: "\e908";
   margin-right: 0.6rem;
   display: flex;
   color: #600724;
   font-size: 1.2rem;
   line-height: 1.4rem;
   margin-right: 0;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination .pagination .next {
   display: flex;
   align-items: center;
   font-size: 0;
   padding: 0.1rem 0.4rem;
   border-radius: 0;
   border: none;
   margin-right: 0;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination .pagination .next:before {
   font-family: "icomoon";
   content: "\e907";
   margin-right: 0.6rem;
   display: flex;
   color: #600724;
   font-size: 1.2rem;
   line-height: 1.4rem;
   margin-right: 0;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination .current.prev,
.sundsvall-energi-main .sundsvall-energi-main__pagination .current.next {
   background-color: transparent;
   color: #600724;
   border: none;
   border-radius: 0;
}

.sundsvall-energi-main .sundsvall-energi-main__pagination .current {
   font-size: 1.4rem;
   line-height: 2rem;
   margin-right: 1.2rem;
   border: 0.1rem solid #676879;
   padding: 0.1rem 0.4rem;
   text-decoration: none;
   color: #EBA89F;
   background-color: #600724;
   border-radius: 3.2rem;
   transition: all 0.3s;
}


/**
  * 3.4 - Ingångar på landningssidor
**/

.sundsvall-energi-main__entrance-landingpage {
   padding: 8rem 0 4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__entrance-landingpage {
      padding: 4.4rem 0 1.2rem;
   }
}

.sundsvall-energi-main__entrance-landingpage ul {
   padding-left: 0; 
   margin-left: 0; 
   list-style-type: none;
}

.sundsvall-energi-main__entrance-landingpage .sv-text-portlet-content h2 {
   font-size: 3.2rem;
   line-height: 4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__entrance-landingpage .sv-text-portlet-content h2 {
      font-size: 2.4rem!important;
      line-height: 3rem!important;
   }
}

.sundsvall-energi-main__entrance-landingpage .sundsvall-energi-main__entrance-landingpage--three-row {
   max-width: 81.5rem;
}

.sundsvall-energi-main__entrance-landingpage .sundsvall-energi-main__entrance-landingpage--three-row li:nth-child(3n - 2) {
   margin-left: 0;
}

.sundsvall-energi-main__entrance-landingpage .sundsvall-energi-main__entrance-landingpage--four-row li:nth-child(4n - 3) {
   margin-left: 0;
}

.sundsvall-energi-main__entrance-landingpage li {
   position: relative !important;
   background-color: #600724;
   border-radius: 0.4rem;
   margin-bottom: 2rem;
   padding: 2.1rem;
   min-height: 25.6rem;
   max-height: 25.6rem;
   max-width: 25.6rem;
   transition: background .3s;
   overflow: hidden;
   float: left !important;
}

.sundsvall-energi-main__entrance-landingpage li:hover {
   background: #A50E2D;
}

.sundsvall-energi-main__entrance-landingpage li.sundsvall-energi-main__entrance-landingpage--item-focused {
   background: #A50E2D;
}

.sundsvall-energi-main__entrance-landingpage li:first-child {
   margin-left: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__entrance-landingpage li {
      max-width: none;
      min-height: 25.6rem;
   }
}

.sundsvall-energi-main__entrance-landingpage li:nth-child(odd):after {
   content: url('/images/18.3a231e0b1817f137dde355/1655715898439/EntranceOdd.svg');
   position: absolute;
   right: 0;
   bottom: -1.3rem;
}

.sundsvall-energi-main__entrance-landingpage li:nth-child(even):after {
   content: url('/images/18.3a231e0b1817f137dde354/1655715898384/EntranceEven.svg');
   position: absolute;
   right: 0;
   bottom: -0.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__entrance-landingpage li:nth-child(even):after {
      content: url('/images/18.3a231e0b1817f137dde355/1655715898439/EntranceOdd.svg');
      position: absolute;
      right: 0;
      bottom: -0.4rem;
   }
}

.sundsvall-energi-main__entrance-landingpage--title {
   display: flex;
   align-items: center;
   margin-top: -0.6rem;
}

.sundsvall-energi-main__entrance-landingpage h3, 
.sundsvall-energi-main__entrance-landingpage h3 a {
   color: #ffffff;
}

.sundsvall-energi-main__entrance-landingpage h3 {
   flex: 1;
   padding-top: 0;
   margin: 0;
   font-size: 1.75rem;
   line-height: 2.3rem;
}

.sundsvall-energi-main__entrance-landingpage h3 a {
   display: inline-block;
   font-size: 1.66rem;
   line-height: 2.3rem;
   font-weight: 600;
   margin-left: 0;
   text-decoration: none;
   word-break: break-word;
}

.sundsvall-energi-main__entrance-landingpage h3 a.focused {
   box-shadow: 0 0 0 0.35rem #ffffff;
}

.sundsvall-energi-main__entrance-landingpage h3 a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
}

.sundsvall-energi-main__entrance-landingpage h3 a[rel="external"]:after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.4rem;
   top: 0;
   font-weight: 400;
}

.sundsvall-energi-main__entrance-landingpage p {
   font-size: 1.4rem;
   line-height: 2.2rem;
   font-weight: 500;
   color: #ffffff;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;  
   overflow: hidden;
}

.sundsvall-energi-main__entrance-landingpage .btn-primary a {
   margin: 4.3rem 0 0!important;
}

.sundsvall-energi-main__entrance-landingpage svg {
   width: 2.4rem;
   height: 2.4rem;
   margin-right: -0.3rem;
   margin-left: 1rem;
}

.sundsvall-energi-main__entrance-landingpage svg path {
   fill: #ffffff;
}



/**
  * 3.5 - Kampanjblock
**/

.sundsvall-energi-campaignblock {
   position: relative;
   display: flex;
   overflow: hidden;
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock {
      display: block;
   }
}

@media (min-width: 769px) {
   .sundsvall-energi-campaignblock.variant1:after, 
   .sundsvall-energi-campaignblock.variant2:after {
      content: url('/images/18.4bc067cc184efeacc42fc/1670490951602/Fullbreddsblock-m%C3%B6nster-left.png');
      position: absolute;
      left: -12.7rem;
      bottom: -3.9rem;
   }

   .sundsvall-energi-campaignblock.variant3:after, 
   .sundsvall-energi-campaignblock.variant4:after {
      content: url('/images/18.4bc067cc184efeacc4213b/1670491244811/Fullbreddsblock-m%C3%B6nster-right.png');
      position: absolute;
      right: -5.7rem;
      bottom: -3.9rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock:after {
      content: "";
   }
}

.hide-decoration::after {
    content: '' !important;
}

/*
 * 3.5.1 - bild
 */

.sundsvall-energi-campaignblock.variant3 .sundsvall-energi-campaignblock__image, 
.sundsvall-energi-campaignblock.variant4 .sundsvall-energi-campaignblock__image {
   margin-left: auto;
}

.sundsvall-energi-campaignblock__image img {
   display: block;
   object-fit: cover;
   min-height: 53.6rem;
   max-height: 53.6rem;
   height: 53.6rem;
   max-width: 75.2rem;
   width: 100%;
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock__image img {
      min-height: auto;
      max-height: 40rem;
   }
}


/*
 * 3.5.2 - Text
 */

.sundsvall-energi-campaignblock__text {
   position: absolute;
   border-radius: 0.4rem;
   width: 50.7rem;
   height: auto;
   top: 50%;
   transform: translate(0,-50%);
   background-color: #FAE9E7;
   padding: 4.4rem 3.2rem;
}

.sundsvall-energi-campaignblock.variant1 .sundsvall-energi-campaignblock__text, 
.sundsvall-energi-campaignblock.variant3 .sundsvall-energi-campaignblock__text {
   background-color: #FAE9E7;
}

.sundsvall-energi-campaignblock.variant2 .sundsvall-energi-campaignblock__text, 
.sundsvall-energi-campaignblock.variant4 .sundsvall-energi-campaignblock__text {
   background-color: #FFF8EC;
}

.sundsvall-energi-campaignblock.variant1 .sundsvall-energi-campaignblock__text, 
.sundsvall-energi-campaignblock.variant2 .sundsvall-energi-campaignblock__text {
   right: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock__text {
      position: relative;
      bottom: auto;
      max-width: none;
      height: auto;
      width: auto;
      transform: none;
      top: 0;
      left: 0;
      right: 0;
      padding: 2.4rem;
   }
}

.sundsvall-energi-campaignblock .sundsvall-energi-campaignblock__text h2, 
.sundsvall-energi-campaignblock .sundsvall-energi-campaignblock__text h3, 
.sundsvall-energi-campaignblock .sundsvall-energi-campaignblock__text h4 {
   font-size: 3.2rem;
   line-height: 4rem;
   font-weight: 800;
   color: #313130;
   margin: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock .sundsvall-energi-campaignblock__text h2, 
   .sundsvall-energi-campaignblock .sundsvall-energi-campaignblock__text h3, 
   .sundsvall-energi-campaignblock .sundsvall-energi-campaignblock__text h4 {
      font-size: 2.4rem;
      line-height: 3rem;
   }
}

.sundsvall-energi-campaignblock__text p {
   font-size: 1.6rem;
   line-height: 2.6rem;
   color: #4A4A49;
   margin: 1.2rem 0 3.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock__text p {
      margin: 0.8rem 0 2.6rem; 
   }
}

.sundsvall-energi-campaignblock__buttons {
   display: flex;
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock__buttons {
      flex-direction: column;
   }
}

.sundsvall-energi-campaignblock__buttons .btn:first-child {
   margin-right: 1.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-campaignblock__buttons .btn:first-child {
      margin-bottom: 1.2rem;
      margin-right: 0;
   }
}


/**
  * 3.6 - Puffwrapper
**/

.sundsvall-energi-main__puffwrapper {
   padding: 8rem 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__puffwrapper {
      padding: 4.4rem 0;
   }
}

.sundsvall-energi-main__puffwrapper--register {
   padding-bottom: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__puffwrapper.sundsvall-energi-main__puffwrapper--register .sv-row > .sv-layout {
      margin-bottom: 0;
   }
}

.sundsvall-energi-main__puffwrapper--contact-block {
   display: none;
}

.sundsvall-energi-main__puffwrapper--contact-block.show {
   display: flex;
}

.sundsvall-energi-main__puffwrapper--district-heating-areas {
   display: none;
}

.sundsvall-energi-main__puffwrapper--district-heating-areas.show {
   display: block;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__puffwrapper .sv-row > .sv-layout {
      margin-bottom: 3.2rem;
   }

   .sundsvall-energi-main__puffwrapper--contact-block .sv-row .sv-column-5, 
   .sundsvall-energi-main__puffwrapper--district-heating-areas .sv-row .sv-column-5 {
      margin-bottom: 0;
   }
}

.sundsvall-energi-main__puffwrapper--district-heating-areas img {
   display: block;
   object-fit: cover;
}



/**
  * 3.7 - Mina sidor
**/

.sundsvall-energi-main__my-pages .sv-row .sv-column-6:first-child {
   padding: 4.8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__my-pages .sv-row .sv-column-6:first-child {
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__my-pages .sv-column-6 {
   height: 34.9rem;
   border-radius: 0.4rem;
   overflow: hidden;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__my-pages .sv-column-6 {
      height: auto;
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__my-pages--icons {
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100%;
   margin-left: 4.8rem;
}

.sundsvall-energi-main__my-pages--icons > div {
    margin: 1.6rem 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__my-pages--icons {
      margin-left: 0;
   }

   .sundsvall-energi-main__my-pages--icons > div {
      margin: 0.8rem 0;
   }
}

.sundsvall-energi-main__my-pages--icons p {
   margin: 0;  
}

.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-creditcard,
.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-tag, 
.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-activity, 
.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-clipboardtext {
   display: flex;
   align-items: center;
}

.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-creditcard svg,
.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-tag svg, 
.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-activity svg, 
.sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-clipboardtext svg {
   display: block;
   margin-right: 2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-creditcard svg,
   .sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-tag svg, 
   .sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-activity svg, 
   .sundsvall-energi-main__my-pages--icons .sundsvall-energi-main__my-pages--icon-clipboardtext svg {
      margin-right: 1.6rem;
   }
}

.sundsvall-energi-main__my-pages--icon-creditcard svg,
.sundsvall-energi-main__my-pages--icon-tag svg, 
.sundsvall-energi-main__my-pages--icon-activity svg, 
.sundsvall-energi-main__my-pages--icon-clipboardtext svg {
   display: none;
}

.sundsvall-energi-main__my-pages .btn p {
   margin-top: 3.2rem;
}



/**
  * 3.8 - Kontaktuppgifter
**/

@media (min-width: 769px) {
   .sundsvall-energi-main__contact-info .sv-row {
      display: flex;
   }
}

.sundsvall-energi-main__contact-info .sv-row:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none;
}
.sundsvall-energi-main__contact-info .sv-row {
   margin-bottom: 8rem;
   padding-bottom: 8rem;
   border-bottom: 0.1rem solid #747472;
}

.sundsvall-energi-main__contact-info .sv-row .sv-column-4 {
   padding: 3.2rem;
   border-radius: 0.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__contact-info .sv-row .sv-column-4 {
      height: auto;
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany {
   padding: 3.2rem;
   border-radius: 0.4rem;
   background-color: #600724;
}

.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor {
   background-color: #600724;
}

.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor .sundsvall-energi-main__contact-info--tel a.focused, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor .sundsvall-energi-main__contact-info--epost a.focused, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor .sundsvall-energi-main__contact-info--adress a.focused {
   box-shadow: 0 0 0 0.35rem #ffffff;
}

.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor h1, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor h2, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor h3, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor h4, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor h5, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor p, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor a, 
.sundsvall-energi-main__contact-info .sv-row .sv-column-4.sundsvall-energi-main__contact-info--mahogany-bgcolor span {
   color: #ffffff;
}

.sundsvall-energi-main__contact-info .sv-row .sv-column-4:first-child {
   padding: 0;
   background-color: transparent;
}

.sundsvall-energi-main__contact-info .sv-row > div .btn {
   margin-top: 1.6rem;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--list li:before {
   margin-right: 1rem;
   line-height: 0;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__my-pages--text p {
   font-size: 1.6rem;
   line-height: 2.48rem;
   margin: 0 0 2.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__contact-info .sundsvall-energi-main__my-pages--text p {
      font-size: 1.4rem;
      line-height: 2.4rem;
   }
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__my-pages--links a {
   display: inline-flex;
   background: #FFFFFF;
   color: #600724;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 800;
   padding: 0.9rem 2.9rem;
   border: 0.1rem solid #747472;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   align-items: center;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__my-pages--links a:hover {
   color: #A50E2D;
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
}

.sundsvall-energi-main__contact-info h3 {
   font-size: 1.8rem;
   line-height: 2.4rem;
   margin: 0 0 0.6rem 0;
}

.sundsvall-energi-main__contact-info p {
   font-size: 1.4rem;
   line-height: 2.2rem;
   margin: 0;
}

.sundsvall-energi-main__contact-info li {
   display: flex;
   align-items: center;
   margin-bottom: 2rem;
}

.sundsvall-energi-main__contact-info li a {
   color: #600724;
}

.sundsvall-energi-main__contact-info li a:hover, 
.sundsvall-energi-main__contact-info li a.focused {
   text-decoration: underline;
   color: #A50E2D; 
}

.sundsvall-energi-main__contact-info li:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--list li,
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--list li a {
   font-size: 1.4rem;
   line-height: 2rem;
   color: #600724;
   text-decoration: none;
}


/**
  * 3.8.1 - Dekorationer
**/

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--tel, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--epost, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--adress {
   position: relative;
   display: flex;
   align-items: center;
   line-height: 0;
   margin-bottom: 2rem;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--adress {
   margin-bottom: 0;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--tel a.focused, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--epost a.focused, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--adress a.focused {
   box-shadow: 0 0 0 0.35rem #000000;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--tel svg, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--epost svg, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--adress svg {
   display: block;
   margin-right: 1.2rem;
}

.sundsvall-energi-main__contact-info--tel svg, 
.sundsvall-energi-main__contact-info--epost svg, 
.sundsvall-energi-main__contact-info--adress svg {
   display: none;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--tel:hover svg path, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--epost:hover svg path, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--adress:hover svg path {
   fill: #a50e2d;
}

.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--mahogany-bgcolor .sundsvall-energi-main__contact-info--tel svg path, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--mahogany-bgcolor .sundsvall-energi-main__contact-info--epost svg path, 
.sundsvall-energi-main__contact-info .sundsvall-energi-main__contact-info--mahogany-bgcolor .sundsvall-energi-main__contact-info--adress svg path {
   fill: #ffffff;
}

.sundsvall-energi-main__content .sundsvall-energi-main__numberlist-border-left {
   border-left: 0.2rem solid #C0C0BF;
}

.sundsvall-energi-main__content .sundsvall-energi-main__numberlist-border-left .sv-text-portlet-content {
   padding: 0 1.6rem;
}


/**
  * 3.8.2 - Kontaktblock
**/

@media (max-width: 768px) {
   .sundsvall-energi-main__puffwrapper--contact-block h2 {
      font-size: 1.8rem;
      line-height: 2.3rem;
   }
}



/**
  * 3.9 - Kontaktkort
**/

.sundsvall-energi-main__contact {
   margin-top: 3.2rem;
}

.sundsvall-energi-main__contact-person {
   display: flex;
   align-items: normal;
   background-color: #ffffff;
   border-radius: 0.4rem;
   margin-bottom: 1.6rem;
}

.sundsvall-energi-main__contact-person-image {
   margin-right: 2.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__contact-person-image {
      margin-right: 1.6rem;
   }
}

.sundsvall-energi-main__contact-person-image img {
   display: block;
   width: 13.1rem;
   height: 100%;
   min-height: 17.4rem;
   object-fit: cover;
   border-radius: 0.4rem 0 0 0.4rem;
}   

.sundsvall-energi-main__contact-person-info {
   padding: 1.6rem 1.6rem 1.6rem 0;
   align-self: center;
}

.sundsvall-energi-main__contact-person h3 {
   font-size: 1.8rem;
   line-height: 2.3rem;
   margin: 0 0 0.8rem;
}

.sundsvall-energi-main__contact-person:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__contact-person li {
   display: flex;
   align-items: center;
   margin-bottom: 0.4rem;
}

.sundsvall-energi-main__contact-person li p {
   font-size: 1.4rem;
   line-height: 2rem;
   margin: 0;
}

@media (max-width: 768px) { 
   .sundsvall-energi-main__contact-person li p {
      font-size: 1.2rem;
      line-height: 1.8rem;
   }
}

.sundsvall-energi-main__contact-person li a {
   color: #600724;
   display: flex;
   align-items: center;
}

.sundsvall-energi-main__contact-person li a:hover {
   color: #a50e2d;
}

.sundsvall-energi-main__contact-person li a.focused {
   color: #a50e2d;
}

.sundsvall-energi-main__contact-person li a:hover svg path {
   fill: #a50e2d;
}

.sundsvall-energi-main__contact-person li a.focused svg path {
   fill: #a50e2d;
}

.sundsvall-energi-main__contact-person li.sundsvall-energi-main__contact-person-info--role p {
   color: #4A4A49;
   line-height: 2.2rem;
}

@media (max-width: 768px) {  
   .sundsvall-energi-main__contact-person li.sundsvall-energi-main__contact-person-info--role p {
      line-height: 1.8rem;
      margin: 0.4rem 0;
   }
}

.sundsvall-energi-main__contact-person li svg {
   margin-right: 0.8rem;
   width: 1.6rem;
   height: 1.6rem;
   flex-shrink: 0;
}

.sundsvall-energi-main__contact-person li svg path {
   fill: #600724;
}

.sundsvall-energi-main__contact-readmore-btn p {
   margin: 3.2rem 0 0 0;
}

@media (max-width: 768px) {  
   .sundsvall-energi-main__contact-readmore-btn p {
      margin: 2.3rem 0 0 0;
   }
}


/**
  * 3.10 - Sökresultat (sökresultatsidan)
**/

.sundsvall-energi-main__search-results {
   padding: 6.8rem 0;
}

@media (max-width: 768px) {  
   .sundsvall-energi-main__search-results {
      padding: 4rem 0 2.4rem 0;
   }
}

.sundsvall-energi-main__search-results form {
   display: none;
}

.sundsvall-energi-main__search-results ol {
   margin-top: 2.4rem;
}

.sundsvall-energi-main__search-results li {
   position: relative;
   background-color: #F2F2F2;
   margin-bottom: 2.4rem;
   padding: 2.4rem 1.6rem;
}

.sundsvall-energi-main__search-results h2 {
   font-size: 2.4rem;
   line-height: 3rem;
   margin: 0;
   color: #313130;
}

.sundsvall-energi-main__search-results .sundsvall-energi-main__search-results--count {
   font-size: 1.8rem;
   line-height: 2.3rem;
   margin: 0;
   color: #313130;
   margin: 0.8rem 0;
}

.sundsvall-energi-main__search-results--title {
   display: flex;
   align-items: center;   
}

.sundsvall-energi-main__search-results--title svg path {
   fill: #600724;
}

.sundsvall-energi-main__search-results h3 {
   flex: 1;
   margin: 0;
}

.sundsvall-energi-main__search-results h3 a {
   color: #600724;
}

.sundsvall-energi-main__search-results .sundsvall-energi-main__search-results--title svg {
   margin-left: 1.4rem;
}

.sundsvall-energi-main__search-results h3 a:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-main__search-results h3 a:hover {
   text-decoration: underline;
}

.sundsvall-energi-main__search-results h3 a:hover {
   text-decoration: underline;
}


/**
  * 3.10.1 - Högermenyer
**/

.sundsvall-energi-main__search-results-subpages {
   display: flex;
   flex-flow: row wrap;
   margin: 2.4rem 0 2rem 0;
}

.sundsvall-energi-main__search-results-subpages--title {
   display: flex;
   align-items: center;   
}

.sundsvall-energi-main__search-results-subpages--title svg {
   margin-left: 1.4rem;
}

.sundsvall-energi-main__search-results-subpages--title svg path {
   fill: #600724;
}

.sundsvall-energi-main__search-results-subpages h3 {
   flex: 1;
   margin: 0;
}

.sundsvall-energi-main__search-results-subpages h3 a {
   display: inline;
   font-size: 1.8rem;
   line-height: 2.3rem;
   color: #600724;
}

.sundsvall-energi-main__search-results-subpages li {
   position: relative;
   flex-basis: calc(50% - 6.4rem);
   background-color: #FFF8EC;
   border-radius: 0.4rem;
   padding: 2.4rem;
   margin-bottom: 2.4rem;
}

@media (max-width: 600px) {
   .sundsvall-energi-main__search-results-subpages li {
      flex-basis: calc(100%);
      margin-right: 0;
   }
}

.sundsvall-energi-main__search-results-subpages li:nth-child(odd) {
   margin-right: 3.2rem;
}

@media (max-width: 600px) {
   .sundsvall-energi-main__search-results-subpages li:nth-child(odd) {
      margin-right: 0;
   }
}

.sundsvall-energi-main__search-results-subpages li:nth-child(even) {
   margin-right: 0;
}

.sundsvall-energi-main__search-results-subpages li a:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-main__search-results-subpages li a:hover {
   text-decoration: underline;
}


/**
  * 3.11 - Text-bilds-block
**/

.sundsvall-energi-main__text-image-block .sv-row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__text-image-block .sv-row {
      flex-direction: column;
      align-items: flex-start;
   } 
   
   .sundsvall-energi-main__text-image-block .sv-image-portlet {
      margin-bottom: 2rem;
   } 
}

.sundsvall-energi-main__text-image-block .sv-row .sv-column-6 {
   display: flex;
   justify-content: flex-end;
   flex: 1;
}

.sundsvall-energi-main__text-image-block .sv-row .sv-column-6 img {
   height: 40rem;
   object-fit: cover;
   display: block;
   width: 100%;
}

.sundsvall-energi-main__text-image-block .sv-row .sv-column-6.sundsvall-energi-main__text-image-block--image-left {
   justify-content: flex-start;
}

.sundsvall-energi-main__text-image-block .sv-row .sv-column-6.sundsvall-energi-main__text-image-block--text {
   display: block;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__text-image-block .sv-row .sv-column-6 {
      justify-content: flex-start;
      order: 1;
   }
   
   .sundsvall-energi-main__text-image-block .sv-row .sv-column-5 {
      order: 2;
   }
}


/**
  * 3.12 - Puffar
**/

/**
  * 3.12.1 - Ikonpuff
**/

.sundsvall-energi-iconpuff {
   position: relative;
   background-color: #ffffff;
   margin-bottom: 6rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-iconpuff {
      margin-bottom: 4.2rem;
   }
   
   .sundsvall-energi-main__accordion-iconpuff .sv-row:last-child .sundsvall-energi-iconpuff:last-child {
      margin-bottom: 0;
   }
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__title {
   font-size: 1.8rem;
   line-height: 2.34rem;
   color: #313130;
   font-weight: 400;
   margin: 0;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link {
   display: inline-flex;
   align-items: center;
   font-size: 1.6rem;
   line-height: 2.4rem;
   color: #600724;
   font-weight: 400;
   margin: 0.8rem 0 0 0;
	text-decoration: none;
}

@media (max-width: 768px) {
   .sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link {
      font-size: 1.4rem;
      line-height: 2.2rem;
   }
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link.focused {
   color: #A50E2D;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link.focused svg path {
   fill: #A50E2D;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link:hover {
   color: #A50E2D;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link:hover svg path {
   fill: #A50E2D;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link svg {
   margin-left: 1rem;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__link svg path {
   fill: #600724;
}

.sundsvall-energi-iconpuff__icon--extern {
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.5rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__title {
     	font-size: 1.8rem;
      line-height: 2.3rem;
   }
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__preamble {
   font-size: 1.4rem;
   line-height: 2.24rem;
   margin: 0.8rem 0 0 0;
   color: #4A4A49;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__image {
   position: relative;
   margin-bottom: 1.6rem;
}

.sundsvall-energi-iconpuff .sundsvall-energi-iconpuff__image img {
   width: 5.3rem;
   height: 5.2rem;
   object-fit: cover;
}

.sundsvall-energi-main__icon-puff-wrapper .sv-text-portlet:first-child h2 {
   margin-bottom: 5.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__icon-puff-wrapper .sv-text-portlet:first-child h2 {
      margin-bottom: 2.4rem;
   }
}

.sundsvall-energi-main__icon-puff-wrapper .btn p {
   margin-bottom: 0;
   margin-top: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__icon-puff-wrapper .btn p {
      margin-bottom: 0;
      margin-top: 4rem;
   }
}

/**
  * 3.12.2 - Bild/videopuff
**/

.sv-bild-videopuff {
   position: relative;
   filter: drop-shadow(0 0.4rem 1.2rem rgba(27, 29, 31, 0.12));
   background-color: #ffffff;
   height: 100%;
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__text {
   padding: 1.6rem 2.4rem 2.4rem 2.4rem;
}

@media (max-width: 927px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__text {
      padding: 1.2rem 1.4rem 1.6rem 1.4rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__text {
      padding: 2.4rem;
   }
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__title, 
.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__link {
   font-size: 1.8rem;
   line-height: 2.3rem;
   color: #A50E2D;
   font-weight: 700;
   margin: 0;
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__link:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__link[rel="external"]::after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.3rem;
   top: 0.1rem;
   font-weight: 400;
}

.sundsvall-energi-imagevideopuff__icon--extern {
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.4rem;
   vertical-align: top;
}

@media (max-width: 768px) {
   .sundsvall-energi-imagevideopuff__icon--extern {
      font-size: 1.4rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__title {
      font-size: 1.8rem;
      line-height: 2.3rem;
   }
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__preamble {
   margin: 0.8rem 0 0 0;
   color: #4A4A49;
}

@media (max-width: 768px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__preamble {
      font-size: 1.6rem;
      line-height: 2.4rem;
   }
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__video {
   position: relative;
   z-index: 9999999;
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__video iframe {
   width: 100%;
   height: 20rem;
   border: none;
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image {
   position: relative;
   overflow: hidden;
   height: 20rem;
}

@media (min-width: 1025px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image, 
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image img,
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__video iframe {
      height: 20rem;
   }
}

@media (max-width: 1024px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image, 
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image img,
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__video iframe {
      height: 16rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image, 
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image img,
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__video iframe {
      height: 18rem;
   }
}

@media (max-width: 400px) {
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image, 
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image img,
   .sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__video iframe {
      height: 16rem;
   }
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image img {
    display: block;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
}

.sundsvall-energi-imagevideopuff:hover .sundsvall-energi-imagevideopuff__image:after {
   opacity: 1;
}

.sundsvall-energi-imagevideopuff .sundsvall-energi-imagevideopuff__image:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0,0,0,0.4);
   opacity: 0;
   -webkit-transition: all 0.25s;
   transition: all 0.25s;
}


/**
  * 3.12.3 - Länkpuff
**/

.sv-linkpuff {
   background-color: #FAE9E7;
   border-radius: 0.4rem;
   height: 100%;
}

.sv-linkpuff div[data-cid] {
    height: 100%;
}

.sundsvall-energi-linkpuff {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__text {
   padding: 2.4rem 1.6rem 5.5rem;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 1.6rem;
   line-height: 2.4rem;
   padding: 2rem 1.6rem;
   color: #600724;
   font-weight: 800;
   transition: color 0.3s;
   text-decoration: none;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link:hover {
   color: #A50E2D;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link svg path.background {
   transition: all 0.3s;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link svg path.foreground {
   transition: all 0.3s;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link:hover svg path.background {
	fill: #A50E2D;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link:hover svg path.foreground {
   fill: #ffffff;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link.focused {
   color: #A50E2D;
   transition: none;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link.focused svg path.background {
   fill: #A50E2D;
   transition: none;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link.focused svg path.foreground {
   fill: #ffffff;
   transition: none;
}

@media (max-width: 927px) {
   .sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__text,
   .sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link {
      padding: 2.4rem 1.4rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__text {
      padding: 2.4rem 1.6rem;
   }
   
   .sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__link {
      padding: 1.6rem;
   }
}

.sundsvall-energi-linkpuff__icon--extern {
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.5rem;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__title {
   font-size: 1.8rem;
   line-height: 2.3rem;
   color: #600724;
   font-weight: 700;
   margin: 0;
}


@media (max-width: 1024px) {
   .sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__title {
      font-size: 1.6rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__title {
      font-size: 1.8rem;
      line-height: 2.3rem;
   }
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__preamble {
   font-size: 1.4rem;
   line-height: 2.2rem;
   margin: 0.8rem 0 0 0;
   color: #4A4A49;
}

.sundsvall-energi-linkpuff .sundsvall-energi-linkpuff__readmore {
   margin-top: auto;
   border-top: 0.1rem solid #a6a09e;
}


/**
  * 3.12.4 - Citatpuff
**/

@media (max-width: 768px) {
   
   .sundsvall-energi-main__quote-block.sundsvall-energi-main__content-area-wrapper .pagecontent {
      padding-top: 0.8rem;
   }
   
   .sundsvall-energi-main__quote-block.sundsvall-energi-main__content-area-wrapper .sv-row > .sv-column-4 {
      margin-bottom: 0;
   }
   
   .sundsvall-energi-quotepuff {
      display: none;
   }
   .sundsvall-energi-quotepuff.show {
      display: block;
   }
}


.sundsvall-energi-quotepuff h3 {
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
   color: #313130;
   margin-bottom: 0.8rem;
}

.sundsvall-energi-quotepuff p {
   font-size: 1.4rem;
   line-height: 2.2rem;
   color: #4A4A49;
   margin-top: 0.8rem;
}


/**
  * 3.12.5 - Puff företag el
**/

.sv-puff-company-electricity {
   position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
   text-decoration: none;
   transition: all .3s;
   background-color: #fff8ec;
   border-radius: 0 0 0.4rem 0.4rem;
   filter: drop-shadow(0 0.8rem 1.4rem rgba(27,29,31,0.12));
}

.sv-puff-company-electricity div[data-cid] {
   height: 100%;
}

.sundsvall-energi-puff-company-electricity {
   display: flex;
   flex-direction: column;
   height: 100%;   
}

.sundsvall-energi-puff-company-electricity__background {
   position: relative;
   background-image: url(/images/18.f6cc0d01853349a1af8d9/1671632637440/Energif%C3%A4lt_Harmonisk.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 8.6rem;
   padding: 1.6rem 1.6rem 1.6rem;
   border-radius: 0.4rem 0.4rem 0 0;
}

.sundsvall-energi-puff-company-electricity__background h2, 
.sundsvall-energi-puff-company-electricity__background h3, 
.sundsvall-energi-puff-company-electricity__background h4 {
   position: absolute;
   opacity: 1;
   transition: opacity 0.3s linear;
   color: #ffffff;
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
   bottom: 1.4rem;
   margin: 0;
}

.sundsvall-energi-puff-company-electricity__title.hidden {
   position: absolute!important;
   top: 0!important;
   left: 0!important;
   height: 0.1rem;
   width: 0.1rem;
   overflow: hidden;
   clip: rect(0.1rem 0.1rem 0.1rem 0.1rem);
   clip: rect(0.1rem,0.1rem,0.1rem,0.1rem);
   opacity: 0;
}

.sundsvall-energi-puff-company-electricity:hover .sundsvall-energi-puff-company-electricity__background .sundsvall-energi-puff-company-electricity__title.hidden {
   visibility: visible;
   position: absolute!important;
   top: auto!important;
   left: auto!important;
   height: auto;
   width: auto;
   overflow: visible;
   clip: auto;
   clip: auto;
}

.sundsvall-energi-puff-company-electricity:hover .sundsvall-energi-puff-company-electricity__background .sundsvall-energi-puff-company-electricity__enticing-text {
   transition: opacity 0.3s linear;
   opacity: 0; 
}

.sundsvall-energi-puff-company-electricity:hover .sundsvall-energi-puff-company-electricity__background .sundsvall-energi-puff-company-electricity__title {
   transition: opacity 0.3s linear;
   opacity: 1 !important; 
}

.sundsvall-energi-puff-company-electricity__text {
   display: flex;
   flex-direction: column;
   flex: 1;
   min-height: 15.8rem;
   padding: 2.4rem 1.6rem 1.6rem;
}

.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__readmore {
   margin-top: auto;
}

.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   margin-top: auto;
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-weight: 800;
   color: #600724;
   transition: color .3s linear;
   text-decoration: none;
}

.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link:hover, 
.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link.focused {
	color: #A50E2D;
}

.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link:hover svg .background, 
.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link.focused svg .background {
	fill: #A50E2D;
}

.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link:hover svg .foreground, 
.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link.focused svg .foreground {
	fill: #FFFFFF;
}

.sundsvall-energi-puff-company-electricity__text .sundsvall-energi-puff-company-electricity__link svg {
   margin-left: auto;
}



/**
  * 3.13 - Artikelsida
**/

/*
 * 3.13.1 - Toppyta
 */

/*.sundsvall-energi-main__top-area-articlepage {
   position: relative;
   background-color: #600724;
   overflow: hidden;
   height: 19rem;
   padding-top: 8rem;
   padding-bottom: 9rem;
}*/


/*
 * 3.13.1.1 - Text
*/

.sundsvall-energi-main__top-area-articlepage--text {
   position: relative;
   display: inline-table;
   max-width: 57.144%;
   width: 100%;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area-articlepage--text {
      max-width: none;
   }
}

.sundsvall-energi-main__top-area-articlepage--text h1 {
   font-size: 3.2rem;
   line-height: 4rem;
   color: #ffffff;
   margin: 0 0 1.2rem;
}

.sundsvall-energi-main__top-area-articlepage--text .btn-primary-inverted a {
   color: #600724;
}

.sundsvall-energi-main__top-area-articlepage--text p {
   font-size: 1.8rem;
   line-height: 2.7rem;
   color: #ffffff;
   margin: 1.2rem 0 2.4rem;
}

.sundsvall-energi-main__top-area-articlepage--text a, 
.sundsvall-energi-main__top-area-articlepage--text a:hover {
   color: #ffffff;
}

.sundsvall-energi-main__top-area-articlepage--text a.focused {
   box-shadow: 0 0 0 0.35rem #ffffff;
   color: #ffffff;
}

.sundsvall-energi-main__top-area-articlepage--text h2 {
   font-size: 3.2rem;
   line-height: 4rem;
}

.sundsvall-energi-main__top-area-articlepage--text-buttons {
   display: flex;
   flex-wrap: wrap;
   margin-top: 2rem;
   margin-bottom: 1.6rem;
}

.sundsvall-energi-main__top-area-articlepage--text-buttons li {
   margin-right: 0.8rem;
   margin-bottom: 0.8rem;
}

.sundsvall-energi-main__top-area-articlepage--text-buttons li:last-child {
   margin-right: 0;
}


/*
 * 3.13.1.2 - Video/bild
 */

.sundsvall-energi-main__top-area-articlepage--video, 
.sundsvall-energi-main__top-area-articlepage--image {
   position: relative;
   height: 31.4rem;
   max-width: 64rem;
   width: 100%;
}

.sundsvall-energi-main__top-area-articlepage--image {
   display: table;
   height: auto;
}

.sundsvall-energi-main__top-area-articlepage--video iframe {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 31.4rem;
   border: 0;
}




/*
 * 3.13.2 - Huvudinnehåll
 */

.sundsvall-energi-main__content {
   margin-bottom: 6rem;
}

.sundsvall-energi-main__content .sv-text-portlet-content h2, 
.sundsvall-energi-main__content .sv-text-portlet-content h3, 
.sundsvall-energi-main__content .sv-text-portlet-content h4,
.sundsvall-energi-main__content .sv-text-portlet-content h5 {
   font-weight: 400;
   margin: 3.2rem 0 0.8rem 0;
}


@media (max-width: 768px) {
   .sundsvall-energi-main__content .sv-text-portlet-content h2 {
      font-size: 2.4rem;
      line-height: 3rem;
   }

   .sundsvall-energi-main__content .sv-text-portlet-content h3 {
      font-size: 2rem;
      line-height: 3.2rem;
   }
   
   .sundsvall-energi-main__content .sv-text-portlet-content h4 {
      font-size: 1.8rem;
      line-height: 2.34rem;
   }
   
   .sundsvall-energi-main__content .sv-text-portlet-content h5 {
      font-size: 1.6rem;
      line-height: 2.4rem;
   }
}
.sundsvall-energi-main__content .pagecontent #Huvudinnehall + .sv-text-portlet .sv-text-portlet-content h2:first-child,
.sundsvall-energi-main__content .pagecontent #Huvudinnehall + .sv-text-portlet .sv-text-portlet-content h3:first-child,
.sundsvall-energi-main__content .pagecontent #Huvudinnehall + .sv-text-portlet .sv-text-portlet-content h4:first-child,
.sundsvall-energi-main__content .pagecontent #Huvudinnehall + .sv-text-portlet .sv-text-portlet-content h5:first-child {
   margin-top: 0;
}

.sundsvall-energi-main__content .sv-text-portlet-content .normal {
   font-size: 1.6rem;
   line-height: 2.6rem;
}

.sundsvall-energi-main__content .sv-text-portlet-content p {
   margin-top: 0;
   margin-bottom: 2rem;
}

.sundsvall-energi-main__content .sv-text-portlet-content ul,
.sundsvall-energi-main__content .sv-text-portlet-content ol {
   padding-left: 2.5rem; 
   margin-bottom: 3.2rem;
}

.sv-image-portlet a {
   display: inline-block;
}

.sundsvall-energi-main__content .sv-image-portlet {
   margin-bottom: 2rem;
}

.sundsvall-energi-main__content .sv-image-portlet {
   display: table;
}

.sundsvall-energi-main__content p.sv-portlet-image-caption {
   display: table-caption;
   caption-side: bottom;
}


/*
 * 3.13.3 - Högerkolumn
 */

@media (max-width: 768px) {
   .sv-column-4.sundsvall-energi-main__right-column {
		margin: 4.4rem 0;
   }
}

.sundsvall-energi-main__right-column h2, 
.sundsvall-energi-main__right-column h3, 
.sundsvall-energi-main__right-column h4, 
.sundsvall-energi-main__right-column h5 {
   margin: 0;
}
.sundsvall-energi-main__right-column .sundsvall-energi-main__right-column--links p {
	margin: 1.6rem 0 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__right-column .sundsvall-energi-main__right-column--links p {
      margin: 1.2rem 0 0;
   }
}

/*
 * 3.13.3.1 - Mahogany bakgrund
 */

.sundsvall-energi-main__right-column--mahogany {
   background-color: #600724;
   padding: 3.2rem;
   border-radius: 0.4rem;
}

.sundsvall-energi-main__right-column--mahogany {
   margin-bottom: 2.4rem;
}

.sundsvall-energi-main__right-column--mahogany h2 {
   font-size: 1.8rem;
   line-height: 2.4rem;
   font-weight: 700;
}

.sundsvall-energi-main__right-column--mahogany h3 {
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-weight: 700;
}

.sundsvall-energi-main__right-column--mahogany h2, 
.sundsvall-energi-main__right-column--mahogany h3, 
.sundsvall-energi-main__right-column--mahogany h4, 
.sundsvall-energi-main__right-column--mahogany h5,
.sundsvall-energi-main__right-column--mahogany p,
.sundsvall-energi-main__right-column--mahogany a {
   color: #ffffff;
}

.sundsvall-energi-main__right-column--mahogany .sv-text-portlet-content p:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__right-column--mahogany a.focused {
   color: #ffffff;
   box-shadow: 0 0 0 0.35rem #ffffff; 
}

.sundsvall-energi-main__right-column--mahogany a:hover {
   color: #ffffff;
}

.sundsvall-energi-main__right-column--mahogany .sundsvall-energi-main__right-column--links a {
   color: #600724;
}


/*
 * 3.13.3.2 - Pearl bakgrund
 */

.sundsvall-energi-main__right-column--pearl {
   background-color: #FFF0D9;
   padding: 3.2rem;
   border-radius: 0.4rem;
}

.sundsvall-energi-main__right-column--pearl {
   margin-bottom: 2.4rem;
}

.sundsvall-energi-main__right-column--pearl h2 {
   font-size: 1.8rem;
   line-height: 2.4rem;
   font-weight: 700;
}

.sundsvall-energi-main__right-column--pearl h3 {
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-weight: 700;
}

.sundsvall-energi-main__right-column--pearl h2, 
.sundsvall-energi-main__right-column--pearl h3, 
.sundsvall-energi-main__right-column--pearl h4, 
.sundsvall-energi-main__right-column--pearl h5,
.sundsvall-energi-main__right-column--pearl p,
.sundsvall-energi-main__right-column--pearl a {
   color: #313130;
}


/*
 * 3.13.4 - Checkbox-listning på artikelsidor
 */

.sundsvall-energi-main__checkbox-listning {
   position: relative;
   padding: 3.2rem 3.2rem 3.2rem 9.2rem;
   margin: 3.2rem 0 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__checkbox-listning {
      padding: 3.2rem 3.2rem 3.2rem 6rem;
   }
}

.sundsvall-energi-main__checkbox-listning .mce-content-body {
   position: unset !important;
}

.sundsvall-energi-main__checkbox-listning--beige {
   background-color: #FFF8EC;
}

.sundsvall-energi-main__checkbox-listning--pink {
   background-color: #FAE9E7;
}

.sundsvall-energi-main__checkbox-listning h2 {
   font-size: 2.4rem;
   line-height: 3rem;
   font-weight: 400;
   color: #313130;
}

.sundsvall-energi-main__content .sundsvall-energi-main__checkbox-listning h2 {
   margin: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__content .sundsvall-energi-main__checkbox-listning h2 {
      font-size: 1.8rem;
      line-height: 2.4rem;
   }
}

.sundsvall-energi-main__checkbox-listning h3, 
.sundsvall-energi-main__checkbox-listning h4, 
.sundsvall-energi-main__checkbox-listning h5,
.sundsvall-energi-main__content .sundsvall-energi-main__checkbox-listning h3, 
.sundsvall-energi-main__content .sundsvall-energi-main__checkbox-listning h4, 
.sundsvall-energi-main__content .sundsvall-energi-main__checkbox-listning h5 {
   font-size: 1.6rem;
   line-height: 2.2rem;
   font-weight: 400;
   color: #4A4A49;
   margin: 2.4rem 0 0.8rem;
}

.sundsvall-energi-main__checkbox-listning h3:before, 
.sundsvall-energi-main__checkbox-listning h4:before, 
.sundsvall-energi-main__checkbox-listning h5:before {
   content: "";
   position: absolute;
   background-image: url(/images/18.1e9b0c85182b410be533b5/1660906827597/CheckCircleCheerful.svg);
   background-repeat: no-repeat;
   height: 3.6rem;
   width: 3.6rem;
   left: 3.65rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__checkbox-listning h3:before, 
   .sundsvall-energi-main__checkbox-listning h4:before, 
   .sundsvall-energi-main__checkbox-listning h5:before {
      left: 1.2rem;
   }
}

.sundsvall-energi-main__checkbox-listning p {
   font-size: 1.4rem;
   line-height: 2.2rem;
   font-weight: 400;
   color: #4A4A49;
   margin-top: 0.8rem;
}


/*
 * 3.13.5 - Fråge-block på artikelsidor
 */

.sundsvall-energi-main__faq-block {
   position: relative;
   padding: 3.2rem 3.2rem 3.2rem 9.2rem;
   margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-block {
      padding: 3.2rem 3.2rem 3.2rem 6rem;
   }
}

.sundsvall-energi-main__faq-block .mce-content-body, 
.sundsvall-energi-main__faq-block .sv-text-portlet {
   position: unset !important;
}

.sundsvall-energi-main__faq-block--beige {
   background-color: #FFF8EC;
}

.sundsvall-energi-main__faq-block--pink {
   background-color: #FAE9E7;
}

.sundsvall-energi-main__faq-block h2 {
   font-size: 2.4rem;
   line-height: 3rem;
   font-weight: 400;
   color: #313130;
}

.sundsvall-energi-main__faq-block h3, 
.sundsvall-energi-main__faq-block h4, 
.sundsvall-energi-main__faq-block h5,
.sundsvall-energi-main__content .sundsvall-energi-main__faq-block h3, 
.sundsvall-energi-main__content .sundsvall-energi-main__faq-block h4, 
.sundsvall-energi-main__content .sundsvall-energi-main__faq-block h5 {
   font-size: 1.6rem;
   line-height: 2.2rem;
   font-weight: 400;
   color: #4A4A49;
   margin: 0 0 0.8rem;
}

.sundsvall-energi-main__faq-block h3:before, 
.sundsvall-energi-main__faq-block h4:before, 
.sundsvall-energi-main__faq-block h5:before {
   content: "";
   position: absolute;
   background-image: url(/images/18.176f13e4183ab42256414/1665037163637/QuestionCircleCheerful.svg);
   background-repeat: no-repeat;
   height: 3.6rem;
   width: 3.6rem;
   left: 3.65rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-block h3:before, 
   .sundsvall-energi-main__faq-block h4:before, 
   .sundsvall-energi-main__faq-block h5:before {
      left: 1.2rem;
   }
}

.sundsvall-energi-main__faq-block p {
   font-size: 1.4rem;
   line-height: 2.2rem;
   font-weight: 400;
   color: #4A4A49;
   margin-top: 0.8rem;
}

/*
 * 3.13.6 - Person-block på artikelsidor
 */

.sundsvall-energi-main__person-block {
   position: relative;
   padding: 3.2rem;
   margin-bottom: 3.2rem;
}

.sundsvall-energi-main__person-block--beige {
   background-color: #FFF8EC;
}

.sundsvall-energi-main__person-block--pink {
   background-color: #FAE9E7;
}

.sundsvall-energi-main__person-block h2 {
   font-size: 2.4rem;
   line-height: 3rem;
   font-weight: 400;
   color: #313130;
}

.sundsvall-energi-main__person-block h3, 
.sundsvall-energi-main__person-block h4, 
.sundsvall-energi-main__person-block h5 {
   font-size: 1.6rem;
   line-height: 2.2rem;
   font-weight: 400;
   color: #4A4A49;
   margin: 0 0 0.8rem;
}

.sundsvall-energi-main__person-block p {
   font-size: 1.4rem;
   line-height: 2.2rem;
   font-weight: 400;
   color: #4A4A49;
   margin-top: 0.8rem;
}

.sundsvall-energi-main__person-block img {
   margin: 0.8rem 0 1.6rem;
}


/**
  * 3.14 - Brödsmulor
**/

.sundsvall-energi-main__breadcrumbs {
   background-color: #FAE9E7;
}

.sundsvall-energi-main__breadcrumbs nav {
   padding: 1.167rem 0;
}

.sundsvall-energi-main__breadcrumbs--list {
   display:inline; 
   padding-left:0; 
   margin-left:0; 
   list-style:none;
}

.sundsvall-energi-main__breadcrumbs--item {
   margin-right: 0.8rem;
}

.sundsvall-energi-main__breadcrumbs--item:last-child {
   margin-right: 0;
}

.sundsvall-energi-main__breadcrumbs--item a {
   font-size: 1.4rem;
   line-height: 2.2rem;
   color: #600724;
}

.sundsvall-energi-main__breadcrumbs-link--last {
   font-weight: 800;
}

.sundsvall-energi-main__breadcrumbs--seperator {
   margin-left: 0.8rem;
}


/**
  * 3.15 - Paketlistning på landningssida undersida
**/

.sundsvall-energi-main__package-listing-intro-text {
   display: none;
}

.sundsvall-energi-main__package-listing-intro-text.show {
   display: block;
   margin-top: 8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-listing-intro-text.show {
      margin-top: 4.4rem;
   }
}

.sundsvall-energi-main__package-listing-intro-text.show h2 {
   font-size: 3.2rem;
   line-height: 4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-listing-intro-text.show h2 {
      font-size: 2.4rem;
      line-height: 3rem;
   }
}

.sundsvall-energi-main__package-listing-intro-text-company h2 {
   font-size: 3.2rem;
   line-height: 4rem;
   margin-top: 8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-listing-intro-text-company h2 {
      font-size: 2.4rem;
      line-height: 3rem;
      margin-top: 4.4rem;
   }
}

.sundsvall-energi-main__package-listing {
   display: flex;
   border-bottom: 0.1rem solid #747472;
   padding-bottom: 8rem;
   margin-bottom: -0.1rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-listing {
      display: block;
      border: none;
      padding-bottom: 1.4rem;
   }
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item {
   position: relative !important;
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
   background-color: #fff8ec;
   border-radius: 0.4rem;
   filter: drop-shadow(0 0.8rem 1.4rem rgba(27, 29, 31, 0.12));
   overflow: hidden;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item {
      margin-bottom: 3rem;
   }
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item:hover .sundsvall-energi-main__package-listing--item-background .sundsvall-energi-main__package-listing--item-title.hidden {
   visibility: visible;
   position: absolute!important;
   top: auto!important;
   left: auto!important;
   height: auto;
   width: auto;
   overflow: visible;
   clip: auto;
   opacity: 1;
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item:hover .sundsvall-energi-main__package-listing--item-background .sundsvall-energi-main__package-listing--item-enticing {
   position: absolute!important;
   top: 0!important;
   left: 0!important;
   height: 0.1rem;
   width: 0.1rem;
   overflow: hidden;
   clip: rect(0.1rem 0.1rem 0.1rem 0.1rem);
   clip: rect(0.1rem,0.1rem,0.1rem,0.1rem);
   opacity: 0;
}

.sundsvall-energi-main__package-listing--charging-boxes-private {
   flex-flow: row wrap;
}

.sundsvall-energi-main__package-listing--charging-boxes-private .sundsvall-energi-main__package-listing--item {
   flex-basis: calc(25% - 3.4rem);
   margin: 0 3.4rem 3rem 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-listing--charging-boxes-private .sundsvall-energi-main__package-listing--item {
      margin: 0 0 3rem 0;
   }
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   margin-top: auto;
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-weight: 800;
   color: #600724;
   transition: color .3s linear;
   text-decoration: none;
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a:hover, 
.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a.focused {
   color: #A50E2D;
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a:hover svg path.background, 
.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a.focused svg path.background {
   fill: #A50E2D;
   transition: fill .3s;
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a:hover svg path.foreground, 
.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a.focused svg path.foreground {
   fill: #FFFFFF;
   transition: fill .3s;
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a.charging-services {
   margin-top: unset;
}

.sundsvall-energi-main__package-listing--item-text a svg {
    margin-left: auto;
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a:hover .sundsvall-energi-main__package-listing--item-background .sundsvall-energi-main__package-listing--item-enticing {
   transition: opacity 0.3s linear;
   opacity: 0; 
}

.sundsvall-energi-main__package-listing .sundsvall-energi-main__package-listing--item a:hover .sundsvall-energi-main__package-listing--item-background .sundsvall-energi-main__package-listing--item-title {
   transition: opacity 0.3s linear;
   opacity: 1 !important; 
}

.sundsvall-energi-main__package-listing--item-image img {
   width: 100%;
   height: 16.5rem;
}

.sundsvall-energi-main__package-listing--item-image p {
   display: inline-block;
   background-color: #D21D34;
   color: #ffffff;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 800;
   text-transform: uppercase;
   margin: 0;
   padding: 0.6rem 1.6rem 0.6rem 1.6rem;
   margin: 1.6rem 0 0 1.6rem;
   border-radius: 2.4rem;
}

.sundsvall-energi-main__package-listing--item-background {
   position: relative;
   background-image: url(/images/18.f6cc0d01853349a1af8d9/1671632637440/Energif%C3%A4lt_Harmonisk.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 8.6rem;
   padding: 1.6rem 1.6rem 1.6rem;
   border-radius: 0.4rem 0.4rem 0 0;
}

.sundsvall-energi-main__package-listing--item-background h3 {
   position: absolute;
   opacity: 1;
   transition: opacity 0.3s linear;
   color: #ffffff;
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
   bottom: 1.4rem;
   margin: 0;
}

.sundsvall-energi-main__package-listing--item-title.hidden {
   position: absolute!important;
   top: 0!important;
   left: 0!important;
   height: 0.1rem;
   width: 0.1rem;
   overflow: hidden;
   clip: rect(0.1rem 0.1rem 0.1rem 0.1rem);
   clip: rect(0.1rem,0.1rem,0.1rem,0.1rem);
   opacity: 0;
}

.sundsvall-energi-main__package-listing--item-background p {
   display: inline-block;
   opacity: 1;
   background-color: #fff;
   color: #D21D34;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 800;
   transition: opacity 0.3s linear;
   text-transform: uppercase;
   margin: 0;
   padding: 0.6rem 1.6rem 0.6rem 1.6rem;
   border-radius: 2.4rem;
}

.sundsvall-energi-main__package-listing--item-text {
   display: flex;
   flex-direction: column;
   flex: 1;
   min-height: 15.8rem;
   padding: 2.4rem 1.6rem 1.6rem;
}

.sundsvall-energi-main__package-listing--item-text p svg {
   margin-left: auto;
}

.sundsvall-energi-main__package-listing--item-text ul {
   margin-bottom: 2.5rem;
}

.sundsvall-energi-main__package-listing--item-text li {
   display: flex;
   align-items: center;
   color: #4A4A49;
   margin-bottom: 1.2rem;
   font-size: 1.4rem;
   line-height: 2.2rem;
}

.sundsvall-energi-main__package-listing--item-text li svg {
   width: 1.8rem;
   min-width: 1.8rem;
   height: 1.8rem;
   margin-right: 0.8rem;
}

.sundsvall-energi-main__package-listing--item-text li svg path {
   fill: #4A4A49;
}

.sundsvall-energi-main__package-listing--item-text--districtheating {
   padding: 0;
}

.sundsvall-energi-main__package-listing--item-text--districtheating ul {
   margin-bottom: 2rem;
}

.sundsvall-energi-main__package-listing--item-image {
   background-color: #F2F2F2;
   min-height: 21.3rem;
   max-height: 21.3rem;
}

.sundsvall-energi-main__package-listing--item-image > div{
   height: 4.8rem;
}

.sundsvall-energi-main__package-listing--item-text p.sundsvall-energi-main__package-listing--item-text-price-title {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   margin-top: auto;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 400;
   color: #4A4A49;
   border-bottom: 0.1rem solid #C0C0BF;
   padding-bottom: 0.8rem;
}

.sundsvall-energi-main__package-listing--item-text p.sundsvall-energi-main__package-listing--item-text-price-campaign {
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 800;
   color: #D21D34;
}

.sundsvall-energi-main__package-listing--item-text p.sundsvall-energi-main__package-listing--item-text-price-campaign.hidden-space {
   height: 2.4rem;
}

.sundsvall-energi-main__package-listing--item-text p.sundsvall-energi-main__package-listing--item-text-price-old {
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-weight: 400;
   color: #4A4A49;
}

.sundsvall-energi-main__package-listing--item-text p.sundsvall-energi-main__package-listing--item-text-price-old.line-through {
   text-decoration: line-through;
}


/**
  * 3.16 - Paketsida
**/


.sundsvall-energi-main__package-page {
   margin-top: 2.8rem;
   margin-bottom: 2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page {
      margin-top: 2.8rem;
   }
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page-single-wrapper {
   display: flex;
   flex-wrap: wrap;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page .sundsvall-energi-main__package-page-single-wrapper {
      flex-direction: column;
   }
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page-single-wrapper > div {
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page-single-wrapper .sundsvall-energi-main__package-page--price-image {
   flex: 2;
   padding: 0;
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page-single-wrapper .sundsvall-energi-main__package-page--price-image img {
   margin-bottom: 1rem;
   height: auto;
   object-fit: cover;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page .sundsvall-energi-main__package-page-single-wrapper .sundsvall-energi-main__package-page--price-image img {
      height: auto;
      object-fit: fill;
   }
}

.sundsvall-energi-main__package-page-single {
   display: none;
}

.sundsvall-energi-main__package-page-single.show {
   display: block;
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page--accordions {
   margin-top: 2.5rem;
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page--accordions .sv-decoration-content p.normal {
   margin: 0 0 2rem 0;
}

.sundsvall-energi-main__package-page--title {
   margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--title {
      margin-bottom: 2.4rem;
   }
}

.sundsvall-energi-main__package-page--sub-title {
   margin: 0;
   color: #313130;
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
   margin-bottom: 0.8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--sub-title {
      font-size: 1.6rem;
      line-height: 2.2rem;
   }
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page--desc {
   margin: 0.8rem 0 1.6rem 0;
   color: #4A4A49;
   font-size: 1.4rem;
   line-height: 2.2rem;
   font-weight: 400;
}

.sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image {
   position: relative;
   background-image: url(/images/18.f6cc0d01853349a1af8d9/1671632637440/Energif%C3%A4lt_Harmonisk.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 7rem 7.2rem 3rem 3.2rem;
   border-radius: 0.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image {
      padding: 7rem 2.4rem 2.2rem 2.4rem;
   }
}

.sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image h3, 
.sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image p {
   color: #ffffff;
}

.sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image h3 {
   font-size: 3.2rem;
   line-height: 4rem;
   font-weight: 800;
   margin: 0.8rem 0 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image h3 {
      font-size: 2.4rem;
      line-height: 3rem;
   }
}

.sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image p {
   font-size: 1.6rem;
   line-height: 2.4rem;
   margin: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--title .sundsvall-energi-main__package-page--title-image p {
      font-size: 1.4rem;
      line-height: 2rem;
   }
}

.sundsvall-energi-main__package-page--text {
   display: flex;
   flex-direction: column;
   flex: 1;
   background: #FFF8EC;
   border-radius: 0.4rem;
   padding: 3.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--text {
      margin-bottom: 2.4rem;
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__package-page--text-area2 .sv-text-portlet-content h4:first-child,
.sundsvall-energi-main__package-page--text-area2 .sv-text-portlet-content ul:first-child,
.sundsvall-energi-main__package-page--text-area2 .sv-text-portlet-content ol:first-child,
.sundsvall-energi-main__package-page--text-area2 .sv-text-portlet-content table:first-child {
   margin-top: 0;
}

.sundsvall-energi-main__package-page--text .sundsvall-energi-main__package-page--text-wrapper {
   display: flex;
   flex-flow: column wrap;
   margin-bottom: auto;
}

.sundsvall-energi-main__package-page--text .sundsvall-energi-main__package-page--text-wrapper p {
   font-size: 1.4rem;
   line-height: 2.4rem;
   margin: 0 0 2.4rem;
   color: #4A4A49;
}

.sundsvall-energi-main__package-page--advantages-heading {
   margin-top: 0;
   font-weight: 400;
   font-size: 1.6rem!important;
   padding-top: 0;
   line-height: 2.4rem!important;
}

.sundsvall-energi-main__package-page--text ul,
.sundsvall-energi-main__package-page--text ol {
   padding-left: 2.5rem; 
   margin-bottom: 2.4rem;
}

.sundsvall-energi-main__package-page--text li {
   color: #4A4A49;
   font-size: 1.4rem;
   line-height: 2.2rem;
   font-weight: 400;
   margin-bottom: 1.2rem;
}

.sundsvall-energi-main__package-page--text li:last-child{
   margin-bottom: 0;
}

.sundsvall-energi-main__package-page--text .sundsvall-energi-main__package-page--advantages-list {
   padding-left: 0;
   margin-bottom: 2.4rem;
}

.sundsvall-energi-main__package-page--text .sundsvall-energi-main__package-page--advantages-list li {
   display: flex;
   align-items: center;
}

.sundsvall-energi-main__package-page--text .sundsvall-energi-main__package-page--advantages-list li svg {
   width: 1.8rem;
   min-width: 1.8rem;
   height: 1.8rem;
   margin-right: 1.6rem;
}

.sundsvall-energi-main__package-page--text .sundsvall-energi-main__package-page--advantages-list li svg path {
   fill: #4A4A49;
}

.sundsvall-energi-main__package-page--price {
   display: flex;
   flex-direction: column;
   flex: 1;
   background: #FFF8EC;
   border-radius: 0.4rem;
   position: relative!important;
}

.sundsvall-energi-main__package-page--price .sv-image-portlet {
   margin-bottom: 2rem;
}

.sundsvall-energi-main__package-page--price.optional {
   background: #FFFFFF;
}

.sundsvall-energi-main__package-page--price.optional > div {
   padding: 1.6rem;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--price-optional {
   margin-bottom: 0.4rem;
}

.sundsvall-energi-main__package-page--price-optional-border {
   border-bottom: 0.1rem solid #C0C0BF;
   padding-bottom: 1.2rem;
   margin-bottom: 2.7rem;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--price-optional .price {
   font-size: 1.6rem;
   line-height: 2.1rem;
   font-weight: 400;
   color: #4A4A49;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--price-optional .price-campaign {
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 800;
   margin-right: 0.8rem;
   color: #D21D34;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--price-optional .price-old {
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 800;
   color: #600724;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--bottom-optional {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--bottom-optional .sundsvall-energi-main__package-page--bottom-optional-image, 
.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--bottom-optional .sundsvall-energi-main__package-page--bottom-optional-accordionheader {
   display: flex;
   align-items: center;
   font-size: 1.4rem;
   line-height: 2.2rem;
   
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--bottom-optional .sundsvall-energi-main__package-page--bottom-optional-image {
   color: #4A4A49;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--bottom-optional .sundsvall-energi-main__package-page--bottom-optional-accordionheader {
   color: #600724;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--bottom-optional .sundsvall-energi-main__package-page--bottom-optional-image svg {
   margin-right: 0.8rem;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--bottom-optional .sundsvall-energi-main__package-page--bottom-optional-accordionheader svg {
   margin-left: 1.2rem;
   width: 2rem;
}

.sundsvall-energi-main__package-page--price.optional .sundsvall-energi-main__package-page--price-sub-title {
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 400;
   margin-bottom: 0.4rem;
   color: #4A4A49;
}

.sundsvall-energi-main__package-page--price p {
   font-size: 1.4rem;
   line-height: 2.4rem;
   margin: 0 0 2.4rem;
   color: #4A4A49;
}

.sundsvall-energi-main__package-page--price ul.variable-price {
   margin-top: auto;
}

.sundsvall-energi-main__package-page--price li {
   display: flex;
   align-items: center;
   margin-bottom: 1rem;
   height: auto;
   width: auto;
}

@media (max-width: 720px) {
   .sundsvall-energi-main__package-page--price li {
      flex-basis: calc(50% - 0.8rem);
   }

   .sundsvall-energi-main__package-page--price li:nth-child(even) {
      margin-right: 0;
   }
}

.sundsvall-energi-main__package-page--price li svg {
   margin-right: 1rem;
   min-width: 3.6rem;
}

.sundsvall-energi-main__package-page--price > div {
   display: flex;
   flex-direction: column;
   flex: 1;
   padding: 3.2rem;   
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price > div {
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__package-page--charging-box-price > div {
   padding: 0 3.2rem 3.2rem;   
}

.sundsvall-energi-main__package-page--charging-box-price .sundsvall-energi-main__package-page--charging-box-price-accessories {
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
   margin-bottom: 6rem;
   
}

.sundsvall-energi-main__package-page--price img {
   width: 100%;
}

.sundsvall-energi-main__package-page--price-title, .sundsvall-energi-main__package-page--price-sub-title {
   color: #313130;
}

.sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-page--price-title {
   font-size: 1.6rem;
   line-height: 2.2rem;
   font-weight: 400;
   margin: 0 14.2rem 0.8rem 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-page--price-title {
      font-size: 1.4rem;
      line-height: 2rem;
      margin-right: 10.2rem;
   }
}

.sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-page--price-sub-title {
   display: block;
   margin: 0 14.2rem 0.8rem 0;
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-page--price-sub-title {
      font-size: 1.6rem;
      line-height: 2.2rem;
      margin: 0 10.2rem 0.8rem 0;
   }
}

.sundsvall-energi-main__package-page--price .btn {
   display: flex;
   margin-bottom: 0;
}

.sundsvall-energi-main__package-page--price .btn svg {
   width: 1.8rem;
   height: 1.8rem;
   margin-left: 0.8rem;
}

.sundsvall-energi-main__package-page--price .btn a {
   display: flex;
   justify-content: center;
   width: 100%;
   margin-top: 2.4rem;
}

.sundsvall-energi-main__package-page--price .btn-primary a:after {
   font-family: "icomoon";
   content: "\e904";
   position: relative;
   top: 0.1rem;
   color: #EBA89F;
   margin-left: 1rem;
   transition: all 0.3s;
   
}

.sundsvall-energi-main__package-page--price .btn-primary a:hover:after {
   color: #FFFFFF;
}

.sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-page--price-campaign-badge {
   position: absolute;
   right: 4.5rem;
   width: 11.7rem;
   top: -3.8rem;
   height: 10.6rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-page--price-campaign-badge {
      position: absolute;
      right: 2.4rem;
      width: 8.6rem;
      top: -1.8rem;
      height: 7.9rem;
   }
}

.sundsvall-energi-main__package-page .sundsvall-energi-main__package-page--accordions {
   margin: 0.4rem 0 6rem 0;
}


.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion {
   background-color: #F2F2F2;
   padding: 0 1.6rem 1.6rem;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion h1, 
.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion h2, 
.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion h3, 
.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion h4, 
.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion p, 
.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion a {
   color: #4A4A49;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion h2 {
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 400;
   padding-top: 1.6rem;
   margin-bottom: 0.8rem; 
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-tabs--accordion p {
   font-size: 1.2rem;
   line-height: 2rem;
   margin: 0.8rem 0 0;
}


/**
  * 3.16.1 - Priser i tabell
**/

.sundsvall-energi-main__package-page--price-table {
   display: flex;
   flex-flow: row wrap;
   margin-top: auto;
}

.sundsvall-energi-main__package-page--price-table p.sundsvall-energi-main__package-page--price-table-extra-text {
   max-width: 20rem;
   font-size: 1.2rem;
   line-height: 2rem;
   color: #4A4A49;
   margin-top: 0;
}

.sundsvall-energi-main__package-page--price-table .sundsvall-energi-main__package-page--price-table-wrapper {
   display: flex;
   align-items: baseline;
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 800;
   color: #D21D34;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price-table .sundsvall-energi-main__package-page--price-table-wrapper {
      font-size: 1.6rem;
      line-height: 2.1rem;
      flex-direction: column;
      align-items: flex-end;
   }
}

.sundsvall-energi-main__package-page--price-table .sundsvall-energi-main__package-page--price-table-wrapper-old-price {
   font-size: 1.8rem;
   line-height: 2.3rem;
   text-decoration: line-through;
   color: #4A4A49;
   font-weight: 400;
   margin-right: 0.5rem;
   margin-bottom: -0.1rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price-table .sundsvall-energi-main__package-page--price-table-wrapper-old-price {
      font-size: 1.4rem;
      line-height: 1.8rem;
      margin-right: 0;
      margin-bottom: 0.4rem;
   }
}

.sundsvall-energi-main__package-page--price-list {
   padding: 0;
}

.sundsvall-energi-main__package-page--price-table .sundsvall-energi-main__package-page--price-list .sundsvall-energi-main__package-page--price-list-item {
   display: flex;
   justify-content: space-between;
   padding: 0;
   border-bottom: 0.1rem solid #c0c0bf;
   padding-bottom: 0.8rem;
   margin-bottom: 2.4rem;
   min-height: 4.4rem;
   align-items: flex-start;
}

.sundsvall-energi-main__package-page--price--colgroup-container {
   display: flex;
   flex-direction: column;
}

.sundsvall-energi-main__package-page--price--col-leftheading {
   color: #313130;
   font-size: 1.6rem;
   line-height: 2.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price--col-leftheading {
      font-size: 1.4rem;
      line-height: 2rem;
   }
}

.sundsvall-energi-main__package-page--price--smalltext {
   color: #4a4a49;
   font-size: 1.2rem;
   line-height: 2rem;
   font-weight: 400;
}

.sundsvall-energi-main__package-page--price--smalltext-right {
   align-self: end;
}

.sundsvall-energi-main__package-page--price--col-rightheading {
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 800;
   text-align: right;
   color: #D21D34;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--price--col-rightheading {
      font-size: 1.6rem;
      line-height: 2.1rem;
   }
}

.sundsvall-energi-main__package-page--price-table {
   display: block;
}

/**
  * 3.16.2 - Textyta i högerkolumn
**/

.sundsvall-energi-main__package-page--text-rightcolumn {
   margin-bottom: auto;
}

.sundsvall-energi-main__package-page--text-rightcolumn h3 {
   margin-top: 0.6rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--text-rightcolumn h3 {
      font-size: 1.6rem;
      line-height: 2.2rem;
      margin-top: 0;
   }
}

.sundsvall-energi-main__package-page--text-rightcolumn p {
   font-size: 1.4rem;
   line-height: 2.4rem;
   margin: 0 0 2.4rem;
   color: #4A4A49;
}

.sundsvall-energi-main__package-page--text-rightcolumn .sv-text-portlet-content:last-child p:last-child,
.sundsvall-energi-main__package-page--text-rightcolumn .sv-text-portlet-content:last-child ul:last-child,
.sundsvall-energi-main__package-page--text-rightcolumn .sv-text-portlet-content:last-child ol:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__package-page--text-rightcolumn-info p {
   margin: 1rem 0;
}

.sundsvall-energi-main__package-page--text-rightcolumn-info .sv-text-portlet-content:last-child p:last-child {
   margin-bottom: 1.6rem;
}

.sundsvall-energi-main__package-page--text-rightcolumn ul,
.sundsvall-energi-main__package-page--text-rightcolumn ol {
   margin-bottom: 2.4rem;
}

.sundsvall-energi-main__package-page--text-rightcolumn li {
   color: #4A4A49;
   font-size: 1.4rem;
   line-height: 2.2rem;
   display: list-item;
   font-weight: 400;
   margin-bottom: 1.2rem;
}

.sundsvall-energi-main__package-page--text-rightcolumn li:last-child {
   margin-bottom: 0;
}

/**
  * 3.16.3 - Laddbox
**/

.sundsvall-energi-main__package-page-chargingbox-intro {
   margin-bottom: 8.1rem;
}

.sundsvall-energi-main__package-page-chargingbox-heading {
   font-size: 1.6rem;
   line-height: 2.4rem;
   margin: 0;
}

.sundsvall-energi-main__package-page-chargingbox-intro .sundsvall-energi-main__package-page-chargingbox-accessories {
   margin: 0.8rem 0 0 0;
   font-size: 1.8rem;
   line-height: 2.4rem;
   font-weight: 700;
}

/**
  * 3.17 - Intro rubrik och text på paketsidan
**/

.sundsvall-energi-main__package-page-intro {
   margin-top: 6rem;
   display: none;
}

.sundsvall-energi-main__package-page-intro.show {
   display: block;
}

@media (max-width: 768px) { 
   .sundsvall-energi-main__package-page-intro {
      margin-top: 4.4rem;
   }
}

.sundsvall-energi-main__package-page-intro *[class*='sv-column-'] {
   margin-bottom: 0;
}

.sundsvall-energi-main__package-page-intro h2 {
   margin: 0 0 0.8rem 0;
   font-size: 2.4rem;
   line-height: 3rem;
}

@media (max-width: 768px) { 
   .sundsvall-energi-main__package-page-intro h2 {
      font-size: 2.4rem!important;
      line-height: 3rem!important;
   }
}

.sundsvall-energi-main__package-page-intro p {
   margin: 0;
   font-size: 1.6rem;
   line-height: 2.6rem;
}


/**
  * 3.18 - Flikar på paketsidan
**/

.sundsvall-energi-main__package-tabs,
.sundsvall-energi-main__package-page--area-list {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
   margin-top: 4.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-tabs,
   .sundsvall-energi-main__package-page--area-list {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 2.4rem;
   }
   
   .sundsvall-energi-main__package-tabs {
      height: 4.8rem;
   }
}

.sundsvall-energi-main__package-tabs--no-margin-top {
   margin-top: 0;
}

.sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item,
.sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn {
   margin-right: 1.6rem;
   margin-bottom: 1.6rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 1.6rem;
      margin-bottom: 1.6rem;
   }
}

.sundsvall-energi-main__quote-block .sundsvall-energi-main__package-tabs--item-btn.focused {
    padding: 0.9rem 1.2rem 0.9rem 0.6rem;
    color: #A50E2D;
}

.sundsvall-energi-main__package-tabs--item-btn {
   display: block;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 800;
   text-decoration: none;
   padding: 1.1rem 2.4rem 1.1rem 2.4rem;
   margin-right: 1.6rem;
   margin-bottom: 1.6rem;
   background-color: #ffffff;
   border: 0.1rem solid #747472;
   border-radius: 0.4rem;
   color: #600724;
   cursor: pointer;
   transition: all .1s ease-in-out;
}

@media (max-width: 720px) {
   .sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn {
      flex-basis: calc(50% - 0.8rem);
   }

   .sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn:nth-child(even) {
      margin-right: 0;
   }
}

.sundsvall-energi-main__package-tabs button:hover,
.sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   color: #A50E2D;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-tabs--item-btn {
      background-color: transparent;
      color: transparent;
      font-size: 0;
      border-radius: 100%;
      width: 1rem;
      height: 1rem;
      padding: 0.9rem;
      margin-right: 1.2rem;
      border: 0.1rem solid #747472;
      overflow: hidden;
      margin: 0 1.2rem;
   }

   .sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn {
      background-color: #ffffff;
      color: #600724;
      font-size: 1.4rem;
      border-radius: unset;
      width: auto;
      height: auto;
      padding: 1.1rem 2.4rem 1.1rem 2.4rem;
      margin-left: 0;
   }
}

@media (max-width: 480px) {
   .sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn {
      flex-basis: auto;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
   }
}

.sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn.selected,
.sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn.selected {
   background-color: #600724;
   color: #EBA89F;
   border: 0.1rem solid transparent;
   transition: none;
}

.sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn.selected:hover,
.sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn.selected:hover {
   background-color: #A50E2D;
   color: #FFFFFF;
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
}

.sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn.selected.focused,
.sundsvall-energi-main__package-page--area-list .sundsvall-energi-main__package-tabs--item-btn.selected.focused {
   background-color: #A50E2D;
   color: #ffffff;
   border: 0.3rem solid #fff;
   padding: 0.9rem 2.2rem 0.9rem 2.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn.selected {
      border: 0.3rem solid transparent;
      color: transparent;
      font-size: 0;
      border-radius: 100%;
      width: 1rem;
      height: 1rem;
      padding: 1.3rem;
      overflow: hidden;
      margin: 0 0.6rem;
   }

}

.sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn:hover {
   box-shadow: 0 0.8rem 1.4rem rgba(27, 29, 31, 0.12);
   color: #A50E2D;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn:hover {
      color: transparent;
   }
}

.sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn.selected:hover{
   background-color: #A50E2D;
   color: #FFFFFF;
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn.selected:hover{
      color: transparent;
   }
}

.sundsvall-energi-main__package-tabs .sundsvall-energi-main__package-tabs--item-btn.selected.focused:hover{
    box-shadow: 0 0 0 0.35rem #000000;
}


/**
  * 3.19 - FAQ-listning
**/

.sundsvall-energi-main__faq-search {
   padding: 3rem 0;
}

.sundsvall-energi-main__faq-search-listing-form {
   display: none;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search-total-hits {
   margin: 0;
   font-size: 1.8rem;
   line-height: 2.4rem;
   color: #313130;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion__heading--faq-category {
   font-size: 2.4rem;
   line-height: 3rem;
   font-weight: 800;
   color: #600724;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion__heading--faq-category {
      font-size: 2rem;
      line-height: 2.4rem;
   }
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion-btn {
   border-bottom: none;
   padding-bottom: 0;
   width: auto;
   padding-top: 0;
   margin-top: 4rem;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion-btn[id="accordion-item-button-category-1"] {
   margin-top: 3.2rem;
}


.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion-icon {
   margin-left: 1rem;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion-icon--faq-category svg path {
   fill: #600724;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion .sundsvall-energi-main__accordion .sundsvall-energi-main__accordion-btn {
   padding-bottom: 1.7rem;
   width: 100%;
   padding-top: 0;
   margin: 3.3rem 0 0 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion {
   border-bottom: none;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion.sundsvall-energi-main__accordion__parent--open {
   margin-bottom: 6rem;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion:last-of-type.sundsvall-energi-main__accordion__parent--open {
   margin-bottom: 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion .sundsvall-energi-main__accordion.sundsvall-energi-main__accordion__parent--open {
   margin-bottom: 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion .sundsvall-energi-main__accordion {
   border-bottom: 0.1rem solid #747472;
}

.sundsvall-energi-main__faq-search .sv-decoration-content .sv-decoration-content {
   background: #FFF8EC;
   border-radius: 0.2rem;
   padding: 3.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-search .sv-decoration-content .sv-decoration-content {
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion:last-child .sundsvall-energi-main__accordion-faq-subcategories[aria-hidden="false"] {
   margin-bottom: 0;
}

.sundsvall-energi-main__faq-search h3.sundsvall-energi-main__accordion-heading, 
.sundsvall-energi-main__faq-search h3 .sundsvall-energi-main__accordion__heading {
   font-size: 1.8rem;
   line-height: 2.3rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-search h3.sundsvall-energi-main__accordion-heading, 
   .sundsvall-energi-main__faq-search h3 .sundsvall-energi-main__accordion__heading {
      font-size: 1.6rem;
      line-height: 2rem;
   }
}

.sundsvall-energi-main__faq-search .sv-decoration-content {
   margin-bottom: 3.8rem;
}

.sundsvall-energi-main__faq-search .sv-decoration-content p {
   margin-top: 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text .sv-text-portlet-content {
   margin-bottom: 1.6rem;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text .sv-text-portlet-content:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text .sv-text-portlet-content:first-child h4:first-child {
   margin-top: 0;
   padding-top: 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text ul,
.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text ol {
   padding-left: 2rem;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text p,
.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text ul,
.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text ol {
   margin: 0 0 1.6rem 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion__parent:last-child .sundsvall-energi-main__faq-search--question-text ul,
.sundsvall-energi-main__faq-search .sundsvall-energi-main__accordion__parent:last-child .sundsvall-energi-main__faq-search--question-text ol {
   margin: 0 0 1.6rem 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text p:last-child,
.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text ul:last-child,
.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text ol:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text p,
.sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text li {
   color: #4A4A49;
   font-size: 1.6rem;
   line-height: 2.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text p,
   .sundsvall-energi-main__faq-search .sundsvall-energi-main__faq-search--question-text li {
      font-size: 1.4rem;
      line-height: 2.2rem;
   }
}

.sundsvall-energi-main__faq-search-errormsg {
   margin-top: 4rem;
}

.sundsvall-energi-main__faq-search-errormsg-heading {
   margin: 0 0 3.2rem 0;
   font-size: 2.4rem;
   line-height: 3rem;
   color: #313130;
   font-weight: 800;  
}

.sundsvall-energi-main__faq-search-errormsg .sundsvall-energi-main__faq-search-errormsg-related-link {
   margin-right: 1.6rem;
   margin-bottom: 1.9rem;
}


.sundsvall-energi-main__faq-search-errormsg .sundsvall-energi-main__faq-search-errormsg-related-link:last-child {
   margin-right: 0;
   margin-bottom: 0;
}


/**
  * 3.20 - Detaljsida för paketen i arkiven 
**/

.sundsvall-energi-main__package-detailpage {
   display: flex;
   flex-wrap: wrap;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page-single {
   display: block;
}

.sundsvall-energi-main__package-detailpage-single-wrapper {
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
}

.sundsvall-energi-main__package-detailpage-single-wrapper .sundsvall-energi-main__package-page--sub-title {
   display: block;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price {
   padding: 3.2rem;
}

.sv-edit-mode .sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price .sv-elavtalSpecifikationer {
   position: unset!important;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price > div {
   display: block;
   padding: 0;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-detailpage-subheading {
   display: block;
   margin-bottom: 1.2rem;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price .preview-header {
   font-size: 1.6rem;
   line-height: 2.1rem;
   font-weight: 400;
   font-style: italic;
   margin-bottom: -1.5rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-tabs--item-btn {
      display: block;
      font-size: 1.4rem;
      line-height: 2rem;
      font-weight: 800;
      text-decoration: none;
      padding: 1.1rem 2.4rem 1.1rem 2.4rem;
      background-color: #ffffff;
      border: 0.1rem solid #747472;
      border-radius: 0.4rem;
      color: #600724;
      cursor: pointer;
      transition: all .1s ease-in-out;
   }

   .sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-tabs--item-btn.selected {
      background-color: #600724;
      color: #EBA89F;
      border: 0.3rem solid transparent;
      padding: 0.9rem 2.2rem 0.9rem 2.2rem;
   }

   .sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-tabs--item-btn.focused {
      background-color: #ffffff;
      color: #A50E2D;
      padding: 1.1rem 2.4rem 1.1rem 2.4rem;
   }

   .sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-tabs--item-btn.selected.focused {
      background-color: #a50e2d;
      color: #fff;
      border: 0.3rem solid #fff;
      padding: 0.9rem 2.2rem 0.9rem 2.2rem;
   }
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--title {
   position: relative;
   background-image: url(/images/18.40eabb72184cbde4a3c7/1669878543465/Energifält_Harmonisk%203.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 7rem 7.2rem 3rem 3.2rem;
   margin-bottom: 3.2rem;
   border-radius: 0.4rem;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--title-optional {
   margin-bottom: 0;
   border-radius: 0;
   border-top-right-radius: 0.4rem;
   border-top-left-radius: 0.4rem;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--information-optional {
   background-color: #ffffff;
   border-radius: 0 0 0.4rem 0.4rem;
   filter: drop-shadow(0 0.8rem 1.4rem rgba(27, 29, 31, 0.12));
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--title p {
   font-size: 1.6rem;
   line-height: 2.4rem;
   margin: 0;
   color: #ffffff;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--title h1 {
   font-size: 3.2rem;
   line-height: 4rem;
   font-weight: 800;
   margin: 0.8rem 0 0;
   color: #ffffff;
}

.sundsvall-energi-main__package-detailpage--text {
   display: flex;
   flex-direction: column;
   flex: 1;
   background: #FFF8EC;
   border-radius: 0.4rem;
   padding: 3.2rem;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--text h2 {
   color: #313130;
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
   margin: 0 0 0.8rem;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--text p {
   font-size: 1.4rem;
   line-height: 2.4rem;
   margin: 0 0 2.4rem;
   color: #4A4A49;
}

.sundsvall-energi-main__package-detailpage--electricity-company .sundsvall-energi-main__package-page--area-list {
   margin-top: 1.8rem;
}

.sundsvall-energi-main__package-detailpage--electricity-company .sundsvall-energi-main__package-page--price-uppersection {
   margin-bottom: 4rem;
}

.sundsvall-energi-main__package-detailpage--electricity-company .sundsvall-energi-main__package-page--price-uppersection .sundsvall-energi-main__package-page--price-uppersection-primaryheading {
   margin: 0 0 1rem 0;
   display: block;
   font-size: 2.2rem;
   line-height: 3.2rem;
}

.sundsvall-energi-main__package-detailpage--electricity-company .sundsvall-energi-main__package-page--price .sundsvall-energi-main__package-detailpage--big-consumption {
   margin-top: 8rem;
   border-top: 3rem solid white;
   margin-left: -3.2rem;
   margin-right: -3.2rem;
   padding: 3.2rem;
}

.sundsvall-energi-main__package-detailpage--chargingbox .sundsvall-energi-main__package-page--price {
   padding: 0 3.2rem 1rem 3.2rem;
}

.sundsvall-energi-main__package-detailpage--charging-box-text {
   background-color: #FFF8EC;
}

.sundsvall-energi-main__package-detailpage--charging-box-text h1 {
   font-size: 1.6rem;
   line-height: 2.2rem;
   font-weight: 300;
   margin: 0;
   padding: 3.2rem 3.2rem 0;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage--price {
   flex: 1;
   background: #FFF8EC;
   border-radius: 0.4rem;
   position: relative!important;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage-advantages, 
.sundsvall-energi-main__package-detailpage ul,
.sundsvall-energi-main__package-detailpage ol {
   margin-bottom: 2.5rem;
}

.sundsvall-energi-main__package-detailpage li,
.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage-advantages li {
   color: #4A4A49;
   font-size: 1.4rem;
   line-height: 2.2rem;
   font-weight: 400;
   margin-bottom: 1.2rem;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage-advantages li {
   display: flex;
   align-items: center;
}

.sundsvall-energi-main__package-detailpage .sundsvall-energi-main__package-detailpage-advantages li svg {
   width: 1.8rem;
   min-width: 1.8rem;
   height: 1.8rem;
   margin-right: 1.6rem;
}


/**
  * 3.21 - Guidesida
**/

/**
  * 3.21.1 - Toppyta
**/

.sundsvall-energi-main__top-area-guidepage {
    position: relative;
    background-color: #FFF8EC;
    padding-top: 5.6rem;
}


/**
  * 3.21.1.1 - Text
**/

.sundsvall-energi-main__top-area-guidepage--text {
   position: relative;
   display: inline-table;
   max-width: 64rem;
   width: 100%;
}

.sundsvall-energi-main__top-area-guidepage--text h1 {
   font-size: 3.2rem;
   line-height: 4rem;
   color: #313130;
}

.sundsvall-energi-main__top-area-guidepage--text p {
   font-size: 1.8rem;
   line-height: 2.7rem;
   color: #4A4A49;
}

/*
 * 3.21.1.2 - Video/bild/bgcolor
 */

.sundsvall-energi-main__top-area-guidepage .sundsvall-energi-main__top-area-guidepage--video-image {
   margin-bottom: 21rem;
}

.sundsvall-energi-main__top-area-guidepage .sundsvall-energi-main__top-area-guidepage--video, 
.sundsvall-energi-main__top-area-guidepage .sundsvall-energi-main__top-area-guidepage--image {
   position: relative;
   display: inline-block;
   height: 31.4rem;
   margin-bottom: -15.7rem;
   max-width: 64rem;
   width: 100%;
}

.sundsvall-energi-main__top-area-guidepage .sundsvall-energi-main__top-area-guidepage--video iframe {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 31.4rem;
   border: 0;
}

.sundsvall-energi-main__top-area-guidepage .sundsvall-energi-main__top-area-guidepage--image img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 31.4rem;
   border: 0;
   object-fit: cover;
}

.sundsvall-energi-main__top-area-guidepage--bgcolor {
   padding-bottom: 8rem;
   margin-bottom: 9rem;
}


/**
  * 3.22 - Guidelistning
**/

.sundsvall-energi-main__guidelistingpage {
   padding: 8rem 0 4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__guidelistingpage {
      padding: 4.4rem 0;
   }
}

.sundsvall-energi-main__guidelistingpage .sundsvall-energi-main__guidelistingpage-wrapper {
   display: flex;
   flex-flow: row wrap;
   list-style-type: none;
   padding-left: 0;
}

.sundsvall-energi-main__guidelistingpage .sundsvall-energi-main__guidelistingpage-wrapper li.sundsvall-energi-main__guidelistingpage-wrapper-item {
   position: relative;
   flex-basis: calc(33.33% - 2.14rem);
   background-color: #ffffff;
   margin: 0 3.2rem 2.4rem 0;
   overflow: hidden;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__guidelistingpage .sundsvall-energi-main__guidelistingpage-wrapper li.sundsvall-energi-main__guidelistingpage-wrapper-item {
      flex-basis: calc(50% - 1.5985rem);
   }
}

@media (max-width: 500px) {
   .sundsvall-energi-main__guidelistingpage .sundsvall-energi-main__guidelistingpage-wrapper li.sundsvall-energi-main__guidelistingpage-wrapper-item {
      flex-basis: calc(100%);
      margin-right: 0;
   }
}

@media (min-width: 769px) {
   .sundsvall-energi-main__guidelistingpage .sundsvall-energi-main__guidelistingpage-wrapper li.sundsvall-energi-main__guidelistingpage-wrapper-item:nth-child(3n + 3) {
      margin-right: 0;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-main__guidelistingpage .sundsvall-energi-main__guidelistingpage-wrapper li.sundsvall-energi-main__guidelistingpage-wrapper-item:nth-child(2n + 2) {
      margin-right: 0;
   }
}

.sundsvall-energi-main__guidelistingpage h2 {
   margin-bottom: 2.4rem;
}

.sundsvall-main__guidelistingpage-item--video {
   position: relative;
   height: 17.2rem;
   z-index: 9999999;
}

.sundsvall-main__guidelistingpage-item--video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 17.2rem;
   border: 0;
}

.sundsvall-main__guidelistingpage-item--image {
   position: relative;
   overflow: hidden;
   height: 17.2rem;
}    

.sundsvall-main__guidelistingpage-item--image img {
   display: block;
   object-fit: cover;
   width: 100%;
   max-width: 100%;
   height: 17.2rem;
}

.sundsvall-main__guidelistingpage-item--image svg {
   display: block;
   object-fit: cover;
   height: 17.8rem;
}

@media (max-width: 500px) {
   .sundsvall-main__guidelistingpage-item--image svg {
      height: 21.7rem;
      width: 100%;
   }
}

.sundsvall-main__guidelistingpage-item-text {
   padding: 2.4rem;
}

.sundsvall-main__guidelistingpage-item-text .sundsvall-main__guidelistingpage-item-text--tags {
   display: flex;
}

.sundsvall-main__guidelistingpage-item-text .sundsvall-main__guidelistingpage-item-text--tags li {
   font-size: 1.2rem;
   line-height: 1.8rem;
   color: #313130;
   border: 0.1rem solid #747472;
   border-radius: 2.4rem;
   margin: 0 0.4rem 0.8rem 0;
   padding: 0.6rem 1.6rem;
}

.sundsvall-main__guidelistingpage-item-text h3 {
   margin: 0;
}    

.sundsvall-main__guidelistingpage-item-text h3 a {
   font-size: 1.8rem;
   line-height: 2.3rem;
   font-weight: 700;
   text-decoration: underline;
   color: #A50E2D;
}

.sundsvall-main__guidelistingpage-item-text h3 a::after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-main__guidelistingpage-item-text p {
   font-size: 1.6rem;
   line-height: 2.5rem;
   font-weight: 400;
   color: #4A4A49;
}


/**
  * 3.23 - Driftinformation
**/

.sundsvall-energi-main__operating-information {
   padding: 2rem 0 7rem 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__operating-information {
      padding: 4rem 0 5.7rem 0;
   }
}

.sundsvall-energi-main__operating-information li {
   background-color: #FFF8EC;
   padding: 3.2rem;
   margin-bottom: 2.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__operating-information li {
      padding: 2.4rem;
   }
}

.sundsvall-energi-main__operating-information li.no-hits {
   margin: 0 0 2rem 0;
   padding: 0;
   background-color: transparent;
   line-height: 2.4rem;
   color: #000000;
}

.sundsvall-energi-main__operating-information li h3 {
   font-size: 2.4rem;
   line-height: 3rem;
   color: #313130;
   font-weight: 400;
   margin: 0 0 1.6rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__operating-information li h3 {
      font-size: 2rem;
   }
}

.sundsvall-energi-main__operating-information .sundsvall-energi-main__accordion-faq-subcategories li p {
   font-size: 1.6rem;
   line-height: 2.5rem;
   color: #4A4A49;
   font-weight: 400;
   margin: 0.6rem 0 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__operating-information .sundsvall-energi-main__accordion-faq-subcategories .error-msg {
      font-size: 1.4rem;
      line-height: 2.2rem;
      margin-top: 0;
      color: #4A4A49;
   }
}

.sundsvall-energi-main__operating-information li p.text {
   margin: 1.6rem 0 0;
}

.sundsvall-energi-main__operating-information .sundsvall-energi-main__accordion-faq-subcategories {
   margin: 0;
   padding: 0;
}

.sundsvall-energi-main__operating-information .sundsvall-energi-main__accordion-faq-subcategories p {
   margin: 0.5rem 0 2rem 0;
   line-height: 2.4rem;
   color: black;
}


/*
 * 3.23.1 - Toppyta
 */

.sundsvall-energi-main__top-area-operatinginformationpage {
   position: relative;
   background-color: #600724;
   overflow: hidden;
   height: 19rem;
   padding-top: 8rem;
   padding-bottom: 9rem;
}


/*
 * 3.23.1.1 - Text
 */

.sundsvall-energi-main__top-area-operatinginformationpage--text {
   position: relative;
   display: inline-table;
   max-width: 64rem;
   width: 100%;
}

.sundsvall-energi-main__top-area-operatinginformationpage--text h1 {
   font-size: 3.2rem;
   line-height: 4rem;
   color: #ffffff;
}

.sundsvall-energi-main__top-area-operatinginformationpage--text p {
   font-size: 1.8rem;
   line-height: 2.7rem;
   color: #ffffff;
}

.sundsvall-energi-main__top-area-operatinginformationpage--text h2 {
   font-size: 3.2rem;
   line-height: 4rem;
}

.sundsvall-energi-main__top-area-operatinginformationpage--text-buttons {
   display: flex;
   flex-wrap: wrap;
   margin-top: 2rem;
}

.sundsvall-energi-main__top-area-operatinginformationpage--text-buttons li {
   margin-right: 0.8rem;
   margin-bottom: 0.8rem;
}

.sundsvall-energi-main__top-area-operatinginformationpage--text-buttons li:last-child {
   margin-right: 0;
}


/**
  * 3.24 - Bidragssida
**/

.sundsvall-energi-main__top-area-contributionpage {
   position: relative;
   background-color: #fff8ec;
   padding-top: 8rem;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--video-image {
   margin-bottom: 17.6rem;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--bgcolor {
   margin-bottom: 6rem;
   padding-bottom: 17.1rem;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--video, 
.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--image {
   position: relative;
   height: 31.4rem;
   margin-bottom: -15.7rem;
   position: relative;
   display: inline-block;
   max-width: 64rem;
   width: 100%;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--video iframe {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 31.4rem;
   border: 0;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--image img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 31.4rem;
   border: 0;
   object-fit: cover;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--bgcolor-bgcolor {
   height: 17.1rem;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--text {
   position: relative;
   display: inline-table;
   max-width: 64rem;
   width: 100%;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--text h1 {
   color: #313130;
   margin-top: 0;
}

.sundsvall-energi-main__top-area-contributionpage .sundsvall-energi-main__top-area-contributionpage--text p {
   color: #4A4A49;
}

.sundsvall-energi-main__contributionpage .sundsvall-energi-main__contribution-listning--item-text-price-score {
   margin-bottom: 5.4rem;
}

.sundsvall-energi-main__contributionpage-rightcolumn-area-1 {
   display: none;
}

.sundsvall-energi-main__contributionpage-rightcolumn-area-1.show {
   display: block;
}

.sundsvall-energi-main__contributionpage-social-share {
   display: inline-flex;
   flex-direction: column;
}

.sundsvall-energi-main__contributionpage-social-share-links {
   display: flex;
   align-self: flex-start;
   align-items: center;
   font-size: 1.6rem;
   line-height: 2.4rem;
   margin: 1.6rem 0 0 0;
}

.sundsvall-energi-main__contributionpage-social-share-links.focused {
   box-shadow: 0 0 0 0.35rem #ffffff;
}

.sundsvall-energi-main__contributionpage-social-share-icon {
   margin-right: 1rem;
}

.sundsvall-energi-main__contributionpage-social-share-icon path {
   fill: white;
}



/**
  * 3.25 - Bidragslistning
**/

.sundsvall-energi-main__contribution-listning {
   position: relative;
}

.sundsvall-energi-main__contribution-listning ul {
   display: flex;
   flex-flow: row wrap;
   list-style-type: none;
   padding-left: 0;
}

.sundsvall-energi-main__contribution-listning .sundsvall-energi-main__puffwrapper li {
   position: relative;
   display: flex;
   flex-direction: column-reverse;
   justify-content: flex-end;
   flex-basis: calc(33.33% - 2.14rem);
   background-color: #ffffff;
   margin: 0 3.2rem 2.4rem 0;
   overflow: hidden;
}

@media (min-width: 769px) {
   .sundsvall-energi-main__contribution-listning .sundsvall-energi-main__puffwrapper li:nth-child(3n + 3) {
      margin-right: 0;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-main__contribution-listning .sundsvall-energi-main__puffwrapper li {
      flex-basis: calc(50% - 1.5985rem);
   }

   .sundsvall-energi-main__contribution-listning .sundsvall-energi-main__puffwrapper li:nth-child(2n + 2) {
      margin-right: 0;
   }
}

@media (max-width: 500px) {
   .sundsvall-energi-main__contribution-listning .sundsvall-energi-main__puffwrapper li {
      flex-basis: calc(100%);
      margin-right: 0;
   }
}

.sundsvall-energi-main__contribution-listning h2 {
   margin-bottom: 2.4rem;
}

.sundsvall-energi-main__contribution-listning--item-video {
   position: relative;
   height: 17.2rem;
   z-index: 9999999;
}

.sundsvall-energi-main__contribution-listning--item-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 17.2rem;
   border: none;
}

.sundsvall-energi-main__contribution-listning--item-image {
   height: 17.2rem;
}

.sundsvall-energi-main__contribution-listning--item-image img {
   width: 100%;
   height: 17.2rem;
   object-fit: cover;
}

.sundsvall-energi-main__contribution-listning--item-bgcolor {
   background-color: #A50E2D;
   height: 17.2rem;
}

.sundsvall-energi-main__contribution-listning--item-text {
   padding: 2.4rem;
}

.sundsvall-energi-main__contribution-listning--item-text > div {
   display: flex;
   flex-direction: column-reverse;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   margin-bottom: 0.8rem;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score p {
   font-size: 1.2rem;
   line-height: 1.9rem;
   color: #212121;
   margin: 0 0.4rem 0 0;
   border: 0.1rem solid #747472;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score p.previousPrice {
   position: relative;
   padding: 0.6rem 1.6rem 0.6rem 2.4rem;
   margin-left: 2.1rem;
	margin-bottom: 0.4rem;
   border-top-right-radius: 2.4rem;
   border-bottom-right-radius: 2.4rem;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score p.previousPrice svg {
   position: absolute;
   left: -2.1rem;
   top: -0.5rem;
   width: 4rem;
   height: 4rem;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score p.juryAmount {
   position: relative;
   padding: 0.6rem 1.6rem 0.6rem 2.4rem;
   margin-left: 2.1rem;
	margin-bottom: 0.4rem;
   border-top-right-radius: 2.4rem;
   border-bottom-right-radius: 2.4rem;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score p.juryAmount svg {
   position: absolute;
   left: -2.1rem;
   top: -0.5rem;
   width: 4rem;
   height: 4rem;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score p.score {
   padding: 0.6rem 1.6rem;
   border-radius: 2.4rem;
}

.sundsvall-energi-main__contribution-listning--item-text-price-score p.jurySelection {
   padding: 0.6rem 1.6rem;
   border-radius: 2.4rem;
}

.sundsvall-energi-main__contribution-listning--item-text h3 {
   color: #A50E2D;
   margin: 0 0 0.8rem;
}

.sundsvall-energi-main__contribution-listning--item-text h3 a {
   display: inline-block;
   color: #A50E2D;
   text-decoration: underline;
}

.sundsvall-energi-main__contribution-listning--item-text h3 a:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sundsvall-energi-main__contribution-listning--item-text .preamble {
   color: #4A4A49;
   font-size: 1.6rem;
   line-height: 2.4rem;
   margin: 0;
}


/**
  * 3.26 - Kontaktlistning
**/

.sundsvall-energi-main__contact-listing-wrapper {
   display: none;
}

.sundsvall-energi-main__contact-listing-wrapper.show {
   display: block;
   padding: 8rem 0 6.4rem;
}

@media (max-width: 768px) { 
   .sundsvall-energi-main__contact-listing-wrapper.show {
      padding: 4.4rem 0 3.8rem;
   } 
}

.sundsvall-energi-main__contact-listing-wrapper.show .sundsvall-energi-main__contact-listing {
   display: flex;
   margin: 3.2rem 0 0 0;
}

.sundsvall-energi-main__contact-listing {
   display: none;
   flex-flow: row wrap;
}

@media (max-width: 768px) { 
   .sundsvall-energi-main__contact-listing {
      flex-direction: column;
   } 
}

.sundsvall-energi-main__contact-listing-complementary-links {
   margin-top: 3.2rem;
}


@media (max-width: 768px) {
   .sundsvall-energi-main__contact-listing-complementary-links {
      margin-top: 1.6rem;
   }
   
   .sundsvall-energi-main__contact-listing-complementary-links a {
      margin-bottom: 0.6rem;
   } 
}

.sundsvall-energi-main__contact-listing-person {
      display: flex;
      background-color: #ffffff;
      border-radius: 0.4rem;
      margin: 0 3.2rem 1.6rem 0;
   }

@media (min-width: 769px) {
   .sundsvall-energi-main__contact-listing-person {
      flex-basis: calc(50% - 1.6rem);
   }
}

@media (max-width: 768px) { 
   .sundsvall-energi-main__contact-listing-person {
      flex-basis: calc(100%);
      margin: 0 0 1.6rem 0;
   } 
}

.sundsvall-energi-main__contact-listing-person:nth-child(2n + 2) {
   margin-right: 0;
}

.sundsvall-energi-main__contact-listing-person-image {
   margin-right: 2.4rem;
}

.sundsvall-energi-main__contact-listing-person-image img {
   display: block;
   width: 13.1rem;
   height: 100%;
   min-height: 17.4rem;
   object-fit: cover;
   border-radius: 0.4rem 0 0 0.4rem;
}   

.sundsvall-energi-main__contact-listing-person-info {
   padding: 1.6rem 1.6rem 1.6rem 0;
   align-self: center;
}

.sundsvall-energi-main__contact-listing-person h3 {
   font-size: 1.8rem;
   line-height: 2.34rem;
   margin: 0 0 0.8rem;
}

.sundsvall-energi-main__contact-listing-person li {
   display: flex;
   align-items: center;
   margin-bottom: 0.4rem;
}

.sundsvall-energi-main__contact-listing-person li p {
   font-size: 1.4rem;
   line-height: 2rem;
   margin: 0;
}

@media (max-width: 768px) { 
   .sundsvall-energi-main__contact-listing-person li p {
      font-size: 1.2rem;
      line-height: 1.8rem;
   }
}

.sundsvall-energi-main__contact-listing-person li a {
   color: #600724;
   display: flex;
   align-items: center;
}

.sundsvall-energi-main__contact-listing-person li a:hover {
   color: #a50e2d;
}

.sundsvall-energi-main__contact-listing-person li a.focused {
   color: #a50e2d;
}

.sundsvall-energi-main__contact-listing-person li a:hover svg path {
   fill: #a50e2d;
}

.sundsvall-energi-main__contact-listing-person li a.focused svg path {
   fill: #a50e2d;
}

.sundsvall-energi-main__contact-listing-person li.sundsvall-energi-main__contact-listing-person-info--role p {
   color: #4A4A49;
   line-height: 2.2rem;
}

@media (max-width: 768px) {  
   .sundsvall-energi-main__contact-listing-person li.sundsvall-energi-main__contact-listing-person-info--role p {
      line-height: 1.8rem;
      margin: 0.4rem 0;
   }
}

.sundsvall-energi-main__contact-listing-person li svg {
   margin-right: 0.8rem;
   width: 1.6rem;
   height: 1.6rem;
   flex-shrink: 0;
}

.sundsvall-energi-main__contact-listing-person li svg path {
   fill: #600724;
}

.sundsvall-energi-main__contact-readmore-btn p {
   margin: 3.2rem 0 0 0;
}

@media (max-width: 768px) {  
   .sundsvall-energi-main__contact-readmore-btn p {
      margin: 2.3rem 0 0 0;
   }
}


/**
  * 3.27 - Flikar på finansiell information
**/

.sundsvall-energi-main__financial-tabs {
   display: flex;
   margin: 2.8rem 0 1.8rem;
   flex-wrap: wrap;
}

@media (max-width: 768px) {  
   .sundsvall-energi-main__financial-tabs {
      margin: 1rem 0 1.8rem;
   }
}

.sundsvall-energi-main__financial-tabs .sundsvall-energi-main__financial-tabs--item-btn {
   display: block;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 800;
   text-decoration: none;
   padding: 1.2rem 2.4rem 1.2rem 2.4rem;
   margin-right: 1.6rem;
   margin-bottom: 1.6rem;
   background-color: #ffffff;
   border: 0.1rem solid #747472;
   border-radius: 0.4rem;
   color: #600724;
   cursor: pointer;
   transition: all .1s ease-in-out;
}

.sundsvall-energi-main__financial-tabs .sundsvall-energi-main__financial-tabs--item-btn.selected {
   background-color: #600724;
   color: #EBA89F;
   border: 0.1rem solid transparent;
   transition: none;
}

.sundsvall-energi-main__financial-tabs .sundsvall-energi-main__financial-tabs--item-btn.selected.focused:hover{
    box-shadow: 0 0 0 0.35rem #000000;
}

.sundsvall-energi-main__financial-tabs .sundsvall-energi-main__financial-tabs--item-btn:hover {
   box-shadow: 0 0.8rem 1.4rem rgba(27, 29, 31, 0.12);
   color: #A50E2D;
}

.sundsvall-energi-main__financial-tabs .sundsvall-energi-main__financial-tabs--item-btn.selected:hover {
   background-color: #a50e2d;
   color: #fff;
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
}

.sundsvall-energi-main__financial-tabs .sundsvall-energi-main__financial-tabs--item-btn.selected.focused {
   background-color: #a50e2d;
   color: #fff;
   border: 0.3rem solid #fff;
   padding: 0.9rem 2.2rem 0.9rem 2.2rem;
}



/**
  * 3.28 - Finansiell information
**/

.sundsvall-energi-main__financial-page-single {
   display: none;
}

.sundsvall-energi-main__financial-page-single.show {
   display: block;
}

.sundsvall-energi-main__financial-page-single table {
   margin-bottom: 0;
}

.sundsvall-energi-main__financial-page-single thead th:first-child {
   text-align: left;
}

.sundsvall-energi-main__financial-page-single th, 
.sundsvall-energi-main__financial-page-single td {
   padding: 1.2rem 3.2rem;
}

.sundsvall-energi-main__financial-page-single p {
   margin: 0;
}

.sundsvall-energi-main__financial-section {
   display: none;
}

.sundsvall-energi-main__financial-section.show {
   display: block;
}

.sundsvall-energi-main__financial-informationlisting table caption {
   height: 0;
   width: 0;
   overflow: hidden;
   clip: rect(0.1rem 0.1rem 0.1rem 0.1rem);
   clip: rect(0.1rem,0.1rem,0.1rem,0.1rem);
}

.sv-editing-mode .sundsvall-energi-main__financial-informationlisting table caption {
   position: relative!important;
   height: auto;
   width: auto;
}


/**
  * 3.29 - Detaljsida för laddtjänster(Företag)
**/

.sundsvall-energi-main__top-area--charging-services--text h1 {
   font-size: 3.2rem!important;
   line-height: 4rem!important;
   font-weight: 800;
   text-transform: none;
   margin: 1.2rem 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__top-area--charging-services--text h1 {
      font-size: 3.2rem !important;
      line-height: 3.8rem !important;
   }
}

.sundsvall-energi-main__top-area--charging-services--text .sundsvall-energi-main__top-area--charging-services--intro-text {
   font-size: 1.6rem;
   line-height: 2.4rem;
   text-transform: uppercase;
   margin: 0 0 1.2rem 0;
}

.sundsvall-energi-main__charging-service-intro .pagecontent {
   padding: 8rem 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__charging-service-intro .pagecontent {
      padding: 4.4rem 0 0.9rem 0;
   }
   
   .sundsvall-energi-main__charging-service-intro .sv-grid-12-kolumner-1120 [class*="sv-column-"] {
      margin-bottom: 0;
   }
}

.sundsvall-energi-main__charging-service-intro .sundsvall-energi-main__content .pagecontent #Text + div.sv-text-portlet .sv-text-portlet-content *:first-child {
   margin-top: 0;
}

.sundsvall-energi-main__charging-service-advantages {
   display: flex;
   flex-direction: column;
   flex: 1;
   background: #FFF8EC;
   border-radius: 0.4rem;
   position: relative!important;
   margin: 8rem 0;
}

.sundsvall-energi-main__charging-service-advantages > div {
   display: flex;
   flex-direction: column;
   flex: 1;
   padding: 3.2rem;
}

.sundsvall-energi-main__charging-service-advantages li {
   display: flex;
   align-items: center;
   color: #4A4A49;
   margin-bottom: 1rem;
}

.sundsvall-energi-main__charging-service-advantages li:last-child {
   margin-bottom: 0;
}


.sundsvall-energi-main__charging-service-advantages li svg {
   margin-right: 2.4rem;
   flex-shrink: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__charging-service-advantages {
      margin: 0.9rem 0 4.4rem 0;
   }
}



/**
  * 3.30 - Frågor och svar (sökblock)
**/

.sundsvall-energi-main__faq-search-block {
   display: none;
}

.sundsvall-energi-main__faq-search-block.show {
   display: block;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__top-area--text-search-form {
   display: block;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__top-area--text-search-form-input {
   width: 100%;
   max-width: 32.6rem;
   margin-top: 0.8rem;
   margin-bottom: 1.6rem;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__top-area--text-search-form-input {
   width: 100%;
   max-width: 32.6rem;
   margin-bottom: 1.6rem;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__top-area--text-search-form-button {
   max-width: 26.61rem;
   margin-left: 0;
   padding: 1.2rem 3.2rem;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__top-area--text-search-form-button:focus {
   outline: none;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__faq-search-block--text-arrow {
   position: relative;
   display: flex;
   align-items: center;
   line-height: 0;
   margin: 2.4rem 0;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__faq-search-block--text-arrow p {
   display: inline;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__faq-search-block--text-arrow:hover svg path {
   fill: #a50e2d;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__faq-search-block--text-arrow svg {
   margin-left: 0.8rem;
}

.sundsvall-energi-main__faq-search-block .sundsvall-energi-main__faq-single-block {
   padding: 0;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-search-block .sundsvall-energi-main__faq-single-block {
      padding: 1.4rem 0 0;
   }
}


/**
  * 3.30.1 - Dekoration
**/

.sundsvall-energi-main__faq-search-block--arrow {
   display: flex;
   align-items: center;
   line-height: 0;
}

.sundsvall-energi-main__faq-search-block--arrow svg {
   margin-left: 0.9rem;
   width: 1.8rem;
   height: 1.8rem;
}

.sundsvall-energi-main__faq-search-block--arrow a {
   text-decoration: none;
}



/**
  * 3.31 - Frågor och svar (faq-listning)
**/

.sundsvall-energi-main__content .sundsvall-energi-main__faq-single-block {
   padding: 3rem 0 5rem;
}

.sundsvall-energi-main__content .sundsvall-energi-main__faq-single-block .sv-text-portlet-content h2,
.sundsvall-energi-main__content .sundsvall-energi-main__faq-single-block .sv-text-portlet-content h3,
.sundsvall-energi-main__content .sundsvall-energi-main__faq-single-block .sv-text-portlet-content h4,
.sundsvall-energi-main__content .sundsvall-energi-main__faq-single-block .sv-text-portlet-content h5 {
   padding-top: 0;
}

.sundsvall-energi-main__faq-single-block h2 {
   margin-bottom: 0;
   font-weight: 400;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-single-block h2 {
      font-size: 1.8rem;
      line-height: 2.4rem;
   }
}

.sundsvall-energi-main__faq-single-block .sv-text-portlet-content p, 
.sundsvall-energi-main__faq-single-block .sv-text-portlet-content li {
   color: #4A4A49;
   font-size: 1.6rem;
   line-height: 2.4rem;
}

@media (max-width: 768px) {
	.sundsvall-energi-main__faq-single-block .sv-text-portlet-content p, 
   .sundsvall-energi-main__faq-single-block .sv-text-portlet-content li {
      font-size: 1.4rem;
      line-height: 2.2rem;
   }
}

.sundsvall-energi-main__faq-single-block .sv-text-portlet-content p, 
.sundsvall-energi-main__faq-single-block .sv-text-portlet-content ul, 
.sundsvall-energi-main__faq-single-block .sv-text-portlet-content ol {
   margin: 0 0 1.6rem 0;
}

.sundsvall-energi-main__faq-single-block .sv-text-portlet-content:last-child *:last-child {
   margin-bottom: 0;
}

.sundsvall-energi-main__faq-single-block .sv-text-portlet-content:first-child *:first-child {
   margin-top: 0;
   padding-top: 0;
}


/**
  * 3.31.1 - Dekoration
**/

.sundsvall-energi-main__faq-single-block .sv-decoration-content {
    background: #FFF8EC;
    border-radius: 0.2rem;
    padding: 3.2rem;
    margin-bottom: 2.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__faq-single-block .sv-decoration-content {
      padding: 2.4rem;
   }
}


/**
  * 3.32 - Content area wrapper
**/

@media (max-width: 768px) {
   .sundsvall-energi-main__content-area-wrapper h2 {
      font-size: 1.8rem;
      line-height: 2.34rem;
   }
}

.sundsvall-energi-main__content-area-wrapper .pagecontent {
   padding: 8rem 0;
}

.sundsvall-energi-main__content-area-wrapper--no-padding-top .pagecontent {
   padding-top: 0;
}

.sundsvall-energi-main__content-area-wrapper--accordion .pagecontent {
   padding: 0 0 8rem 0;
}

.sundsvall-energi-main__content-area-wrapper .pagecontent .sundsvall-energi-main__accordion__parent:first-child .sundsvall-energi-main__accordion {
   margin-top: -3.2rem;
}

.sundsvall-energi-main__content-area-wrapper--accordion .pagecontent .sundsvall-energi-main__accordion__parent:first-child .sundsvall-energi-main__accordion {
   margin-top: -3.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__content-area-wrapper .pagecontent {
      padding: 4.4rem 0;
   }

   .sundsvall-energi-main__content-area-wrapper--no-padding-top .pagecontent {
      padding-top: 0;
   }

   .sundsvall-energi-main__content-area-wrapper--accordion .pagecontent {
      padding: 0 0 4.4rem 0;
   }

   .sundsvall-energi-main__content-area-wrapper .pagecontent .sundsvall-energi-main__accordion__parent:first-child .sundsvall-energi-main__accordion {
      margin-top: -2.2rem;
   }

   .sundsvall-energi-main__content-area-wrapper--accordion .pagecontent .sundsvall-energi-main__accordion__parent:first-child .sundsvall-energi-main__accordion {
      margin-top: -4.2rem;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-main__content-area-wrapper .sv-row > .sv-layout {
      margin-bottom: 4.2rem;
   }
   
   .sundsvall-energi-main__content-area-wrapper .sundsvall-energi-main__puff-flex-container > .sv-layout {
      margin-bottom: 2.4rem;
   }
   
   .sundsvall-energi-main__text-image-block .sv-row > .sv-layout {
      margin-bottom: 0;
   }
   

   .sv-row.sundsvall-energi-main__accordion-iconpuff > .sv-layout {
      margin-bottom: 0;
   }  

   .sundsvall-energi-main__content-area-wrapper .sv-row > .sv-layout.sundsvall-energi-main__accordion__parent {
      margin-bottom: 0;
   }
   
   .sundsvall-energi-main__content-area-wrapper .sv-row > .sv-layout.sundsvall-energi-main__text-image-block--text {
      margin-bottom: 0;
   }

   .sundsvall-energi-main__content-area-wrapper .sv-row > .sv-layout:last-child {
      margin-bottom: 0;
   }
}


/**
  * 3.33 - Formulärstyling för modulen (E-postformulär)
**/

.sundsvall-energi-main__form-container {
   margin: 3.6rem 0 8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__form-container {
      margin: 3.6rem 0 4.4rem;
   }
}

.sundsvall-energi-main__form-container .sv-formField--cols-6 {
   max-width: 41.5rem;
}

.sundsvall-energi-main__form-container *[class*='sv-formField--cols'] {
   margin-bottom: 3.2rem !important;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__form-container .sv-formField--cols-6 {
      width: 100%;
      padding: 0;
   }
}

.sundsvall-energi-main__form-container form {
   position: relative;
}

.sundsvall-energi-main__form-container form {
   background-color: #FFF8EC;
   padding: 0 3.2rem 3.2rem;
}

.sundsvall-energi-main__form-container form .sv-field-title-container {
   margin: 0 0 0.8rem 0;
}

.sundsvall-energi-main__form-container form .sundsvall-energi-main__form-container--title:before {
   content: '';
   height: 3.2rem;
   background: #ffffff;
   position: absolute;
   left: 0;
   right: 0;
}

.sundsvall-energi-main__form-container form .sundsvall-energi-main__form-container--title .sv-bold span {
   display: inline-flex;
   font-size: 2.4rem;
   line-height: 3rem;
   font-weight: 800;
   color: #313130;
   margin-top: 3.2rem;
   padding-top: 3.2rem;
}

.sundsvall-energi-main__form-container form input[type=text], 
.sundsvall-energi-main__form-container form textarea,
.sundsvall-energi-main__form-container form input[type=email] {
   line-height: 2.4rem;
   padding: 1.1rem 1.6rem;
   border: 0.1rem solid #747472;
   border-radius: 0.2rem;
   height: auto;
   margin-right: 0;
   width: 100%;
}

.sundsvall-energi-main__form-container form input[type=text]:focus, 
.sundsvall-energi-main__form-container form textarea:focus,
.sundsvall-energi-main__form-container form input[type=email]:focus {
   box-shadow: none;
   outline: none;
   border-color: unset;
}

.sundsvall-energi-main__form-container form input[type=text].focused, 
.sundsvall-energi-main__form-container form textarea.focused,
.sundsvall-energi-main__form-container form input[type=email].focused {
   box-shadow: 0 0 0 0.35rem #000000;
   outline: none;
}

.sundsvall-energi-main__form-container form input[type=text],
.sundsvall-energi-main__form-container form input[type=email] {
   max-width: none;
}

.sundsvall-energi-main__form-container form input[type=file] {
   display: inline-block;
   width: auto;
   padding: 0;
}

.sundsvall-energi-main__form-container form input[type=file]::file-selector-button {
   background: #E1E1E0;
   border: 0.1rem solid #747472;
   border-radius: 2.4rem;
   padding: 0.6em 1.6em;
}

.sundsvall-energi-main__form-container form input[type=checkbox] {
   height: 1.8rem;
   width: 1.8rem;
}

.sundsvall-energi-main__form-container form input[type=checkbox]:focus {
   outline: none;
   outline-offset: unset;
}

.sundsvall-energi-main__form-container form .sv-defaultFormTheme input[type=submit] {
   font-size: 1.6rem;
   line-height: 2.4rem;
   background: #600724;
   color: #EBA89F;
   outline: none;
   outline-offset: unset;
   font-weight: 800;
   padding: 0.9rem 2.6rem;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   display: inline-flex;
   cursor: pointer;
   align-items: center;
   border: 0.3rem solid transparent;
}

.sundsvall-energi-main__form-container form input[type=submit]:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   background-color: #A50E2D;
   color: #FFFFFF;
}

.sundsvall-energi-main__form-container form input[type=submit].focused {
   background-color: #A50E2D;
   color: #FFFFFF;
   border: 0.3rem solid white;
   transition: none;
}

.sundsvall-energi-main__form-container form .sv-form-multipleselectionfield label {
   font-size: 1.4rem;
   line-height: 2.3rem;
   vertical-align: text-bottom;
   color: #4A4A49;
}

.sundsvall-energi-main__form-container form .sv-form-multipleselectionfield > div input[type="checkbox"] {
   margin-bottom: 1.6rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__form-container form .sv-form-multipleselectionfield > div {
      float: none;
      padding: 0;
   }
}

.sundsvall-energi-main__form-container div[role="alert"] span {
   font-weight: 700;
   display: block;
}


/**
  * 3.34 - Puff flex container
**/

.sundsvall-energi-main__puff-flex-container {
   display: flex;
   flex-direction: row;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__puff-flex-container {
      display: flex;
      flex-direction: column;
      margin: 1.6rem 0 0 0;
   }
}


/**
  * 3.35 - SelfServicesida
**/


/**
  * 3.35.1 - Registrering
**/

/**
  * 3.35.1.1 - Steg 1 av 3
**/

.sundsvall-energi-main__selfservicepage--registration {
   background-color: #fff8ed;
   border-radius: 0.4rem;
   padding: 3.2rem;
   margin: 2rem 0 8rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__selfservicepage--registration {
      padding: 2rem;
   }
}

.sundsvall-energi-main__selfservicepage--registration form > div > div {   
   margin-top: 0.6rem;
}

.sundsvall-energi-main__selfservicepage--registration form img[src="/sitevision/util/images/16x16/error.gif"] + span {
   color: #e00000;
}

.sundsvall-energi-main__selfservicepage--registration form fieldset {
   margin: 0;
   padding: 3rem 0 0;
}

.sundsvall-energi-main__selfservicepage--registration form fieldset > div {
   padding: 0;
}

.sundsvall-energi-main__selfservicepage--registration form fieldset:first-of-type > div > div {    
   max-width: 41.5rem;
   width: 50%;
   float: left;
   padding: 0 1rem 0 0;
   box-sizing: border-box;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__selfservicepage--registration form fieldset:first-of-type > div > div {    
      width: 100%;
      padding: 0;
   }
}

.sundsvall-energi-main__selfservicepage--registration form fieldset:first-of-type > div > div:nth-of-type(2n) {    
   padding: 0 0 0 1rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__selfservicepage--registration form fieldset:first-of-type > div > div:nth-of-type(2n) {    
      padding: 0;
   }
}

@media (max-width: 768px) {
   .sundsvall-energi-main__selfservicepage--registration form fieldset:first-of-type > div > div:last-child {    
      max-width: 41.5rem;
   }
}

.sundsvall-energi-main__selfservicepage--registration form fieldset:last-of-type > div > div {    
   max-width: 41.5rem;
   width: 50%;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__selfservicepage--registration form fieldset:last-of-type > div > div {    
      width: 100%;
   }
}

.sundsvall-energi-main__selfservicepage--registration form fieldset > legend {
   visibility: hidden;
   height: 0;
   font-size: 0;
}

.sundsvall-energi-main__selfservicepage--registration form fieldset label {
   font-weight: 700;
}

.sundsvall-energi-main__selfservicepage--registration form fieldset input[type=text], 
.sundsvall-energi-main__selfservicepage--registration form fieldset input[type=email], 
.sundsvall-energi-main__selfservicepage--registration form fieldset input[type=password] {
   line-height: 2.4rem;
   padding: 1.1rem 1.6rem;
   border: 0.1rem solid #747472;
   border-radius: 0.2rem;
   height: auto;
   margin-right: 0;
   margin-bottom: 2rem;
   width: 100%;
   box-sizing: border-box;
}

.sundsvall-energi-main__selfservicepage--registration form fieldset input[type=checkbox] {
    margin: 3rem 0 1rem;
}

.sundsvall-energi-main__selfservicepage--registration form input[type=submit] {
   display: inline-flex;
   font-size: 1.6rem;
   line-height: 2.4rem;
   background: #600724;
   color: #EBA89F;
   font-weight: 800;
   padding: 0.9rem 2.6rem;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   cursor: pointer;
   align-items: center;
   border: 0.3rem solid transparent;
}

.sundsvall-energi-main__selfservicepage--registration form input[type=submit]:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   background-color: #A50E2D;
   color: #FFFFFF;
}

.sundsvall-energi-main__selfservicepage--registration form input[type=submit].focused {
   background-color: #A50E2D;
   color: #FFFFFF;
   border: 0.3rem solid white;
   transition: none;
}


/**
  * 3.35.1.2 - Steg 2 av 3
**/

.sundsvall-energi-main__selfservicepage--registration .sv-userregistration-portlet > div > div {
   margin-left: 0;
}

.sundsvall-energi-main__selfservicepage--registration .sv-userregistration-portlet > div > div fieldset {
   margin: 3.2rem 0 0;
   padding: 0;
}

.sundsvall-energi-main__selfservicepage--registration .sv-userregistration-portlet > div > div fieldset > div {
   padding: 1.2em 0;
}

.sundsvall-energi-main__selfservicepage--registration .sv-userregistration-portlet > div > div fieldset > div > div:last-child {
   margin-top: 2rem;
   max-width: 62.5rem;
}

.sundsvall-energi-main__selfservicepage--registration .sv-userregistration-portlet > div > div fieldset > div > div > div:first-child span {
   font-weight: 700;
}


/**
  * 3.35.1.3 - Steg 3 av 3
**/

.sundsvall-energi-main__selfservicepage--registration .sv-userregistration-portlet img[src="/sitevision/util/images/16x16/user_new.gif"],
.sundsvall-energi-main__selfservicepage--registration .sv-userregistration-portlet img[src="/sitevision/util/images/16x16/user_new.gif"] ~ a {
   display: none;
}


/**
  * 3.35.2 - Inloggning
**/

.sundsvall-energi-main__selfservicepage--login {
   background-color: #fff8ed;
   border-radius: 0.4rem;
   padding: 3.2rem;
   margin: 2rem 0 8rem;
}

.sundsvall-energi-main__selfservicepage--login .sv-login-portlet a {
   display: inline-flex;
   font-size: 1.6rem;
   line-height: 2.4rem;
   background: #fff;
   color: #600724;
   border: 0.1rem solid #747472;
   font-weight: 800;
   padding: 1.1rem 2.6rem;
   margin: 2.6rem 0 0.8rem 0;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   cursor: pointer;
   align-items: center;
}

.sundsvall-energi-main__selfservicepage--login .sv-login-portlet a:hover {
   color: #a50e2d;
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);

}

.sundsvall-energi-main__selfservicepage--login .sv-login-portlet a.focused {
   box-shadow: 0 0 0 0.35rem #000000;
   outline: none;
   color: #A50E2D;
   border: 0.1rem solid #FFFFFF;
}

.sundsvall-energi-main__selfservicepage--login form fieldset {
   position: relative;
   margin: 0;
   padding: 3rem 0 0;
}

.sundsvall-energi-main__selfservicepage--login form fieldset > .sv-login-input-group {
   max-width: 41.5rem;
   width: 50%;
   float: left;
   padding: 0 2rem 0 0;
   box-sizing: border-box;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__selfservicepage--login form fieldset > .sv-login-input-group {
      width: 100%;
      padding: 0;
   }
}

.sundsvall-energi-main__selfservicepage--login form fieldset .sv-login-error-message {
   color: #e00000;
   margin-bottom: 2rem;
}

.sundsvall-energi-main__selfservicepage--login form fieldset label {
   font-weight: 700;
}

.sundsvall-energi-main__selfservicepage--login form fieldset input[type=text],  
.sundsvall-energi-main__selfservicepage--login form fieldset input[type=password] {
   line-height: 2.4rem;
   padding: 1.1rem 1.6rem;
   border: 0.1rem solid #747472;
   border-radius: 0.2rem;
   height: auto;
   margin-right: 0;
   margin-bottom: 2rem;
   width: 100%;
   box-sizing: border-box;
}

.sundsvall-energi-main__selfservicepage--login form input[type=submit] {
   display: inline-flex;
   font-size: 1.6rem;
   line-height: 2.4rem;
   background: #600724;
   color: #EBA89F;
   font-weight: 800;
   padding: 0.9rem 2.6rem;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   cursor: pointer;
   align-items: center;
   border: 0.3rem solid transparent;
}

.sundsvall-energi-main__selfservicepage--login form input[type=submit]:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   background-color: #A50E2D;
   color: #FFFFFF;
}

.sundsvall-energi-main__selfservicepage--login form input[type=submit].focused {
   background-color: #A50E2D;
   color: #FFFFFF;
   border: 0.3rem solid white;
   transition: none;
}


/**
  * 3.35.3 - Glömt lösenord
**/

.sundsvall-energi-main__selfservicepage--forgot-password {
   background-color: #fff8ed;
   border-radius: 0.4rem;
   padding: 3.2rem;
   margin: 2rem 0 8rem;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-form-element:last-of-type .env-button--primary {
   margin-top: 1rem;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-form-element__label {
   font-weight: 700;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-form-element {
   max-width: 41.5rem;
   width: 50%;
}

@media (max-width: 768px) {
   .sundsvall-energi-main__selfservicepage--forgot-password .env-form-element {
      width: 100%;
   }
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-form-input:focus-visible {
   outline: none;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-form-input.focused {
   box-shadow: 0 0 0 0.35rem #000000;
   outline: none;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-button--primary {
   display: inline-flex;
   font-size: 1.6rem;
   line-height: 2.4rem;
   background: #600724;
   color: #EBA89F;
   font-weight: 800;
   padding: 0.9rem 2.6rem;
   border-radius: 3.2rem;
   text-decoration: none;
   transition: all 0.3s;
   cursor: pointer;
   align-items: center;
   border: 0.3rem solid transparent;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-button--primary:hover {
   box-shadow: 0 0.8rem 1.4rem rgb(27 29 31 / 12%);
   background-color: #A50E2D;
   color: #FFFFFF;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-button:focus-visible {
   box-shadow: none;
   outline: none;
   outline-offset: 0;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-button--primary.focused {
   background-color: #A50E2D;
   color: #FFFFFF;
   border: 0.3rem solid white;
   transition: none;
   box-shadow: 0 0 0 0.35rem #000000;
}

.sundsvall-energi-main__selfservicepage--forgot-password .env-form-element--danger .env-form-element__label, 
.sundsvall-energi-main__selfservicepage--forgot-password .env-form-element--danger .env-form-element__feedback {
   color: #e00000;
}

.sundsvall-energi-main__selfservicepage--forgot-password #forgotPasswordLoginLink {
   display: none;
}

.sundsvall-energi-main__selfservicepage--forgot-password #forgotPasswordLoginLink.show {
   display: block;
   margin-top: 3rem;
}


/**
  * 3.36 - Formulär tack sida
**/

.sundsvall-energi-main__top-area-form-thanks-page .sundsvall-energi-main__top-area--text h1 {
   font-size: 2.4rem!important;
   line-height: 3.3rem!important;
   margin-top: 0;
   margin-bottom: 1.6rem;
   text-transform: unset;
   font-weight: 800;
}

.sundsvall-energi-main__top-area-form-thanks-page .sundsvall-energi-main__top-area--text p {
   margin: 1.2rem 0 1.2rem 0;
}


/**
  * 3.37 - Hantering för focused klassen i webappar som använder css modules.
**/

/**
  * 3.37.1 - Energichansen röstningsapp
**/

#sundsvall-energi-energichansen-submit__btn--id {
   border: 0.3rem solid transparent;
   padding: 0.9rem 2.6rem;
}

#sundsvall-energi-energichansen-submit__btn--id.focused {
   background-color: #A50E2D;
   color: #FFFFFF;
   border: 0.3rem solid white;
   transition: none;
}

#sundsvall-energi-energichansen-submit__btn--id.focused:hover {
   box-shadow: 0 0 0 0.35rem #000000;
}


/**
  * 3.38 - IE-blockering
**/

.sundsvall-energi-main__ie-page {
   max-width: 70rem;
}

.sundsvall-energi-main__ie-page .sundsvall-energi-main__ie-page--logotype img {
   margin-top: 2rem;
   margin-bottom: 0.5rem;
   width: 20rem;
}


/**
  * 3.39 - Frågor och svar(detaljsida)
**/

.sundsvall-main__faq-singlepage-category-taglist {
   margin: 3rem 0 2rem 0;
   display: flex;
   flex-wrap: wrap;
}

.sundsvall-main__faq-singlepage-category-tagitem {
   font-size: 1.2rem;
   line-height: 1.8rem;
   border-radius: 2.4rem;
   margin: 0 1.1rem 1.1rem 0;
   padding: 0.6rem 1.6rem;
   background: #600724;
   color: #EBA89F;
   font-weight: bold;
   border: none;
}


/**
  * 4.0 - Sidfot
  *
**/

/*
 * 4.1 - Generell styling
 */

.sundsvall-energi-footer {

}


/*
 * 4.2 - Överst
 */

.sundsvall-energi-footer__top {
   position: relative;
   max-height: 27.2rem;
}

.sundsvall-energi-footer__top > .sv-html-portlet {
   max-height: 27.2rem
}

.sundsvall-energi-footer__top .sv-fixed-fluid-grid > .sv-row {
   position: absolute;
   top: 50%;
   transform: translate(0,-50%);
}

.sundsvall-energi-footer__top .sv-fixed-fluid-grid > .sv-row.sv-editable-layout {
   z-index: 40006;
}

/*
 * 4.2.1 - Bakgrundsbild
 */

.sundsvall-energi-footer__top--background {
   width: 100%;
   height: 27.2rem;
}


/*
 * 4.2.2 - Logotyp
 */

.sundsvall-energi-footer__top--logotype {
   display: inline-block;
}

.sundsvall-energi-footer__top--logotype.focused {
   box-shadow: 0 0 0 .35rem #ffffff;
}

.sundsvall-energi-footer__top--logotype img {
   width: 13.7rem;
   height: 6.2rem;
}


/*
 * 4.2.3 - Länkar
 */

.sundsvall-energi-footer__top--links {
   display: flex;
   flex-direction: row;
   margin-top: 4.4rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-footer__top--links {
      flex-direction: column;
   }
}

.sundsvall-energi-footer__top--links .btn:first-child {
   margin-right: 1.2rem;
}

@media (max-width: 768px) {
   .sundsvall-energi-footer__top--links .btn:first-child {
      margin-right: 0;
      margin-bottom: 1.2rem;
   }
}

.sundsvall-energi-footer__top--links p {
   margin: 0;
}


/*
 * 4.3 - Mitten
*/

.sundsvall-energi-footer__middle {
   padding: 6rem 0;
}

@media (max-width: 768px) { 
   .sundsvall-energi-footer__middle {
      padding: 5.8rem 0 4.4rem 0;
   }
   
   .sundsvall-energi-footer__middle [class*="sv-column-"]:last-child {
      margin-bottom: 0;
   }
}

.sundsvall-energi-footer__middle h2, .sundsvall-energi-footer__middle .subheading {
   font-size: 1.6rem;
   font-weight: 700;
   line-height: 2.2rem;
   margin-bottom: 2.4rem;
}

.sundsvall-energi-footer__middle ul, .sundsvall-energi-footer__middle ol {
   border: none;
   list-style-type: none;
   padding: 0;
   margin: 0;
}

.sundsvall-energi-footer__middle li {
   border: none;
   display: block;
}

.sundsvall-energi-footer__middle li a {
    color: #600724;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 1.6rem;
    display: inline-block;
}

.sundsvall-energi-footer__middle li a[rel="external"]::after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.4rem;
   top: 0.1rem;
}

.sundsvall-energi-footer__middle li a.focused {
    color: #a50e2d;
}

.sundsvall-energi-footer__middle li:last-child a {
    margin-bottom: 0;
}

.sundsvall-energi-footer__middle li a:hover {
    color: #A50E2D;
}

.sundsvall-energi-footer__middle--follow li a {
   display: inline-flex;
   align-items: center;
}

.sundsvall-energi-footer__middle--follow li a[rel="external"]::after {
   content: none;
}

.sundsvall-energi-footer__middle--follow li a svg {
   margin-right: 0.8rem;
}

.sundsvall-energi-footer__middle--follow li img {
   margin-right: 0.8rem;
}

.sundsvall-energi-footer__middle--follow li a:hover svg path {
   fill: #A50E2D;
}

.sundsvall-energi-footer__middle--follow li a.focused svg path {
   fill: #A50E2D;
}

/*
 * 4.3.1 - Accordion i mobilt läge
 */

.sundsvall-energi-footer__middle .sundsvall-energi-footer__accordion-heading {
   width: 100%;
   margin: 0;
}

.sundsvall-energi-footer__accordion-btn {
   text-align: left;
   display: flex;
   justify-content: space-between;
   width: 100%;
   background: none;
   padding: 0;
   margin-bottom: 0;
   border: none;
   position: relative;
   border-bottom: 0.1rem solid #747472;
   align-items: center;
}

.sundsvall-energi-footer__accordion__heading {
   font-weight: 800;
   font-size: 1.6rem;
   line-height: 2.5rem;
   color: #600724;
   padding: 0 4.5rem 1.7rem 0;
}

.sundsvall-energi-footer__accordion-icon {
   position: absolute;
   right: 0;
}

.sundsvall-energi-footer__accordion-btn[aria-expanded="false"] .sundsvall-energi-footer__accordion-icon--close {
   display: none;
}

.sundsvall-energi-footer__accordion-btn[aria-expanded="true"] .sundsvall-energi-footer__accordion-icon--close {
   display: block;
}

.sundsvall-energi-footer__accordion-btn[aria-expanded="true"] .sundsvall-energi-footer__accordion-icon--expand {
   display: none;
}

.sundsvall-energi-footer__accordion-btn[aria-expanded="true"] .sundsvall-energi-footer__accordion__heading {
   color: #A50E2D;
}

.sundsvall-energi-footer__accordion .sv-decoration-content {
   display: none;
   margin-bottom: 3.4rem;
}

.sundsvall-energi-footer__accordion .sv-decoration-content ul, 
.sundsvall-energi-footer__accordion .sv-decoration-content ol {
   margin: 2rem 0 0;
}

.sundsvall-energi-footer__middle .sundsvall-energi-footer__accordion__parent:last-child .sv-decoration-content ul, .sundsvall-energi-footer__middle .sundsvall-energi-footer__accordion__parent:last-child .sv-decoration-content ol {
   margin-bottom: 0;
}


/*
 * 4.4 - Underst
 */

.sundsvall-energi-footer__bottom {
   padding: 2.2rem 0;
}

@media (max-width: 768px) { 
   .sundsvall-energi-footer__bottom {
      padding: 1.6rem 0 0.8rem 0;
   }
}

.sundsvall-energi-footer__bottom-row-container {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
}

.sundsvall-energi-footer__bottom p {
   margin: 0;
   line-height: 0;
}

@media (max-width: 768px) { 
   .sundsvall-energi-footer__bottom p {
      margin-bottom: 1.4rem;
   }
}

.sundsvall-energi-footer__bottom p a {
   color: #600724;
   font-size: 1.2rem;
   line-height: 1.8rem;
   margin-right: 3.2rem;
}

.sundsvall-energi-footer__bottom .sv-text-portlet:last-child p a {
   margin-right: 0;
}

@media (max-width: 768px) { 
   .sundsvall-energi-footer__bottom p a {
      margin-right: 2.4rem;
   }
}

.sundsvall-energi-footer__bottom p a[rel="external"]::after {
   font-family: "icomoon";
   content: "\e903";
   position: relative;
   font-size: 1.4rem;
   display: inline-block;
   margin-left: 0.4rem;
   top: 0.1rem;
}

.sundsvall-energi-footer__bottom p a:hover {
   color: #A50E2D;
}

.sundsvall-energi-footer__bottom p a.focused {
   color: #A50E2D;
}