.elementor-1656 .elementor-element.elementor-element-89eaead{--display:flex;--min-height:20vh;--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-1656 .elementor-element.elementor-element-89eaead:not(.elementor-motion-effects-element-type-background), .elementor-1656 .elementor-element.elementor-element-89eaead > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://starsolfilm.se/wp-content/uploads/sites/63/2025/08/2-72-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1656 .elementor-element.elementor-element-c4ef400{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1656 .elementor-element.elementor-element-6bf435c{text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1656 .elementor-element.elementor-element-1843527{text-align:center;}.elementor-1656 .elementor-element.elementor-element-68c3f04{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-72cb523{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-741a269{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-7b31ac3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1656 .elementor-element.elementor-element-89eaead{--min-height:10vh;}.elementor-1656 .elementor-element.elementor-element-6bf435c{line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-1656 .elementor-element.elementor-element-c4ef400{--padding-top:25px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-1656 .elementor-element.elementor-element-6bf435c{line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for html, class: .elementor-element-8e31fdb *//* Smooth scroll (frivilligt) */
html { scroll-behavior: smooth; }

/* Layout */
.wrap-container{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
}

/* Korten */
.wrap-box{
  flex:1 1 0;
  min-width:260px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  text-align:center;
  border-radius:18px;
  padding:28px 24px;

  text-decoration:none;
  color:#fff;                          /* <- basfärg på text */
  transition:transform .2s, box-shadow .2s;
  font-family:inherit;
  min-height:130px;                    /* jämn höjd */
}

/* Ingen färgförändring på text/links vid olika tillstånd */
.wrap-box,
.wrap-box:link,
.wrap-box:visited,
.wrap-box:hover,
.wrap-box:focus,
.wrap-box:active{
  color:#fff;                          /* behåll vitt på allt */
  text-decoration:none;
}

/* Hover-effekt endast på kortet (inte textfärgen) */
.wrap-box:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

/* Färgvarianter */
.wrap-box.red  { background:#e23934; }
.wrap-box.blue { background:#3f4fb8; }
.wrap-box.gray { background:linear-gradient(90deg,#9b9b9b,#7b7b7b); }

/* Text */
.wrap-subtitle{
  display:block;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:1.3px;
  margin-bottom:6px;
  opacity:.95;                         /* lätt ton men oförändrad på hover */
}

.wrap-title{
  display:block;
  font-size:28px;
  font-weight:800;
  font-style:italic;
  line-height:1.1;
}

/* Tillgänglig fokus */
.wrap-box:focus-visible{
  outline:3px solid rgba(255,255,255,.75);
  outline-offset:3px;
}

/* ------- Mobilanpassning ------- */
@media (max-width: 900px){
  .wrap-title{ font-size:24px; }
}
@media (max-width: 680px){
  .wrap-container{ gap:16px; }
  .wrap-box{
    flex:1 1 100%;
    min-width:0;
    width:100%;
    border-radius:16px;
    padding:22px 18px;
    min-height:110px;
  }
  .wrap-subtitle{ font-size:14px; letter-spacing:1px; }
  .wrap-title{ font-size:22px; }
}/* End custom CSS */