/* ---------- fixes ---------- */

@media (min-width: 1280px) {
  main .header-visual .container > div {
    --grid-columns: 8;
    grid-column: 3/span var(--grid-columns);
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.paragraphblock p:has(.button), 
.paragraphblock .button-container {
    margin-top: var(--spacing-50);
}

.paragraphblock :where(p, ul, ol, dl) + :where(picture, img),
.paragraphblock p > img:only-child {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  margin-block: var(--spacing-70);
  max-width: 64rem;
  object-fit: cover;
  width: 100%;
}

.paragraphblock p:first-child > img:only-child {
  margin-block: unset;
}

.paragraphblock :where(p, ul, ol, dl) + :where(picture, img):last-child,
.paragraphblock p:last-child > img:only-child {
  margin-bottom: unset;
}

.ordered-step-list > li:not(:last-child)::after {
  width: .25rem;
  background-color: var(--colors-brand-primary-500);
  top: calc(var(--spacing-50) + var(--spacing-15));
  height: calc(100% - var(--spacing-30));
}

.block:has(script:only-child) {
  position: absolute;
}



/* ---------- hgroup ---------- */

main hgroup {
  gap: var(--spacing-10);
}

main hgroup :first-child {
  color: var(--colors-body-brand);
  font-size: var(--body-large);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin: 0;
}

main hgroup :nth-child(2) {
  color: var(--colors-heading-primary);
  font-size: var(--heading-3);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 100%;
  margin: 0;
}



/* ---------- description list ---------- */

.paragraphblock dl {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: var(--grid-column-gap);
  row-gap: var(--body-medium-margin-top);
}

.paragraphblock dl > div {
  display: contents;
}

.paragraphblock dl dt {
  grid-column: 1;
  font-weight: 700;
  white-space: nowrap;
}

.paragraphblock dl dd{
  font-size: inherit;
  grid-column: 2;
  margin: 0;
  min-width: 0;
}



/* ---------- article highlight content ---------- */

.article-highlight {
  background-color: transparent;
}

.article-highlight > div {
  display: block;
}

@media (min-width: 640px) {
  .article-highlight {
    grid-template-areas:
"content image";
  }

  .article-highlight > div {
    padding-left: var(--grid-padding-inline);
  }
}

@media (min-width: 1280px) {
  .article-highlight > div {
    padding-left: var(--grid-padding-inline);
  }
}



/* ---------- logos ---------- */

.logos {
  --scale-min: .75;
  --scale-max: 1.33333;
  --scale: clamp(calc(var(--scale-min) * 1px), calc(calc(var(--scale-min) * 1px) + (100vw - 320px) * (1 - var(--scale-min)) / (640 - 320)), 1px);
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: var(--grid-row-gap);
  column-gap: var(--grid-column-gap);
  justify-content: space-between;
  list-style: none;
  margin: var(--spacing-50) 0 0 0 !important;
  max-width: unset;
  padding: unset;
}

@media (min-width: 640px) {
  .logos {
    --scale-min: .5;
    --scale: clamp(calc(var(--scale-min) * 1px), calc(calc(var(--scale-min) * 1px) + (100vw - 640px) * (1 - var(--scale-min)) / (1024 - 640)), 1px);
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .logos {
    --scale: clamp(1px, calc(1px + (100vw - 1280px) * (var(--scale-max) - 1) / (1920 - 1280)), calc(var(--scale-max) * 1px));
    flex-direction: row;
  }
}

.js .logos img {
  aspect-ratio: var(--width) / var(--height);
  display: block;
  height: calc(var(--height) * var(--scale));
  object-fit: contain;
  width:  calc(var(--width)  * var(--scale));
}

.logos img[src$='pensura.png'] {
  mix-blend-mode: darken;
}

.logos a {
  display: block;
  outline: 1px solid transparent;
  outline-offset: .375rem;
}

.logos a:active,
.logos a:focus,
.logos a:focus-visible,
.logos a:hover {
  outline-color: var(--colors-neutral-800);
}

.logos[data-slider=true] {
  anchor-name: --logos-slider;
  column-gap: var(--spacing-50);
  flex-direction: row;
  flex-wrap: nowrap;
  margin-inline: calc(var(--grid-padding-inline) * -1) !important;
  outline: 1px solid transparent;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: var(--spacing-10) var(--grid-padding-inline);
  scroll-behavior: smooth;
  scroll-padding-inline: var(--grid-padding-inline);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  transition: var(--transition-default);
}

.logos[data-slider=true]:focus-visible {  
  outline-color: var(--colors-neutral-800);
  outline-offset: 0;
}

@media (min-width: 1024px) {
  .logos[data-slider=true] {
    column-gap: var(--spacing-70);
  }
}

@media (min-width: 1280px) {
  .logos[data-slider=true] {
    column-gap: var(--spacing-90);
  }
}

.logos[data-slider=true] li {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

@media (max-width: 639px) {
  .logos[data-slider=true] {
    scroll-marker-group: after;
  }

  .logos[data-slider=true]::scroll-marker-group {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    gap: 0.375rem;
    height: var(--spacing-10);
    justify-content: space-between;
    margin-inline: auto;
    margin-top: var(--spacing-30);
    transition: all .5s ease-in-out;
    width: calc(var(--spacing-10) * var(--length) + .375rem * (var(--length) - 1) + var(--spacing-30));
  }

  .logos[data-slider=true][style]::scroll-marker-group {
    display: flex;
  }

  .logos[data-slider=true] li::scroll-marker {
    background-color: var(--colors-brand-primary-800);
    border-radius: var(--radius-full);
    content: "";
    display: block;
    height: var(--spacing-10);
    margin-inline:  auto;
    outline: 0.125rem solid transparent;
    outline-offset: 0.125rem;
    transition: flex 0.5s ease-in-out .1s, background-color 0.1s ease-out;
    width: var(--spacing-10);
  }

  .logos[data-slider=true] li::scroll-marker:target-current {
    background: var(--colors-brand-primary-900);
  }

  .logos[data-slider=true][style] li::scroll-marker:target-current {
    flex: 1 0 var(--spacing-10);
    margin-inline: auto;
  }

  .logos[data-slider=true] li:first-child::scroll-marker:target-current {
    margin-inline: 0 auto;
  }

  .logos[data-slider=true] li:last-child::scroll-marker:target-current {
    margin-inline: auto 0;
  }
}

@media (min-width: 640px) {
  .logos[data-slider=true]::scroll-button(*) {
    --cta-background-color: var(--colors-cta-primary-default);
    --cta-background-color-disabled: var(--colors-cta-primary-disabled);
    --cta-box-shadow-width: .125rem;
    --cta-box-shadow-color-focus: var(--colors-neutral-800);
    --cta-box-shadow: inset 0 0 0 var(--cta-box-shadow-width) var(--cta-box-shadow-color, transparent);
    --cta-color: var(--colors-body-cta-primary);
    --cta-color-disabled: var(--colors-body-cta-disabled);
    --cta-gap: var(--spacing-10);
    --cta-radius: var(--radius-full);
    --cta-outline-width: .375rem;
    --cta-outline-color-hover: var(--colors-cta-primary-hover_outline);
    --cta-outline: var(--cta-outline-width) solid var(--cta-outline-color, transparent);
    --cta-padding: var(--spacing-20) var(--spacing-50);
    --cta-transition: all .1s ease-out;
    --link-icon-size: var(--spacing-60);
    --icon-prev-brand-primary-500: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23FCBD31'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53049 2.80298C8.82339 3.09588 8.82339 3.57075 8.53049 3.86364L5.14416 7.24998H12.6668C13.081 7.24998 13.4168 7.58577 13.4168 7.99998C13.4168 8.41419 13.081 8.74998 12.6668 8.74998H5.14416L8.53049 12.1363C8.82339 12.4292 8.82339 12.9041 8.53049 13.197C8.2376 13.4899 7.76273 13.4899 7.46983 13.197L2.80317 8.53031C2.51027 8.23742 2.51027 7.76254 2.80317 7.46965L7.46983 2.80298C7.76273 2.51009 8.2376 2.51009 8.53049 2.80298Z' /%3E%3C/svg%3E");
    --icon-prev-neutral-500: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%236E6E6E'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53049 2.80298C8.82339 3.09588 8.82339 3.57075 8.53049 3.86364L5.14416 7.24998H12.6668C13.081 7.24998 13.4168 7.58577 13.4168 7.99998C13.4168 8.41419 13.081 8.74998 12.6668 8.74998H5.14416L8.53049 12.1363C8.82339 12.4292 8.82339 12.9041 8.53049 13.197C8.2376 13.4899 7.76273 13.4899 7.46983 13.197L2.80317 8.53031C2.51027 8.23742 2.51027 7.76254 2.80317 7.46965L7.46983 2.80298C7.76273 2.51009 8.2376 2.51009 8.53049 2.80298Z'/%3E%3C/svg%3E");
    --icon-prev-brand-tertiary-02-800: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23002D36'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53049 2.80298C8.82339 3.09588 8.82339 3.57075 8.53049 3.86364L5.14416 7.24998H12.6668C13.081 7.24998 13.4168 7.58577 13.4168 7.99998C13.4168 8.41419 13.081 8.74998 12.6668 8.74998H5.14416L8.53049 12.1363C8.82339 12.4292 8.82339 12.9041 8.53049 13.197C8.2376 13.4899 7.76273 13.4899 7.46983 13.197L2.80317 8.53031C2.51027 8.23742 2.51027 7.76254 2.80317 7.46965L7.46983 2.80298C7.76273 2.51009 8.2376 2.51009 8.53049 2.80298Z' /%3E%3C/svg%3E");
    --icon-next-brand-primary-500: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23FCBD31'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46983 0.802983C5.76273 0.51009 6.2376 0.51009 6.53049 0.802983L11.1972 5.46965C11.3329 5.60537 11.4168 5.79287 11.4168 5.99998C11.4168 6.20709 11.3329 6.39459 11.1972 6.53031C11.1971 6.53041 11.197 6.53051 11.1969 6.53061L6.53049 11.197C6.2376 11.4899 5.76273 11.4899 5.46983 11.197C5.17694 10.9041 5.17694 10.4292 5.46983 10.1363L8.85617 6.74998L1.3335 6.74998C0.919282 6.74998 0.583496 6.41419 0.583496 5.99998C0.583496 5.58577 0.919283 5.24998 1.3335 5.24998L8.85617 5.24998L5.46983 1.86364C5.17694 1.57075 5.17694 1.09588 5.46983 0.802983Z'/%3E%3C/svg%3E");
    --icon-next-neutral-500: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%236E6E6E'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46983 0.802983C5.76273 0.51009 6.2376 0.51009 6.53049 0.802983L11.1972 5.46965C11.3329 5.60537 11.4168 5.79287 11.4168 5.99998C11.4168 6.20709 11.3329 6.39459 11.1972 6.53031C11.1971 6.53041 11.197 6.53051 11.1969 6.53061L6.53049 11.197C6.2376 11.4899 5.76273 11.4899 5.46983 11.197C5.17694 10.9041 5.17694 10.4292 5.46983 10.1363L8.85617 6.74998L1.3335 6.74998C0.919282 6.74998 0.583496 6.41419 0.583496 5.99998C0.583496 5.58577 0.919283 5.24998 1.3335 5.24998L8.85617 5.24998L5.46983 1.86364C5.17694 1.57075 5.17694 1.09588 5.46983 0.802983Z'/%3E%3C/svg%3E");
    --icon-next-brand-tertiary-02-800: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23002D36'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46983 0.802983C5.76273 0.51009 6.2376 0.51009 6.53049 0.802983L11.1972 5.46965C11.3329 5.60537 11.4168 5.79287 11.4168 5.99998C11.4168 6.20709 11.3329 6.39459 11.1972 6.53031C11.1971 6.53041 11.197 6.53051 11.1969 6.53061L6.53049 11.197C6.2376 11.4899 5.76273 11.4899 5.46983 11.197C5.17694 10.9041 5.17694 10.4292 5.46983 10.1363L8.85617 6.74998L1.3335 6.74998C0.919282 6.74998 0.583496 6.41419 0.583496 5.99998C0.583496 5.58577 0.919283 5.24998 1.3335 5.24998L8.85617 5.24998L5.46983 1.86364C5.17694 1.57075 5.17694 1.09588 5.46983 0.802983Z'/%3E%3C/svg%3E");
    --icon-prev-primary: var(--icon-prev-brand-tertiary-02-800);
    --icon-next-primary: var(--icon-next-brand-tertiary-02-800);
    --icon-prev-secondary: var(--icon-prev-brand-primary-500);
    --icon-next-secondary: var(--icon-next-brand-primary-500);
    --icon-prev-disabled: var(--icon-prev-neutral-500);
    --icon-next-disabled: var(--icon-next-neutral-500);
    --cta-icon-prev: var(--icon-prev-primary);
    --cta-icon-next: var(--icon-next-primary);
    align-items: center;
    align-self: anchor-center;
    aspect-ratio: 1 / 1;
    background-color: var(--cta-background-color);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border: 0 none;
    border-radius: var(--cta-radius);
    box-shadow: var(--cta-box-shadow);
    color: var(--cta-color);
    cursor: pointer;
    display: inline-flex;
    gap: var(--cta-gap);
    height: var(--link-icon-size);
    justify-content: center;
    margin-top: var(--spacing-30);
    outline: var(--cta-outline);
    padding: unset;
    position: absolute;
    position-anchor: --logos-slider;
    text-decoration: unset;
    top: anchor(bottom);
    transition: var(--cta-transition);
    font-family: inherit;
    font-size: var(--cta-default, 1rem);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 105%;
    width: var(--link-icon-size);
  }

  .logos[data-slider=true]::scroll-button(*):not(:disabled):active,
  .logos[data-slider=true]::scroll-button(*):not(:disabled):focus,
  .logos[data-slider=true]::scroll-button(*):not(:disabled):hover {
    --cta-outline-color: var(--cta-outline-color-hover);
    outline-width: var(--cta-outline-width);
  }

  .logos[data-slider=true]::scroll-button(*):not(:disabled):focus-visible {
    --cta-outline-color: var(--cta-outline-color-hover);
    --cta-box-shadow-color: var(--cta-box-shadow-color-focus);
    outline: var(--cta-outline); // fix FF
  }

  .logos[data-slider=true]::scroll-button(*):disabled {
    --cta-background-color: var(--cta-background-color-disabled);
    --cta-color: var(--cta-color-disabled);
    cursor: unset;
  }

  .logos[data-slider=true]::scroll-button(left) {
    background-image: var(--cta-icon-prev);
    content: "" / "Vorige";
    left: calc(anchor(center) - var(--link-icon-size) - var(--spacing-5));
  }

  .logos[data-slider=true]::scroll-button(right) {
    background-image: var(--cta-icon-next);
    content: "" / "Volgende";
    right: calc(anchor(center) - var(--link-icon-size) - var(--spacing-5));
  }

  .logos[data-slider=true]::scroll-button(left):disabled {
    --cta-icon-prev: var(--icon-prev-disabled);
    content: "";
  }

  .logos[data-slider=true]::scroll-button(right):disabled {
    --cta-icon-next: var(--icon-next-disabled);
    content: "";
  }
}



/* ---------- timeline ---------- */

#timeline {
  counter-reset: year;
  list-style: none;
  max-width: unset;
  margin-block: var(--spacing-40) 0;
  padding-left: 0;
}

#timeline > li:not(:last-child)::after {
  background-color: var(--colors-brand-primary-500);
  height: calc(100% - var(--spacing-30));
  top: calc(var(--spacing-50) + var(--spacing-15));
  width: .25rem;
}

@media (min-width: 640px){
  #timeline {
    flex-direction: row;
    max-width: unset;   
  }

  #timeline > li {
    padding-top: calc(var(--spacing-60) + var(--spacing-15));
    padding-left: unset;
  }

  #timeline > li:not(:last-child)::after {
    height: .25rem;
    top: var(--spacing-15);
    left: var(--spacing-80);
    transform: translateY(-50%);
    width: calc(100% - var(--spacing-30));
  }

  #timeline > li[data-year="07"] {
    flex: 3 3 0%;
  }

  #timeline > li[data-year="07"] ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 640px) and (max-width: 1279px) {
  #timeline {
    margin-inline: calc(var(--grid-padding-inline) * -1);
    margin-block: var(--spacing-25);
    overflow-x: scroll;
    padding-inline: var(--grid-padding-inline);
    padding-block: var(--spacing-15);
    scroll-padding-inline: var(--grid-padding-inline);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; 
  }

  #timeline li {
    scroll-snap-align: start;  
  }
}

#timeline ul {
  color: var(--colors-body-primary);
  column-gap: var(--grid-column-gap);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: unset;
  padding-left: unset;
  row-gap: var(--spacing-10);
}

#timeline > li {
  counter-increment: year;
  flex: 1 1 0%;
}

#timeline > li:last-of-type {
  flex: 0 0 auto;
}

#timeline > li::before {
  content: attr(data-year);
  font-variant-numeric: tabular-nums;
}

#timeline ul li {
  white-space: nowrap;
}



/* ---------- awards ---------- */

#awards {
  --scale-min: 1;
  --scale-max: 1.33333;
  --scale: clamp(calc(var(--scale-min) * 1px), calc(calc(var(--scale-min) * 1px) + (100vw - 320px) * (1 - var(--scale-min)) / (640 - 320)), 1px);
  align-items: stretch;
  column-gap: var(--grid-column-gap);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: unset;
  max-width: unset;
  padding: unset;
  row-gap: var(--spacing-70);
}

@media (min-width: 640px) {
  #awards {
    --scale: clamp(calc(var(--scale-min) * 1px), calc(calc(var(--scale-min) * 1px) + (100vw - 640px) * (1 - var(--scale-min)) / (1024 - 640)), 1px);
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  #awards {
    --scale: clamp(1px, calc(1px + (100vw - 1280px) * (var(--scale-max) - 1) / (1920 - 1280)), calc(var(--scale-max) * 1px));
    flex-direction: row;
  }
}

#awards li {
  display: flex;
  flex: 1 0;
  flex-direction: column;
}

@media (min-width: 640px) {
  #awards li {
    padding-right: var(--grid-column-width);
  }
}

#awards h3 {
  color: var(--colors-body-brand);
  font-size: var(--body-medium, 1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02em;
  margin-block: unset;
}

#awards a {
  display: block;
  outline: 1px solid transparent;
  outline-offset: 0.375rem;
  margin-right: auto;
}

#block .box .box-content .awards p {
  margin-block: var(--spacing-20) var(--spacing-40);
  text-wrap: pretty;
}

#awards li > a:last-child {
  margin-top: auto;
}

#awards a:active,
#awards a:focus,
#awards a:focus-visible,
#awards a:hover {
  outline-color: var(--colors-brand-tertiary-01-300);
}

#awards img {
  display: block;
  object-fit: contain;
  max-width: 100%;
}

.js #awards img {
  aspect-ratio: var(--width) / var(--height);
  display: block;
  height: calc(var(--height) * var(--scale));
  object-fit: contain;
  width:  calc(var(--width)  * var(--scale));
}



/* ---------- team ---------- */

.block .box .box-content > ul.team {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-top: var(--grid-row-gap);
  max-width: unset;
  padding-left: unset;
  row-gap: var(--spacing-80);
}

.team article {
  display: grid;
  gap: var(--spacing-40) var(--grid-column-gap);
  grid-template-areas: 
    "image" 
    "heading"
    "content"
    "links";
  grid-template-rows: min-content min-content 1fr;
}

@media (min-width: 640px) {
  .team article {
    grid-template-areas: 
      "image heading"
      "image content"
      "image links";
    grid-template-columns: 1fr 1fr;
  }
  
  .team :nth-child(even) article {
    grid-template-areas: 
      "heading image"
      "content image"
      "links image";
  }  
}

.team ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  grid-area: links;
  list-style: none;
  margin: unset !important;
  padding-left: unset;  
  row-gap: var(--spacing-10);
}

@media (min-width: 1280px){
  .team ul {
    column-gap: var(--spacing-30);
    flex-direction: row;
  }
}

.team ul a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23a0560f' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6M6 9H2v12h4zM4 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/svg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: var(--spacing-40);
}

.team ul a[href^="mailto"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23a0560f' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath stroke='%23a0560f' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m21 7-9 6-9-6'/%3E%3C/svg%3E");
}

.team h3 {
  font-size: var(--heading-5) !important;
  grid-area: heading;
}

.team p {
  grid-area: content;
}

.team picture, .team img {
  aspect-ratio: 16/9;
  display: block;
  grid-area: image;
  height: auto;
  margin-block: unset;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 640px) {
  .team picture, .team img {
    aspect-ratio: 1/1;
  }
}

@media (min-width: 1280px) {
  .team picture, .team img {
    aspect-ratio: 16/9;
  }
}

.block .box .box-content > .team article :is(h3, p, ul) {
  /*! margin: 0 calc(var(--grid-column-width) + var(--grid-column-gap)) 0 0; */ 
  margin: unset;
}



/* ---------- other ---------- */

.paragraphblock:has(.side-menu) .box {
  height: 100%;
}

.articlerelatedblock .reading-time {
  display: none;
}

.readmoreblock:has(#readmore-95003) {
  margin-top: auto;
}

.articlerelatedblock .col-4:has( button[disabled] + button[disabled]) {
  display: none;
}
