.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-94639f1e-e2fb-8170-9d31-ded60237436c {
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f {
padding-bottom: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .row
{
  max-width:100%;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.main, .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f  .aktualitet.first
{
  display:flex;
  padding-bottom: 40px;
}

.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f picture {
  height: auto;
}

.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f img.axxell-large-aktuellt-bild {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Kolumnen - base style */
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Bilderna - BEHÅLL absolute här för desktop */
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image picture,
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 20px;
}

/* Desktop: ge kolumnen aspect-ratio */
@media (min-width: 768px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image {
    aspect-ratio: 16 / 7;
    min-height: 300px;
  }
}

.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-aktualitets-body,
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-aktualitets-body > :first-child {
  height: auto!important;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .axxell-card-link {
  margin: 15px;
  cursor: pointer;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .gridscroller-img-container {
  position: relative;
  width: 100%;
  height: auto !important;
  aspect-ratio: 8/5;
  overflow: hidden;
  text-align: left;
}
.gridscroller-item {
  overflow: visible;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  scroll-snap-align: start;
  border-radius: 5px;
  background: #fafafa;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  user-select: none;
  will-change: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
  transition-timing-function: ease-out;
}
.gridscroller-item .journal-content-article {
  display: flex;
  height: 100%;
}
.gridscroller-item:hover {
  will-change: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
  transition-timing-function: ease-out;
}
.gridscroller-item:hover img {
  transform: rotate(2deg) scale(1.25);
  will-change: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-delay: 0.05s;
  transition-timing-function: ease-out;
}
.gridscroller-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .card-text {
  padding: 0 15px;
  flex-grow: 1;
  height: auto;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .card-date {
  padding: 0 15px;
  height: auto;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container h2 {
  padding: 15px 15px 0px 15px;
  margin-bottom: 5px;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-small-stretch-image {
  position: relative;
  width: 100%;
  height: auto !important;
  aspect-ratio: 8/5;
  overflow: hidden;
}

.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
  display: grid;
  gap: 20px;
}
@media (max-width: 575.97px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 575.98px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 767.98px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991.98px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* MOBIL: Override ALL height rules och byt till relative positioning */
@media (max-width: 767.98px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .row.d-flex.align-items-stretch.aktuellt-row {
    height: fit-content;
    max-width: 100%;
  }
    .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .portlet-body  .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
 .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .portlet-body .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
  /* Override Liferays height regler på mobil */
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f [class*="col-"].axxell-stretch-image,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-stretch-image div,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-stretch-image picture,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-stretch-image *,
   .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.main .p-4,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.first .p-4,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.main .p-4 *,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.first .p-4 * 
  {
  
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: auto !important;
  }
  
  /* På mobil: byt till relative position så texten kan flyta under */
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image picture,
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image picture img {
    position: relative;
    aspect-ratio: 16 / 9;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    top: auto;
    left: auto;
  }
  
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.main, .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f  .aktualitet.first {
    display:flex;
    padding-bottom: 20px;
  }
  
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.main, .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f  .aktualitet.first .row {
    max-width:100%;
  }
}.lfr-layout-structure-item-b8afc341-43c2-9afe-cf5a-8fc51f40c546 {
text-align: center !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.main, .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f  .aktualitet.first
{
  display:flex;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f picture {
  height: auto; /* or min-height: [desired minimum height] */
}

.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f img.axxell-large-aktuellt-bild {
  height: 100%;
  object-fit: cover; /* or object-fit: contain */
}
@media (max-width: 767.98px) {
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .row.d-flex.align-items-stretch.aktuellt-row {
    height: fit-content;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet.main .col-12.axxell-stretch-image {
  max-height: 500px;
}
}  
.axxell-stretch-image picture, .axxell-stretch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px; 
  padding-left:5px;
  padding-right:20px;
  position: absolute;
}

.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-aktualitets-body,
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-aktualitets-body > :first-child {
  height: auto!important;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .axxell-card-link {
  margin: 15px;
  cursor: pointer;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .gridscroller-img-container {
  position: relative;
  width: 100%;
  height: auto !important;
  aspect-ratio: 8/5;
  overflow: hidden;
  text-align: left;
}
.gridscroller-item {
  overflow: visible;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  scroll-snap-align: start;
  border-radius: 5px;
  background: #fafafa;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  user-select: none;
  will-change: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
  transition-timing-function: ease-out;
}
.gridscroller-item .journal-content-article {
  display: flex;
  height: 100%;
}
.gridscroller-item:hover {
  /*transform: translateY(-10px);*/
  will-change: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
  transition-timing-function: ease-out;
}
.gridscroller-item:hover img {
  transform: rotate(2deg) scale(1.25);
  will-change: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-delay: 0.05s;
  transition-timing-function: ease-out;
}
.gridscroller-item img, .col-12.axxell-stretch-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .card-text {
  padding: 0 15px;
  flex-grow: 1;
  height: auto;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container .card-date {
  padding: 0 15px;
  height: auto;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .aktualitet-card-container h2 {
  padding: 15px 15px 0px 15px;
  margin-bottom: 5px;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .axxell-small-stretch-image {
  position: relative;
  width: 100%;
  height: auto !important;
  aspect-ratio: 8/5;
  overflow: hidden;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .col-12.axxell-stretch-image {
  min-height: 300px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
  display: grid;
  gap: 20px;
}
@media (max-width: 575.97px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 575.98px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 767.98px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991.98px) {
  .lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f .small-aktuellt-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-94639f1e-e2fb-8170-9d31-ded60237436c {
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f {
margin-bottom: var(--spacer-5,3rem) !important;
margin-top: 40px !important;
padding-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-b8afc341-43c2-9afe-cf5a-8fc51f40c546 {
padding-top: var(--spacer-0,0rem) !important;
}
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-94639f1e-e2fb-8170-9d31-ded60237436c {
padding-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-e65ad581-1891-77cc-15f0-28e6fb57532f {
margin-bottom: var(--spacer-4,1.5rem) !important;
}
}