:root {
  /** All brand colors */
  --brand-colors-bildungswerk-blue:#203c89;
  --brand-colors-bildungswerk-green:#198632;
  --brand-colors-boell-blue:#0e307f;
  --brand-colors-boell-dark-green:#45783a;
  --brand-colors-boell-green:#91c800;
  --brand-colors-boell-lightgreen:#cfeb80;
  --brand-colors-boell-darkmode-black:#000000;
  --brand-colors-boell-darkmode-grey:#444444;
  --brand-colors-boell-orange:#fd7232;
  --brand-colors-boell-purple:#b8bAf8;
  --brand-colors-boell-red:#cc0000;
  --brand-colors-boell-turquoise:#008599;
  --brand-colors-boell-gray:#e2e2e2;
  --brand-colors-boell-lightgray:#ebebeb;
  --brand-colors-boell-yellow:#fac32f;
  --brand-colors-boell-yellow-2:#FDFF8A;
  --brand-colors-brandenburg-blue:#0064a7;
  --brand-colors-brandenburg-red:#e02d34;
  --brand-colors-brandenburg-orange:#f8ad14;
  --brand-colors-brandenburg-green:#95bb2e;
  --brand-colors-infohub-plastic:#3B49BC;
  --brand-colors-mid-green:#91c800;
  --brand-colors-mid-orange:#fd7232;
  --brand-colors-mid-pink:#e075ac;
  --brand-colors-mid-red:#cc0000;
  --brand-colors-mid-turquoise:#66cbcc;
  --brand-colors-mid-yellow:#fac32f;
  --brand-colors-petrakelly-blue:#0e30ed;
  --brand-colors-petrakelly-green:#34cc67;
  --brand-colors-petrakelly-grey:#a49f99;
  --brand-colors-petrakelly-red:#cb322d;
  --brand-colors-petrakelly-yellow:#f8f303;
  --brand-colors-petrakelly-orange:#fa6e05;
  --brand-colors-state-green:#91c800;
  --brand-colors-state-blue:#0e307f;
  --brand-colors-gwi-turquoise:#3a9192;
  --brand-colors-gwi-red:#E70457;
  --brand-colors-green-extra-dark:#303c1b;
  --brand-colors-greencampus-green:#6bb232;
  --brand-colors-international-green:#91c800;
  --brand-colors-international-orange:#fd7232;
  --brand-colors-international-turquoise:#008599;
  --brand-colors-black-1:#000;
  --brand-colors-gray-dark-1:#333;
  --brand-colors-gray-dark-2:#444;
  --brand-colors-gray-1:#666;
  --brand-colors-gray-2:#7c7c7c;
  --brand-colors-gray-3:#949494;
  --brand-colors-gray-light-1:#e2e2e2;
  --brand-colors-gray-light-2:#f1f1f1;
  --brand-colors-gray-light-2b:#f3f3f3;
  --brand-colors-gray-light-3:#EBEBEB;
  --brand-colors-gray-light-4:#EAEAEA;
}

:root {
  --big-headline-colors-bildungswerk-blue:#203c89;
  --big-headline-colors-bildungswerk-green:#198632;
  --big-headline-colors-boell-blue:#0e307f;
  --big-headline-colors-boell-dark-green:#45783a;
  --big-headline-colors-boell-green:#75A300;
  --big-headline-colors-boell-darkmode-black:#000000;
  --big-headline-colors-boell-darkmode-grey:#444444;
  --big-headline-colors-boell-orange:#FD631C;
  --big-headline-colors-boell-red:#cc0000;
  --big-headline-colors-boell-turquoise:#008599;
  --big-headline-colors-boell-gray:#999;
  --big-headline-colors-boell-yellow:#BD8C05;
  --big-headline-colors-brandenburg-blue:#0064a7;
  --big-headline-colors-brandenburg-red:#e02d34;
  --big-headline-colors-brandenburg-orange:#C68606;
  --big-headline-colors-brandenburg-green:#80A027;
  --big-headline-colors-infohub-plastic:#3B49BC;
  --big-headline-colors-mid-green:#75A300;
  --big-headline-colors-mid-orange:#FD631C;
  --big-headline-colors-mid-pink:#DE6EA8;
  --big-headline-colors-mid-red:#cc0000;
  --big-headline-colors-mid-turquoise:#37A3A4;
  --big-headline-colors-mid-yellow:#BD8C05;
  --big-headline-colors-petrakelly-blue:#0e30ed;
  --big-headline-colors-petrakelly-green:#2aa754;
  --big-headline-colors-petrakelly-grey:#9A948D;
  --big-headline-colors-petrakelly-red:#cb322d;
  --big-headline-colors-petrakelly-yellow:#9c9902;
  --big-headline-colors-petrakelly-orange:#f06b05;
  --big-headline-colors-state-green:#75A300;
  --big-headline-colors-state-blue:#0e307f;
  --big-headline-colors-gwi-turquoise:#3a9192;
  --big-headline-colors-gwi-red:#E70457;
  --big-headline-colors-green-extra-dark:#303c1b;
  --big-headline-colors-greencampus-green:#63A32E;
  --big-headline-colors-international-green:#75A300;
  --big-headline-colors-international-orange:#FD631C;
  --big-headline-colors-international-turquoise:#008599;
  --big-headline-colors-gray-dark-1:#333;
  --big-headline-colors-gray-dark-2:#444;
  --big-headline-colors-gray-1:#666;
  --big-headline-colors-gray-2:#7c7c7c;
  --big-headline-colors-gray-3:#949494;
  --big-headline-colors-gray-light-1:#e2e2e2;
  --big-headline-colors-gray-light-2:#f1f1f1;
  --big-headline-colors-gray-light-2b:#f3f3f3;
  --big-headline-colors-gray-light-3:#EBEBEB;
}

/**
 * new design tokens 2024
 */
:root {
  --boe-color-primary-100: #75A300;
  --boe-color-primary-80:#91C800;
  --boe-color-primary-60: #A3E200;
  --boe-color-primary-40: #B2D94D;
  --boe-color-primary-20: #DEEFB3;
  --boe-color-neutral-100: black;
  --boe-color-neutral-80: #444444;
  --boe-color-neutral-60: #666666;
  --boe-color-neutral-40: #CCCCCC;
  --boe-color-neutral-20: #F1F1F1;
}

/**
 * COLORS
 */
:root {
  /** Primary theme colors */
  --brand-primary: #91c800;
  --brand-primary-text: #75A300;
  --brand-use-with-white-text: $use-with-white-text;
}

:root {
  --body-color-bg: var(--brand-colors-gray-light-1);
}

/**
 * CURSORS
 */
/**
 * Hamburger
 */
/**
  * TYPOGRAPHY
  */
/* 15px */
/**
 * Breakpoints
 */
/**
 * SPACING AND LAYOUTS
 */
/**
 * BLOCKQUOTES
 */
/**
 * BUTTONS
 */
/**
 * TEASER
 */
/**
 * ARTICLE PAGE
 */
:root {
  --content-article-width: 730px;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
@media all and (min-width: 0) and (max-width: 759.97px) {
  .hide-on-mobile {
    display: none;
  }
}

@media all and (min-width: 760px) {
  .only-on-mobile {
    display: none;
  }
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .only-on-desktop {
    display: none;
  }
}

body.theodor-scrollytelling-snapping {
  width: 100%;
}

body.theodor-scrollytelling-snapping #block-theodor-footer-menu.visually-hidden {
  display: none;
}

/** Debugging **/
#toolbar-administration,
.layout-tabs {
  display: none;
}

.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  margin-inline-start: 0;
}

/** END: Debugging **/
#scrollytelling-snapping--signifier {
  --scrollytelling--max-width: 1600px;
  background-color: var(--body-color-bg);
  /**
   * scrolly-stles which apply to both, mobile and Desktop
   */
  /**
   * Mobile only scrolly-styles
   */
  /**
   * Desktop only scrolly-stles
   */
}

#scrollytelling-snapping--signifier .site-header--scrollytelling-snapping {
  display: grid;
  grid-template-columns: 3fr 2fr;
}

#scrollytelling-snapping--signifier .site-header--scrollytelling-snapping .region-branding {
  width: auto;
}

#scrollytelling-snapping--signifier .site-header--scrollytelling-snapping .region-branding .block {
  margin-left: 0;
}

#scrollytelling-snapping--signifier .site-header--scrollytelling-snapping .region-header {
  justify-content: flex-end;
  padding-bottom: 0;
  padding-right: 0;
}

#scrollytelling-snapping--signifier.scrollytelling-snapping {
  container: scrollytelling_container / size;
  height: 100dvh;
  max-width: none;
  overflow: auto;
  padding: 0;
  scroll-snap-type: y mandatory;
}

#scrollytelling-snapping--signifier.scrollytelling-snapping .site-header {
  margin-bottom: 0;
  padding-top: 0;
  align-items: center;
}

#scrollytelling-snapping--signifier.scrollytelling-snapping .site-header .region-branding {
  padding-top: 0;
  padding-bottom: 12px;
}

@container scrollytelling_container (min-width: 760px) {
  #scrollytelling-snapping--signifier.scrollytelling-snapping .site-header .region-branding {
    padding-bottom: 0;
  }
}

#scrollytelling-snapping--signifier.scrollytelling-snapping .site-content {
  padding: 0;
}

#scrollytelling-snapping--signifier.scrollytelling-snapping footer.site-footer {
  scroll-snap-align: start;
  min-height: 100dvh;
  position: relative;
  /* we need this, otherwise our snapping breaks */
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__relateds {
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__relateds .grid-container-title {
  font-size: 2rem;
  position: absolute;
  top: 80px;
  z-index: 1;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__header .hamburger-inner, #scrollytelling-snapping--signifier .scrollytelling-snapping__header .hamburger-inner::before, #scrollytelling-snapping--signifier .scrollytelling-snapping__header .hamburger-inner::after {
  background: #fff;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide, #scrollytelling-snapping--signifier .scrollytelling-snapping__relateds .relateds__list-item,
#scrollytelling-snapping--signifier .scrollytelling-snapping__title-slide,
#scrollytelling-snapping--signifier .node--type-article .field--name-body > * {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: auto;
  padding: 0;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: var(--scrollytelling--max-width);
  margin-inline: auto;
  background: #fff;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__page-title h1 {
  color: var(--brand-colors-gray-dark-2);
  font-family: var(--font-noto-serif);
  font-weight: var(--font-weight--bold);
  letter-spacing: 0.01em;
}

#scrollytelling-snapping--signifier .field--name-body {
  /* START: This is for the first attempt in Scrollytelling */
  /* END: This is for the first attempt in Scrollytelling */
}

#scrollytelling-snapping--signifier .field--name-body > p {
  margin-left: 2rem;
  margin-right: 2rem;
  font-size: 1.1rem;
}

@container scrollytelling_container (min-height: 800px) {
  #scrollytelling-snapping--signifier .field--name-body > p {
    margin-left: 3rem;
    margin-right: 3rem;
    font-size: 1.3rem;
  }
}

@container scrollytelling_container (min-width: 760px) and (min-height: 560px) {
  #scrollytelling-snapping--signifier .field--name-body > p {
    font-size: 1.8rem;
    line-height: 1.6;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }
}

#scrollytelling-snapping--signifier .field--name-body .media .field {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#scrollytelling-snapping--signifier .field--name-body .media img,
#scrollytelling-snapping--signifier .field--name-body .media video {
  align-self: center;
  display: block;
  height: 100dvh;
  object-fit: cover;
  width: 100%;
}

@container scrollytelling_container (min-width: 760px) {
  #scrollytelling-snapping--signifier .field--name-body .media img,
#scrollytelling-snapping--signifier .field--name-body .media video {
    height: 100%;
    max-height: 92dvh;
    object-fit: contain;
  }
}

#scrollytelling-snapping--signifier .field--name-body .media picture {
  display: block;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__title-slide {
  --boell-logo-green-rectangles-pullout: 62px;
  --desktop-words-width: 37rem;
  --region-branding-left-padding: 0.5rem;
  position: relative;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__meta {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__meta p {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image {
  position: relative;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image .media:after {
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.55) 0%, rgba(18, 18, 18, 0) 100%);
  top: 0;
  height: 10rem;
  z-index: 0;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image .media:after, #scrollytelling-snapping--signifier .scrollytelling-snapping__main-image:after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  pointer-events: none;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__main-image:after {
    background: linear-gradient(0deg, rgba(18, 18, 18, 0.55) 0%, rgba(18, 18, 18, 0) 100%);
    bottom: 0;
    height: 17rem;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__header #block-logode {
    display: none;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__header .theodor-logo-white-on-dark {
    display: block;
  }
  @container scrollytelling_container (min-width: 700px) {
    #scrollytelling-snapping--signifier .scrollytelling-snapping__header .theodor-logo-white-on-dark {
      margin-top: 0.33rem;
    }
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__page-title {
    height: 100dvh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 2rem;
    z-index: 2;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__page-title h1 {
    font-size: 1.8rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
    max-width: Min(90dvw, 480px);
    padding: 1rem 2rem 0.8rem;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__meta {
    position: absolute;
    bottom: 1.5rem;
    z-index: 1;
    align-items: center;
    text-align: center;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__meta * {
    color: #fff;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__meta .icon--scroll-nudge--mobile {
    width: 2rem;
    fill: #fff;
  }
}

@media all and (min-width: 760px) {
  #scrollytelling-snapping--signifier .site-header--scrollytelling-snapping {
    grid-template-columns: 1fr 1fr;
  }
  #scrollytelling-snapping--signifier .site-header--scrollytelling-snapping .region-branding {
    margin: 0;
    padding-left: 0.5rem;
  }
  #scrollytelling-snapping--signifier .site-header--scrollytelling-snapping .region-header {
    padding-right: 1rem;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__grid-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__words {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 4rem;
    max-width: var(--desktop-words-width);
    margin-left: 1rem;
    width: 100%;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__header .site-header {
    padding-bottom: 3rem;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__header .theodor-logo-white-on-dark {
    display: none;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__page-title {
    padding: 2rem 0 1.5rem;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__page-title h1 {
    font-size: 3rem;
    line-height: 1.3;
  }
  #scrollytelling-snapping--signifier .icon--scroll-nudge--desktop {
    align-self: center;
    position: absolute;
    bottom: 2rem;
  }
}

@media all and (min-width: 1220px) {
  #scrollytelling-snapping--signifier .site-header--scrollytelling-snapping .region-branding {
    width: calc(var(--desktop-words-width) + var(--boell-logo-green-rectangles-pullout) + var(--region-branding-left-padding));
    margin-left: auto;
    max-width: 50dvw;
  }
  #scrollytelling-snapping--signifier .site-header--scrollytelling-snapping .region-header {
    justify-content: center;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__words {
    margin-left: auto;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__lead, #scrollytelling-snapping--signifier .scrollytelling-snapping__lead * {
  font-weight: 600;
  font-size: 1.1rem;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__date {
  margin: 1rem 0;
  font-weight: 400;
  font-size: 1.1rem;
}

@container scrollytelling_container (min-width: 760px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__date {
    margin-top: 1.5rem;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__grid-wrap {
  width: 100%;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image {
  width: 100%;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image .media--view-mode-image-and-licence-article-main-image {
  max-width: none;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image img,
#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image video {
  width: 100%;
  height: 100dvh;
  object-fit: cover;
  display: block;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image picture {
  display: block;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__main-image figcaption {
  display: none;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body {
  position: relative;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) > p,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) li,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) h2,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) h3 {
  margin-left: 2rem;
  margin-right: 2rem;
}

@container scrollytelling_container (min-height: 800px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) > p,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) li,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) h2,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) h3 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@container scrollytelling_container (min-width: 760px) and (min-height: 560px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) > p,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) li,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) h2,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:not(:has(.media)) h3 {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body > p,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body li {
  font-size: 1.1rem;
}

@container scrollytelling_container (min-height: 800px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body > p,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body li {
    font-size: 1.3rem;
  }
}

@container scrollytelling_container (min-width: 760px) and (min-height: 560px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body > p,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body li {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h2,
#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h3 {
  font-family: var(--font-noto-serif);
  line-height: 1.3;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h2 {
  font-size: 1.75rem;
}

@container scrollytelling_container (min-height: 800px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h2 {
    font-size: 1.9rem;
  }
}

@container scrollytelling_container (min-width: 760px) and (min-height: 560px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h2 {
    font-size: 2.25rem;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h3 {
  font-size: 1.5rem;
}

@container scrollytelling_container (min-height: 800px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h3 {
    font-size: 1.75rem;
  }
}

@container scrollytelling_container (min-width: 760px) and (min-height: 560px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body h3 {
    font-size: 1.9rem;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body {
  --marginalia-width-desktop: 21rem;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:has(h2):has(.media) h2 {
  position: absolute;
  top: 20dvh;
  z-index: 2;
  width: 100%;
}

@container scrollytelling_container (max-width: 1024px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:has(h2):has(.media) h2 {
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
    max-width: Min(90dvw, 480px);
    padding: 1rem 2rem 0.8rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

@container scrollytelling_container (min-width: 1024px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:has(h2):has(.media) h2 {
    left: 1rem;
    max-width: var(--marginalia-width-desktop);
  }
}

@container scrollytelling_container (min-width: 1220px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body:has(h2):has(.media) h2 {
    left: 2rem;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body .media {
  position: relative;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure {
  display: flex;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure figcaption {
  font-size: 1rem;
  font-weight: var(--font-weight--medium);
  line-height: 1.2;
  display: block;
  margin: 0;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure figcaption .copyright {
  font-size: 0.75rem;
  margin-top: 0.3rem;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure figcaption .copyright .licence-link {
  margin-left: 0;
  color: inherit;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure figcaption .copyright .licence-link:after {
  height: 0.55rem;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure figcaption.copyright-only {
  text-align: left;
}

@media all and (min-width: 0) and (max-width: 1023.97px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) figcaption {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 0.7rem;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) figcaption.copyright-only {
    background: rgba(255, 255, 255, 0.6);
    color: black;
    padding: 0.5rem 0.7rem 0.3rem;
    backdrop-filter: blur(0.3rem);
    width: 100%;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) figcaption.copyright-only .copyright {
    margin-top: 0;
  }
}

@media all and (min-width: 1024px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) {
    width: 100%;
    padding: 4dvh 1rem;
    flex-direction: row;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) figcaption {
    width: var(--marginalia-width-desktop);
    align-self: end;
    order: 1;
    margin: 1rem 0 0;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) .media {
    order: 2;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) .media img {
    width: auto;
    max-width: 100%;
    padding-left: 1.4rem;
  }
}

@media all and (min-width: 1220px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) {
    padding-left: 2rem;
    padding-right: 0;
  }
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:not(.align-center):not(:has(article.align-center)) .media img {
    margin-right: var(--marginalia-width-desktop);
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure.align-center, #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:has(article.align-center) {
  height: 98%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  width: 96%;
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure.align-center figcaption, #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:has(article.align-center) figcaption {
  margin-top: 0.2rem;
  position: unset;
  max-width: 980px;
}

@container scrollytelling_container (min-width: 1024px) {
  #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure.align-center figcaption, #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:has(article.align-center) figcaption {
    margin-top: 1.6rem;
  }
}

#scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure.align-center img, #scrollytelling-snapping--signifier .scrollytelling-snapping__slide-body figure:has(article.align-center) img {
  object-fit: contain;
  height: auto;
  max-height: 94dvh;
}

/*# sourceMappingURL=scrollytelling-snapping.css.map */