#pk_flex_content .themas .content_container {
  position: relative;
  padding-left: 2.5rem;
}
#pk_flex_content .themas .content_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 1rem;
  height: 45px;
  background-color: var(--page-bg);
}

#pk_flex_content .themas #themas {
  display: flex;
  flex-direction: column;
}
#themas .thema {
  border-bottom: 4px dotted rgba(130, 172, 191, 0.5);
}
#themas .thema .thema-head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 1040px;
  margin-inline: auto;
  padding-block: 3.75rem;
  cursor: pointer;
  padding-right: 2.5rem;
}
#themas .thema .thema-head h3 {
  font-size: clamp(
    18px,
    18px + (22 - 18) * ((100vw - 350px) / (1440 - 350)),
    22px
  );
  line-height: 0.9;
  margin: 0;
}
#themas .thema .thema-head .cheron {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2;
  display: block;
  translate: 0 -50%;
  transition: all 0.3s ease-in-out;
}

#themas .thema .thema-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  padding-bottom: 0;
  transition: all 0.3s ease-in-out;
  max-width: 1040px;
  margin-inline: auto;
}
#themas .thema .thema-content-wrapper {
  overflow: hidden;
}
#themas .thema.active .thema-content {
  grid-template-rows: 1fr;
  padding-bottom: 3.75rem;
}
#themas .thema.active .thema-head .cheron {
  rotate: 180deg;
}

#themas .thema .thema-blokken {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: flex-start;
  margin-top: 40px;
}
#themas .thema .thema-blokken .thema-blok {
  width: calc((100% / 3) - 0.8333rem);
  border-radius: 1.25rem;
  background-color: var(--iz-blue-lightest);
  padding: 1.25rem;
}
#themas .thema .thema-blokken .thema-blok .thema-blok-tekst {
  font-weight: 500;
}

#themas .thema .thema-blokken .thema-blok .button_wrapper {
  margin-top: 32px;
}

#themas .thema .thema-blokken .thema-blok .pk-button {
  align-items: stretch;
}

#themas .thema .thema-blokken .thema-blok .pk-button .arrow {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 992px) {
  #themas .thema .thema-blokken .thema-blok {
    width: calc((100% / 2) - 0.625rem);
  }
}

@media screen and (max-width: 767px) {
  #themas .thema .thema-head {
    padding-block: 2.5rem;
  }
  #themas .thema .thema-blokken .thema-blok {
    width: 100%;
  }
  #themas .thema.active .thema-content {
    padding-bottom: 2.5rem;
  }
}