:root {
  --light_grey: #f1efeb;
  --dark_grey: #5f5f5f;
  --text_black: #3f3f3f;
  --border_grey: #c0bfbc;
  --side_category_grey: #969595;
  --active_menu_border_grey: #dfdedd;
  --block_border_top_grey: #e3e3e3;
  --trusted_source_grey: #d9d8d5;
  --menu_border_grey: #f1f1f1;
  --button_grey: #dedcd9;
  --text_grey: #888785;
  --mean_grey: #b5af9e;
  --tweet_grey: #808080;
  --purple: #56328c;
  --button_pink: #eb168b;
  --link_pink: #f49ecf;
  --arrow_pink: #ee5ea1;
  --over_purple_pink: #fe69bc;
  --checkbox_purple: #d6cce3;
  --link_blue: #1dafec;
  --status-online: #28ce13;

  --extra_bold: 800;
  --bold: 700;
  --semi_bold: 600;
  --regular: 400;

  --desktop_width: 75rem;
  --mobile_width: 23.4375rem;
  --mobile_max_width: 20.9375rem;
}

.two_columns_block_inner {
  display: flex;
  gap: 2rem;
  margin-bottom: 4rem;
}

@media (max-width: 920px) {
  .two_columns_block_inner {
    flex-direction: column;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.two_columns_block_inner .left_column {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.two_columns_block_inner .right_column {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 920px) {
  .two_columns_block_inner .left_column,
  .two_columns_block_inner .right_column {
    width: 100%;
  }
}

.two_columns_block_inner img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.two_columns_block_inner p {
  font-size: 1.0625rem;
  line-height: 1.6rem;
}

.two_columns_block_inner p:first-child {
  font-size: 1.3125rem;
}

.two_columns_block_inner .primary {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  border-radius: 1.875rem;
  color: #fff;
  background: #56328c;
  padding: 0.625rem 1.25rem 0.625rem;
  margin-top: 1.5rem;
}

.two_columns_block_inner .primary:focus,
.two_columns_block_inner .primary:hover {
  background-color: #eb168b;
  color: white;
}

.two_columns_block_inner.spotlight_block .left_column {
  width: 65%;
}

.two_columns_block_inner.spotlight_block .left_column .content_wrapper {
  padding: 1rem 2rem 2.5rem;
  border: 0.0625rem solid #f1efeb;
  border-radius: 0.4375rem;
  flex: 1;
}

.two_columns_block_inner.spotlight_block .right_column {
  width: 35%;
}

.two_columns_block_inner.spotlight_block .right_column img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.4375rem;
}

@media (max-width: 920px) {
  .two_columns_block_inner.spotlight_block .left_column,
  .two_columns_block_inner.spotlight_block .right_column {
    width: 100%;
  }
}

.two_columns_block_inner.spotlight_block .primary {
  background-color: #eb168b;
}

.two_columns_block_inner.spotlight_block .primary:focus,
.two_columns_block_inner.spotlight_block .primary:hover {
  background-color: #56328c;
}

iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

.link-container {
  display: flex;
  justify-content: center;
}

.link-container .video-link {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  color: #56328c;
  font-size: 1.0625rem;
}

.link-container .video-link:after {
  display: inline-block;
  content: '';
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E %3Csvg width='8px' height='10px' viewBox='0 0 8 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EImported-Layers Copy 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs/%3E %3Cg id='Thema-(zwangerschap)---flow' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.5'%3E %3Cg id='Thema---Puber-%3E-Groei-en-ontwikkeling' transform='translate(-183.000000, -572.000000)' fill='%2356328C'%3E %3Cg id='Group-21' transform='translate(130.000000, 550.000000)'%3E %3Cg id='Group-20' transform='translate(0.000000, 15.000000)'%3E %3Cpath d='M57.1990904,15.5999998 C57.4681126,15.4154495 59.9132346,13.574844 61.57942,11.3894736 C61.6007452,11.3591272 61.6123658,11.154764 61.57942,10.968421 C61.4082477,10.8174977 61.5794203,10.7999999 61.1812082,10.5473683 L58.7919376,10.5473683 C58.7281879,9.58241313 58.3207096,8.23423862 57.995514,8.02105261 C57.9546613,7.77631343 57.5883604,7.59999999 56.8008786,7.59999999 C56.4111449,7.59999999 56.0456018,7.77631343 56.0044551,8.02105261 C55.6787956,8.23423862 55.27157,9.58241313 55.2080315,10.5473683 L52.8187609,10.5473683 C52.4,10.7999999 52.5917628,10.8174977 52.4205491,10.968421 C52.3876447,11.154764 52.3992653,11.3591272 52.4205491,11.3894736 C54.0867759,13.574844 56.5321505,15.4154495 56.8008786,15.5999998 C56.7420789,15.5626 56.8709157,15.5999998 57.1990904,15.5999998 Z' id='Imported-Layers-Copy-6' transform='translate(57.000000, 11.600000) rotate(-90.000000) translate(-57.000000, -11.600000) '/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: auto;
  width: 0.7em;
  aspect-ratio: 8 / 10;
}

.featureditem_list_wrapper {
  background-color: #f1efeb;
}

.featureditem_list {
  background-color: #f1efeb;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.featureditem_list > div {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

@media (max-width: 920px) {
  .featureditem_list > div {
    flex-direction: column;
  }
}

.featureditem_list .featureditem_item {
  flex: 1;
  border-radius: 0.4375rem;
  border: 0.0625rem solid #f1efeb;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.featureditem_list .featureditem_item img {
  border-top-left-radius: 0.4375rem;
  border-top-right-radius: 0.4375rem;
  -o-object-fit: cover;
  object-fit: cover;
  height: 10rem;
  display: block; /* Fixes a small gap below the image */
}

.featureditem_list .featureditem_item .inner {
  padding: 1rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.featureditem_list .featureditem_item .inner h3 {
  margin: 0;
  color: #eb168b;
}

.featureditem_list .featureditem_item .button-container {
  display: flex;
  justify-content: center;
}

.featureditem_list .featureditem_item .primary {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  border-radius: 1.875rem;
  color: #fff;
  background: #56328c;
  padding: 0.625rem 1.25rem 0.625rem;
  margin-top: 1.5rem;
}

.featureditem_list .featureditem_item .primary:focus,
.featureditem_list .featureditem_item .primary:hover {
  background-color: #eb168b;
  color: white;
}

.featureditem_list .featureditem_item ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
}

.featureditem_list .featureditem_item ul a {
  font-weight: bold;
  color: #5b328f;
}

.featureditem_list .featureditem_item ul a:hover {
  color: #eb168b;
}

.featureditem_list .featureditem_item ul li {
  position: relative;
  line-height: 1.2;
}

.featureditem_list .featureditem_item ul li:before {
  content: '';
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E %3Csvg width='8px' height='10px' viewBox='0 0 8 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EImported-Layers Copy 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs/%3E %3Cg id='Thema-(zwangerschap)---flow' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.5'%3E %3Cg id='Thema---Puber-%3E-Groei-en-ontwikkeling' transform='translate(-183.000000, -572.000000)' fill='%2356328C'%3E %3Cg id='Group-21' transform='translate(130.000000, 550.000000)'%3E %3Cg id='Group-20' transform='translate(0.000000, 15.000000)'%3E %3Cpath d='M57.1990904,15.5999998 C57.4681126,15.4154495 59.9132346,13.574844 61.57942,11.3894736 C61.6007452,11.3591272 61.6123658,11.154764 61.57942,10.968421 C61.4082477,10.8174977 61.5794203,10.7999999 61.1812082,10.5473683 L58.7919376,10.5473683 C58.7281879,9.58241313 58.3207096,8.23423862 57.995514,8.02105261 C57.9546613,7.77631343 57.5883604,7.59999999 56.8008786,7.59999999 C56.4111449,7.59999999 56.0456018,7.77631343 56.0044551,8.02105261 C55.6787956,8.23423862 55.27157,9.58241313 55.2080315,10.5473683 L52.8187609,10.5473683 C52.4,10.7999999 52.5917628,10.8174977 52.4205491,10.968421 C52.3876447,11.154764 52.3992653,11.3591272 52.4205491,11.3894736 C54.0867759,13.574844 56.5321505,15.4154495 56.8008786,15.5999998 C56.7420789,15.5626 56.8709157,15.5999998 57.1990904,15.5999998 Z' id='Imported-Layers-Copy-6' transform='translate(57.000000, 11.600000) rotate(-90.000000) translate(-57.000000, -11.600000) '/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  width: 0.7rem;
  height: auto;
  aspect-ratio: 8 / 10;
  position: absolute;
  top: 0.3125rem;
  left: -1.125rem;
}

@media (max-width: 920px) {
  .featureditem_list .featureditem_item ul li:before {
    top: 0.0625rem;
  }
}

.featureditem_list .featureditem_item ul li span {
  font-size: 1rem;
}

/* Rotate the arrow so they point downwards */

.featureditem_list .featureditem_item ul.downloads_list li:before {
  transform: rotate(90deg);
  transform-origin: center;
}