.elementor-kit-5{--e-global-color-primary:#00323C;--e-global-color-secondary:#F0FFBE;--e-global-color-text:#00323C;--e-global-color-accent:#F0FFBE;--e-global-color-770bb61:#F0FFBE;--e-global-color-c1dff47:#F0FFBE;--e-global-color-6f3eda9:#F7FFDE;--e-global-color-3f51217:#7F989D;--e-global-color-d1db0f1:#BFCCCE;--e-global-color-4ae3db6:#E5EAEB;--e-global-color-8759aa0:#F2F5F5;--e-global-color-fe95f1a:#F5EFEA;--e-global-color-286a3b3:#FAF7F4;--e-global-color-78967b4:#E7F2F4;--e-global-color-9dc04da:#F3F8F9;--e-global-color-356464e:#F1EBFB;--e-global-color-d8a575b:#F4F2F8;--e-global-color-e364f4a:#FFFFFF;--e-global-color-b18f5ed:#283C3C;--e-global-color-3686f20:#939D9D;--e-global-color-2c785ec:#C9CECE;--e-global-color-8e3e438:#E9EBEB;--e-global-color-1911194:#F4F5F5;--e-global-typography-primary-font-family:"Besley";--e-global-typography-primary-font-size:85px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:90px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:60px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:27px;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-weight:400;--e-global-typography-30d7ff6-font-family:"Archivo";--e-global-typography-30d7ff6-font-size:14px;--e-global-typography-30d7ff6-font-weight:500;--e-global-typography-30d7ff6-line-height:18px;--e-global-typography-30d7ff6-letter-spacing:0px;--e-global-typography-e41238a-font-family:"Archivo";--e-global-typography-e41238a-font-size:14px;--e-global-typography-e41238a-font-weight:500;--e-global-typography-e41238a-line-height:18px;--e-global-typography-e41238a-letter-spacing:0px;--e-global-typography-44d271a-font-family:"Archivo";--e-global-typography-44d271a-font-size:14px;--e-global-typography-44d271a-font-weight:400;--e-global-typography-44d271a-line-height:16px;--e-global-typography-44d271a-letter-spacing:0px;--e-global-typography-9e5e161-font-family:"Archivo";--e-global-typography-9e5e161-font-size:clamp(0.8125rem, 0.7905rem + 0.0939vw, 0.875rem);--e-global-typography-9e5e161-font-weight:400;--e-global-typography-9e5e161-line-height:1.5em;--e-global-typography-9e5e161-letter-spacing:0px;--e-global-typography-9e5e161-word-spacing:0em;--e-global-typography-abbe3e5-font-family:"Archivo";--e-global-typography-abbe3e5-font-size:12px;--e-global-typography-abbe3e5-font-weight:500;--e-global-typography-abbe3e5-line-height:18px;--e-global-typography-abbe3e5-letter-spacing:0px;--e-global-typography-53bd5dd-font-family:"Archivo";--e-global-typography-53bd5dd-font-size:16px;--e-global-typography-53bd5dd-font-weight:300;--e-global-typography-53bd5dd-text-transform:none;--e-global-typography-53bd5dd-line-height:24px;--e-global-typography-53bd5dd-letter-spacing:0.2px;--e-global-typography-d25e51b-font-family:"Archivo";--e-global-typography-d25e51b-font-size:36px;--e-global-typography-d25e51b-font-weight:200;--e-global-typography-d25e51b-text-transform:none;--e-global-typography-d25e51b-line-height:46px;--e-global-typography-d25e51b-letter-spacing:0.5px;--e-global-typography-80f159e-font-family:"Archivo";--e-global-typography-80f159e-font-size:48px;--e-global-typography-80f159e-font-weight:100;--e-global-typography-80f159e-text-transform:none;--e-global-typography-80f159e-line-height:54px;--e-global-typography-80f159e-letter-spacing:0.2px;--e-global-typography-d2262c3-font-family:"Besley";--e-global-typography-d2262c3-font-size:64px;--e-global-typography-d2262c3-font-weight:300;--e-global-typography-d2262c3-font-style:normal;--e-global-typography-d2262c3-line-height:80px;--e-global-typography-d2262c3-letter-spacing:-1.2px;--e-global-typography-c84f3df-font-family:"Archivo";--e-global-typography-c84f3df-font-size:22px;--e-global-typography-c84f3df-font-weight:300;--e-global-typography-c84f3df-line-height:32px;--e-global-typography-c84f3df-letter-spacing:0.3px;--e-global-typography-450e7e2-font-family:"Archivo";--e-global-typography-450e7e2-font-size:14px;--e-global-typography-450e7e2-font-weight:300;--e-global-typography-450e7e2-text-transform:none;--e-global-typography-450e7e2-line-height:20px;--e-global-typography-450e7e2-letter-spacing:0.2px;--e-global-typography-665eabb-font-family:"Archivo";--e-global-typography-665eabb-font-size:26px;--e-global-typography-665eabb-font-weight:300;--e-global-typography-665eabb-text-transform:none;--e-global-typography-665eabb-font-style:normal;--e-global-typography-665eabb-line-height:36px;--e-global-typography-665eabb-letter-spacing:0px;--e-global-typography-7279fea-font-family:"Archivo";--e-global-typography-7279fea-font-size:10px;--e-global-typography-7279fea-font-weight:400;--e-global-typography-7279fea-line-height:12px;--e-global-typography-7279fea-letter-spacing:0px;--e-global-typography-7279fea-word-spacing:0px;--e-global-typography-8acb3e3-font-family:"Archivo";--e-global-typography-8acb3e3-font-weight:500;--e-global-typography-8acb3e3-letter-spacing:1px;--e-global-typography-14d3a92-font-family:"Besley";--e-global-typography-14d3a92-font-size:50px;--e-global-typography-14d3a92-font-weight:300;--e-global-typography-14d3a92-font-style:normal;--e-global-typography-14d3a92-line-height:60px;--e-global-typography-14d3a92-letter-spacing:-0.3px;--e-global-typography-9ec261a-font-family:"Besley";--e-global-typography-9ec261a-font-size:36px;--e-global-typography-9ec261a-font-weight:300;--e-global-typography-9ec261a-font-style:normal;--e-global-typography-9ec261a-line-height:42px;--e-global-typography-6f2cd09-font-family:"Archivo";--e-global-typography-6f2cd09-font-size:16px;--e-global-typography-6f2cd09-font-weight:600;--e-global-typography-6f2cd09-line-height:24px;--e-global-typography-6f2cd09-letter-spacing:0.2px;--e-global-typography-7a36659-font-family:"Archivo";--e-global-typography-7a36659-font-size:20px;--e-global-typography-7a36659-font-weight:400;--e-global-typography-7a36659-line-height:28px;--e-global-typography-7a36659-letter-spacing:0.2px;color:var( --e-global-color-b18f5ed );font-family:var( --e-global-typography-53bd5dd-font-family ), Sans-serif;font-size:var( --e-global-typography-53bd5dd-font-size );font-weight:var( --e-global-typography-53bd5dd-font-weight );text-transform:var( --e-global-typography-53bd5dd-text-transform );line-height:var( --e-global-typography-53bd5dd-line-height );letter-spacing:var( --e-global-typography-53bd5dd-letter-spacing );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-c84f3df-font-family ), Sans-serif;font-size:var( --e-global-typography-c84f3df-font-size );font-weight:var( --e-global-typography-c84f3df-font-weight );line-height:var( --e-global-typography-c84f3df-line-height );letter-spacing:var( --e-global-typography-c84f3df-letter-spacing );}.elementor-kit-5 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-7a36659-font-family ), Sans-serif;font-size:var( --e-global-typography-7a36659-font-size );font-weight:var( --e-global-typography-7a36659-font-weight );line-height:var( --e-global-typography-7a36659-line-height );letter-spacing:var( --e-global-typography-7a36659-letter-spacing );}.elementor-kit-5 h3{color:var( --e-global-color-text );font-family:"Archivo", Sans-serif;font-size:22px;font-weight:300;line-height:30px;letter-spacing:0.2px;}.elementor-kit-5 h4{color:var( --e-global-color-b18f5ed );font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;text-transform:none;line-height:27px;letter-spacing:0.2px;}.elementor-kit-5 h5{color:var( --e-global-color-b18f5ed );font-family:var( --e-global-typography-450e7e2-font-family ), Sans-serif;font-size:var( --e-global-typography-450e7e2-font-size );font-weight:var( --e-global-typography-450e7e2-font-weight );text-transform:var( --e-global-typography-450e7e2-text-transform );line-height:var( --e-global-typography-450e7e2-line-height );letter-spacing:var( --e-global-typography-450e7e2-letter-spacing );}.elementor-kit-5 h6{font-family:"Archivo", Sans-serif;font-size:10px;font-weight:400;font-style:normal;line-height:13px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:var( --e-global-typography-9e5e161-font-family ), Sans-serif;font-size:var( --e-global-typography-9e5e161-font-size );font-weight:var( --e-global-typography-9e5e161-font-weight );line-height:var( --e-global-typography-9e5e161-line-height );letter-spacing:var( --e-global-typography-9e5e161-letter-spacing );word-spacing:var( --e-global-typography-9e5e161-word-spacing );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-abbe3e5-font-size:12px;--e-global-typography-53bd5dd-font-size:15px;--e-global-typography-53bd5dd-line-height:22px;--e-global-typography-d25e51b-font-size:24px;--e-global-typography-d25e51b-line-height:30px;--e-global-typography-80f159e-font-size:24px;--e-global-typography-80f159e-letter-spacing:0px;--e-global-typography-80f159e-word-spacing:0px;--e-global-typography-d2262c3-font-size:47px;--e-global-typography-d2262c3-line-height:54px;--e-global-typography-c84f3df-font-size:18px;--e-global-typography-c84f3df-line-height:26px;--e-global-typography-450e7e2-font-size:14px;--e-global-typography-450e7e2-line-height:20px;--e-global-typography-665eabb-font-size:18px;--e-global-typography-14d3a92-font-size:60px;--e-global-typography-14d3a92-line-height:65px;font-size:var( --e-global-typography-53bd5dd-font-size );line-height:var( --e-global-typography-53bd5dd-line-height );letter-spacing:var( --e-global-typography-53bd5dd-letter-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-c84f3df-font-size );line-height:var( --e-global-typography-c84f3df-line-height );letter-spacing:var( --e-global-typography-c84f3df-letter-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-7a36659-font-size );line-height:var( --e-global-typography-7a36659-line-height );letter-spacing:var( --e-global-typography-7a36659-letter-spacing );}.elementor-kit-5 h3{font-size:18px;line-height:26px;}.elementor-kit-5 h4{font-size:15px;line-height:22px;}.elementor-kit-5 h5{font-size:var( --e-global-typography-450e7e2-font-size );line-height:var( --e-global-typography-450e7e2-line-height );letter-spacing:var( --e-global-typography-450e7e2-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-9e5e161-font-size );line-height:var( --e-global-typography-9e5e161-line-height );letter-spacing:var( --e-global-typography-9e5e161-letter-spacing );word-spacing:var( --e-global-typography-9e5e161-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:42px;--e-global-typography-primary-line-height:50px;--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-line-height:40px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:22px;--e-global-typography-text-letter-spacing:0.2px;--e-global-typography-30d7ff6-font-size:16px;--e-global-typography-30d7ff6-letter-spacing:0.7px;--e-global-typography-e41238a-font-size:16px;--e-global-typography-e41238a-letter-spacing:0px;--e-global-typography-44d271a-font-size:14px;--e-global-typography-44d271a-letter-spacing:0px;--e-global-typography-9e5e161-letter-spacing:0px;--e-global-typography-abbe3e5-font-size:12px;--e-global-typography-abbe3e5-line-height:18px;--e-global-typography-abbe3e5-letter-spacing:0px;--e-global-typography-53bd5dd-font-size:15px;--e-global-typography-53bd5dd-line-height:22px;--e-global-typography-d25e51b-font-size:30px;--e-global-typography-d25e51b-line-height:36px;--e-global-typography-d25e51b-letter-spacing:-0.1px;--e-global-typography-80f159e-font-size:36px;--e-global-typography-80f159e-line-height:1.1em;--e-global-typography-80f159e-letter-spacing:0px;--e-global-typography-d2262c3-font-size:40px;--e-global-typography-d2262c3-line-height:48px;--e-global-typography-d2262c3-letter-spacing:-1px;--e-global-typography-d2262c3-word-spacing:0em;--e-global-typography-c84f3df-font-size:18px;--e-global-typography-c84f3df-line-height:24px;--e-global-typography-c84f3df-letter-spacing:0px;--e-global-typography-450e7e2-font-size:14px;--e-global-typography-450e7e2-line-height:20px;--e-global-typography-450e7e2-letter-spacing:0px;--e-global-typography-665eabb-font-size:20px;--e-global-typography-665eabb-line-height:26px;--e-global-typography-665eabb-letter-spacing:0.1px;--e-global-typography-7279fea-letter-spacing:0px;--e-global-typography-8acb3e3-font-size:16px;--e-global-typography-8acb3e3-line-height:24px;--e-global-typography-8acb3e3-letter-spacing:0px;--e-global-typography-14d3a92-font-size:36px;--e-global-typography-14d3a92-line-height:42px;--e-global-typography-14d3a92-letter-spacing:-0.5px;font-size:var( --e-global-typography-53bd5dd-font-size );line-height:var( --e-global-typography-53bd5dd-line-height );letter-spacing:var( --e-global-typography-53bd5dd-letter-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-c84f3df-font-size );line-height:var( --e-global-typography-c84f3df-line-height );letter-spacing:var( --e-global-typography-c84f3df-letter-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-7a36659-font-size );line-height:var( --e-global-typography-7a36659-line-height );letter-spacing:var( --e-global-typography-7a36659-letter-spacing );}.elementor-kit-5 h3{font-size:20px;line-height:30px;}.elementor-kit-5 h4{font-size:16px;line-height:22px;}.elementor-kit-5 h5{font-size:var( --e-global-typography-450e7e2-font-size );line-height:var( --e-global-typography-450e7e2-line-height );letter-spacing:var( --e-global-typography-450e7e2-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-9e5e161-font-size );line-height:var( --e-global-typography-9e5e161-line-height );letter-spacing:var( --e-global-typography-9e5e161-letter-spacing );word-spacing:var( --e-global-typography-9e5e161-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --LT-Yellow:#F0FFBE; --LT-Green:#00323C; --Transparen:#f3f3f300; }
/* Start custom CSS *//* LaddaTillsammans – globala typsnitt i rem/clamp()
 * Ersätter px-värdena i Webbplatsinställningar > Globala typsnitt.
 * Klistras in i Webbplatsinställningar > Anpassad CSS (kit 5). Testas på staging först.
 * Flytande mellan 375 px och 1440 px skärmbredd: mobilvärdet som golv, datorvärdet som tak.
 * Radavstånd blir kvoter utan enhet, så de följer med när storleken ändras. */

.elementor-kit-5 {
  --e-global-typography-primary-font-size: clamp(2.625rem, 1.679rem + 4.038vw, 5.312rem);
  --e-global-typography-primary-line-height: 1.06;
  --e-global-typography-secondary-font-size: clamp(2.25rem, 1.986rem + 1.127vw, 3rem);
  --e-global-typography-secondary-line-height: 1.25;
  --e-global-typography-text-font-size: clamp(0.9375rem, 0.9155rem + 0.0939vw, 1rem);
  --e-global-typography-text-line-height: 1.69;
  --e-global-typography-30d7ff6-font-size: 0.875rem;
  --e-global-typography-30d7ff6-line-height: 1.29;
  --e-global-typography-e41238a-font-size: 0.875rem;
  --e-global-typography-e41238a-line-height: 1.29;
  --e-global-typography-44d271a-font-size: 0.875rem;
  --e-global-typography-44d271a-line-height: 1.14;
  /* 9e5e161 (ButtonText) ligger sedan 2026-10-03 i kitets globala typsnitt: 13–14 px, radhöjd 1,5. */
  --e-global-typography-abbe3e5-font-size: 0.75rem;
  --e-global-typography-abbe3e5-line-height: 1.5;
  --e-global-typography-53bd5dd-font-size: clamp(0.9375rem, 0.9155rem + 0.0939vw, 1rem);
  --e-global-typography-53bd5dd-line-height: 1.5;
  --e-global-typography-d25e51b-font-size: clamp(1.875rem, 1.743rem + 0.5634vw, 2.25rem);
  --e-global-typography-d25e51b-line-height: 1.28;
  --e-global-typography-80f159e-font-size: clamp(2.25rem, 1.986rem + 1.127vw, 3rem);
  --e-global-typography-80f159e-line-height: 1.12;
  --e-global-typography-d2262c3-font-size: clamp(2.5rem, 1.972rem + 2.254vw, 4rem);
  --e-global-typography-d2262c3-line-height: 1.25;
  --e-global-typography-c84f3df-font-size: clamp(1.125rem, 1.037rem + 0.3756vw, 1.375rem);
  --e-global-typography-c84f3df-line-height: 1.45;
  --e-global-typography-450e7e2-font-size: 0.875rem;
  --e-global-typography-450e7e2-line-height: 1.43;
  --e-global-typography-665eabb-font-size: clamp(1.25rem, 1.118rem + 0.5634vw, 1.625rem);
  --e-global-typography-665eabb-line-height: 1.38;
  --e-global-typography-7279fea-font-size: 0.625rem;
  --e-global-typography-7279fea-line-height: 1.2;
  --e-global-typography-14d3a92-font-size: clamp(2.25rem, 1.942rem + 1.315vw, 3.125rem);
  --e-global-typography-14d3a92-line-height: 1.2;
  --e-global-typography-9ec261a-font-size: 2.25rem;
  --e-global-typography-9ec261a-line-height: 1.17;
  --e-global-typography-6f2cd09-font-size: 1rem;
  --e-global-typography-6f2cd09-line-height: 1.5;
  --e-global-typography-7a36659-font-size: 1.25rem;
  --e-global-typography-7a36659-line-height: 1.4;
}

@media (max-width: 767px) {
  .elementor-kit-5 {
    --e-global-typography-30d7ff6-font-size: 1rem;
    --e-global-typography-e41238a-font-size: 1rem;
  }
}

/* h3 och h4 har hårda px direkt i kitet, inte via ett globalt typsnitt */
.elementor-kit-5 h3 { font-size: clamp(1.125rem, 1.037rem + 0.3756vw, 1.375rem); line-height: 1.36; }
.elementor-kit-5 h4 { font-size: 1rem; line-height: 1.69; }

/* Hjälterubriken i slidemallen (loop item 19428, element 058bd65) har egna px (64/60/36).
 * Extra .elementor-kit-5 i början ger högre specificitet än widgetens egen regel.
 * Bättre långsiktigt: koppla widgeten till det globala typsnittet d2262c3 i editorn och ta bort detta. */
.elementor-kit-5 .elementor-19428 .elementor-element.elementor-element-058bd65 .elementor-heading-title {
  font-size: clamp(2.25rem, 1.634rem + 2.629vw, 4rem);
  line-height: 1.15;
}


/* =====================================================================
 * LAYOUTRÄTTNINGAR (rättningslistan 2026-10-01, punkterna A–D)
 * Tillfälliga lappar tills elementen rättas i editorn. Varje regel pekar på
 * ett element-id. Bygger någon om sektionen slutar regeln verka, utan att
 * något går sönder. Ta bort regeln när elementet är rättat i editorn.
 * Brytpunkter: surfplatta ≤1024 px, mobil ≤767 px.
 * ===================================================================== */

/* A1 FLYTTAD 2026-10-03 till Webbplatsinställningar → Globala typsnitt → "ButtonText" (9e5e161):
 * storleken är clamp(0.8125rem, 0.7905rem + 0.0939vw, 0.875rem) = 13–14 px, utan egna värden för surfplatta och mobil. */

/* A2 + A3 Sidhuvudet: BORTTAGNA 2026-10-02 för mobil och surfplatta. Kanten på 15 px och de fasta
 * vänster- och högerkanterna i klistrat läge rubbade Elementors placering av mobilmenyn: menyn hamnade
 * ur läge mot sidhuvudet, och vissa länkar gick inte att klicka på. Elementor sköter sidhuvudet igen.
 * Kvar från A4: Offert-knappen ställs före menyknappen, utan extra marginal på menyn. */
@media (max-width: 1024px) {
  .elementor-kit-5 .elementor-45 .elementor-element.elementor-element-bdd250 { margin-left: auto; margin-right: 12px; order: 2; }
  .elementor-kit-5 .elementor-45 .elementor-element.elementor-element-46d3cc33 { order: 3; }
}

@media (max-width: 1024px) {
  /* B1 Målgruppskorten: titeln får samma 20 px inre marginal som på dator */
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-bf0297b),
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-52d55c4),
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-c3f81ab),
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-796a31d) {
    padding-left: 20px !important;
  }

  /* B2 "Experter på fordonsladdning": staplas, etiketten ovanför rubriken */
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-693d83d > .e-con-inner { flex-direction: column; }
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-9ccaa6d,
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-471ffce { --width: 100%; }

  /* B3 Ett helt stycke satt som rubrik: textstorlek i stället för rubrikstorlek */
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-64d4691 .elementor-heading-title { font-size: 1.625rem; line-height: 1.3; }

  /* B4 / D1 / D2 Kontaktsektionen: etiketten på egen rad, rubrik och formulär i två kolumner */
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-8669b5b,
  .elementor-kit-5 .elementor-30 .elementor-element.elementor-element-bdefe47,
  .elementor-kit-5 .elementor-31 .elementor-element.elementor-element-d2f187d { --e-con-grid-template-columns: repeat(2, 1fr); }
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-4e4343c,
  .elementor-kit-5 .elementor-30 .elementor-element.elementor-element-f579978,
  .elementor-kit-5 .elementor-31 .elementor-element.elementor-element-db1ba6f { grid-column: 1 / -1; }

  /* B5 Siffrorna bryts inte mitt i talet */
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-f6f7520 .elementor-counter-number-wrapper { white-space: nowrap; font-size: 2.5rem; }

  /* B6 Kundlogorna: etiketten ovanför logorna, mindre tom yta */
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-02b9eca { flex-direction: column; padding: 40px 24px; }
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-cfee47c,
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-c0eb8c1 { --width: 100%; }

  /* C2 Sidfotens "Prata om fordonsladdning": etiketten överst, text och bild bredvid varandra */
  .elementor-kit-5 .elementor-17 .elementor-element.elementor-element-f0962b5 { --e-con-grid-template-columns: repeat(2, 1fr); }
  .elementor-kit-5 .elementor-17 .elementor-element.elementor-element-b05dc51 { grid-column: 1 / -1; }

  /* C3 "Läs våra recensioner på Google" i full bredd */
  .elementor-kit-5 .elementor-17 .elementor-element.elementor-element-ee7fbb4,
  .elementor-kit-5 .elementor-17 .elementor-element.elementor-element-f04398a { --width: 100%; }
  .elementor-kit-5 .elementor-17 .elementor-element.elementor-element-f9d84e4 { --width: 100%; }

  /* D3 / D4 Citatsektionerna: ingen fast minhöjd på 700 px */
  .elementor-kit-5 .elementor-30 .elementor-element.elementor-element-2b6c3047,
  .elementor-kit-5 .elementor-31 .elementor-element.elementor-element-00799d0 { --min-height: 0px; min-height: 0; }

  /* D6 / D7 Kortrader med tre kort: två per rad på surfplatta */
  .elementor-kit-5 .elementor-308 .elementor-element.elementor-element-cb65e69,
  .elementor-kit-5 .elementor-308 .elementor-element.elementor-element-da1b19b,
  .elementor-kit-5 .elementor-377 .elementor-element.elementor-element-39cb88f5 { flex-direction: row; flex-wrap: wrap; }
  .elementor-kit-5 .elementor-308 .elementor-element.elementor-element-cb65e69 > .e-con,
  .elementor-kit-5 .elementor-308 .elementor-element.elementor-element-da1b19b > .e-con,
  .elementor-kit-5 .elementor-377 .elementor-element.elementor-element-39cb88f5 > .e-con { --width: calc(50% - 10px); }
}

@media (max-width: 767px) {
  /* B3 på mobil */
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-64d4691 .elementor-heading-title { font-size: 1.375rem; }
  /* B4 / D1 / D2 och C2 på mobil: allt i en kolumn */
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-8669b5b,
  .elementor-kit-5 .elementor-30 .elementor-element.elementor-element-bdefe47,
  .elementor-kit-5 .elementor-31 .elementor-element.elementor-element-d2f187d,
  .elementor-kit-5 .elementor-17 .elementor-element.elementor-element-f0962b5 { --e-con-grid-template-columns: 1fr; }
  /* D6 / D7 på mobil: ett kort per rad */
  .elementor-kit-5 .elementor-308 .elementor-element.elementor-element-cb65e69 > .e-con,
  .elementor-kit-5 .elementor-308 .elementor-element.elementor-element-da1b19b > .e-con,
  .elementor-kit-5 .elementor-377 .elementor-element.elementor-element-39cb88f5 > .e-con { --width: 100%; }
}

/* B7 / D4 Kundcitat: mindre på surfplatta och mobil */
@media (max-width: 1024px) {
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-955f21c .elementor-heading-title,
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-c2d67fa .elementor-heading-title,
  .elementor-kit-5 .elementor-31 .elementor-element.elementor-element-5e6bcd6 .elementor-heading-title { font-size: 1.75rem; line-height: 1.3; }
}
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-955f21c .elementor-heading-title,
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-c2d67fa .elementor-heading-title,
  .elementor-kit-5 .elementor-31 .elementor-element.elementor-element-5e6bcd6 .elementor-heading-title { font-size: 1.5rem; }
}

/* C1 Sidfotens småtexter: minst 13 px, adressen 14 px */
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-0a9d05f,
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-0a9d05f p,
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-1e83069,
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-1e83069 p,
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-1e83069 a { font-size: 0.8125rem; line-height: 1.5; }
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-8a6acf3,
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-8a6acf3 p,
.elementor-kit-5 .elementor-17 .elementor-element.elementor-element-8a6acf3 a { font-size: 0.875rem; line-height: 1.5; }

/* A5 Ingen sidled-scroll: en karusellpil sticker ut 26 px på surfplatta.
 * clip i stället för hidden, eftersom hidden förstör det klistrade sidhuvudet. */
html, body.elementor-kit-5 { overflow-x: clip; }

/* =====================================================================
 * RUNDA 2 (Henrik 2026-10-01)
 * ===================================================================== */

/* E1 Mobil: korttitlarna (Bostadsrätt …) linjerar med hjältebildens text och knapp,
 * som sitter 5 % in. Kortets egna 20 + 15 px ersätts med samma 5 %. */
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-bf0297b),
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-52d55c4),
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-c3f81ab),
  .elementor-kit-5 .elementor-2 .e-con:has(> .elementor-element-796a31d) { padding-left: 0 !important; }
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-bf0297b,
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-52d55c4,
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-c3f81ab,
  .elementor-kit-5 .elementor-2 .elementor-element.elementor-element-796a31d { padding-left: 5% !important; }
}

/* E2 Menyn: intoning när den öppnas, och sömlös växling mellan menyval (bara dator, ≥1025 px).
 * Panelerna tonas inte var för sig, för då blinkar det vid växling, när Elementor stänger den gamla och
 * öppnar den nya samtidigt. I stället tonas ett gemensamt värde (--lt-meny) på hela menyn. Det går
 * 0 → 1 (200 ms) när något menyval öppnas och ligger kvar på 1 vid växling, så den nya panelen syns direkt.
 * Nedåt har det en kort fördröjning, så att ett ögonblick utan öppen panel inte ger ett blink.
 * Elementor sköter visning och placering själv. Webbläsare utan @property visar menyn direkt. */
@property --lt-meny { syntax: "<number>"; inherits: true; initial-value: 1; }
@media (min-width: 1025px) {
  .elementor-kit-5 .elementor-45 .e-n-menu {
    --lt-meny: 0;
    transition: --lt-meny 200ms ease-out 120ms;
  }
  .elementor-kit-5 .elementor-45 .e-n-menu:has(.e-n-menu-content > .e-con.e-active) {
    --lt-meny: 1;
    transition: --lt-meny 200ms ease-out 0s;
  }
  .elementor-kit-5 .elementor-45 .e-n-menu-content > .e-con.e-active {
    /* Tonas fram uppifrån och ned: kanten mot sidhuvudet blir täckt direkt, så ingen skarv syns.
     * Vid 0 är allt genomskinligt, vid 1 är allt täckt. Övergången har en mjuk kant på 30 %. */
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(var(--lt-meny, 1) * 130% - 30%), transparent calc(var(--lt-meny, 1) * 130%));
            mask-image: linear-gradient(to bottom, #000 calc(var(--lt-meny, 1) * 130% - 30%), transparent calc(var(--lt-meny, 1) * 130%));
    animation: none !important;
  }
  .elementor-kit-5 .elementor-45 .elementor-element.elementor-element-2dc8304e:has(.e-n-menu-content > .e-con.e-active) {
    border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-kit-5 .elementor-45 .e-n-menu { transition: none !important; }
}

/* E6 Inga intoningar (fadeInUp m.fl.): allt ligger på plats direkt när sidan laddas */
.elementor-kit-5 .elementor-invisible { visibility: visible !important; opacity: 1 !important; }
.elementor-kit-5 .elementor-element.animated { animation: none !important; }

/* E3 Bidragsblocket på sidor som brandväggen hindrar att ändra i datan
 * (Hem, Offert, BRF-guiden): knapparna bredvid varandra. Klimatklivet-sidan
 * använder redan den gemensamma mallen (39126), där knapparna ligger i en egen rad. */
.elementor-kit-5 .elementor-2 .elementor-element.elementor-element-65babad9,
.elementor-kit-5 .elementor-371 .elementor-element.elementor-element-54bcf50,
.elementor-kit-5 .elementor-20289 .elementor-element.elementor-element-7454689 {
  flex-direction: row; flex-wrap: wrap; align-content: center; column-gap: 10px;
}
.elementor-kit-5 .elementor-2 .elementor-element.elementor-element-65babad9 > .elementor-element:not(.elementor-widget-button),
.elementor-kit-5 .elementor-371 .elementor-element.elementor-element-54bcf50 > .elementor-element:not(.elementor-widget-button),
.elementor-kit-5 .elementor-20289 .elementor-element.elementor-element-7454689 > .elementor-element:not(.elementor-widget-button) {
  width: 100%; max-width: 100%;
}

/* E4 Rubriker i bildblock på sidor som brandväggen hindrar att ändra i datan:
 * samma storlek som "Var 10:e laddpunkt på köpet!" (globalt typsnitt 14d3a92) */
.elementor-kit-5 .elementor-2 .elementor-element.elementor-element-afb4f90 .elementor-heading-title,
.elementor-kit-5 .elementor-10187 .elementor-element.elementor-element-f9eed79 .elementor-heading-title,
.elementor-kit-5 .elementor-10186 .elementor-element.elementor-element-282a748 .elementor-heading-title {
  font-size: var(--e-global-typography-14d3a92-font-size);
  line-height: var(--e-global-typography-14d3a92-line-height);
  letter-spacing: var(--e-global-typography-14d3a92-letter-spacing);
}
@media (max-width: 1024px) {
  /* Offert och BRF-guiden: samma inre marginal som startsidans bidragsblock (5 %), så att knapparna får plats */
  .elementor-kit-5 .elementor-371 .elementor-element.elementor-element-54bcf50,
  .elementor-kit-5 .elementor-20289 .elementor-element.elementor-element-7454689 { padding: 5% !important; --width: 90%; }
}

/* =====================================================================
 * F1 Hjältebildens slider (loopkarusell 16566c3 på startsidan, slidemall 19428)
 * Tidslinje: en tunn horisontell linje under knappen. Den börjar i rubrikens vänsterkant och fylls
 * från vänster till höger under visningstiden (5 s, sliderns autoplay_speed). Den börjar om på
 * varje slide och pausar vid hovring.
 * Pilarna (vänster och höger) och numreringen ("4 / 6") är Elementors egna. De slås på i editorn
 * (Navigering: Pilar, Paginering: Bråk). Numret och pilarna står nere i högerkanten.
 * Färg ur grafiska profilen: LT Gul på mörk bild.
 * ===================================================================== */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725 { position: relative; overflow: visible; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::before,
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::after {
  content: ""; position: absolute; left: 0; top: calc(100% + 24px); width: 65%; height: 2px; /* rubrikfältets bredd (rubriken är 65 % av raden) */ pointer-events: none;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::before { background: rgba(240, 255, 190, .28); }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::after {
  background: var(--e-global-color-secondary, #F0FFBE); transform: scaleX(0); transform-origin: left;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .swiper-slide-active .elementor-element.elementor-element-9afe725::after {
  animation: lt-tidslinje 5000ms linear forwards;
}
/* (pausen vid hovring borttagen 2026-10-02: linjen och slidern löper vidare även när man hovrar) */
@keyframes lt-tidslinje { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::before,
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::after { top: calc(100% + 16px); width: 100%; }
  /* luft under linjen och plats för pilarna */
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-8f2e488 { padding-bottom: 64px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .swiper-slide-active .elementor-element.elementor-element-9afe725::after { animation: none; transform: scaleX(1); }
}
/* Numrering "4 / 6" i högerkanten, i samma rad som pilarna och till vänster om dem */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .swiper-pagination-fraction {
  position: absolute; top: auto; bottom: 5%; left: auto; right: calc(5% + 114px); width: auto; height: 44px; z-index: 3;
  display: flex; align-items: center;
  color: rgba(240, 255, 190, .85); font-family: var(--e-global-typography-9e5e161-font-family), sans-serif;
  font-size: 0.875rem; letter-spacing: 0.08em; font-variant-numeric: tabular-nums;
}
/* Pilar nere till höger: helt runda cirklar med kontur och samma pil som sajtens knappar
 * (fontflow-eleganticons arrow_right, U+F130). Vänsterpilen är samma tecken vänt.
 * Elementors egen ikon i knappen döljs. */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button {
  top: auto !important; bottom: 5%; transform: none; z-index: 3;
  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(240, 255, 190, .7); border-radius: 50%; color: #F0FFBE; background: transparent;
  cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button > i,
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button > svg { display: none !important; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button::before {
  content: "\f130"; font-family: "fontflow-eleganticons"; font-size: 16px; line-height: 1; speak: never;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button-prev::before { transform: rotate(180deg); }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button-prev { right: calc(5% + 54px) !important; left: auto !important; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button-next { right: 5% !important; left: auto !important; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button:hover { background: rgba(240, 255, 190, .14); border-color: #F0FFBE; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button:focus-visible { outline: 2px solid #F0FFBE; outline-offset: 3px; }

/* F2 Tumnaglar i hjältebilden (byggs av hero-tumnaglar.js via WPCode). De ersätter pilarna.
 * Nere till höger: rubriken som etikett över en liten bild av varje slide, och den aktiva markeras.
 * Numreringen flyttas upp ovanför tumnaglarna. Pilarna döljs bara när tumnaglarna finns,
 * så slidern går att bläddra i även om skriptet inte har laddats. */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3.lt-har-tumnaglar .elementor-swiper-button { display: none !important; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3.lt-har-tumnaglar .swiper-pagination-fraction { right: 5%; bottom: calc(5% + 92px); height: auto; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnaglar {
  position: absolute; right: 5%; bottom: 5%; z-index: 4; display: flex; gap: 8px;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel {
  display: flex; flex-direction: column; gap: 6px; width: 88px; padding: 0; margin: 0;
  background: none; border: 0; cursor: pointer; text-align: left; color: #F0FFBE;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-text {
  font-family: var(--e-global-typography-9e5e161-font-family), sans-serif; font-size: 0.75rem; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .75; transition: opacity 150ms ease;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-bild {
  display: block; width: 88px; height: 56px; border-radius: 4px; background: rgba(0, 50, 60, .6) center / cover no-repeat;
  border: 1px solid rgba(240, 255, 190, .35); opacity: .7; transition: opacity 150ms ease, border-color 150ms ease;
}
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel:hover .lt-tumnagel-bild,
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel:hover .lt-tumnagel-text { opacity: 1; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel.is-active .lt-tumnagel-bild { opacity: 1; border: 2px solid #F0FFBE; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel.is-active .lt-tumnagel-text { opacity: 1; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel:focus-visible { outline: 2px solid #F0FFBE; outline-offset: 3px; border-radius: 4px; }
@media (max-width: 1024px) {
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel,
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-bild { width: 64px; }
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-bild { height: 42px; }
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3.lt-har-tumnaglar .swiper-pagination-fraction { bottom: calc(5% + 76px); }
}
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnaglar { bottom: 12px; gap: 6px; }
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-text { display: none; }
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel,
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-bild { width: 52px; }
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-bild { height: 34px; }
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3.lt-har-tumnaglar .swiper-pagination-fraction { bottom: 54px; }
}

/* F2b 2026-10-02: utan etiketter och utan numrering. Tumnaglarnas höjd sätts av skriptet,
 * så att de ligger lika långt från bildens nederkant som tidslinjen. */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3.lt-har-tumnaglar .swiper-pagination { display: none !important; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel-text { display: none !important; }
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnagel { gap: 0; }

/* =====================================================================
 * G1 Google Material Symbols (Rounded) – egen fil på vår server, ingen kontakt med Google
 * Inställningar enligt Henrik 2026-10-02: Rounded, vikt 200, grade 0, optisk storlek 48, ej fylld.
 * Filen är en fast instans med de inställningarna (424 kB, alla ikoner). Den laddades upp via
 * Elementor → Anpassade typsnitt (typsnitt 39317). På produktion hamnar den i en annan
 * månadsmapp: uppdatera sökvägen nedan.
 * Användning i Elementor (Text-, Rubrik- eller HTML-widget):
 *   <span class="material-symbols-rounded">ev_station</span>
 * Ikonnamnen finns på fonts.google.com/icons. Storleken följer textens storlek, färgen följer textfärgen.
 * ===================================================================== */
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 200;
  font-display: block;
  src: url("/wp-content/uploads/2026/10/material-symbols-rounded-48-200.woff2") format("woff2");
}
.material-symbols-rounded, .lt-ikon {
  font-family: "Material Symbols Rounded";
  font-weight: 200;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48;
  user-select: none;
}
/* G1b Ikon i kort (t.ex. målgruppskorten på LT Connect): samma visuella storlek som de gamla 22 px-bilderna */
.elementor-kit-5 .lt-ikon--kort { font-size: 34px; /* 28 px + 20 % (Henrik 2026-10-02) */ color: var(--e-global-color-primary, #00323C); display: block; width: max-content; }
/* F2c Mobil: tidslinjen går över hela bredden, så tumnaglarna kan inte ligga i höjd med den.
 * De läggs under linjen, i rubrikens vänsterkant (5 %), i den tomma ytan längst ned. */
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-2 .elementor-element-16566c3 .lt-tumnaglar { bottom: 18px !important; left: 5%; right: auto; } /* cirka 18 px luft både över och under (slidern saknar nu extra bottenyta, se F3) */
}
/* F2d Pilarna döljs alltid i hjältebilden: annars syns de en stund innan tumnaglarna byggts (Henrik 2026-10-02). */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-swiper-button { display: none !important; }
/* G1c Ikon i gul ruta (som de tidigare SVG-ikonerna på Transportföretag): 48 × 48 px, #F0FF50, hörn 4 px, ikon i LT Grön */
.elementor-kit-5 .lt-ikonruta { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 4px; background: #F0FF50; color: var(--e-global-color-primary, #00323C); }
.elementor-kit-5 .lt-ikonruta .material-symbols-rounded { font-size: 30px; }

/* A1b Små överrubriker (ikonlistor med globalt typsnitt 9e5e161, t.ex. "Kontakta oss", "Laddhjältar"):
 * cirka 2 px mindre på surfplatta och mobil (Henrik 2026-10-02). Variabeln skrivs bara om inuti
 * ikonlistor, så knappar som använder samma typsnitt inte påverkas. Datorn är oförändrad (14 px). */
@media (max-width: 1024px) {
  .elementor-kit-5 .elementor-widget-icon-list { --e-global-typography-9e5e161-font-size: 11.5px; }
}
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-widget-icon-list { --e-global-typography-9e5e161-font-size: 11px; }
}

/* A1c Samma avstånd mellan överrubrik och rubrik överallt (Henrik 2026-10-04). Förebild: "Kontakta oss" ovanför
 * "Gissa inte – låt oss räkna på det" (Var tionde ladduttag gratis), där widgetarna står 10 px isär, vilket ger 15 px
 * mellan texterna. Tidigare varierade det 12–26 px, eftersom behållarnas mellanrum (0/10/20 px) och widgetarnas egna
 * marginaler var olika. Regeln tar bort behållarens mellanrum mellan just överrubriken och rubriken och sätter
 * 10 px i stället. Överrubrik = ikonlista med en enda rad direkt före eller efter en rubrik; vanliga punktlistor
 * med flera rader påverkas inte. Gäller bara mobil (under 768 px); på dator var avstånden redan jämna (21–22 px). */
@media (max-width: 767px) {
  .elementor-kit-5 :is(.e-con, .e-con-inner) > .elementor-widget-icon-list:not(:has(.elementor-icon-list-item ~ .elementor-icon-list-item)):has(+ .elementor-widget-heading) {
    margin-block-end: calc(10px - var(--row-gap, 0px)) !important;
  }
  .elementor-kit-5 :is(.e-con, .e-con-inner) > .elementor-widget-heading + .elementor-widget-icon-list:not(:has(.elementor-icon-list-item ~ .elementor-icon-list-item)) {
    margin-block-start: calc(9px - var(--row-gap, 0px)) !important;
  }
}

/* A1d Undantag till A1c på mobil (under 768 px), uppmätta 2026-10-04 på staging i 390 px bredd. Här står överrubriken
 * före rubriken på skärmen men efter den i koden (Elementors "ordning"), ligger i en annan behållare än rubriken,
 * eller har en rubrik med annan radhöjd. Marginalen under överrubriken är satt så att avståndet mellan texterna blir
 * 15 px; marginalen ovanför är återställd till originalvärdet. Bygg nya överrubriker DIREKT ovanför rubriken i samma
 * behållare, utan ändrad ordning – då räcker A1c och inga undantag behövs. Elementets klass upprepas sex gånger för
 * att slå A1c:s :is/:not/:has. */
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22 { margin-block-start: -11px !important; margin-block-end: 0px !important; } /* Dimensionering: står under rubriken via ordning (26 px) */
  .elementor-kit-5 .elementor-element-0000346.elementor-element-0000346.elementor-element-0000346.elementor-element-0000346.elementor-element-0000346.elementor-element-0000346 { margin-block-start: 0px !important; margin-block-end: 10px !important; } /* Faq effekttariffer → Vanliga frågor om effektt (20 px) */
  .elementor-kit-5 .elementor-element-00d60d3.elementor-element-00d60d3.elementor-element-00d60d3.elementor-element-00d60d3.elementor-element-00d60d3.elementor-element-00d60d3 { margin-block-start: 0px !important; margin-block-end: 10px !important; } /* BIDRAG → Bidrag till laddbox för B (20 px) */
  .elementor-kit-5 .elementor-element-1243c5e.elementor-element-1243c5e.elementor-element-1243c5e.elementor-element-1243c5e.elementor-element-1243c5e.elementor-element-1243c5e { margin-block-start: 0px !important; margin-block-end: 10px !important; } /* FAQ laddstolpar brf → Vanliga frågor om elbilsl (20 px) */
  .elementor-kit-5 .elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832 { margin-block-start: 0px !important; margin-block-end: 13px !important; } /* Laddhjältar → “Tydlig kommunikation och (12 px) */
  .elementor-kit-5 .elementor-element-3126e0e.elementor-element-3126e0e.elementor-element-3126e0e.elementor-element-3126e0e.elementor-element-3126e0e.elementor-element-3126e0e { margin-block-start: 0px !important; margin-block-end: 0px !important; } /* Förvärv → Fråga gärna hur det gick  (25 px) */
  .elementor-kit-5 .elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab { margin-block-start: 0px !important; margin-block-end: 11px !important; } /* INFORMATION → Varmt välkommen till vårt (35 px) */
  .elementor-kit-5 .elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f { margin-block-start: 0px !important; margin-block-end: 3px !important; } /* Kontakta oss → Gratis konsultation och p (12 px) */
  .elementor-kit-5 .elementor-element-3a68e0ab.elementor-element-3a68e0ab.elementor-element-3a68e0ab.elementor-element-3a68e0ab.elementor-element-3a68e0ab.elementor-element-3a68e0ab { margin-block-start: 0px !important; margin-block-end: -2px !important; } /* Laddsystem blir laddatill → Vi bygger Dalarnas starka (17 px) */
  .elementor-kit-5 .elementor-element-45ff29ce.elementor-element-45ff29ce.elementor-element-45ff29ce.elementor-element-45ff29ce.elementor-element-45ff29ce.elementor-element-45ff29ce { margin-block-start: 0px !important; margin-block-end: 10px !important; } /* DELTA → Varför ska ni vara med? (20 px) */
  .elementor-kit-5 .elementor-element-4d570b5c.elementor-element-4d570b5c.elementor-element-4d570b5c.elementor-element-4d570b5c.elementor-element-4d570b5c.elementor-element-4d570b5c { margin-block-start: 0px !important; margin-block-end: -10px !important; } /* Att Tänka på → Vanliga misstag vid bidra (25 px) */
  .elementor-kit-5 .elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615 { margin-block-start: 0px !important; margin-block-end: 10.9px !important; } /* Effekttariffer → Vad är effekttariffer? (32 px) */
  .elementor-kit-5 .elementor-element-7ab6fb71.elementor-element-7ab6fb71.elementor-element-7ab6fb71.elementor-element-7ab6fb71.elementor-element-7ab6fb71.elementor-element-7ab6fb71 { margin-block-start: 0px !important; margin-block-end: 10px !important; } /* BIDRAG → Bidrag till laddbox för s (20 px) */
  .elementor-kit-5 .elementor-element-7d3cb2a6.elementor-element-7d3cb2a6.elementor-element-7d3cb2a6.elementor-element-7d3cb2a6.elementor-element-7d3cb2a6.elementor-element-7d3cb2a6 { margin-block-start: 0px !important; margin-block-end: -10px !important; } /* Om oss → Vi är experter på elbilsl (25 px) */
  .elementor-kit-5 .elementor-element-9b823c4.elementor-element-9b823c4.elementor-element-9b823c4.elementor-element-9b823c4.elementor-element-9b823c4.elementor-element-9b823c4 { margin-block-start: 0px !important; margin-block-end: -5px !important; } /* Boka möte → Intresserad av smart och  (20 px) */
  .elementor-kit-5 .elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231 { margin-block-start: 0px !important; margin-block-end: 13px !important; } /* Service → Rikstäckande installation (12 px) */
  .elementor-kit-5 .elementor-element-9f72d99.elementor-element-9f72d99.elementor-element-9f72d99.elementor-element-9f72d99.elementor-element-9f72d99.elementor-element-9f72d99 { margin-block-start: 0px !important; margin-block-end: -10px !important; } /* Administration → Full automation: Så slipp (25 px) */
  .elementor-kit-5 .elementor-element-ad1390b.elementor-element-ad1390b.elementor-element-ad1390b.elementor-element-ad1390b.elementor-element-ad1390b.elementor-element-ad1390b { margin-block-start: 0px !important; margin-block-end: 13px !important; } /* Experter på fordonsladdni → LaddaTillsammans är era e (17 px) */
  .elementor-kit-5 .elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101 { margin-block-start: 0px !important; margin-block-end: -7px !important; } /* Boka möte → Intresserad av smart och  (22 px) */
  .elementor-kit-5 .elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430 { margin-block-start: 0px !important; margin-block-end: 13px !important; } /* Laddhjältar → “Processen var mycket smi (12 px) */
  .elementor-kit-5 .elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf { margin-block-start: 0px !important; margin-block-end: 10.9px !important; } /* PRISINDIKATION → Vad kostar det en laddbox (18 px) */
  .elementor-kit-5 .elementor-element-f31ee8c.elementor-element-f31ee8c.elementor-element-f31ee8c.elementor-element-f31ee8c.elementor-element-f31ee8c.elementor-element-f31ee8c { margin-block-start: 0px !important; margin-block-end: -10px !important; } /* Att Tänka på → Vanliga misstag vid bidra (25 px) */
  .elementor-kit-5 .elementor-element-fae9832.elementor-element-fae9832.elementor-element-fae9832.elementor-element-fae9832.elementor-element-fae9832.elementor-element-fae9832 { margin-block-start: 0px !important; margin-block-end: 0px !important; } /* Grön teknik-bidrag → Unikt för samfälligheter: (25 px) */
  .elementor-kit-5 .elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6 { margin-block-start: 0px !important; margin-block-end: -5px !important; } /* Anläggningsbeslut → Krävs nytt anläggningsbes (20 px) */
}

/* F3 Avståndet mellan hjältebilden och korten under: 15 px (Henrik 2026-10-02).
 * Elementor reserverar 26 px i botten av slidern för numreringen, som är dold. Utan den återstår
 * blockens egna 15 px. */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .swiper { padding-bottom: 0 !important; }
/* F3b Hjältebildens yttre behållare (6d61ea8) hade min-höjd 75vh. När slidern är lägre än det blir det tomrum
 * under den, olika mycket på olika skärmar. Själva sliden behåller sin egen höjd. */
.elementor-kit-5 .elementor-2 .elementor-element.elementor-element-6d61ea8 { --min-height: 0px; min-height: 0 !important; }

/* F4 Bakgrundsvideo i sliden "Installera elbilsladdning …" (byggs av hero-video.js via WPCode).
 * Lagerordning: bakgrundsbild → video → grön toning (::before) → text och knapp.
 * Videon tonas in först när den faktiskt spelar, så bilden syns under tiden. */
.elementor-kit-5 .lt-hero-video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit;
  z-index: -1; pointer-events: none; opacity: 0; transition: opacity 400ms ease;
}
.elementor-kit-5 .lt-video-spelar > .lt-hero-video { opacity: 1; }
.elementor-kit-5 .elementor-element-8f2e488:has(> .lt-hero-video) { isolation: isolate; }
/* Skriptet sätter samma värden direkt på elementen, så det fungerar även med gammal sparad CSS. */

/* F5 Svart toning i nederkant, klassen lt-toning (Henrik 2026-10-02, gjord till klass 2026-10-03).
 * Sätts på en behållare med bakgrundsbild och bakgrundsöverlägg via Avancerat → CSS-klasser. Toningen är svart,
 * genomskinlig upptill och slutar på 80 % täckning i nederkant. lt-toning--hero börjar högre (10 % i stället för 15 %).
 * Används på hjältebildens slidemall (19428, 8f2e488) och korten Bostadsrätt, Samfällighet, Fastighet och Logistik
 * på startsidan. Korten har blandningsläget multiply, vilket med svart ger samma resultat som normal blandning. */
.elementor-kit-5 .elementor-element.lt-toning::before {
  --lt-toning-start: 15%;
  background-image: linear-gradient(180deg, rgba(0,0,0,0) var(--lt-toning-start), rgba(0,0,0,.45) 55%, rgba(0,0,0,.8) 100%) !important;
  background-color: transparent !important;
  opacity: 1 !important;
}
.elementor-kit-5 .elementor-element.lt-toning--hero::before { --lt-toning-start: 10%; }

/* H1 Knappar (Henrik 2026-10-02): pilen glider åt höger vid hovring och tangentbordsfokus, och tillbaka när
 * muspekaren lämnar knappen. Gäller alla Elementor-knappar (pilen ur fontflow eller SVG-pilen i ring).
 * Med "minska rörelse" står pilen still. */
.elementor-kit-5 .elementor-button .elementor-button-icon { transition: transform 280ms cubic-bezier(.2, .7, .3, 1); }
.elementor-kit-5 .elementor-button:hover .elementor-button-icon,
.elementor-kit-5 .elementor-button:focus-visible .elementor-button-icon { transform: translateX(5px); }
@media (prefers-reduced-motion: reduce) {
  .elementor-kit-5 .elementor-button .elementor-button-icon { transition: none; transform: none !important; }
}
/* H2 Knapptexterna i versalgemener (Henrik 2026-10-02). Kitets knappstil har textomvandling "Ingen" sedan 2026-10-03.
 * Regeln här finns kvar för de 435 widgetar som har egen "uppercase", så att texterna står som de är skrivna. Texter som var skrivna i versaler
 * är omskrivna i datan. */
.elementor-kit-5 .elementor-button,
.elementor-kit-5 .elementor-button .elementor-button-text { text-transform: none !important; }

/* H3 Ikon utan gul ruta, klassen lt-ikon-utan-ruta (Henrik 2026-10-03). För Ikon-widgetar vars SVG har en inbyggd gul
 * ruta (t.ex. Group-126/129/130). Rutan döljs. SVG:n är 45 px, och symbolen i den ca 26 px. Negativa marginaler tar bort
 * den tomma ytan, så att symbolen linjerar med rubrikens vänsterkant, och widgeten har 30 px luft ned till rubriken.
 * Används på Fastighetsbolag (308) och dess mall (24581). */
.elementor-kit-5 .elementor-element.lt-ikon-utan-ruta .elementor-icon svg rect { display: none; }
.elementor-kit-5 .elementor-element.lt-ikon-utan-ruta .elementor-icon svg {
  width: 45px !important; height: 45px !important; margin: -9px 0 -10.5px -9.75px; display: block;
}
.elementor-kit-5 .elementor-element.lt-ikon-utan-ruta :is(.elementor-icon-wrapper, .elementor-icon) {
  display: block; line-height: 0; font-size: 0;
}
.elementor-kit-5 .elementor-element.lt-ikon-utan-ruta { margin-bottom: 30px !important; --kit-widget-spacing: 30px; }
/* H3b Samma klass för Material-ikoner i gul ruta (lt-ikonruta i en HTML-widget, t.ex. Transportföretag 377, 2026-10-05).
 * Rutan tas bort, och symbolen blir ca 26 px i sin största led (36 px teckenstorlek) som på Fastighetsbolag.
 * Glyferna har olika tom kant, så varje ikon har en egen marginal (uppmätt bläck), så att symbolen linjerar med rubrikens
 * vänsterkant och de 30 px räknas från symbolens underkant. */
.elementor-kit-5 .elementor-element.lt-ikon-utan-ruta .lt-ikonruta {
  display: block; width: auto; height: auto; background: none; border-radius: 0; line-height: 0;
}
.elementor-kit-5 .elementor-element.lt-ikon-utan-ruta .lt-ikonruta .material-symbols-rounded {
  display: block; font-size: 36px; line-height: 1; width: 1em; margin: 0;
}
/* Per ikon på Transportföretag (377), uppmätt bläck i 36 px: personbil, lastbil, buss */
.elementor-kit-5 .elementor-element-57b2ef44.lt-ikon-utan-ruta .lt-ikonruta .material-symbols-rounded { margin: 0 0 -6px -6px; }
.elementor-kit-5 .elementor-element-19b0d844.lt-ikon-utan-ruta .lt-ikonruta .material-symbols-rounded { margin: 0 0 -7.3px -2.5px; }
.elementor-kit-5 .elementor-element-146aa49.lt-ikon-utan-ruta .lt-ikonruta .material-symbols-rounded { margin: 0 0 -6px -7.5px; }

/* H4 Hjältebilden först på mobil (startsidan, 2026-10-04).
   Bakgrundsbilder som inte syns direkt hämtas annars samtidigt som hjältebilden och delar bandbredden:
   de andra två sliderna, tumnaglarna, de fyra korten och porträttet längre ned (ca 600 kB).
   De nollas tills hero-tumnaglar.js (WPCode) sätter lt-bg-ok på <html>, dvs. när hjältebilden har laddats,
   senast vid load eller efter 8 s. Aktiv slide: index 0 efter Swipers start, annars första i HTML:en. */
@media (max-width: 767px) {
  html:not(.lt-bg-ok) body.home .elementor-element-16566c3 .e-loop-item[data-swiper-slide-index]:not([data-swiper-slide-index="0"]) .elementor-element-8f2e488,
  html:not(.lt-bg-ok) body.home .elementor-element-16566c3 .e-loop-item:not([data-swiper-slide-index]):not(:first-child) .elementor-element-8f2e488,
  html:not(.lt-bg-ok) body.home .lt-tumnagel-bild,
  html:not(.lt-bg-ok) body.home .lt-zoom-bg,
  html:not(.lt-bg-ok) body.home .elementor-element-605abb9 { background-image: none !important; }
}

/* A1e Överrubriker – samma SYNLIGA avstånd som "Gissa inte…" (mobil, 2026-10-04).
   A1c/A1d ger 15 px mellan textrutorna, men rubrikernas radhöjd och olika widgettyper gör att det synliga
   avståndet (överrubrikens baslinje till rubrikens versalhöjd) varierade 14–57 px. Målet är 25 px, som i
   "Gissa inte…". Värdena är uppmätta per element på produktionen i 390 px bredd (eb-geo3.js).
   Fyra överrubriker sitter i en annan behållare än rubriken, där marginalen inte räcker hela vägen.
   De flyttas resten av vägen med position: relative; top. */
@media (max-width: 767px) {
  .elementor-kit-5 .elementor-element-04950ae.elementor-element-04950ae.elementor-element-04950ae.elementor-element-04950ae.elementor-element-04950ae.elementor-element-04950ae.elementor-element-04950ae { margin-block-end: -3px !important; } /* Laddstolpar BRF: 28 → 25 */
  .elementor-kit-5 .elementor-element-061c025.elementor-element-061c025.elementor-element-061c025.elementor-element-061c025.elementor-element-061c025.elementor-element-061c025.elementor-element-061c025 { margin-block-end: -3px !important; } /* Krav på laddstolpar: 28 → 25 */
  .elementor-kit-5 .elementor-element-07cc858.elementor-element-07cc858.elementor-element-07cc858.elementor-element-07cc858.elementor-element-07cc858.elementor-element-07cc858.elementor-element-07cc858 { margin-block-end: -18px !important; } /* Inlåsning: 43 → 25 */
  .elementor-kit-5 .elementor-element-11e7952.elementor-element-11e7952.elementor-element-11e7952.elementor-element-11e7952.elementor-element-11e7952.elementor-element-11e7952.elementor-element-11e7952 { margin-block-end: -3px !important; } /* Rätt start: 28 → 25 */
  .elementor-kit-5 .elementor-element-134f73e.elementor-element-134f73e.elementor-element-134f73e.elementor-element-134f73e.elementor-element-134f73e.elementor-element-134f73e.elementor-element-134f73e { margin-block-end: -3px !important; } /* FAQ: 28 → 25 */
  .elementor-kit-5 .elementor-element-18d1a0f.elementor-element-18d1a0f.elementor-element-18d1a0f.elementor-element-18d1a0f.elementor-element-18d1a0f.elementor-element-18d1a0f.elementor-element-18d1a0f { margin-block-end: -13px !important; } /* Steg för steg: 38 → 25 */
  .elementor-kit-5 .elementor-element-1c7c6be.elementor-element-1c7c6be.elementor-element-1c7c6be.elementor-element-1c7c6be.elementor-element-1c7c6be.elementor-element-1c7c6be.elementor-element-1c7c6be { margin-block-start: 11px !important; } /* Laddbox samfällighet: 14 → 25 */
  .elementor-kit-5 .elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832.elementor-element-1eda832 { margin-block-end: 12px !important; } /* Laddhjältar: 26 → 25 */
  .elementor-kit-5 .elementor-element-20aec38.elementor-element-20aec38.elementor-element-20aec38.elementor-element-20aec38.elementor-element-20aec38.elementor-element-20aec38.elementor-element-20aec38 { margin-block-end: -3px !important; } /* FAQ: 28 → 25 */
  .elementor-kit-5 .elementor-element-22c79dfc.elementor-element-22c79dfc.elementor-element-22c79dfc.elementor-element-22c79dfc.elementor-element-22c79dfc.elementor-element-22c79dfc.elementor-element-22c79dfc { margin-block-end: -32px !important; position: relative; top: 8px !important; } /* Kontakt: 57 → 25 */
  .elementor-kit-5 .elementor-element-2334b22.elementor-element-2334b22.elementor-element-2334b22.elementor-element-2334b22.elementor-element-2334b22.elementor-element-2334b22.elementor-element-2334b22 { margin-block-start: 1px !important; } /* Ladda ner appen: 23 → 25 */
  .elementor-kit-5 .elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22.elementor-element-29bea22 { margin-block-start: -13px !important; } /* Dimensionering: 27 → 25 */
  .elementor-kit-5 .elementor-element-30c0838.elementor-element-30c0838.elementor-element-30c0838.elementor-element-30c0838.elementor-element-30c0838.elementor-element-30c0838.elementor-element-30c0838 { margin-block-start: -13px !important; } /* Personuppgifter: 27 → 25 */
  .elementor-kit-5 .elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab.elementor-element-32b40eab { margin-block-end: 10px !important; } /* Information: 26 → 25 */
  .elementor-kit-5 .elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f.elementor-element-345a72f { margin-block-end: 0px !important; } /* Kontakta oss: 28 → 25 */
  .elementor-kit-5 .elementor-element-3a1fcae.elementor-element-3a1fcae.elementor-element-3a1fcae.elementor-element-3a1fcae.elementor-element-3a1fcae.elementor-element-3a1fcae.elementor-element-3a1fcae { margin-block-start: 11px !important; } /* Varför LaddaTillsamman: 14 → 25 */
  .elementor-kit-5 .elementor-element-4e12e31.elementor-element-4e12e31.elementor-element-4e12e31.elementor-element-4e12e31.elementor-element-4e12e31.elementor-element-4e12e31.elementor-element-4e12e31 { margin-block-start: -13px !important; } /* Varför laddboxar?: 27 → 25 */
  .elementor-kit-5 .elementor-element-5055b513.elementor-element-5055b513.elementor-element-5055b513.elementor-element-5055b513.elementor-element-5055b513.elementor-element-5055b513.elementor-element-5055b513 { margin-block-end: -30px !important; position: relative; top: 7px !important; } /* Karriär: 55 → 25 */
  .elementor-kit-5 .elementor-element-57d3f73.elementor-element-57d3f73.elementor-element-57d3f73.elementor-element-57d3f73.elementor-element-57d3f73.elementor-element-57d3f73.elementor-element-57d3f73 { margin-block-end: -3px !important; } /* Laddstolpar bostadsrät: 28 → 25 */
  .elementor-kit-5 .elementor-element-57f5f48.elementor-element-57f5f48.elementor-element-57f5f48.elementor-element-57f5f48.elementor-element-57f5f48.elementor-element-57f5f48.elementor-element-57f5f48 { margin-block-end: -18px !important; } /* Inlåsning: 43 → 25 */
  .elementor-kit-5 .elementor-element-58040a1.elementor-element-58040a1.elementor-element-58040a1.elementor-element-58040a1.elementor-element-58040a1.elementor-element-58040a1.elementor-element-58040a1 { margin-block-end: -10px !important; } /* FAQ: 35 → 25 */
  .elementor-kit-5 .elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615.elementor-element-620d2615 { margin-block-end: 9.9px !important; } /* Effekttariffer: 26 → 25 */
  .elementor-kit-5 .elementor-element-68d1b8b.elementor-element-68d1b8b.elementor-element-68d1b8b.elementor-element-68d1b8b.elementor-element-68d1b8b.elementor-element-68d1b8b.elementor-element-68d1b8b { margin-block-start: -13px !important; } /* Framtidssäkring: 27 → 25 */
  .elementor-kit-5 .elementor-element-70df82be.elementor-element-70df82be.elementor-element-70df82be.elementor-element-70df82be.elementor-element-70df82be.elementor-element-70df82be.elementor-element-70df82be { margin-block-start: -13px !important; } /* Framtidssäkring: 27 → 25 */
  .elementor-kit-5 .elementor-element-8023c6c.elementor-element-8023c6c.elementor-element-8023c6c.elementor-element-8023c6c.elementor-element-8023c6c.elementor-element-8023c6c.elementor-element-8023c6c { margin-block-start: -13px !important; } /* En enkel lösning: 27 → 25 */
  .elementor-kit-5 .elementor-element-85c9270.elementor-element-85c9270.elementor-element-85c9270.elementor-element-85c9270.elementor-element-85c9270.elementor-element-85c9270.elementor-element-85c9270 { margin-block-start: -13px !important; } /* Dina uppgifter – vårt : 27 → 25 */
  .elementor-kit-5 .elementor-element-93fbe28.elementor-element-93fbe28.elementor-element-93fbe28.elementor-element-93fbe28.elementor-element-93fbe28.elementor-element-93fbe28.elementor-element-93fbe28 { margin-block-end: -18px !important; } /* Inlåsning: 43 → 25 */
  .elementor-kit-5 .elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231.elementor-element-9e66231 { margin-block-end: 10px !important; } /* Service: 28 → 25 */
  .elementor-kit-5 .elementor-element-a2bd664.elementor-element-a2bd664.elementor-element-a2bd664.elementor-element-a2bd664.elementor-element-a2bd664.elementor-element-a2bd664.elementor-element-a2bd664 { margin-block-start: 11px !important; } /* Höstkampanj: 14 → 25 */
  .elementor-kit-5 .elementor-element-b05dc51.elementor-element-b05dc51.elementor-element-b05dc51.elementor-element-b05dc51.elementor-element-b05dc51.elementor-element-b05dc51.elementor-element-b05dc51 { margin-block-end: 0px !important; } /* Våra experter: 35 → 25 */
  .elementor-kit-5 .elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101.elementor-element-b0cf101 { margin-block-end: -10px !important; } /* Boka möte: 28 → 25 */
  .elementor-kit-5 .elementor-element-b4d7139.elementor-element-b4d7139.elementor-element-b4d7139.elementor-element-b4d7139.elementor-element-b4d7139.elementor-element-b4d7139.elementor-element-b4d7139 { margin-block-end: -30px !important; position: relative; top: 5px !important; } /* Administratör: 45 → 25 */
  .elementor-kit-5 .elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430.elementor-element-ba83430 { margin-block-end: 12px !important; } /* Laddhjältar: 26 → 25 */
  .elementor-kit-5 .elementor-element-c04eb76.elementor-element-c04eb76.elementor-element-c04eb76.elementor-element-c04eb76.elementor-element-c04eb76.elementor-element-c04eb76.elementor-element-c04eb76 { margin-block-start: -13px !important; } /* Om oss: 27 → 25 */
  .elementor-kit-5 .elementor-element-c4f6baf.elementor-element-c4f6baf.elementor-element-c4f6baf.elementor-element-c4f6baf.elementor-element-c4f6baf.elementor-element-c4f6baf.elementor-element-c4f6baf { margin-block-end: -13px !important; } /* Data och historik: 38 → 25 */
  .elementor-kit-5 .elementor-element-caca61a.elementor-element-caca61a.elementor-element-caca61a.elementor-element-caca61a.elementor-element-caca61a.elementor-element-caca61a.elementor-element-caca61a { margin-block-end: -30px !important; position: relative; top: 5px !important; } /* Användare: 45 → 25 */
  .elementor-kit-5 .elementor-element-e0cfe4d.elementor-element-e0cfe4d.elementor-element-e0cfe4d.elementor-element-e0cfe4d.elementor-element-e0cfe4d.elementor-element-e0cfe4d.elementor-element-e0cfe4d { margin-block-start: -13px !important; } /* Framtidssäkring: 27 → 25 */
  .elementor-kit-5 .elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf.elementor-element-e0ffadf { margin-block-end: 9.9px !important; } /* Prisindikation: 26 → 25 */
  .elementor-kit-5 .elementor-element-f81e824.elementor-element-f81e824.elementor-element-f81e824.elementor-element-f81e824.elementor-element-f81e824.elementor-element-f81e824.elementor-element-f81e824 { margin-block-end: -3px !important; } /* FAQ: 28 → 25 */
  .elementor-kit-5 .elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6.elementor-element-fd642c6 { margin-block-end: -4px !important; } /* Anläggningsbeslut: 24 → 25 */
}

/* H5 Faktarutan i inläggsmallen (mall 257, widget 2d40cd0): rubriken "Kort fakta" (2026-10-05).
   Rutan visar inläggets utdrag. Rader som börjar med "- " blir punkter (WPCode "Inlägg – punkter i faktarutan"),
   och punkterna får sajtens vanliga pilar för listor i textwidgetar. Texten står vänsterställd i alla bredder. */
.elementor-kit-5 .elementor-element.elementor-element-2d40cd0 { text-align: start !important; }
.elementor-kit-5 .elementor-element.elementor-element-2d40cd0::before {
  content: "Kort fakta"; display: block; margin: 0 0 10px;
  font-family: var(--e-global-typography-9e5e161-font-family, "Archivo"), sans-serif;
  font-size: var(--e-global-typography-9e5e161-font-size, 14px); line-height: 1.5;
  font-weight: 600; color: var(--e-global-color-primary, #00323C); letter-spacing: 0.02em;
}
.elementor-kit-5 .elementor-element-2d40cd0 p { margin: 0 0 10px; }
.elementor-kit-5 .elementor-element-2d40cd0 p:last-child { margin-bottom: 0; }
.elementor-kit-5 .elementor-element-2d40cd0 ul { margin: 0; }

/* I1 Tabler-ikonerna (Henrik 2026-10-05). Ikonerna kommer från Tabler med streck 1, filerna heter lt-tabler1-*.svg.
 * a) Strecket är alltid 1 px, lika tunt som knappramarna, oavsett hur stor ikonen visas. Utan detta skalas
 *    strecket upp med ikonen, så att en 33 px pil får ett streck på ca 1,7 px.
 * b) Ikonerna med ring (viewBox "2 2 20 20": pilar i kort, plus och minus i FAQ) visas 15 % mindre.
 * c) Ingen mörk tryckmarkering i mobilen när man trycker på ikonlänkar, menyknappen och FAQ-rubriker. */
.elementor-kit-5 svg[stroke-width="1"] :is(path, circle, line, polyline, polygon, ellipse),
.elementor-kit-5 svg g[stroke-width="1"] :is(path, circle, line, polyline, polygon, ellipse) { vector-effect: non-scaling-stroke; }
.elementor-kit-5 svg[viewBox="2 2 20 20"] { scale: 0.85; }
.elementor-kit-5 :is(.elementor-icon, .elementor-icon-wrapper a, .e-n-menu-toggle, .e-n-accordion-item-title, .elementor-social-icon, .elementor-button) { -webkit-tap-highlight-color: transparent; }

/* H6 Lika höga bilder i artikelkorten (Henrik 2026-10-09). Kortens bild (loop-mallen 11376, bildwidget 0df0b61)
 * följde varje bilds egna proportioner, så en bild i 5:3 blev högre än grannarna i 16:9. Nu visas alla i 16:9
 * och beskärs vid behov. */
.elementor-kit-5 .elementor-element.elementor-element-0df0b61 img { width: 100%; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; }

/* F1b Tidslinjen borttagen (Henrik 2026-10-10): varken den ljusa grundlinjen eller den gula som fylls visas,
 * på dator eller mobil. Reglerna i F1 står kvar så att linjen går att få tillbaka genom att ta bort F1b. */
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::before,
.elementor-kit-5 .elementor-2 .elementor-element-16566c3 .elementor-19428 .elementor-element.elementor-element-9afe725::after { content: none !important; display: none !important; animation: none !important; }

/* H7 Artikelkortens höjd (Henrik 2026-10-11). Loop-rutnätet satte alla rader till samma höjd som den högsta
 * (grid-auto-rows: 1fr), så kort med kort rubrik fick ett stort tomrum under datumet. Nu blir varje rad
 * så hög som sitt innehåll; kort i samma rad på dator är fortfarande lika höga. */
.elementor-kit-5 .elementor-widget-loop-grid .elementor-loop-container { grid-auto-rows: auto !important; }

/* H8 Pilen i de gröna puffarna (lt-puff) är samma som i knapparna (Henrik 2026-10-12): ikonen arrow_right ur
 * typsnittet fontflow-eleganticons i 16 px, och den glider 5 px åt höger vid hovring precis som knapparnas
 * pil (samma tid och kurva). Den egenritade SVG-pilen i html-widgeten döljs. */
.elementor-kit-5 .lt-puff .lt-puff-pil { display: none !important; }
.elementor-kit-5 .lt-puff .elementor-widget-html:has(.lt-puff-pil)::after {
  content: ""; font-family: "fontflow-eleganticons"; font-size: 16px; line-height: 1; font-weight: 400;
  color: #F0FFBE; display: inline-block; margin-top: 5px; transition: transform 280ms cubic-bezier(0.2, 0.7, 0.3, 1);
}
.elementor-kit-5 .lt-puff:hover .elementor-widget-html:has(.lt-puff-pil)::after,
.elementor-kit-5 .lt-puff:focus-visible .elementor-widget-html:has(.lt-puff-pil)::after { transform: translateX(5px); }
@media (prefers-reduced-motion: reduce) {
  .elementor-kit-5 .lt-puff .elementor-widget-html:has(.lt-puff-pil)::after { transition: none; transform: none !important; }
}

/* H9 Rubrikerna i de gröna puffarna i Archivo Regular (Henrik 2026-10-12), inte Medium. */
.elementor-kit-5 .lt-puff .elementor-heading-title { font-family: "Archivo", sans-serif !important; font-weight: 400 !important; }

/* H10 Menyplattans hörn (Henrik 2026-10-12). Plattan (2dc8304e i header 45) har raka hörn i vila, så att inga
 * små rundade hörn syns när ett mörkt block scrollas upp under den. När megamenyn är utfälld får plattan
 * rundade hörn upptill (6 px) igen; undersidan rundas av den utfällda panelen. */
@media (min-width: 1025px) {
  .elementor-kit-5 .elementor-45 .elementor-element.elementor-element-2dc8304e:has(.e-n-menu-content > .e-con.e-active) {
    border-top-left-radius: 6px !important; border-top-right-radius: 6px !important;
  }
}

/* H11 Tydligare ingress i artiklarna (Henrik 2026-10-14). Gäller innehållet i artikelmallen 257.
 * a) Ingressstycket blir större, mörkgrönt och i normal vikt. Ingressen är ett stycke som bara består av fetstil,
 *    först i texten eller direkt efter en datumrad (p, h5 eller h6), eller första stycket efter en h5-datumrad.
 * b) Mellantexten i rubrikstil (första h3 bland de fyra första elementen) blir Archivo Light med indrag och tunn
 *    ljusgul linje till vänster. Täcker 59 av 69 artiklar 2026-10-14; resten saknar ingress i den formen. */
.elementor-kit-5 .elementor-widget-theme-post-content > :is(
  p:first-child:has(> strong:only-child),
  p:first-child + p:has(> strong:only-child),
  h5 + p:has(> strong:only-child),
  h6 + p:has(> strong:only-child),
  h5:first-child + p:not(:has(strong))
) { font-size: clamp(1.125rem, 1rem + .4vw, 1.3125rem); line-height: 1.45; color: #00323c; margin-bottom: 1.5em; }
.elementor-kit-5 .elementor-widget-theme-post-content > :is(p:first-child, p:first-child + p, h5 + p, h6 + p) > strong:only-child { font-weight: 400; }
.elementor-kit-5 .elementor-widget-theme-post-content > h3:first-of-type:nth-child(-n+4),
.elementor-kit-5 .elementor-widget-theme-post-content > article > h3:first-child {
  font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); font-weight: 300; line-height: 1.35; color: #00323c;
  margin: 0 0 1.25em;
}

/* c) Artiklar där ingressen inte går att känna igen på strukturen har klassen lt-ingress på ingressen
 *    (satt i innehållet 2026-10-14 på tio artiklar). Samma utseende som a) respektive b). */
.elementor-kit-5 .elementor-widget-theme-post-content p.lt-ingress { font-size: clamp(1.125rem, 1rem + .4vw, 1.3125rem); line-height: 1.45; color: #00323c; margin-bottom: 1.5em; }
.elementor-kit-5 .elementor-widget-theme-post-content p.lt-ingress :is(strong, em) { font-weight: 400; font-style: normal; }
.elementor-kit-5 .elementor-widget-theme-post-content h3.lt-ingress {
  font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); font-weight: 300; line-height: 1.35; color: #00323c;
  margin: 0 0 1.25em;
}

/* H12 De gröna puffarna på surfplatta (Henrik 2026-10-15). Mellan 768 och 1024 px blev fyra kolumner för smala:
 * rubrikerna fick inte plats och korten blev olika höga. Där visas nu två kort per rad i ett rutnät med lika
 * höga rader. På alla bredder fyller kortet sin kolumn och rubriken kan brytas i stället för att flöda över. */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-kit-5 :is(.e-con, .e-con-inner):has(> .e-con > .lt-puff) {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 1fr !important; gap: 15px !important;
  }
  .elementor-kit-5 .e-con:has(> .lt-puff) { width: auto !important; max-width: none !important; }
}
.elementor-kit-5 .lt-puff { height: 100%; }
.elementor-kit-5 .lt-puff .elementor-widget-heading { flex: 1 1 auto; min-width: 0; }
.elementor-kit-5 .lt-puff .elementor-heading-title { overflow-wrap: break-word; hyphens: auto; }

/* H13 Kortraden med Byt laddoperatör, Klimatklivet och Ladda bilen på Fastighetsbolag (sida 308, Henrik 2026-10-15).
 * Korten var byggda olika (mittenkortet ligger i ett extra lager) och blev olika höga. Nu fyller varje kort sin
 * kolumn och knappen ligger alltid längst ned, så bild, text och knapp hamnar på samma höjd i alla tre. */
.elementor-kit-5 .elementor-308 :is(.elementor-element-77bbf49, .elementor-element-1e18bac) { display: flex !important; flex-direction: column !important; }
.elementor-kit-5 .elementor-308 :is(.elementor-element-b89d8ba, .elementor-element-6712ddb, .elementor-element-868b857) { flex-grow: 1 !important; justify-content: flex-start !important; }
.elementor-kit-5 .elementor-308 :is(.elementor-element-b89d8ba, .elementor-element-6712ddb, .elementor-element-868b857) > .elementor-widget-button:last-child { margin-top: auto !important; }

/* Z1 Versionsmarkering för cachekontrollen (css-version.js via WPCode). Ändra värdet här OCH i skriptet
 * vid varje ändring av kitets CSS, så att besökare med en gammal sparad kopia får den nya. */
:root { --lt-css-version: "2026-10-05d"; }/* End custom CSS */