:root {
  --date-col: 21vw;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #000;
  font-family: Be Vietnam Pro, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2, .h2 { /* added .h2 */
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 117%;
}

p {
  margin-bottom: 0;
  line-height: 142%;
}

a {
  text-decoration: none;
}

.chapter {
  z-index: 2000;
  grid-column-gap: 30px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2vw 40px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.chapter.start {
  filter: invert();
  mix-blend-mode: difference;
  background-color: #0000;
  position: absolute;
  inset: auto 0% 0%;
}

.chapter.nav {
  grid-column-gap: 1vw;
  background-color: #0000;
  padding-top: .2vw;
  padding-bottom: .2vw;
  position: static;
  overflow: visible;
}

.chapter.nav:hover {
  filter: none;
}

.chapter.nav.current {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
}

.h1-chapter {
  letter-spacing: -.03em;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.h1-chapter.wrap {
  white-space: normal;
}

.arrow {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 18px;
  margin-top: .8vw;
  text-decoration: none;
  display: flex;
}

.row {
  background-color: #0000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  margin-top: -1px;
  padding-left: 0;
  transition: all .2s;
  display: flex;
}

.row.simple {
  cursor: auto;
}

.row.simple:hover {
  background-color: #0000;
}

.cell {
  flex: 1;
}

.cell.date {
  width: var(--date-col);
  flex: none;
}

.cell.plus {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 30px;
  margin-top: 0;
  margin-left: 20px;
  display: flex;
}

.table-wrapper {
  width: 100%;
  display: flex;
}

.list-section {
  width: 100%;
  margin-bottom: 180px;
  padding: 50px 12vw;
}

.list-section.media {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.hero {
  flex-flow: column;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.full-size-img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.h1-name {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Be Vietnam Pro, sans-serif;
  font-weight: 600;
  line-height: 90%;
  text-decoration: none;
}

.lead-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.link-button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  transition: all .2s;
  display: flex;
}

.link-button:hover {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.link-button.spacing {
  color: #000;
  margin-top: 27px;
  text-decoration: none;
}

.small {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.white-space {
  padding-top: 6rem;
}

.arrow-small {
  width: 22px;
}

.full-witdth-img {
  width: 100%;
}

.footer-nav-container {
  z-index: 4000;
  background-color: #fff;
  align-items: stretch;
  width: 100%;
  padding-top: 2.4vw;
  position: relative;
}

.start-spacer {
  width: 100%;
  height: 20vh;
}

.accordeion-content {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.accordeon-trigger {
  cursor: ns-resize;
  width: 100%;
  padding-top: 1.6vw;
  padding-bottom: 1.6vw;
  padding-left: 0;
  transition: all .2s;
  display: flex;
}

.accordeon-trigger:hover {
  padding-left: 10px;
}

.accordeon-trigger.audio {
  cursor: auto;
  padding-bottom: 0;
}

.accordeon-trigger.audio:hover {
  padding-left: 0;
}

.accordeon-trigger.simple {
  cursor: auto;
}

.accordeon-trigger.simple:hover {
  padding-left: 0;
}

.accordeon-intendt {
  padding-top: 1vw;
  padding-bottom: 2vw;
  padding-left: var(--date-col);
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  align-items: stretch;
  display: flex;
}

.accordeon-intendt.audio {
  padding-top: .5vw;
  padding-bottom: 1.6vw;
}

.footer {
  z-index: 2000;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  padding: 2vw 40px;
  display: flex;
}

.footer.negativ {
  background-image: linear-gradient(0deg, #000, #0000);
  position: absolute;
  inset: auto 0% 0%;
}

.media {
  width: 100%;
}

.media-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.image-wide {
  width: 100%;
  max-width: 2200px;
  height: auto;
}

.nav-trigger {
  z-index: 8000;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: fixed;
  inset: 30px 30px auto auto;
  box-shadow: 0 2px 5px #0003;
}

.nav-trigger:hover {
  box-shadow: 0 10px 20px #0000001a;
}

.nav-trigger.w--current {
  padding: 1rem;
}

.download-btn {
  z-index: 1000;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #0003;
  border-radius: 30px;
  padding: 7px 17px 7px 19px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 30px 30px auto auto;
}

.download-btn:hover {
  background-color: #0009;
}

.button-simple {
  color: #e60050;
  cursor: pointer;
  padding-top: 7px;
  padding-bottom: 4px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.accordion-item-trigger {
  cursor: pointer;
  border-top: 1px solid #e0e0e0;
  margin-top: -1px;
  padding-top: 1.7rem;
  padding-bottom: 1.8rem;
  display: flex;
}

/* added */
.cell a, .textlink {
  cursor: alias;
  text-decoration: underline;
  transition: all .2s;
}

.trigger-title {
  flex-flow: row;
  flex: 1;
}

.content-opened {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.current-indicator {
  background-color: #000;
  border-radius: 50%;
  flex: none;
  width: 2.8vw;
  height: 2.8vw;
}

/* changed from .current-indicator:lang(en)  */
a .current-indicator {
  display: flex;
}

.current-indicator.negative {
  background-color: #fff;
}

.background-video {
  aspect-ratio: 3 / 2;
  width: 100%;
  height: auto;
}

.group {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
}

.image {
  width: 100%;
}

.image-2 {
  width: 2rem;
  height: auto;
}

.menu-overlay {
  z-index: 5000;
  color: #fff;
  background-color: #000;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.footer-group {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  display: flex;
}

.nav-group {
  width: 100%;
  height: 100%;
  padding-top: 1.8vw;
  padding-bottom: 1.8vw;
  overflow: auto;
}

.error {
  z-index: 2000;
  grid-column-gap: 30px;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2vw 40px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

@media screen and (max-width: 991px) {
  h2, .h2 { /* added .h2 */
    line-height: 120%;
  }

  .chapter {
    grid-column-gap: 19px;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .chapter.nav {
    padding-top: .6vw;
    padding-bottom: .6vw;
  }

  .arrow {
    width: 44px;
    height: auto;
  }

  .row:hover {
    background-color: #0000;
  }

  .cell.date {
    width: 23vw;
  }

  .cell.plus {
    width: 20px;
  }

  .list-section {
    margin-bottom: 80px;
    padding: 40px;
  }

  .small.disclaimer {
    font-size: 14px;
  }

  .white-space {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-nav-container {
    padding-top: 4vw;
  }

  .start-spacer {
    height: 20vh;
  }

  .accordeon-trigger {
    padding-top: 2.8vw;
    padding-bottom: 2.8vw;
  }

  .accordeon-trigger:hover {
    padding-left: 0;
  }

  .accordeon-intendt {
    padding-top: 2vw;
    padding-bottom: 4vw;
    padding-left: 0;
  }

  .accordeon-intendt.audio {
    padding-top: 1vw;
    padding-bottom: 2.8vw;
  }

  .footer {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .nav-trigger {
    top: 3vw;
  }

  .download-btn {
    background-color: #0003;
    top: 20px;
    right: 20px;
  }

  .download-btn:hover {
    background-color: #0003;
  }

  .accordion-item-trigger {
    height: auto;
    min-height: 80px;
    padding-top: 1.5rem;
    padding-bottom: 1.6rem;
  }

  .current-indicator {
    display: none;
  }

  .current-indicator.negative {
    width: 3.2vw;
    height: 3.2vw;
  }

  .footer-group {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .nav-group {
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
  }

  .error {
    grid-column-gap: 19px;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}

@media screen and (max-width: 767px) {
  h2, .h2 { /* added .h2 */
    line-height: 122%;
  }

  .chapter {
    grid-column-gap: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .chapter.nav {
    grid-column-gap: 10px;
    padding-top: .8vw;
    padding-bottom: .8vw;
  }

  .arrow {
    width: 33px;
    margin-top: 1.4vw;
  }

  .cell.date {
    width: 29vw;
  }

  .cell.plus {
    width: 17px;
    height: 27px;
  }

  .list-section {
    padding: 30px;
  }

  .small {
    font-size: 15px;
  }

  .small.disclaimer {
    font-size: 13px;
  }

  .start-spacer {
    height: 140px;
  }

  .accordeon-trigger {
    flex-flow: row;
  }

  .accordeon-intendt {
    padding-top: 1vw;
  }

  .accordeon-intendt.audio {
    padding-top: 1.6vw;
  }

  .footer {
    grid-column-gap: 12px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    padding: 3vw 30px;
  }

  .nav-trigger {
    width: 4rem;
    height: 4rem;
    top: auto;
    bottom: 3vw;
    right: 20px;
  }

  .nav-trigger.w--current {
    padding: .9rem;
  }

  .download-btn {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 6px 15px 6px 17px;
    top: 10px;
    right: 10px;
  }

  .accordion-item-trigger {
    height: auto;
    min-height: 80px;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .current-indicator {
    width: 2.6vw;
    height: 2.6vw;
  }

  .current-indicator.negative {
    width: 3.6vw;
    height: 3.6vw;
  }

  .image-2 {
    width: 2rem;
  }

  .footer-group {
    grid-column-gap: 12px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .nav-group {
    padding-top: 2.2vw;
    padding-bottom: 2.2vw;
  }

  .error {
    grid-column-gap: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 479px) {
  .chapter {
    grid-column-gap: 14px;
    padding: 4vw 20px;
  }

  .chapter.nav {
    overflow: hidden;
  }

  .h1-chapter {
    line-height: 111%;
  }

  .cell.date {
    width: 100%;
    margin-bottom: 16px;
  }

  .cell.plus {
    width: 16px;
    height: 24px;
    position: absolute;
    inset: 2.9vw 0% auto auto;
  }

  .list-section {
    padding: 20px;
  }

  .small {
    font-size: 14px;
  }

  .small.disclaimer {
    font-size: 12px;
  }

  .start-spacer {
    height: 110px;
  }

  .accordeon-trigger {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
    position: relative;
  }

  .accordeon-intendt {
    padding-top: 3vw;
    padding-bottom: 5vw;
  }

  .accordeon-intendt.audio {
    padding-bottom: 3vw;
  }

  .footer {
    padding: 4vw 20px;
  }

  .accordion-item-trigger {
    align-items: flex-start;
    height: auto;
    min-height: 77px;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .trigger-title {
    flex-flow: column;
  }

  .current-indicator {
    width: 3.6vw;
    height: 3.6vw;
  }

  .footer-group {
    flex-flow: column;
  }

  .nav-group {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }

  .error {
    grid-column-gap: 14px;
    padding: 4vw 20px;
  }
}

#w-node-c4d0402e-f482-3901-2ba8-ba5f1e95493d-0750eb02 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-f9db03cf-3d2d-a9be-4452-1a3d7af3a554-55b9a930, #w-node-fb18a06b-d4ec-1481-25f3-fa489c3efddf-9d2208fb, #w-node-b8e411c3-827d-2eb1-1384-cd32ef403f5d-9d2208fb {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_699bda77-74f5-31ac-5117-afd1be1d5e94-cda1bc3e {
  grid-area: 2 / 2 / 2 / 12;
}

#w-node-_699bda77-74f5-31ac-5117-afd1be1d5e9a-cda1bc3e {
  grid-area: 3 / 2 / 4 / 8;
}

#w-node-_699bda77-74f5-31ac-5117-afd1be1d5e8e-cda1bc3e {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-ac0a912c-e125-e0b6-e1ff-4b0600755dcb-0f3dd8a8 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_4e375d75-2ca5-f06d-67c0-c9bd8ad96b76-0f3dd8a8, #w-node-_9477116f-4cb5-9880-e5b8-09360daafce4-0f3dd8a8 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-c4d0402e-f482-3901-2ba8-ba5f1e95493d-55c9f085 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_322042c0-1a11-ded7-10bd-ee5655c0fb73-55c9f085, #w-node-a706334d-e2de-fd43-9f90-faf1f648c456-55c9f085, #w-node-e3b666b9-43e6-238a-65f2-bd86a0f957c6-55c9f085, #w-node-_4e375d75-2ca5-f06d-67c0-c9bd8ad96b76-55c9f085, #w-node-_4e375d75-2ca5-f06d-67c0-c9bd8ad96b76-b817e6c5, #w-node-_273fc26c-9b0e-b4ea-1265-ede09e2f72e4-b817e6c5, #w-node-_4906a504-8f4e-467f-1df5-fb0986b3d69d-b817e6c5, #w-node-f58a197b-afdf-7522-341d-0efe6e97349b-5986ceea, #w-node-a013a92f-60cf-dc40-562b-0b8cea97d155-e84038a2, #w-node-_65d7b2d4-5790-17a0-f611-ce6c48563d9c-e84038a2 {
  grid-area: 1 / 2 / 2 / 12;
}

@media screen and (max-width: 991px) {
  #w-node-c4d0402e-f482-3901-2ba8-ba5f1e95493d-0750eb02, #w-node-f9db03cf-3d2d-a9be-4452-1a3d7af3a554-55b9a930, #w-node-fb18a06b-d4ec-1481-25f3-fa489c3efddf-9d2208fb, #w-node-b8e411c3-827d-2eb1-1384-cd32ef403f5d-9d2208fb, #w-node-ac0a912c-e125-e0b6-e1ff-4b0600755dcb-0f3dd8a8, #w-node-_4e375d75-2ca5-f06d-67c0-c9bd8ad96b76-0f3dd8a8, #w-node-_9477116f-4cb5-9880-e5b8-09360daafce4-0f3dd8a8, #w-node-c4d0402e-f482-3901-2ba8-ba5f1e95493d-55c9f085, #w-node-_322042c0-1a11-ded7-10bd-ee5655c0fb73-55c9f085, #w-node-a706334d-e2de-fd43-9f90-faf1f648c456-55c9f085, #w-node-e3b666b9-43e6-238a-65f2-bd86a0f957c6-55c9f085, #w-node-_4e375d75-2ca5-f06d-67c0-c9bd8ad96b76-55c9f085, #w-node-_4e375d75-2ca5-f06d-67c0-c9bd8ad96b76-b817e6c5, #w-node-_273fc26c-9b0e-b4ea-1265-ede09e2f72e4-b817e6c5, #w-node-_4906a504-8f4e-467f-1df5-fb0986b3d69d-b817e6c5, #w-node-f58a197b-afdf-7522-341d-0efe6e97349b-5986ceea, #w-node-a013a92f-60cf-dc40-562b-0b8cea97d155-e84038a2, #w-node-_65d7b2d4-5790-17a0-f611-ce6c48563d9c-e84038a2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* added (used to be inline) */
.html-audio-player {
  width:100%;
}
/* end */

/* added (used to be inline) */
body {
  -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
}
.chapter.start {
  mix-blend-mode: difference;
}
h2, .h2 { /* added .h2 */
  font-size: clamp(1.2rem, 0.9rem + 1.6vw, 2.5rem);
}
.h2 p { /* added override */
  font-size: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  line-height: inherit;
}
p {
  font-size: clamp(1rem, 0.9423rem + 0.3077vw, 1.25rem);
  font-feature-settings: "kern";
  font-kerning: normal;
}
.textlink, .cell a /* added */ {
  text-decoration-thickness: 0.07rem;
  text-underline-offset: 0.3rem;
}
a {
  color: inherit;
}
.underline {
  color: inherit;
}
.h1-name {
  font-size: clamp(3.4rem, 0.2615rem + 16.7385vw, 17rem);
}
.h1-chapter {
  font-size: clamp(2rem, 0.6154rem + 7.3846vw, 8rem);
}
.accordeion-content {
  width: 100% !important;
}
/* end */

/* extra care for video embeds */
.accordeion-content iframe {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:auto
}

/* spacing inside text */
.writer-text h2:not(:first-child) {
  padding-top: 3.2vw;
}

@media screen and (max-width: 479px) {
  .writer-text h2:not(:first-child) {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 991px) {
  .writer-text h2:not(:first-child) {
    padding-top: 5.6vw;
  }
}
/* end spacing inside text */

/* some typography */
.h2 p a, .accordeion-content p a {
  text-decoration-thickness: 0.07rem !important;
  text-underline-offset: 0.3rem;
  text-decoration-line: underline;
}
/* end some typography */

/* a bit of spacing after img caption */
.accordeion-content .capture {
  margin-top: 0.5em;
}
