.elementor-3473 .elementor-element.elementor-element-e2b4061{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-ffe5175{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-2bc1e5a{--display:flex;--min-height:123px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3473 .elementor-element.elementor-element-b02772c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3473 .elementor-element.elementor-element-f73ec0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-f5d296c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-8bd2738{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-2c5a82b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-5149020{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-7971edc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-56e4539{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-c7e4e44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-025af38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-a42638b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-245c990{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-655718e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-1ad280e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-9731355{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-a98ca6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3473 .elementor-element.elementor-element-acb260d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3473 .elementor-element.elementor-element-b02772c{--width:25%;}.elementor-3473 .elementor-element.elementor-element-f73ec0e{--width:25%;}.elementor-3473 .elementor-element.elementor-element-f5d296c{--width:25%;}.elementor-3473 .elementor-element.elementor-element-8bd2738{--width:25%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-2bc1e5a *//* Sidhuvud – Livsdesign 2030 */
.livsdesign-header {
  background-color: #2b3035;
  background-image: linear-gradient(
    135deg,
    #2b3035 0%,
    #324047 25%,
    #2f5f5a 55%,
    #2f7f76 80%,
    #3fa59a 100%
  );
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  padding: 50px 5vw 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 18px;
}

/* Rad med de fyra rummen */
.livsdesign-header .avatar-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.livsdesign-header .avatar-row img {
  max-height: 120px;
  height: auto;
}

/* Rubriken under avatarerna */
.livsdesign-header .livsdesign-title {
  font-size: 42px;
  font-weight: 600;
  color: #f7f9fa;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36985a9c *//* GUL BAKGRUND */
.hb-scale-wrapper {
  background: #FFF8E3;
  padding: 30px;
  border-radius: 8px;
  margin: 40px 0;
}

/* OXIDRÖDA TOPP- OCH BOTTLINJER */
.hb-scale-topline,
.hb-scale-bottomline {
  height: 4px;
  background: #8A2A1A;
  margin: 10px 0;
  border-radius: 2px;
}

/* SKALA */
.hb-scale {
  text-align: center;
  font-family: 'Lato', sans-serif;
}

.hb-scale-labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 5px;
}

/* Dölj radio-knapparna */
.hb-scale-labels input[type="radio"] {
  display: none;
}

/* Run-siffror */
.hb-scale-labels span {
  font-size: 20px;
  font-family: "Noto Sans Runic", sans-serif;
  color: #2A2A2A;
  opacity: 0.9;
  cursor: pointer;
  padding: 5px;
  position: relative;
}

/* LINJE */
.hb-scale-line {
  height: 8px;
  background: #E0DED9;
  border-radius: 4px;
  margin: 0 10px;
  position: relative;
}

/* OXIDRÖD PUNKT – nu korrekt placerad ovanpå linjen */
.hb-scale-labels input[type="radio"]:checked + span::after {
  content: "";
  position: absolute;
  bottom: 100%; /* FIX: placerar punkten ovanpå linjen */
  left: 50%;
  width: 22px;
  height: 22px;
  background: #8A2A1A;
  border-radius: 50%;
  transform: translateX(-50%) translateY(6px);
}/* End custom CSS */