@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import 'video-js.min.css';
@import 'main2.css';
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: normal;
  font-family: "LarsBold";
  font-size: 1.08333em;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*
sections können margin-bottom 45, 60, 90, 120, 180, 240, 300 haben
*/
/*
custom-scroll-bar

styling (breite, farbe hintergrund, farbe balken, radien)
ist bisher nur bei webkit-browsern über prefixed selektoren möglich
achtung: das standardverhalten (scrollbar ist overlayed, 
transparent und wird nur beim scrollen sichtbar) wird dadurch unterbunden 
stattdessen ist der platz für die scrollbar immer reserviert, was besonders 
bei farbigen hintergründen oder durchgehenden borders auffällt.

in firefox: 
breite und hg/vg-farbe können mit
scrollbar-width
scrollbar-color
beeinflußt werden.
macOS notes:;
The auto-hiding semi-transparent scrollbars that are the macOS default cannot be colored with this rule 
(they still choose their own contrasting color based on the background). Only the permanently showing scrollbars 
(System Preferences > Show Scroll Bars > Always) are colored.

*/
/* Root Variables */
:root {
  --grotesk: "Lars";
  --serif: "Panama";
  --bold: "LarsBold";
  --bolditalic: "LarsItalic";
  --space-navbar:90px;
  --border: 1px;
  --serif-factor: 1.07;
  --pink:hsl(340, 78%, 66%);
  --gray:hsl(270, 6%, 87%);
  --offwhite:hsl(45, 40%, 92%);
  --btblue:hsl(202, 82%, 43%);
  --btgreen:hsl(164, 93%, 30%);
  --lh-heading:1.2;
  --lh-text:1.5;
  --image-border-radius:3px;
  --fs-xl:2.027rem;
  --ls-xl:-0.065em;
  --fs-h1:1.266rem;
  --ls-h1:-0.055em;
  --fs-h2:1.125rem;
  --ls-h2:-0.045em;
  --fs-h3:1rem;
  --ls-h3:-0.04em;
  --fs-h4:0.889rem;
  --ls-h4:-0.032em;
  --fs-base:0.702rem;
  --ls-base:-0.6px;
  --fs-xs:0.624rem;
  --ls-xs:-0.46px;
  --fs-xxs:0.555rem;
  --ls-xxs:-0.8px;
}
@media (min-width: 600px) {
  :root {
    --lh-heading:1.1;
    --lh-text:1.45;
    --fs-xxl:4.209rem;
    --fs-xl:2.887rem;
    --fs-h1:2.027rem;
    --fs-h2:1.602rem;
    --fs-h3:1.424rem;
    --fs-h4:1rem;
    --fs-base:0.79rem;
    --fs-xxs:0.64rem;
    --fs-tiny:0.512rem;
    --ls-h1:-0.042857em;
    --ls-h2:-0.032857em;
    --ls-h3:-0.032857em;
    --ls-h4:-0.03857em;
    --ls-base:-0.6px;
    --ls-xs:-0.4px;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  :root {
    --column-gap: 7.32026vw;
    --columns: 6;
  }
}
@media (min-width: 1200px) {
  :root {
    --space-xl:150px;
    --space-lg:120px;
    --space-md:90px;
    --space-sm:60px;
    --space-xs:45px;
  }
}
@media (min-width: 900px) {
  :root {
    --gutter:3.66vw;
    --space-xl:120px;
    --space-lg:90px;
    --space-md:60px;
    --space-sm:45px;
    --space-xs:30px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  :root {
    --gutter:5.468vw;
    --column-gap: 10.9375vw;
    --columns: 4;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  :root {
    --space-xl:90px;
    --space-lg:60px;
    --space-md:45px;
    --space-sm:30px;
    --space-xs:15px;
    --column-gap: 10.9375vw;
    --columns: 4;
  }
}
@media (max-width: 899px) {
  :root {
    --gutter:5.468vw;
    --space-navbar:80px;
  }
}
@media (max-width: 599px) {
  :root {
    --space-navbar:60px;
    --gutter:4vw;
    --space-xl:60px;
    --space-lg:45px;
    --space-md:30px;
    --space-sm:15px;
    --space-xs:10px;
    --columns:2;
    --column-gap: 8vw;
  }
}
@media (min-width: 1800px) {
  :root {
    --gutter:2.8646vw;
    --column-gap:5.7292vw;
    --columns:8;
  }
}

/*BT STYLES*/
.text-media {
  padding: auto var(--gutter);
  margin-bottom: 6rem;
}

.text-header {
  margin-top: 8vw;
}
.text-header h1 {
  font-size: var(--fs-xl);
  letter-spacing: var(--ls-h1);
  max-width: 17ch;
}
.text-header h1 .text-serif {
  font-family: var(--serif);
  font-size: calc(var(--fs-xl) * var(--serif-factor));
}

p:empty {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

.bt_text, .text {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
}
.bt_text h1, .bt_text h2, .bt_text h3, .bt_text h4, .bt_text h5, .text h1, .text h2, .text h3, .text h4, .text h5 {
  margin-right: 0.6em;
  line-height: var(--lh-heading);
}
.bt_text.text-xxs, .bt_text.text-xxs p, .bt_text.text-xxs ul, .bt_text.text-xxs ol, .text.text-xxs, .text.text-xxs p, .text.text-xxs ul, .text.text-xxs ol {
  font-size: var(--fs-xxs);
  letter-spacing: var(--ls-xxs);
}
.bt_text.text-serif h2, .text.text-serif h2 {
  font-family: var(--serif);
  font-size: calc(var(--fs-h2) * var(--serif-factor));
}
.bt_text.text-serif h3, .text.text-serif h3 {
  font-family: var(--serif);
  font-size: calc(var(--fs-h3) * var(--serif-factor));
}
.bt_text.text-serif h4, .text.text-serif h4 {
  font-family: var(--serif);
  font-size: calc(var(--fs-h4) * var(--serif-factor));
}
.bt_text h2, .text h2 {
  font-size: var(--fs-h2);
  letter-spacing: var(--ls-h2);
  line-height: var(--lh-heading);
}
.bt_text h2.text-serif, .text h2.text-serif {
  font-family: var(--serif);
  font-size: calc(var(--fs-h2) * var(--serif-factor));
}
.bt_text h3, .text h3 {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
  line-height: var(--lh-heading);
  max-width: 30ch;
}
.bt_text h3.text-serif, .text h3.text-serif {
  font-family: var(--serif);
  font-size: calc(var(--fs-h3) * var(--serif-factor));
}
.bt_text h4, .text h4 {
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
  line-height: var(--lh-heading);
}
.bt_text h4.text-serif, .text h4.text-serif {
  font-family: var(--serif);
  font-size: calc(var(--fs-h4) * var(--serif-factor));
}
.bt_text p, .text p {
  font-size: var(--fs-base);
  line-height: var(--lh-text);
  letter-spacing: var(--ls-base);
}
.bt_text p:not(.alert), .text p:not(.alert) {
  max-width: 88ch;
}
.bt_text p + h3, .text p + h3 {
  padding-top: 0.5em;
}
.bt_text small, .bt_text .fs-xs, .text small, .text .fs-xs {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
}
.bt_text .fs-xxs, .text .fs-xxs {
  font-size: var(--fs-xxs);
  letter-spacing: var(--ls-xxs);
}
.bt_text .ff-serif, .text .ff-serif {
  font-family: var(--serif) !important;
}
.bt_text .ff-bolditalic, .bt_text strong > em, .bt_text em > strong, .text .ff-bolditalic, .text strong > em, .text em > strong {
  font-family: var(--bolditalic) !important;
  font-style: initial;
}
.bt_text h2, .text h2 {
  margin-bottom: 1.75rem;
}
@media (min-width: 600px) {
  .bt_text h2, .text h2 {
    margin-bottom: 2.25rem;
  }
}
.bt_text h3, .text h3 {
  margin-bottom: 1.25rem;
}
@media (min-width: 600px) {
  .bt_text h3, .text h3 {
    margin-bottom: 1.75rem;
  }
}
.bt_text h4, .text h4 {
  margin-bottom: 0.75rem;
}
@media (min-width: 600px) {
  .bt_text h4, .text h4 {
    margin-bottom: 1.25rem;
  }
}
.bt_text p, .bt_text ul, .text p, .text ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
.bt_text p:last-child, .text p:last-child {
  margin-bottom: 0;
}
.bt_text strong, .bt_text b, .bt_text .is-film-title, .bt_text .question, .text strong, .text b, .text .is-film-title, .text .question {
  font-family: var(--bold);
  font-size: 1em;
}
.bt_text p.intro, .text p.intro {
  font-size: calc(var(--fs-h4) * var(--serif-factor));
  font-family: var(--serif);
  text-indent: 2em;
  line-height: var(--lh-heading);
}
.bt_text a, .text a {
  overflow-wrap: break-word;
  word-break: break-word;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-position: from-font;
}
.bt_text a:hover, .text a:hover {
  text-decoration-color: var(--btmagenta);
}
.bt_text ul:not(.styled-list) > li, .text ul:not(.styled-list) > li {
  margin-top: 0.5em;
  line-height: var(--lh-text);
}
.bt_text .alert, .text .alert {
  padding: var(--space-sm);
  border-radius: 1em;
}
.bt_text .alert-info, .text .alert-info {
  background-color: #dfdde1;
}
.bt_text .alert-talents, .text .alert-talents {
  color: white;
  background-color: var(--btmagenta);
}
.bt_text .alert-danger, .text .alert-danger {
  background-color: #ee0085;
  color: white;
}

.grid-12, #page .teaser-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-column-gap: 2.8vw;
  grid-row-gap: 5vw;
}
.grid-12.no-gap, #page .no-gap.teaser-grid {
  gap: 0 !important;
}
.grid-12 > div, #page .teaser-grid > div {
  grid-column-end: span 12;
}
.grid-12 > div.hide, #page .teaser-grid > div.hide {
  display: none;
}
.grid-12.text-media, #page .text-media.teaser-grid {
  margin-bottom: 3rem;
}
.grid-12.column-gap-1, #page .column-gap-1.teaser-grid {
  grid-column-gap: calc(var(--gutter) / 2);
}
.grid-12.row-gap-1, #page .row-gap-1.teaser-grid {
  grid-row-gap: calc(var(--gutter) / 2);
}

.grid-12 .grid-12, #page .teaser-grid .grid-12, .grid-12 #page .teaser-grid, #page .grid-12 .teaser-grid, #page .teaser-grid .teaser-grid {
  grid-column-gap: 15px;
}

.col-span-all {
  grid-column-start: 1;
  grid-column-end: -1;
}

@media (max-width: 599px) {
  .grid-12 > .xs\:col-span-1, #page .teaser-grid > .xs\:col-span-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid-12 > .xs\:col-span-2, #page .teaser-grid > .xs\:col-span-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid-12 > .xs\:col-span-3, #page .teaser-grid > .xs\:col-span-3 {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid-12 > .xs\:col-span-4, #page .teaser-grid > .xs\:col-span-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid-12 > .xs\:col-span-5, #page .teaser-grid > .xs\:col-span-5 {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid-12 > .xs\:col-span-6, #page .teaser-grid > .xs\:col-span-6 {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid-12 > .xs\:col-span-7, #page .teaser-grid > .xs\:col-span-7 {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid-12 > .xs\:col-span-8, #page .teaser-grid > .xs\:col-span-8 {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid-12 > .xs\:col-span-9, #page .teaser-grid > .xs\:col-span-9 {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid-12 > .xs\:col-span-10, #page .teaser-grid > .xs\:col-span-10 {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid-12 > .xs\:col-span-11, #page .teaser-grid > .xs\:col-span-11 {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid-12 > .xs\:col-span-12, #page .teaser-grid > .xs\:col-span-12 {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .xs\:show {
    display: block;
  }
  .xs\:hide {
    display: none;
  }
}
@media (min-width: 600px) {
  .grid-12 > .sm\:col-span-1, #page .teaser-grid > .sm\:col-span-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid-12 > .sm\:col-span-2, #page .teaser-grid > .sm\:col-span-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid-12 > .sm\:col-span-3, #page .teaser-grid > .sm\:col-span-3 {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid-12 > .sm\:col-span-4, #page .teaser-grid > .sm\:col-span-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid-12 > .sm\:col-span-5, #page .teaser-grid > .sm\:col-span-5 {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid-12 > .sm\:col-span-6, #page .teaser-grid > .sm\:col-span-6 {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid-12 > .sm\:col-span-7, #page .teaser-grid > .sm\:col-span-7 {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid-12 > .sm\:col-span-8, #page .teaser-grid > .sm\:col-span-8 {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid-12 > .sm\:col-span-9, #page .teaser-grid > .sm\:col-span-9 {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid-12 > .sm\:col-span-10, #page .teaser-grid > .sm\:col-span-10 {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid-12 > .sm\:col-span-11, #page .teaser-grid > .sm\:col-span-11 {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid-12 > .sm\:col-span-12, #page .teaser-grid > .sm\:col-span-12 {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .grid-12 > .sm\:offset-1, #page .teaser-grid > .sm\:offset-1 {
    grid-column-start: 2;
  }
  .grid-12 > .sm\:offset-2, #page .teaser-grid > .sm\:offset-2 {
    grid-column-start: 3;
  }
  .grid-12 > .sm\:offset-3, #page .teaser-grid > .sm\:offset-3 {
    grid-column-start: 4;
  }
  .grid-12 > .sm\:offset-4, #page .teaser-grid > .sm\:offset-4 {
    grid-column-start: 5;
  }
  .grid-12 > .sm\:offset-5, #page .teaser-grid > .sm\:offset-5 {
    grid-column-start: 6;
  }
  .grid-12 > .sm\:offset-6, #page .teaser-grid > .sm\:offset-6 {
    grid-column-start: 7;
  }
  .grid-12 > .sm\:offset-7, #page .teaser-grid > .sm\:offset-7 {
    grid-column-start: 8;
  }
  .grid-12 > .sm\:offset-8, #page .teaser-grid > .sm\:offset-8 {
    grid-column-start: 9;
  }
  .grid-12 > .sm\:offset-9, #page .teaser-grid > .sm\:offset-9 {
    grid-column-start: 10;
  }
  .grid-12 > .sm\:offset-10, #page .teaser-grid > .sm\:offset-10 {
    grid-column-start: 11;
  }
  .grid-12 > .sm\:offset-11, #page .teaser-grid > .sm\:offset-11 {
    grid-column-start: 12;
  }
  .grid-12 > .sm\:offset-12, #page .teaser-grid > .sm\:offset-12 {
    grid-column-start: 13;
  }
  .grid-12 > div.sm\:show, #page .teaser-grid > div.sm\:show {
    display: block;
  }
  .grid-12 > div.sm\:hide, #page .teaser-grid > div.sm\:hide {
    display: none;
  }
  .sm\:show {
    display: block;
  }
  .sm\:hide {
    display: none;
  }
}
@media (min-width: 900px) {
  .grid-12 > .md\:col-span-1, #page .teaser-grid > .md\:col-span-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid-12 > .md\:col-span-2, #page .teaser-grid > .md\:col-span-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid-12 > .md\:col-span-3, #page .teaser-grid > .md\:col-span-3 {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid-12 > .md\:col-span-4, #page .teaser-grid > .md\:col-span-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid-12 > .md\:col-span-5, #page .teaser-grid > .md\:col-span-5 {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid-12 > .md\:col-span-6, #page .teaser-grid > .md\:col-span-6 {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid-12 > .md\:col-span-7, #page .teaser-grid > .md\:col-span-7 {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid-12 > .md\:col-span-8, #page .teaser-grid > .md\:col-span-8 {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid-12 > .md\:col-span-9, #page .teaser-grid > .md\:col-span-9 {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid-12 > .md\:col-span-10, #page .teaser-grid > .md\:col-span-10 {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid-12 > .md\:col-span-11, #page .teaser-grid > .md\:col-span-11 {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid-12 > .md\:col-span-12, #page .teaser-grid > .md\:col-span-12 {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .grid-12 > .md\:offset-1, #page .teaser-grid > .md\:offset-1 {
    grid-column-start: 2;
  }
  .grid-12 > .md\:offset-2, #page .teaser-grid > .md\:offset-2 {
    grid-column-start: 3;
  }
  .grid-12 > .md\:offset-3, #page .teaser-grid > .md\:offset-3 {
    grid-column-start: 4;
  }
  .grid-12 > .md\:offset-4, #page .teaser-grid > .md\:offset-4 {
    grid-column-start: 5;
  }
  .grid-12 > .md\:offset-5, #page .teaser-grid > .md\:offset-5 {
    grid-column-start: 6;
  }
  .grid-12 > .md\:offset-6, #page .teaser-grid > .md\:offset-6 {
    grid-column-start: 7;
  }
  .grid-12 > .md\:offset-7, #page .teaser-grid > .md\:offset-7 {
    grid-column-start: 8;
  }
  .grid-12 > .md\:offset-8, #page .teaser-grid > .md\:offset-8 {
    grid-column-start: 9;
  }
  .grid-12 > .md\:offset-9, #page .teaser-grid > .md\:offset-9 {
    grid-column-start: 10;
  }
  .grid-12 > .md\:offset-10, #page .teaser-grid > .md\:offset-10 {
    grid-column-start: 11;
  }
  .grid-12 > .md\:offset-11, #page .teaser-grid > .md\:offset-11 {
    grid-column-start: 12;
  }
  .grid-12 > .md\:offset-12, #page .teaser-grid > .md\:offset-12 {
    grid-column-start: 13;
  }
  .grid-12 > div.md\:show, #page .teaser-grid > div.md\:show {
    display: block;
  }
  .grid-12 > div.md\:hide, #page .teaser-grid > div.md\:hide {
    display: none;
  }
  .md\:show {
    display: block;
  }
  .md\:hide {
    display: none;
  }
}
@media (min-width: 1200px) {
  .grid-12 > .lg\:col-span-1, #page .teaser-grid > .lg\:col-span-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid-12 > .lg\:col-span-2, #page .teaser-grid > .lg\:col-span-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid-12 > .lg\:col-span-3, #page .teaser-grid > .lg\:col-span-3 {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid-12 > .lg\:col-span-4, #page .teaser-grid > .lg\:col-span-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid-12 > .lg\:col-span-5, #page .teaser-grid > .lg\:col-span-5 {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid-12 > .lg\:col-span-6, #page .teaser-grid > .lg\:col-span-6 {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid-12 > .lg\:col-span-7, #page .teaser-grid > .lg\:col-span-7 {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid-12 > .lg\:col-span-8, #page .teaser-grid > .lg\:col-span-8 {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid-12 > .lg\:col-span-9, #page .teaser-grid > .lg\:col-span-9 {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid-12 > .lg\:col-span-10, #page .teaser-grid > .lg\:col-span-10 {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid-12 > .lg\:col-span-11, #page .teaser-grid > .lg\:col-span-11 {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid-12 > .lg\:col-span-12, #page .teaser-grid > .lg\:col-span-12 {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .grid-12 > .lg\:offset-1, #page .teaser-grid > .lg\:offset-1 {
    grid-column-start: 2;
  }
  .grid-12 > .lg\:offset-2, #page .teaser-grid > .lg\:offset-2 {
    grid-column-start: 3;
  }
  .grid-12 > .lg\:offset-3, #page .teaser-grid > .lg\:offset-3 {
    grid-column-start: 4;
  }
  .grid-12 > .lg\:offset-4, #page .teaser-grid > .lg\:offset-4 {
    grid-column-start: 5;
  }
  .grid-12 > .lg\:offset-5, #page .teaser-grid > .lg\:offset-5 {
    grid-column-start: 6;
  }
  .grid-12 > .lg\:offset-6, #page .teaser-grid > .lg\:offset-6 {
    grid-column-start: 7;
  }
  .grid-12 > .lg\:offset-7, #page .teaser-grid > .lg\:offset-7 {
    grid-column-start: 8;
  }
  .grid-12 > .lg\:offset-8, #page .teaser-grid > .lg\:offset-8 {
    grid-column-start: 9;
  }
  .grid-12 > .lg\:offset-9, #page .teaser-grid > .lg\:offset-9 {
    grid-column-start: 10;
  }
  .grid-12 > .lg\:offset-10, #page .teaser-grid > .lg\:offset-10 {
    grid-column-start: 11;
  }
  .grid-12 > .lg\:offset-11, #page .teaser-grid > .lg\:offset-11 {
    grid-column-start: 12;
  }
  .grid-12 > .lg\:offset-12, #page .teaser-grid > .lg\:offset-12 {
    grid-column-start: 13;
  }
  .grid-12 > div.lg\:show, #page .teaser-grid > div.lg\:show {
    display: block;
  }
  .grid-12 > div.lg\:hide, #page .teaser-grid > div.lg\:hide {
    display: none;
  }
  .lg\:show {
    display: block;
  }
  .lg\:hide {
    display: none;
  }
}
@media (min-width: 1800px) {
  .grid-12 > .xl\:col-span-1, #page .teaser-grid > .xl\:col-span-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
  .grid-12 > .xl\:col-span-2, #page .teaser-grid > .xl\:col-span-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
  .grid-12 > .xl\:col-span-3, #page .teaser-grid > .xl\:col-span-3 {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
  .grid-12 > .xl\:col-span-4, #page .teaser-grid > .xl\:col-span-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
  .grid-12 > .xl\:col-span-5, #page .teaser-grid > .xl\:col-span-5 {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
  .grid-12 > .xl\:col-span-6, #page .teaser-grid > .xl\:col-span-6 {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
  .grid-12 > .xl\:col-span-7, #page .teaser-grid > .xl\:col-span-7 {
    grid-column-start: auto;
    grid-column-end: span 7;
  }
  .grid-12 > .xl\:col-span-8, #page .teaser-grid > .xl\:col-span-8 {
    grid-column-start: auto;
    grid-column-end: span 8;
  }
  .grid-12 > .xl\:col-span-9, #page .teaser-grid > .xl\:col-span-9 {
    grid-column-start: auto;
    grid-column-end: span 9;
  }
  .grid-12 > .xl\:col-span-10, #page .teaser-grid > .xl\:col-span-10 {
    grid-column-start: auto;
    grid-column-end: span 10;
  }
  .grid-12 > .xl\:col-span-11, #page .teaser-grid > .xl\:col-span-11 {
    grid-column-start: auto;
    grid-column-end: span 11;
  }
  .grid-12 > .xl\:col-span-12, #page .teaser-grid > .xl\:col-span-12 {
    grid-column-start: auto;
    grid-column-end: span 12;
  }
  .grid-12 > .xl\:offset-1, #page .teaser-grid > .xl\:offset-1 {
    grid-column-start: 2;
  }
  .grid-12 > .xl\:offset-2, #page .teaser-grid > .xl\:offset-2 {
    grid-column-start: 3;
  }
  .grid-12 > .xl\:offset-3, #page .teaser-grid > .xl\:offset-3 {
    grid-column-start: 4;
  }
  .grid-12 > .xl\:offset-4, #page .teaser-grid > .xl\:offset-4 {
    grid-column-start: 5;
  }
  .grid-12 > .xl\:offset-5, #page .teaser-grid > .xl\:offset-5 {
    grid-column-start: 6;
  }
  .grid-12 > .xl\:offset-6, #page .teaser-grid > .xl\:offset-6 {
    grid-column-start: 7;
  }
  .grid-12 > .xl\:offset-7, #page .teaser-grid > .xl\:offset-7 {
    grid-column-start: 8;
  }
  .grid-12 > .xl\:offset-8, #page .teaser-grid > .xl\:offset-8 {
    grid-column-start: 9;
  }
  .grid-12 > .xl\:offset-9, #page .teaser-grid > .xl\:offset-9 {
    grid-column-start: 10;
  }
  .grid-12 > .xl\:offset-10, #page .teaser-grid > .xl\:offset-10 {
    grid-column-start: 11;
  }
  .grid-12 > .xl\:offset-11, #page .teaser-grid > .xl\:offset-11 {
    grid-column-start: 12;
  }
  .grid-12 > .xl\:offset-12, #page .teaser-grid > .xl\:offset-12 {
    grid-column-start: 13;
  }
  .grid-12 > div.xl\:show, #page .teaser-grid > div.xl\:show {
    display: block;
  }
  .grid-12 > div.xl\:hide, #page .teaser-grid > div.xl\:hide {
    display: none;
  }
  .lg\:show {
    display: block;
  }
  .lg\:hide {
    display: none;
  }
}
.submenuItem:hover, .submenuItem:focus {
  text-decoration: underline;
}

.page-navigation-list span {
  padding: 1em var(--gutter);
  white-space: nowrap;
}

.move {
  z-index: 2;
  width: var(--gutter);
  height: 100%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  /*background-color: rgba(255, 255, 255, .6);*/
  position: absolute;
}

.move svg {
  position: absolute;
  cursor: pointer;
}

.move[data-direction=left] {
  left: 0;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.95) 40%, hsla(0, 0%, 100%, 0.5)) !important;
}

.move[data-direction=right] {
  right: 0;
  background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0.95) 40%, hsla(0, 0%, 100%, 0.5)) !important;
}

#submenuContainer {
  transition: all 0.6s ease;
}

.ps__rail-x {
  display: none !important;
}

aside.page-navigation {
  position: sticky;
  top: calc(var(--space-navbar) + 2rem);
}
aside.page-navigation nav {
  border-left: 1px solid #ccc;
  min-height: 35vh;
}
aside.page-navigation nav ul {
  transition: transform 0.5s ease;
  transform: translateY(-2em);
}
aside.page-navigation nav ul li {
  transition: padding 0.5s ease;
  cursor: pointer;
}
aside.page-navigation nav ul .page-navigation-listheader {
  opacity: 0;
  display: inline-block;
  font-weight: 900;
  margin-bottom: 15px;
}
aside.page-navigation nav ul li:not(.page-navigation-listheader):hover {
  padding-left: 0.5em;
}
aside.page-navigation nav.navigation-header-visible ul {
  transform: translateY(0);
}
aside.page-navigation nav.navigation-header-visible ul .page-navigation-listheader {
  height: auto;
  opacity: 1;
}

.fancy-quote {
  hyphens: auto;
  -webkit-hyphens: auto;
  font-size: var(--fs-h1);
  letter-spacing: var(--ls-h1);
  line-height: 1.1;
  font-family: var(--serif);
}

.lazy-image__container {
  position: relative;
  height: 0 !important;
  padding-bottom: calc(100% / var(--aspect-ratio));
  overflow: hidden;
  background: linear-gradient(to bottom, #fff, #ec6593);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  border-radius: 4px;
}
.lazy-image__container .lazy-image__image {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 1;
  transition: all 1s ease !important;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lazy-image__container .lazy-image__image.has-loaded {
  opacity: 1;
}

.bt_media_masonry {
  display: flex;
  flex-wrap: wrap;
  padding: var(--gutter);
  gap: var(--gutter);
}
.bt_media_masonry > * {
  flex: 1 1 calc(50% - var(--gutter));
}
@media (min-width: 600px) and (max-width: 899px) {
  .bt_media_masonry > * {
    flex: 0 0 100%;
  }
}
.bt_media_masonry .media-block .embed-media {
  margin: 0;
}
@media (max-width: 599px) {
  .bt_media_masonry {
    flex-wrap: nowrap;
    overflow-y: scroll;
  }
  .bt_media_masonry > * {
    min-width: calc(100vw - 4 * var(--gutter));
  }
}

.bt-searchbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--space-navbar);
  display: flex;
  padding: auto var(--gutter);
}
.bt-searchbar .open-bt-searchbar {
  padding-left: var(--gutter);
}
.bt-searchbar .open-bt-searchbar svg {
  height: 1.4em;
}
.bt-searchbar .open-bt-searchbar:focus-visible {
  color: var(--btmagenta);
}
.bt-searchbar .close-bt-searchbar {
  color: var(--theme-text);
  padding-right: var(--gutter);
}
.bt-searchbar .close-bt-searchbar:focus-visible {
  color: var(--btmagenta);
}

.bt-searchbar .bt-searchbar-inner {
  height: 100%;
  width: 100%;
  display: flex;
  z-index: 2;
  background-color: white;
  transition: transform 0.3s ease;
  transform: translateY(calc(-1 * var(--space-navbar)));
  position: absolute;
  left: 0;
  border-bottom: 1px solid black;
}

.bt-searchbar.open .bt-searchbar-inner {
  transform: translateY(0);
}

.bt-searchbar form input {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
  padding-left: var(--gutter);
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 599px) {
  .bt-searchbar form input {
    font-size: var(--fs-base);
    letter-spacing: var(--ls-base);
  }
}

.drawer-list {
  width: 100%;
  overflow: auto;
}
.drawer-list .drawer-list_ul {
  height: 1px;
  overflow: hidden;
  transition: height 0.3s ease;
  position: relative;
}
.drawer-list .drawer-list_ul p:last-child, .drawer-list .drawer-list_ul ul:last-child {
  margin-bottom: 2em;
}
.drawer-list .drawer_list li:last-child {
  margin-bottom: 0.5rem;
}
.drawer-list .drawer_toggler {
  position: relative;
}
.drawer-list .drawer_toggler svg {
  stroke: currentColor;
}
.drawer-list .drawer-list_item > div {
  margin-top: 2em;
}
.drawer-list .drawer-list_item button:focus-visible {
  outline: auto;
}
.drawer-list .drawer_toggler svg {
  height: 1em;
  width: 1em;
}
.drawer-list label svg {
  height: 0.8em;
}

.drawer_toggler[aria-expanded=false] svg {
  transform: rotate(180deg);
}

dl.bt_description-list {
  margin: 0px;
}
dl.bt_description-list dt {
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
}
dl.bt_description-list dd {
  font-family: var(--serif);
  font-size: calc(var(--fs-h4) * var(--serif-factor));
  letter-spacing: var(--ls-h4);
  margin-bottom: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
dl.bt_description-list dd a {
  white-space: nowrap;
}
@media (max-width: 899px) {
  dl.bt_description-list dd:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 0) {
  .xs\:p-t-25 {
    padding-top: 0.25rem;
  }
  .xs\:p-t-50 {
    padding-top: 0.5rem;
  }
  .xs\:p-t-75 {
    padding-top: 0.75rem;
  }
  .xs\:p-t-100 {
    padding-top: 1rem;
  }
  .xs\:p-t-200 {
    padding-top: 2rem;
  }
  .xs\:p-t-300 {
    padding-top: 3rem;
  }
  .xs\:p-t-400 {
    padding-top: 4rem;
  }
  .xs\:p-b-25 {
    padding-bottom: 0.25rem;
  }
  .xs\:p-b-50 {
    padding-bottom: 0.5rem;
  }
  .xs\:p-b-75 {
    padding-bottom: 0.75rem;
  }
  .xs\:p-b-100 {
    padding-bottom: 1rem;
  }
  .xs\:p-b-200 {
    padding-bottom: 2rem;
  }
  .xs\:p-b-300 {
    padding-bottom: 3rem;
  }
  .xs\:p-b-400 {
    padding-bottom: 4rem;
  }
  .xs\:p-l-25 {
    padding-left: 0.25rem;
  }
  .xs\:p-l-50 {
    padding-left: 0.5rem;
  }
  .xs\:p-l-75 {
    padding-left: 0.75rem;
  }
  .xs\:p-l-100 {
    padding-left: 1rem;
  }
  .xs\:p-l-200 {
    padding-left: 2rem;
  }
  .xs\:p-l-300 {
    padding-left: 3rem;
  }
  .xs\:p-l-400 {
    padding-left: 4rem;
  }
  .xs\:p-r-25 {
    padding-right: 0.25rem;
  }
  .xs\:p-r-50 {
    padding-right: 0.5rem;
  }
  .xs\:p-r-75 {
    padding-right: 0.75rem;
  }
  .xs\:p-r-100 {
    padding-right: 1rem;
  }
  .xs\:p-r-200 {
    padding-right: 2rem;
  }
  .xs\:p-r-300 {
    padding-right: 3rem;
  }
  .xs\:p-r-400 {
    padding-right: 4rem;
  }
  .xs\:p-a-25 {
    padding: 0.25rem;
  }
  .xs\:p-a-50 {
    padding: 0.5rem;
  }
  .xs\:p-a-75 {
    padding: 0.75rem;
  }
  .xs\:p-a-100 {
    padding: 1rem;
  }
  .xs\:p-a-200 {
    padding: 2rem;
  }
  .xs\:p-a-300 {
    padding: 3rem;
  }
  .xs\:p-a-400 {
    padding: 4rem;
  }
  .xs\:p-x-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xs\:p-x-50 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xs\:p-x-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xs\:p-x-100 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xs\:p-x-200 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xs\:p-x-300 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xs\:p-x-400 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xs\:p-y-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xs\:p-y-50 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xs\:p-y-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .xs\:p-y-100 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xs\:p-y-200 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xs\:p-y-300 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .xs\:p-y-400 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 600px) {
  .sm\:p-t-25 {
    padding-top: 0.25rem;
  }
  .sm\:p-t-50 {
    padding-top: 0.5rem;
  }
  .sm\:p-t-75 {
    padding-top: 0.75rem;
  }
  .sm\:p-t-100 {
    padding-top: 1rem;
  }
  .sm\:p-t-200 {
    padding-top: 2rem;
  }
  .sm\:p-t-300 {
    padding-top: 3rem;
  }
  .sm\:p-t-400 {
    padding-top: 4rem;
  }
  .sm\:p-b-25 {
    padding-bottom: 0.25rem;
  }
  .sm\:p-b-50 {
    padding-bottom: 0.5rem;
  }
  .sm\:p-b-75 {
    padding-bottom: 0.75rem;
  }
  .sm\:p-b-100 {
    padding-bottom: 1rem;
  }
  .sm\:p-b-200 {
    padding-bottom: 2rem;
  }
  .sm\:p-b-300 {
    padding-bottom: 3rem;
  }
  .sm\:p-b-400 {
    padding-bottom: 4rem;
  }
  .sm\:p-l-25 {
    padding-left: 0.25rem;
  }
  .sm\:p-l-50 {
    padding-left: 0.5rem;
  }
  .sm\:p-l-75 {
    padding-left: 0.75rem;
  }
  .sm\:p-l-100 {
    padding-left: 1rem;
  }
  .sm\:p-l-200 {
    padding-left: 2rem;
  }
  .sm\:p-l-300 {
    padding-left: 3rem;
  }
  .sm\:p-l-400 {
    padding-left: 4rem;
  }
  .sm\:p-r-25 {
    padding-right: 0.25rem;
  }
  .sm\:p-r-50 {
    padding-right: 0.5rem;
  }
  .sm\:p-r-75 {
    padding-right: 0.75rem;
  }
  .sm\:p-r-100 {
    padding-right: 1rem;
  }
  .sm\:p-r-200 {
    padding-right: 2rem;
  }
  .sm\:p-r-300 {
    padding-right: 3rem;
  }
  .sm\:p-r-400 {
    padding-right: 4rem;
  }
  .sm\:p-a-25 {
    padding: 0.25rem;
  }
  .sm\:p-a-50 {
    padding: 0.5rem;
  }
  .sm\:p-a-75 {
    padding: 0.75rem;
  }
  .sm\:p-a-100 {
    padding: 1rem;
  }
  .sm\:p-a-200 {
    padding: 2rem;
  }
  .sm\:p-a-300 {
    padding: 3rem;
  }
  .sm\:p-a-400 {
    padding: 4rem;
  }
  .sm\:p-x-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm\:p-x-50 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:p-x-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:p-x-100 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:p-x-200 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:p-x-300 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:p-x-400 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm\:p-y-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm\:p-y-50 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:p-y-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:p-y-100 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:p-y-200 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:p-y-300 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:p-y-400 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 900px) {
  .md\:p-t-25 {
    padding-top: 0.25rem;
  }
  .md\:p-t-50 {
    padding-top: 0.5rem;
  }
  .md\:p-t-75 {
    padding-top: 0.75rem;
  }
  .md\:p-t-100 {
    padding-top: 1rem;
  }
  .md\:p-t-200 {
    padding-top: 2rem;
  }
  .md\:p-t-300 {
    padding-top: 3rem;
  }
  .md\:p-t-400 {
    padding-top: 4rem;
  }
  .md\:p-b-25 {
    padding-bottom: 0.25rem;
  }
  .md\:p-b-50 {
    padding-bottom: 0.5rem;
  }
  .md\:p-b-75 {
    padding-bottom: 0.75rem;
  }
  .md\:p-b-100 {
    padding-bottom: 1rem;
  }
  .md\:p-b-200 {
    padding-bottom: 2rem;
  }
  .md\:p-b-300 {
    padding-bottom: 3rem;
  }
  .md\:p-b-400 {
    padding-bottom: 4rem;
  }
  .md\:p-l-25 {
    padding-left: 0.25rem;
  }
  .md\:p-l-50 {
    padding-left: 0.5rem;
  }
  .md\:p-l-75 {
    padding-left: 0.75rem;
  }
  .md\:p-l-100 {
    padding-left: 1rem;
  }
  .md\:p-l-200 {
    padding-left: 2rem;
  }
  .md\:p-l-300 {
    padding-left: 3rem;
  }
  .md\:p-l-400 {
    padding-left: 4rem;
  }
  .md\:p-r-25 {
    padding-right: 0.25rem;
  }
  .md\:p-r-50 {
    padding-right: 0.5rem;
  }
  .md\:p-r-75 {
    padding-right: 0.75rem;
  }
  .md\:p-r-100 {
    padding-right: 1rem;
  }
  .md\:p-r-200 {
    padding-right: 2rem;
  }
  .md\:p-r-300 {
    padding-right: 3rem;
  }
  .md\:p-r-400 {
    padding-right: 4rem;
  }
  .md\:p-a-25 {
    padding: 0.25rem;
  }
  .md\:p-a-50 {
    padding: 0.5rem;
  }
  .md\:p-a-75 {
    padding: 0.75rem;
  }
  .md\:p-a-100 {
    padding: 1rem;
  }
  .md\:p-a-200 {
    padding: 2rem;
  }
  .md\:p-a-300 {
    padding: 3rem;
  }
  .md\:p-a-400 {
    padding: 4rem;
  }
  .md\:p-x-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:p-x-50 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:p-x-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:p-x-100 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:p-x-200 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:p-x-300 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:p-x-400 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:p-y-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:p-y-50 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:p-y-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:p-y-100 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:p-y-200 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:p-y-300 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:p-y-400 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .lg\:p-t-25 {
    padding-top: 0.25rem;
  }
  .lg\:p-t-50 {
    padding-top: 0.5rem;
  }
  .lg\:p-t-75 {
    padding-top: 0.75rem;
  }
  .lg\:p-t-100 {
    padding-top: 1rem;
  }
  .lg\:p-t-200 {
    padding-top: 2rem;
  }
  .lg\:p-t-300 {
    padding-top: 3rem;
  }
  .lg\:p-t-400 {
    padding-top: 4rem;
  }
  .lg\:p-b-25 {
    padding-bottom: 0.25rem;
  }
  .lg\:p-b-50 {
    padding-bottom: 0.5rem;
  }
  .lg\:p-b-75 {
    padding-bottom: 0.75rem;
  }
  .lg\:p-b-100 {
    padding-bottom: 1rem;
  }
  .lg\:p-b-200 {
    padding-bottom: 2rem;
  }
  .lg\:p-b-300 {
    padding-bottom: 3rem;
  }
  .lg\:p-b-400 {
    padding-bottom: 4rem;
  }
  .lg\:p-l-25 {
    padding-left: 0.25rem;
  }
  .lg\:p-l-50 {
    padding-left: 0.5rem;
  }
  .lg\:p-l-75 {
    padding-left: 0.75rem;
  }
  .lg\:p-l-100 {
    padding-left: 1rem;
  }
  .lg\:p-l-200 {
    padding-left: 2rem;
  }
  .lg\:p-l-300 {
    padding-left: 3rem;
  }
  .lg\:p-l-400 {
    padding-left: 4rem;
  }
  .lg\:p-r-25 {
    padding-right: 0.25rem;
  }
  .lg\:p-r-50 {
    padding-right: 0.5rem;
  }
  .lg\:p-r-75 {
    padding-right: 0.75rem;
  }
  .lg\:p-r-100 {
    padding-right: 1rem;
  }
  .lg\:p-r-200 {
    padding-right: 2rem;
  }
  .lg\:p-r-300 {
    padding-right: 3rem;
  }
  .lg\:p-r-400 {
    padding-right: 4rem;
  }
  .lg\:p-a-25 {
    padding: 0.25rem;
  }
  .lg\:p-a-50 {
    padding: 0.5rem;
  }
  .lg\:p-a-75 {
    padding: 0.75rem;
  }
  .lg\:p-a-100 {
    padding: 1rem;
  }
  .lg\:p-a-200 {
    padding: 2rem;
  }
  .lg\:p-a-300 {
    padding: 3rem;
  }
  .lg\:p-a-400 {
    padding: 4rem;
  }
  .lg\:p-x-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg\:p-x-50 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:p-x-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:p-x-100 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:p-x-200 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:p-x-300 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:p-x-400 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:p-y-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg\:p-y-50 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:p-y-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:p-y-100 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:p-y-200 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:p-y-300 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:p-y-400 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1800px) {
  .xl\:p-t-25 {
    padding-top: 0.25rem;
  }
  .xl\:p-t-50 {
    padding-top: 0.5rem;
  }
  .xl\:p-t-75 {
    padding-top: 0.75rem;
  }
  .xl\:p-t-100 {
    padding-top: 1rem;
  }
  .xl\:p-t-200 {
    padding-top: 2rem;
  }
  .xl\:p-t-300 {
    padding-top: 3rem;
  }
  .xl\:p-t-400 {
    padding-top: 4rem;
  }
  .xl\:p-b-25 {
    padding-bottom: 0.25rem;
  }
  .xl\:p-b-50 {
    padding-bottom: 0.5rem;
  }
  .xl\:p-b-75 {
    padding-bottom: 0.75rem;
  }
  .xl\:p-b-100 {
    padding-bottom: 1rem;
  }
  .xl\:p-b-200 {
    padding-bottom: 2rem;
  }
  .xl\:p-b-300 {
    padding-bottom: 3rem;
  }
  .xl\:p-b-400 {
    padding-bottom: 4rem;
  }
  .xl\:p-l-25 {
    padding-left: 0.25rem;
  }
  .xl\:p-l-50 {
    padding-left: 0.5rem;
  }
  .xl\:p-l-75 {
    padding-left: 0.75rem;
  }
  .xl\:p-l-100 {
    padding-left: 1rem;
  }
  .xl\:p-l-200 {
    padding-left: 2rem;
  }
  .xl\:p-l-300 {
    padding-left: 3rem;
  }
  .xl\:p-l-400 {
    padding-left: 4rem;
  }
  .xl\:p-r-25 {
    padding-right: 0.25rem;
  }
  .xl\:p-r-50 {
    padding-right: 0.5rem;
  }
  .xl\:p-r-75 {
    padding-right: 0.75rem;
  }
  .xl\:p-r-100 {
    padding-right: 1rem;
  }
  .xl\:p-r-200 {
    padding-right: 2rem;
  }
  .xl\:p-r-300 {
    padding-right: 3rem;
  }
  .xl\:p-r-400 {
    padding-right: 4rem;
  }
  .xl\:p-a-25 {
    padding: 0.25rem;
  }
  .xl\:p-a-50 {
    padding: 0.5rem;
  }
  .xl\:p-a-75 {
    padding: 0.75rem;
  }
  .xl\:p-a-100 {
    padding: 1rem;
  }
  .xl\:p-a-200 {
    padding: 2rem;
  }
  .xl\:p-a-300 {
    padding: 3rem;
  }
  .xl\:p-a-400 {
    padding: 4rem;
  }
  .xl\:p-x-25 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xl\:p-x-50 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl\:p-x-75 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl\:p-x-100 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:p-x-200 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl\:p-x-300 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:p-x-400 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl\:p-y-25 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xl\:p-y-50 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl\:p-y-75 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .xl\:p-y-100 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl\:p-y-200 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl\:p-y-300 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .xl\:p-y-400 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 0) {
  .xs\:m-t-25 {
    margin-top: 0.25rem;
  }
  .xs\:m-t-50 {
    margin-top: 0.5rem;
  }
  .xs\:m-t-75 {
    margin-top: 0.75rem;
  }
  .xs\:m-t-100 {
    margin-top: 1rem;
  }
  .xs\:m-t-200 {
    margin-top: 2rem;
  }
  .xs\:m-t-300 {
    margin-top: 3rem;
  }
  .xs\:m-t-400 {
    margin-top: 4rem;
  }
  .xs\:m-b-25 {
    margin-bottom: 0.25rem;
  }
  .xs\:m-b-50 {
    margin-bottom: 0.5rem;
  }
  .xs\:m-b-75 {
    margin-bottom: 0.75rem;
  }
  .xs\:m-b-100 {
    margin-bottom: 1rem;
  }
  .xs\:m-b-200 {
    margin-bottom: 2rem;
  }
  .xs\:m-b-300 {
    margin-bottom: 3rem;
  }
  .xs\:m-b-400 {
    margin-bottom: 4rem;
  }
  .xs\:m-l-25 {
    margin-left: 0.25rem;
  }
  .xs\:m-l-50 {
    margin-left: 0.5rem;
  }
  .xs\:m-l-75 {
    margin-left: 0.75rem;
  }
  .xs\:m-l-100 {
    margin-left: 1rem;
  }
  .xs\:m-l-200 {
    margin-left: 2rem;
  }
  .xs\:m-l-300 {
    margin-left: 3rem;
  }
  .xs\:m-l-400 {
    margin-left: 4rem;
  }
  .xs\:m-r-25 {
    margin-right: 0.25rem;
  }
  .xs\:m-r-50 {
    margin-right: 0.5rem;
  }
  .xs\:m-r-75 {
    margin-right: 0.75rem;
  }
  .xs\:m-r-100 {
    margin-right: 1rem;
  }
  .xs\:m-r-200 {
    margin-right: 2rem;
  }
  .xs\:m-r-300 {
    margin-right: 3rem;
  }
  .xs\:m-r-400 {
    margin-right: 4rem;
  }
  .xs\:m-a-25 {
    margin: 0.25rem;
  }
  .xs\:m-a-50 {
    margin: 0.5rem;
  }
  .xs\:m-a-75 {
    margin: 0.75rem;
  }
  .xs\:m-a-100 {
    margin: 1rem;
  }
  .xs\:m-a-200 {
    margin: 2rem;
  }
  .xs\:m-a-300 {
    margin: 3rem;
  }
  .xs\:m-a-400 {
    margin: 4rem;
  }
  .xs\:m-x-25 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .xs\:m-x-50 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xs\:m-x-75 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .xs\:m-x-100 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xs\:m-x-200 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xs\:m-x-300 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .xs\:m-x-400 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xs\:m-y-25 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .xs\:m-y-50 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xs\:m-y-75 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .xs\:m-y-100 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xs\:m-y-200 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xs\:m-y-300 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .xs\:m-y-400 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 600px) {
  .sm\:m-t-25 {
    margin-top: 0.25rem;
  }
  .sm\:m-t-50 {
    margin-top: 0.5rem;
  }
  .sm\:m-t-75 {
    margin-top: 0.75rem;
  }
  .sm\:m-t-100 {
    margin-top: 1rem;
  }
  .sm\:m-t-200 {
    margin-top: 2rem;
  }
  .sm\:m-t-300 {
    margin-top: 3rem;
  }
  .sm\:m-t-400 {
    margin-top: 4rem;
  }
  .sm\:m-b-25 {
    margin-bottom: 0.25rem;
  }
  .sm\:m-b-50 {
    margin-bottom: 0.5rem;
  }
  .sm\:m-b-75 {
    margin-bottom: 0.75rem;
  }
  .sm\:m-b-100 {
    margin-bottom: 1rem;
  }
  .sm\:m-b-200 {
    margin-bottom: 2rem;
  }
  .sm\:m-b-300 {
    margin-bottom: 3rem;
  }
  .sm\:m-b-400 {
    margin-bottom: 4rem;
  }
  .sm\:m-l-25 {
    margin-left: 0.25rem;
  }
  .sm\:m-l-50 {
    margin-left: 0.5rem;
  }
  .sm\:m-l-75 {
    margin-left: 0.75rem;
  }
  .sm\:m-l-100 {
    margin-left: 1rem;
  }
  .sm\:m-l-200 {
    margin-left: 2rem;
  }
  .sm\:m-l-300 {
    margin-left: 3rem;
  }
  .sm\:m-l-400 {
    margin-left: 4rem;
  }
  .sm\:m-r-25 {
    margin-right: 0.25rem;
  }
  .sm\:m-r-50 {
    margin-right: 0.5rem;
  }
  .sm\:m-r-75 {
    margin-right: 0.75rem;
  }
  .sm\:m-r-100 {
    margin-right: 1rem;
  }
  .sm\:m-r-200 {
    margin-right: 2rem;
  }
  .sm\:m-r-300 {
    margin-right: 3rem;
  }
  .sm\:m-r-400 {
    margin-right: 4rem;
  }
  .sm\:m-a-25 {
    margin: 0.25rem;
  }
  .sm\:m-a-50 {
    margin: 0.5rem;
  }
  .sm\:m-a-75 {
    margin: 0.75rem;
  }
  .sm\:m-a-100 {
    margin: 1rem;
  }
  .sm\:m-a-200 {
    margin: 2rem;
  }
  .sm\:m-a-300 {
    margin: 3rem;
  }
  .sm\:m-a-400 {
    margin: 4rem;
  }
  .sm\:m-x-25 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm\:m-x-50 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm\:m-x-75 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .sm\:m-x-100 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm\:m-x-200 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:m-x-300 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .sm\:m-x-400 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sm\:m-y-25 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .sm\:m-y-50 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm\:m-y-75 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .sm\:m-y-100 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm\:m-y-200 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm\:m-y-300 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .sm\:m-y-400 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 900px) {
  .md\:m-t-25 {
    margin-top: 0.25rem;
  }
  .md\:m-t-50 {
    margin-top: 0.5rem;
  }
  .md\:m-t-75 {
    margin-top: 0.75rem;
  }
  .md\:m-t-100 {
    margin-top: 1rem;
  }
  .md\:m-t-200 {
    margin-top: 2rem;
  }
  .md\:m-t-300 {
    margin-top: 3rem;
  }
  .md\:m-t-400 {
    margin-top: 4rem;
  }
  .md\:m-b-25 {
    margin-bottom: 0.25rem;
  }
  .md\:m-b-50 {
    margin-bottom: 0.5rem;
  }
  .md\:m-b-75 {
    margin-bottom: 0.75rem;
  }
  .md\:m-b-100 {
    margin-bottom: 1rem;
  }
  .md\:m-b-200 {
    margin-bottom: 2rem;
  }
  .md\:m-b-300 {
    margin-bottom: 3rem;
  }
  .md\:m-b-400 {
    margin-bottom: 4rem;
  }
  .md\:m-l-25 {
    margin-left: 0.25rem;
  }
  .md\:m-l-50 {
    margin-left: 0.5rem;
  }
  .md\:m-l-75 {
    margin-left: 0.75rem;
  }
  .md\:m-l-100 {
    margin-left: 1rem;
  }
  .md\:m-l-200 {
    margin-left: 2rem;
  }
  .md\:m-l-300 {
    margin-left: 3rem;
  }
  .md\:m-l-400 {
    margin-left: 4rem;
  }
  .md\:m-r-25 {
    margin-right: 0.25rem;
  }
  .md\:m-r-50 {
    margin-right: 0.5rem;
  }
  .md\:m-r-75 {
    margin-right: 0.75rem;
  }
  .md\:m-r-100 {
    margin-right: 1rem;
  }
  .md\:m-r-200 {
    margin-right: 2rem;
  }
  .md\:m-r-300 {
    margin-right: 3rem;
  }
  .md\:m-r-400 {
    margin-right: 4rem;
  }
  .md\:m-a-25 {
    margin: 0.25rem;
  }
  .md\:m-a-50 {
    margin: 0.5rem;
  }
  .md\:m-a-75 {
    margin: 0.75rem;
  }
  .md\:m-a-100 {
    margin: 1rem;
  }
  .md\:m-a-200 {
    margin: 2rem;
  }
  .md\:m-a-300 {
    margin: 3rem;
  }
  .md\:m-a-400 {
    margin: 4rem;
  }
  .md\:m-x-25 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .md\:m-x-50 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md\:m-x-75 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .md\:m-x-100 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:m-x-200 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md\:m-x-300 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .md\:m-x-400 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md\:m-y-25 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .md\:m-y-50 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md\:m-y-75 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .md\:m-y-100 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md\:m-y-200 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md\:m-y-300 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .md\:m-y-400 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .lg\:m-t-25 {
    margin-top: 0.25rem;
  }
  .lg\:m-t-50 {
    margin-top: 0.5rem;
  }
  .lg\:m-t-75 {
    margin-top: 0.75rem;
  }
  .lg\:m-t-100 {
    margin-top: 1rem;
  }
  .lg\:m-t-200 {
    margin-top: 2rem;
  }
  .lg\:m-t-300 {
    margin-top: 3rem;
  }
  .lg\:m-t-400 {
    margin-top: 4rem;
  }
  .lg\:m-b-25 {
    margin-bottom: 0.25rem;
  }
  .lg\:m-b-50 {
    margin-bottom: 0.5rem;
  }
  .lg\:m-b-75 {
    margin-bottom: 0.75rem;
  }
  .lg\:m-b-100 {
    margin-bottom: 1rem;
  }
  .lg\:m-b-200 {
    margin-bottom: 2rem;
  }
  .lg\:m-b-300 {
    margin-bottom: 3rem;
  }
  .lg\:m-b-400 {
    margin-bottom: 4rem;
  }
  .lg\:m-l-25 {
    margin-left: 0.25rem;
  }
  .lg\:m-l-50 {
    margin-left: 0.5rem;
  }
  .lg\:m-l-75 {
    margin-left: 0.75rem;
  }
  .lg\:m-l-100 {
    margin-left: 1rem;
  }
  .lg\:m-l-200 {
    margin-left: 2rem;
  }
  .lg\:m-l-300 {
    margin-left: 3rem;
  }
  .lg\:m-l-400 {
    margin-left: 4rem;
  }
  .lg\:m-r-25 {
    margin-right: 0.25rem;
  }
  .lg\:m-r-50 {
    margin-right: 0.5rem;
  }
  .lg\:m-r-75 {
    margin-right: 0.75rem;
  }
  .lg\:m-r-100 {
    margin-right: 1rem;
  }
  .lg\:m-r-200 {
    margin-right: 2rem;
  }
  .lg\:m-r-300 {
    margin-right: 3rem;
  }
  .lg\:m-r-400 {
    margin-right: 4rem;
  }
  .lg\:m-a-25 {
    margin: 0.25rem;
  }
  .lg\:m-a-50 {
    margin: 0.5rem;
  }
  .lg\:m-a-75 {
    margin: 0.75rem;
  }
  .lg\:m-a-100 {
    margin: 1rem;
  }
  .lg\:m-a-200 {
    margin: 2rem;
  }
  .lg\:m-a-300 {
    margin: 3rem;
  }
  .lg\:m-a-400 {
    margin: 4rem;
  }
  .lg\:m-x-25 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .lg\:m-x-50 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg\:m-x-75 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .lg\:m-x-100 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg\:m-x-200 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg\:m-x-300 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .lg\:m-x-400 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg\:m-y-25 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .lg\:m-y-50 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .lg\:m-y-75 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .lg\:m-y-100 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg\:m-y-200 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg\:m-y-300 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .lg\:m-y-400 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1800px) {
  .xl\:m-t-25 {
    margin-top: 0.25rem;
  }
  .xl\:m-t-50 {
    margin-top: 0.5rem;
  }
  .xl\:m-t-75 {
    margin-top: 0.75rem;
  }
  .xl\:m-t-100 {
    margin-top: 1rem;
  }
  .xl\:m-t-200 {
    margin-top: 2rem;
  }
  .xl\:m-t-300 {
    margin-top: 3rem;
  }
  .xl\:m-t-400 {
    margin-top: 4rem;
  }
  .xl\:m-b-25 {
    margin-bottom: 0.25rem;
  }
  .xl\:m-b-50 {
    margin-bottom: 0.5rem;
  }
  .xl\:m-b-75 {
    margin-bottom: 0.75rem;
  }
  .xl\:m-b-100 {
    margin-bottom: 1rem;
  }
  .xl\:m-b-200 {
    margin-bottom: 2rem;
  }
  .xl\:m-b-300 {
    margin-bottom: 3rem;
  }
  .xl\:m-b-400 {
    margin-bottom: 4rem;
  }
  .xl\:m-l-25 {
    margin-left: 0.25rem;
  }
  .xl\:m-l-50 {
    margin-left: 0.5rem;
  }
  .xl\:m-l-75 {
    margin-left: 0.75rem;
  }
  .xl\:m-l-100 {
    margin-left: 1rem;
  }
  .xl\:m-l-200 {
    margin-left: 2rem;
  }
  .xl\:m-l-300 {
    margin-left: 3rem;
  }
  .xl\:m-l-400 {
    margin-left: 4rem;
  }
  .xl\:m-r-25 {
    margin-right: 0.25rem;
  }
  .xl\:m-r-50 {
    margin-right: 0.5rem;
  }
  .xl\:m-r-75 {
    margin-right: 0.75rem;
  }
  .xl\:m-r-100 {
    margin-right: 1rem;
  }
  .xl\:m-r-200 {
    margin-right: 2rem;
  }
  .xl\:m-r-300 {
    margin-right: 3rem;
  }
  .xl\:m-r-400 {
    margin-right: 4rem;
  }
  .xl\:m-a-25 {
    margin: 0.25rem;
  }
  .xl\:m-a-50 {
    margin: 0.5rem;
  }
  .xl\:m-a-75 {
    margin: 0.75rem;
  }
  .xl\:m-a-100 {
    margin: 1rem;
  }
  .xl\:m-a-200 {
    margin: 2rem;
  }
  .xl\:m-a-300 {
    margin: 3rem;
  }
  .xl\:m-a-400 {
    margin: 4rem;
  }
  .xl\:m-x-25 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .xl\:m-x-50 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xl\:m-x-75 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .xl\:m-x-100 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xl\:m-x-200 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xl\:m-x-300 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .xl\:m-x-400 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xl\:m-y-25 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .xl\:m-y-50 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xl\:m-y-75 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .xl\:m-y-100 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xl\:m-y-200 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xl\:m-y-300 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .xl\:m-y-400 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.lazy-video__aspect-ratio {
  width: 100%;
  aspect-ratio: 1.7777777778;
}
.lazy-video__aspect-ratio iframe {
  width: 100%;
  height: 100%;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus-visible {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.observer {
  display: none;
}

.unstyled-button, #filter-persons .filter-persons-content .filters-list .filter-persons-toggle {
  font-size: initial;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
  margin: 0;
  text-align: inherit;
  text-decoration: none;
  vertical-align: baseline;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
.unstyled-button:hover, #filter-persons .filter-persons-content .filters-list .filter-persons-toggle:hover, .unstyled-button:focus-within, #filter-persons .filter-persons-content .filters-list .filter-persons-toggle:focus-within {
  box-shadow: none;
  color: inherit;
}

.column, .fullwidth .gallery-container .gallery-info, .Teaser-section .gallery-container .gallery-info, .news-overview .gallery-container .gallery-info, .fullwidth-list .gallery-container .gallery-info, #footer .newsletter-section .gallery-container .gallery-info, .fullwidth .video-container .video-info, .Teaser-section .video-container .video-info, .news-overview .video-container .video-info, .fullwidth-list .video-container .video-info, #footer .newsletter-section .video-container .video-info, #filter-persons .filter-persons-content .filters-list > li, #filter-persons .filter-persons-content .filters-list > div, .topnav, body > #page section, body .overlay #page > section, .topnav-tp, .Row-section .Row-content .Row-headline, .news-item .Row-content .Row-headline, .Teaser-intro {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.relative, .programmes-overview .programme-info {
  position: relative;
}

.absolute, body.filter-enabled .topnav .topnav-right .first-level-login:before {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.vh-100 {
  height: calc(var(--vh) * 100 - var(--space-navbar));
}

.h-100 {
  height: 100% !important;
}

.h-50 {
  height: 50% !important;
}

.w-100 {
  width: 100%;
}

.center, section.program-index .program-container .eventlist .resultlist .result-item.no-result {
  display: grid;
  place-items: center;
}

.blur {
  filter: blur(var(--blur, 30px));
}

.pointer, .media-block .get-media {
  cursor: pointer;
}

.is-uppercase {
  text-transform: uppercase;
}

.is-inline {
  display: inline;
}

.is-block {
  display: block;
}

.is-fixed {
  position: fixed;
}

.is-fixed-I {
  position: fixed !important;
}

.is-fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 99;
}

.is-sticky-top {
  position: sticky;
  top: 0px;
}

a.faux-link {
  height: 100%;
  opacity: 0;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%;
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-10 {
  z-index: 10;
}

.z-index-100 {
  z-index: 100;
}

.z-index-1000 {
  z-index: 1000;
}

.outer-padding, #page .event-recording .event-recording-top .quotes-slider .quote-slide, #page .event-recording .event-recording-top .info-area .quote-footer, .program-event .event-header figure figcaption, .search-overlay-buttons, .card-section .card-wrapper .card-item .card-title, .fullwidth-list .fullwidth-list_item .fullwidth-list_item-content, body #animation-logo-start-wrapper, .Workshop_Teaser dd, .Workshop_Teaser dt, .list_item-type-bio {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.nbb {
  border-bottom: 0px !important;
}

.nbt, .find-index .linklist {
  border-top: 0px !important;
}

.m-t-gutter {
  margin-top: var(--gutter);
}

.m-t-halfgutter {
  margin-top: calc(var(--gutter) / 2);
}

.m-b-gutter, .more-news .more-news-outer .more-news-item {
  margin-bottom: var(--gutter);
}

.m-b-halfgutter {
  margin-bottom: calc(var(--gutter) / 2);
}

.m-l-gutter {
  margin-left: var(--gutter);
}

.m-l-halfgutter {
  margin-left: calc(var(--gutter) / 2);
}

.m-r-gutter {
  margin-right: var(--gutter);
}

.m-r-halfgutter {
  margin-right: calc(var(--gutter) / 2);
}

.m-all-gutter {
  margin: var(--gutter);
}

.m-all-halfgutter {
  margin: calc(var(--gutter) / 2);
}

.p-t-gutter, .container-fluid {
  padding-top: var(--gutter);
}

.p-t-halfgutter {
  padding-top: calc(var(--gutter) / 2);
}

.p-b-gutter {
  padding-bottom: var(--gutter);
}

.p-b-halfgutter {
  padding-bottom: calc(var(--gutter) / 2);
}

.p-l-gutter {
  padding-left: var(--gutter);
}

.p-l-halfgutter {
  padding-left: calc(var(--gutter) / 2);
}

.p-r-gutter {
  padding-right: var(--gutter);
}

.p-r-halfgutter {
  padding-right: calc(var(--gutter) / 2);
}

.p-all-gutter, .more-news h4, .grid-12:not(.no-padding), #page .teaser-grid:not(.no-padding) {
  padding: var(--gutter);
}

.p-all-halfgutter {
  padding: calc(var(--gutter) / 2);
}

.p-t-xl {
  padding-top: var(--space-xl) !important;
}

.p-b-xl {
  padding-bottom: var(--space-xl) !important;
}

.m-t-xl {
  margin-top: var(--space-xl) !important;
}

.m-b-xl {
  margin-bottom: var(--space-xl) !important;
}

.p-t-lg {
  padding-top: var(--space-lg) !important;
}

.p-b-lg {
  padding-bottom: var(--space-lg) !important;
}

.m-t-lg {
  margin-top: var(--space-lg) !important;
}

.m-b-lg {
  margin-bottom: var(--space-lg) !important;
}

.p-t-md {
  padding-top: var(--space-md) !important;
}

.p-b-md {
  padding-bottom: var(--space-md) !important;
}

.m-t-md {
  margin-top: var(--space-md) !important;
}

.m-b-md {
  margin-bottom: var(--space-md) !important;
}

.p-t-sm {
  padding-top: var(--space-sm) !important;
}

.p-b-sm {
  padding-bottom: var(--space-sm) !important;
}

.m-t-sm {
  margin-top: var(--space-sm) !important;
}

.m-b-sm {
  margin-bottom: var(--space-sm) !important;
}

.p-all-xs {
  padding: var(--space-xs) !important;
}

.p-t-xs {
  padding-top: var(--space-xs) !important;
}

.p-b-xs {
  padding-bottom: var(--space-xs) !important;
}

.m-t-xs {
  margin-top: var(--space-xs) !important;
}

.m-b-xs {
  margin-bottom: var(--space-xs) !important;
}

.nobreak, .tag-link, .nowrap {
  white-space: nowrap;
}

.np {
  padding: none !important;
}

.npt {
  padding-top: 0 !important;
}

.npb {
  padding-bottom: 0 !important;
}

.npl {
  padding-left: 0 !important;
}

.npr {
  padding-right: 0 !important;
}

.nm {
  margin: none !important;
}

.nmt, section.program-index .program-container, section.program-index {
  margin-top: 0 !important;
}

.nmb, section.program-index .program-container {
  margin-bottom: 0 !important;
}

.nml {
  margin-left: 0 !important;
}

.nmr {
  margin-right: 0 !important;
}

.nb {
  border: none !important;
}

.nbt, .find-index .linklist {
  border-top: 0 !important;
}

.nbb {
  border-bottom: 0 !important;
}

.nbl {
  border-left: 0 !important;
}

.nbr {
  border-right: 0 !important;
}

.bt, .programmes-overview .programme-info:nth-child(1), .news-overview h2 {
  border-top: var(--border) solid currentColor;
}

.bb, #page .event-recording .event-recording-top .video-container, .programmes-overview .programme-info:not(:last-child), section.program-index {
  border-bottom: var(--border) solid currentColor;
}

.by {
  border-top: var(--border) solid currentColor;
  border-bottom: var(--border) solid currentColor;
}

.bl, section.program-index .program-container .eventlist {
  border-left: var(--border) solid currentColor;
}

.br, #page .event-recording .event-recording-top .title-area, .talent-slider .slick-slide {
  border-right: var(--border) solid currentColor;
}

.bx {
  border-left: var(--border) solid currentColor;
  border-right: var(--border) solid currentColor;
}

.center-self {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.object-fit-cover, #page .teaser-grid .teaser-portrait img, #page .teaser-grid .teaser-project img, #page .teaser-grid #page-builder .related_articles-wrapper .related_articles-inner > div img, #page-builder .related_articles-wrapper #page .teaser-grid .related_articles-inner > div img, .image-masonry > .media-block-row > div figure img, .talent-slider .slick-list img, .talentpress-grid .teaser-article .img-landscape img, .story_section .story-imagegradient img, .list_item-type-bio .list_item-type-bio_image img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.object-fit-contain {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
}

.mix-difference {
  mix-blend-mode: difference;
}

.text-muted {
  color: #787878;
}

/**
 * @section Breakpoints
 * These values will not show up in content, but can be queried by JavaScript to know which breakpoint is active. 
*/
body:before {
  content: "";
  display: none;
  visibility: hidden;
}

@media (max-width: 599px) {
  body:before {
    content: "phone";
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  body:before {
    content: "tablet-portrait";
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  body:before {
    content: "tablet-landscape";
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  body:before {
    content: "desktop";
  }
}
@media (min-width: 1800px) {
  body:before {
    content: "big-desktop";
  }
}
/*
sections können margin-bottom 45, 60, 90, 120, 180, 240, 300 haben
*/
/*
custom-scroll-bar

styling (breite, farbe hintergrund, farbe balken, radien)
ist bisher nur bei webkit-browsern über prefixed selektoren möglich
achtung: das standardverhalten (scrollbar ist overlayed, 
transparent und wird nur beim scrollen sichtbar) wird dadurch unterbunden 
stattdessen ist der platz für die scrollbar immer reserviert, was besonders 
bei farbigen hintergründen oder durchgehenden borders auffällt.

in firefox: 
breite und hg/vg-farbe können mit
scrollbar-width
scrollbar-color
beeinflußt werden.
macOS notes:;
The auto-hiding semi-transparent scrollbars that are the macOS default cannot be colored with this rule 
(they still choose their own contrasting color based on the background). Only the permanently showing scrollbars 
(System Preferences > Show Scroll Bars > Always) are colored.

*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@font-face {
  font-family: "Panama";
  src: url("../fonts/Panama Regular.otf");
  src: url("../fonts/Panama Regular.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lars";
  src: url("../fonts/test/Lars-Regular.otf");
  src: url("../fonts/test/Lars-RegularWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LarsBold";
  src: url("../fonts/Lars-Bold.otf");
  src: url("../fonts/Lars-BoldWeb.woff?58533802") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "LarsThin";
  src: url("../fonts/Lars-ThinCondensed.otf");
  src: url("../fonts/Lars-ThinCondensedWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LarsItalic";
  src: url("../fonts/Lars-BoldItalic.otf");
  src: url("../fonts/Lars-BoldItalicWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lars-test";
  src: url("../fonts/test/Lars-Regular.otf");
  src: url("../fonts/test/Lars-RegularWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
sections können margin-bottom 45, 60, 90, 120, 180, 240, 300 haben
*/
/*
custom-scroll-bar

styling (breite, farbe hintergrund, farbe balken, radien)
ist bisher nur bei webkit-browsern über prefixed selektoren möglich
achtung: das standardverhalten (scrollbar ist overlayed, 
transparent und wird nur beim scrollen sichtbar) wird dadurch unterbunden 
stattdessen ist der platz für die scrollbar immer reserviert, was besonders 
bei farbigen hintergründen oder durchgehenden borders auffällt.

in firefox: 
breite und hg/vg-farbe können mit
scrollbar-width
scrollbar-color
beeinflußt werden.
macOS notes:;
The auto-hiding semi-transparent scrollbars that are the macOS default cannot be colored with this rule 
(they still choose their own contrasting color based on the background). Only the permanently showing scrollbars 
(System Preferences > Show Scroll Bars > Always) are colored.

*/
.grotesk, h1, h2, h3, h4, h5 {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}

.grotesk-alt {
  font-family: "LarsThin";
  font-size: 24px;
  letter-spacing: normal !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

.serif {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@media (max-width: 599px) {
  .grotesk-largest {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) {
  .grotesk-largest {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .grotesk-largest {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 148px;
    line-height: 1.11;
    letter-spacing: -0.047297em;
  }
}

@media (max-width: 599px) {
  .grotesk-extralarge {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) {
  .grotesk-extralarge {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .grotesk-extralarge {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}

@media (max-width: 599px) {
  .serif-extralarge {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 600px) {
  .serif-extralarge {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (min-width: 1200px) {
  .serif-extralarge {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}

@media (max-width: 599px) {
  .grotesk-large, .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .grotesk-large, .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .grotesk-large, .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}

@media (max-width: 599px) {
  .serif-large {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .serif-large {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .serif-large {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}

@media (max-width: 599px) {
  .grotesk-medium {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .grotesk-medium {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .grotesk-medium {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

@media (max-width: 599px) {
  .serif-medium {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .serif-medium {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .serif-medium {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}

@media (max-width: 599px) {
  .grotesk-small, .container-fluid .container-fluid_content a.container-fluid_item h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .grotesk-small, .container-fluid .container-fluid_content a.container-fluid_item h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .grotesk-small, .container-fluid .container-fluid_content a.container-fluid_item h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}

@media (max-width: 599px) {
  .serif-small {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .serif-small {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .serif-small {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}

@media (max-width: 899px) {
  .grotesk-smaller, .next-preview .preview-item h2, .live-preview .preview-item h2, .event-section .section-logged-in, #footer .footer-left {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .grotesk-smaller, .next-preview .preview-item h2, .live-preview .preview-item h2, .event-section .section-logged-in, #footer .footer-left {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}

@media (max-width: 899px) {
  .serif-smaller, .next-preview .preview-item .label, .live-preview .preview-item .label {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .serif-smaller, .next-preview .preview-item .label, .live-preview .preview-item .label {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}

.grotesk-xxxs, .image-masonry > .media-block-row > div .caption-opener, .newsletter-section #nl-error-layer, .container-fluid .container-fluid_content a.container-fluid_item .container-fluid_item_intro, .HeroImage .HeroImage--cr {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
}

.grotesk-xxs {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}

.grotesk-xs, .teaser-title, .teaser-portrait .fullname, .teaser-project .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .article-title {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1px;
}

.grotesk-xs a, .teaser-title a, .teaser-portrait .fullname a, .teaser-project .project-title a, #page-builder .related_articles-wrapper .related_articles-inner > div .project-title a, #page-builder .related_articles-wrapper .related_articles-inner > div .article-title a, a.grotesk-xs, a.teaser-title, .teaser-portrait a.fullname, .teaser-project a.project-title, #page-builder .related_articles-wrapper .related_articles-inner > div a.project-title, #page-builder .related_articles-wrapper .related_articles-inner > div a.article-title {
  border-bottom-width: 1px;
}

.grotesk-s, .gallery-container .gallery-info .gallery-title, .video-container .video-info .video-title, .profile-page .profile-data .profile-data-text dt, .talentpress-grid .teaser-article .article-title {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -1.2px;
}

a.grotesk-s, .gallery-container .gallery-info a.gallery-title, .video-container .video-info a.video-title, .talentpress-grid .teaser-article a.article-title, .grotesk-s a, .gallery-container .gallery-info .gallery-title a, .video-container .video-info .video-title a, .profile-page .profile-data .profile-data-text dt a, .talentpress-grid .teaser-article .article-title a {
  border-bottom-width: 2px;
}

.grotesk-m {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.0642857em;
}

a.grotesk-m, .grotesk-m a {
  border-bottom-width: 2px;
}

.grotesk-l {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 72px;
  line-height: 1.11;
  letter-spacing: -3.4px;
}

a.grotesk-l, .grotesk-l a {
  border-bottom-width: 3px;
}

.grotesk-xl {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 84px;
  line-height: 1.1;
  letter-spacing: -0.045238em;
}

a.grotesk-xl, .grotesk-xl a {
  border-bottom-width: 3px;
}

.grotesk-xxl {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 148px;
  line-height: 1.11;
  letter-spacing: -0.047297em;
}

a.grotesk-xxl, .grotesk-xxl a {
  border-bottom-width: 6px;
}

.serif-xxxs, #page .event-recording .event-recording-top .info-area .quote-footer .next-slide {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.5px;
}

.serif-xxs {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 21px;
  line-height: 1.24;
  letter-spacing: -0.6px;
}

.serif-xs, .teaser-meta, .teaser-portrait .country, .teaser-portrait .profession, .teaser-portrait .contact, .teaser-project .project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div .project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div .article-meta {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.9px;
}

a.serif-xs, a.teaser-meta, .teaser-portrait a.country, .teaser-portrait a.profession, .teaser-portrait a.contact, .teaser-project a.project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div a.project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div a.article-meta, .serif-xs a, .teaser-meta a, .teaser-portrait .country a, .teaser-portrait .profession a, .teaser-portrait .contact a, .teaser-project .project-meta a, #page-builder .related_articles-wrapper .related_articles-inner > div .project-meta a, #page-builder .related_articles-wrapper .related_articles-inner > div .article-meta a {
  border-bottom-width: 1px;
}

.serif-s, .gallery-container .gallery-info .gallery-meta, .video-container .video-info .video-meta, .profile-page .profile-data .profile-data-text dd, .profile-page .profile-data .profile-data-text span, .talentpress-grid .teaser-article .article-author {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.9px;
}

a.serif-s, .gallery-container .gallery-info a.gallery-meta, .video-container .video-info a.video-meta, .talentpress-grid .teaser-article a.article-author, .serif-s a, .gallery-container .gallery-info .gallery-meta a, .video-container .video-info .video-meta a, .profile-page .profile-data .profile-data-text dd a, .profile-page .profile-data .profile-data-text span a, .talentpress-grid .teaser-article .article-author a {
  border-bottom-width: 1px;
}

.serif-m, .profile-page .profile-data .profile-data-text .profile-fow {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: -2px;
}

a.serif-m, .profile-page .profile-data .profile-data-text a.profile-fow, .serif-m a, .profile-page .profile-data .profile-data-text .profile-fow a {
  border-bottom-width: 2px;
}

.serif-l {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 75px;
  line-height: 1.12;
  letter-spacing: -2.8px;
}

a.serif-l, .serif-l a {
  border-bottom-width: 3px;
}

.serif-xl {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 90px;
  line-height: 1.14;
  letter-spacing: -3.5px;
}

a.serif-xl, .serif-xl a {
  border-bottom-width: 3px;
}

.serif-xxl {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 160px;
  line-height: 1.06;
  letter-spacing: -6px;
}

a.serif-xxl, .serif-xxl a {
  border-bottom-width: 6px;
}

@media (min-width: 900px) {
  .fs-project-header {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}
@media (max-width: 899px) {
  .fs-project-header {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (max-width: 599px) {
  .fs-project-header {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

@media (min-width: 900px) {
  .fs-project-header-eng {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}
@media (max-width: 899px) {
  .fs-project-header-eng {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (max-width: 599px) {
  .fs-project-header-eng {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}

@media (max-width: 599px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (min-width: 1200px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}

@media (max-width: 599px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 900px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}

@media (max-width: 599px) {
  .fs-hero-subline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
  .fs-hero-subline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .fs-hero-subline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .fs-hero-subline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) and (min-width: 900px) {
  .fs-hero-subline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}

h1,
h2,
h3,
.fs-h1,
.fs-h2,
.fs-h3 {
  max-width: 35ch;
}

h1,
h2,
h3,
h4 {
  margin: 0;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: normal;
  font-weight: normal;
}

p {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

strong, b {
  font-family: "LarsBold";
  font-size: inherit;
}

.fs-xl {
  font-size: var(--fs-xl);
  letter-spacing: var(--ls-h1);
  max-width: 17ch;
}

h1, .fs-h1, .text p.fs-h1 {
  font-size: var(--fs-h1);
  letter-spacing: var(--ls-h1);
}

h2, .fs-h2, .text p.fs-h2 {
  font-size: var(--fs-h2);
  letter-spacing: var(--ls-h2);
}

h3, .fs-h3, .text p.fs-h3 {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
  line-height: var(--lh-heading);
}

h4, .fs-h4, .text p.fs-h4 {
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
  line-height: var(--lh-heading);
}

h5, .fs-h5, .text p.fs-h5 {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  line-height: var(--lh-heading);
}

.fs-xs, .text p.fs-xs {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
}

.fs-xxs, .text p.fs-xxs {
  font-size: var(--fs-xxs);
  letter-spacing: var(--ls-xxs);
}

small {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-h3);
}

/*p, .rich-text{
  @extend .grotesk-smaller;
  .is-serif{
    @extend .serif-smaller;
  }
  a{
    text-decoration: underline;
  }
}*/
:root {
  --margin-top:90px;
  --border: 1px;
}
@media (min-width: 1200px) and (max-width: 1799px) {
  :root {
    --column-gap: 7.32026vw;
    --columns: 6;
  }
}
@media (min-width: 1200px) {
  :root {
    --margin-xl:150px;
    --margin-l:120px;
    --margin-m:90px;
    --margin-s:60px;
    --margin-xs:45px;
  }
}
@media (min-width: 900px) {
  :root {
    --gutter:3.66vw;
    --margin-xl:120px;
    --margin-l:90px;
    --margin-m:60px;
    --margin-s:45px;
    --margin-xs:30px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  :root {
    --gutter:5.468vw;
    --column-gap: 10.9375vw;
    --columns: 4;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  :root {
    --margin-xl:90px;
    --margin-l:60px;
    --margin-m:45px;
    --margin-s:30px;
    --margin-xs:15px;
    --column-gap: 10.9375vw;
    --columns: 4;
  }
}
@media (max-width: 899px) {
  :root {
    --gutter:5.468vw;
    --margin-top:80px;
  }
}
@media (max-width: 599px) {
  :root {
    --margin-top:60px;
    --gutter:4vw;
    --margin-xl:60px;
    --margin-l:45px;
    --margin-m:30px;
    --margin-s:15px;
    --margin-xs:15px;
    --columns:2;
    --column-gap: 8vw;
    --h1:42px;
    --h2:30px;
    --h3:24px;
    --h4:19px;
    --p:15px;
  }
}
@media (min-width: 1800px) {
  :root {
    --gutter:2.8646vw;
    --column-gap:5.7292vw;
    --columns:8;
  }
}

.outer-padding, #page .event-recording .event-recording-top .quotes-slider .quote-slide, #page .event-recording .event-recording-top .info-area .quote-footer, .program-event .event-header figure figcaption, .search-overlay-buttons, .card-section .card-wrapper .card-item .card-title, .fullwidth-list .fullwidth-list_item .fullwidth-list_item-content, body #animation-logo-start-wrapper, .Workshop_Teaser dd, .Workshop_Teaser dt, .list_item-type-bio {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.nbb {
  border-bottom: 0px !important;
}

.nbt, .find-index .linklist {
  border-top: 0px !important;
}

.m-t-gutter {
  margin-top: var(--gutter);
}

.m-t-halfgutter {
  margin-top: calc(var(--gutter) / 2);
}

.m-b-gutter, .more-news .more-news-outer .more-news-item {
  margin-bottom: var(--gutter);
}

.m-b-halfgutter {
  margin-bottom: calc(var(--gutter) / 2);
}

.m-l-gutter {
  margin-left: var(--gutter);
}

.m-l-halfgutter {
  margin-left: calc(var(--gutter) / 2);
}

.m-r-gutter {
  margin-right: var(--gutter);
}

.m-r-halfgutter {
  margin-right: calc(var(--gutter) / 2);
}

.m-all-gutter {
  margin: var(--gutter);
}

.m-all-halfgutter {
  margin: calc(var(--gutter) / 2);
}

.p-t-gutter, .container-fluid {
  padding-top: var(--gutter);
}

.p-t-halfgutter {
  padding-top: calc(var(--gutter) / 2);
}

.p-b-gutter {
  padding-bottom: var(--gutter);
}

.p-b-halfgutter {
  padding-bottom: calc(var(--gutter) / 2);
}

.p-l-gutter {
  padding-left: var(--gutter);
}

.p-l-halfgutter {
  padding-left: calc(var(--gutter) / 2);
}

.p-r-gutter {
  padding-right: var(--gutter);
}

.p-r-halfgutter {
  padding-right: calc(var(--gutter) / 2);
}

.p-all-gutter, .more-news h4, .grid-12:not(.no-padding), #page .teaser-grid:not(.no-padding) {
  padding: var(--gutter);
}

.p-all-halfgutter {
  padding: calc(var(--gutter) / 2);
}

.p-t-xl {
  padding-top: var(--margin-xl) !important;
}

.p-b-xl {
  padding-bottom: var(--margin-xl) !important;
}

.m-t-xl {
  margin-top: var(--margin-xl) !important;
}

.m-b-xl {
  margin-bottom: var(--margin-xl) !important;
}

.p-t-l {
  padding-top: var(--margin-l) !important;
}

.p-b-l {
  padding-bottom: var(--margin-l) !important;
}

.m-t-l {
  margin-top: var(--margin-l) !important;
}

.m-b-l, .list_item-type-bio .list_item-type-bio_textblock, .list_item-type-bio .list_item-type-bio_image {
  margin-bottom: var(--margin-l) !important;
}

.p-t-m {
  padding-top: var(--margin-m) !important;
}

.p-b-m {
  padding-bottom: var(--margin-m) !important;
}

.m-t-m {
  margin-top: var(--margin-m) !important;
}

.m-b-m {
  margin-bottom: var(--margin-m) !important;
}

.p-t-s {
  padding-top: var(--margin-s) !important;
}

.p-b-s {
  padding-bottom: var(--margin-s) !important;
}

.m-t-s {
  margin-top: var(--margin-s) !important;
}

.m-b-s {
  margin-bottom: var(--margin-s) !important;
}

.p-all-xs {
  padding: var(--margin-xs) !important;
}

.p-t-xs {
  padding-top: var(--margin-xs) !important;
}

.p-b-xs {
  padding-bottom: var(--margin-xs) !important;
}

.m-t-xs {
  margin-top: var(--margin-xs) !important;
}

.m-b-xs {
  margin-bottom: var(--margin-xs) !important;
}

.nowrap {
  white-space: nowrap;
}

.pointer, .media-block .get-media {
  cursor: pointer;
}

@media (min-width: 900px) {
  .cc2 {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: calc(var(--gutter) * 2);
         column-gap: calc(var(--gutter) * 2);
  }
}

.no-ul, .expand-down, .download {
  text-decoration: none !important;
}

@media (max-width: 599px) {
  .hide-for-mobile {
    display: none !important;
  }
}

@media (max-width: 899px) {
  .hide-for-tablet-portrait-down {
    display: none !important;
  }
}

@media (max-width: 599px) {
  .show-for-mobile {
    display: block !important;
  }
}
@media (min-width: 600px) {
  .show-for-mobile {
    display: none !important;
  }
}

.flex-col-on-mobile {
  display: flex;
}
@media (max-width: 599px) {
  .flex-col-on-mobile {
    flex-direction: column;
  }
}

.vh-100 {
  height: calc(var(--vh) * 100 - var(--margin-top));
}

.h-100 {
  height: 100% !important;
}

.h-50 {
  height: 50% !important;
}

.w-100 {
  width: 100%;
}

.center, section.program-index .program-container .eventlist .resultlist .result-item.no-result {
  display: grid;
  place-items: center;
}

.is-outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #000;
  color: transparent;
}
.is-outline:hover {
  -webkit-text-fill-color: initial;
}

.is-outline-white {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #000;
  color: #fff;
}

.is-outline-black {
  -webkit-text-fill-color: #000;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  color: #000;
}

.is-inline {
  display: inline;
}

.is-block {
  display: block;
}

.is-fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 99;
}

.is-sticky-top {
  position: sticky;
  top: 0px;
}

.is-flex-row, .grid-container, .container-fluid .container-fluid_content a.container-fluid_item .container-fluid_item_label {
  display: flex;
  flex-direction: row;
}

.is-flex-col {
  display: flex;
  flex-direction: column;
}

.is-flex-wrap {
  flex-wrap: wrap;
}

.is-space-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.items-center {
  align-items: center;
}

.has-touchevent *.Row-content {
  overflow-x: scroll !important;
  pointer-events: all !important;
}

.underline-0 {
  border-bottom: none !important;
  background-image: none !important;
}

.underline-1 {
  display: inline;
  line-height: 1;
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.underline-1:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
.underline-1:hover {
  border-bottom-color: #ee0085;
}

.underline-2 {
  display: inline;
  line-height: 1;
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(#000, #000);
  background-size: 1px 2px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.underline-2:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
.underline-2:hover {
  border-bottom-color: #ee0085;
}

.col {
  grid-column: 1/-1;
}

/* cols at vw > 1200px */
.col.col-md-1_6 {
  background-color: red;
  grid-column-end: span 1;
}

/* Buttons etc. */
.close-btn {
  position: relative;
}
@media (min-width: 600px) {
  .close-btn {
    height: 1em;
    width: 1em;
  }
}
@media (max-width: 599px) {
  .close-btn {
    height: 1em;
    width: 1em;
  }
}
.close-btn:before, .close-btn:after {
  display: block;
  position: absolute;
  height: 0;
  content: "";
  top: 50%;
  right: -65%;
  border: 1px solid currentColor;
}
@media (min-width: 600px) {
  .close-btn:before, .close-btn:after {
    width: 1em;
  }
}
@media (max-width: 599px) {
  .close-btn:before, .close-btn:after {
    width: 1em;
  }
}
.close-btn:before {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.close-btn:after {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.close-btn:hover:before, .close-btn:hover:after {
  border-color: #ee0085;
}

.arrow-down:after {
  content: "↓";
}

.arrow-up:after {
  content: "↑";
}

.arrow-left:before {
  content: "←";
  display: inline-block;
  margin-right: 1em;
}

.arrow-right:after {
  content: "→";
  display: inline-block;
  margin-left: 1em;
}

.single-image {
  margin: var(--margin-l) 0em;
}
.single-image figure {
  width: 100%;
}
@media (min-width: 600px) {
  .single-image figure.image-m {
    max-width: 1000px;
  }
}
@media (min-width: 600px) {
  .single-image figure.image-s {
    max-width: 600px;
  }
}
@media (min-width: 600px) {
  .single-image figure.image-xs {
    max-width: 300px;
  }
}
.single-image figure img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-image.align-left {
  justify-content: start;
}
.single-image.align-center {
  justify-content: center;
}
.single-image.align-right {
  justify-content: end;
}

.embed-media {
  position: relative;
  padding-bottom: 56.25%; /* 16:9*/
  height: 0;
}
.embed-media iframe, .embed-media video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.talentpress .app_searchbar {
  background: black !important;
}
body.talentpress .app_searchbar input {
  color: white;
}
body.talentpress .app_searchbar input::-moz-placeholder {
  color: white;
}
body.talentpress .app_searchbar input::placeholder {
  color: white;
}
@media (max-width: 599px) {
  body.talentpress.filters-active .topnav .filter-btn #toggle-filter {
    color: black;
  }
}
body.talentpress.filter-persons-open #toggle-tp-about {
  display: none;
}
body.talentpress #mainnav {
  background-color: black;
  color: white;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}
body.talentpress #mainnav .menutop {
  height: var(--margin-top);
  padding: 0 var(--gutter);
  justify-content: flex-end;
  align-items: center;
}
body.talentpress #mainnav .logo {
  transition: transform 0.6s ease;
  transform: translateY(20%);
}
body.talentpress.mainnav-open #mainnav {
  visibility: visible;
  pointer-events: all;
}
body.talentpress.mainnav-open #mainnav div {
  opacity: 1;
  transform: translateY(0);
}
body.talentpress #footer {
  border-top: 1px solid white;
}

.tp-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.tp-details > div {
  opacity: 0;
  transition: opacity 0.9s ease, transform 0.6s ease;
}
@media (max-width: 1199px) {
  .tp-details > div {
    grid-column-start: 1;
    grid-column-end: span all;
  }
}
.tp-details > div.logo {
  transform: translateY(45%);
}
.tp-details > div.about-tp {
  transition-delay: 0.2s;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}
@media (max-width: 1199px) {
  .tp-details > div.about-tp {
    margin-top: 70px;
    margin-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .tp-details > div.about-tp {
    margin-left: var(--gutter);
  }
}
.tp-details > div.links {
  transition-delay: 0.5s;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.0642857em;
}
.tp-details > div.links li {
  margin-top: 0.48611vw;
}
.tp-details > div.links a {
  display: inline-block;
  line-height: 1;
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.tp-details > div.links a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
.tp-details > div.links .about-tp-partners img {
  width: 25%;
}
.tp-details > div.links .about-tp-partners img:nth-child(2) {
  margin-left: 25px;
}

.media_embedded-wrapper {
  position: relative;
  display: flex;
  flex-flow: row;
}
.media_embedded-wrapper span {
  position: relative;
  height: 63vh;
  width: calc(var(--aspect-ratio) * 63vh);
}
@media (max-aspect-ratio: 4/3) {
  .media_embedded-wrapper span span {
    position: relative;
    width: 100%;
    height: calc(100vw / var(--aspect-ratio));
  }
}
.media_embedded-wrapper span iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

#page section.content-module {
  margin-top: 0px;
}
@media (max-width: 899px) {
  #page section.content-module.no-gutter {
    margin-left: 0px;
    margin-right: 0px;
  }
}

#page section.article-header + section.content-module {
  margin-top: var(--margin-xl, 100px);
}

section.content-module > h2, section.content-module h3 {
  grid-column: 1/-1;
  margin-bottom: 1em;
}
section.content-module .span-2l-2m {
  grid-column: 1/-1;
}
@media (min-width: 1200px) {
  section.content-module .span-2l-2m {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section.content-module .span-2l-2m {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
section.content-module .span-3l-2m {
  grid-column: 1/-1;
}
@media (min-width: 1200px) {
  section.content-module .span-3l-2m {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section.content-module .span-3l-2m {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
section.content-module .span-2l-2s {
  grid-column: 1/-1;
}
@media (min-width: 600px) {
  section.content-module .span-2l-2s {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
section.content-module .span-3l-2s {
  grid-column: 1/-1;
}
@media (min-width: 600px) {
  section.content-module .span-3l-2s {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (min-width: 1200px) {
  section.content-module .span-3l-2s {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
section.content-module .span-4l-3m {
  grid-column: 1/-1;
}
@media (min-width: 1200px) {
  section.content-module .span-4l-3m {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section.content-module .span-4l-3m {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
section.content-module .span-4l-2m {
  grid-column: 1/-1;
}
@media (min-width: 1200px) {
  section.content-module .span-4l-2m {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section.content-module .span-4l-2m {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  section.content-module .span-2s {
    grid-column-start: 2;
    grid-column-end: span 2;
  }
}
section.content-module .span-5l-4m {
  grid-column-start: auto;
  grid-column-end: span 5;
}
section.content-module .offset-1 {
  margin-left: calc(var(--column) + var(--gutter) * 2);
}

.Module {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Module .col:empty {
  flex: 0 0 100%;
}
.Module .col {
  margin-bottom: var(--gutter);
}
.Module .col.col_md_50 {
  flex: 0 0 calc(50% - var(--gutter) / 2);
}
@media (max-width: 899px) {
  .Module .col.col_md_50 {
    flex: 0 0 100%;
  }
}
.Module .col.col_md_33 {
  flex: 0 0 calc(33.3333% - var(--gutter) / 2);
}
@media (max-width: 899px) {
  .Module .col.col_md_33 {
    flex: 0 0 100%;
  }
}

section.content-module p {
  max-width: 811px;
}
@media (max-width: 1199px) {
  section.content-module .textblock ~ .textblock, section.content-module .textblock-full ~ .textblock, section.content-module .media-block-full ~ .textblock, section.content-module .textblock ~ .textblock-full, section.content-module .textblock-full ~ .textblock-full, section.content-module .media-block-full ~ .textblock-full, section.content-module .textblock ~ .media-block-full, section.content-module .textblock-full ~ .media-block-full, section.content-module .media-block-full ~ .media-block-full, section.content-module .textblock-right ~ .textblock, section.content-module .textblock-right ~ .textblock-full, section.content-module .textblock-right ~ .media-block-full, section.content-module #page section.grid.align-right > div ~ .textblock, section.content-module #page section.grid.align-right > div ~ .textblock-full, section.content-module #page section.grid.align-right > div ~ .media-block-full, #page section.content-module section.grid.align-right > div ~ .textblock, #page section.content-module section.grid.align-right > div ~ .textblock-full, #page section.content-module section.grid.align-right > div ~ .media-block-full, #page section.align-right.content-module > div ~ .textblock, #page section.align-right.content-module > div ~ .textblock-full, #page section.align-right.content-module > div ~ .media-block-full, section.content-module #page section.align-right.article-header--smaller > div ~ .textblock, section.content-module #page section.align-right.article-header--smaller > div ~ .textblock-full, section.content-module #page section.align-right.article-header--smaller > div ~ .media-block-full, #page section.content-module section.align-right.article-header--smaller > div ~ .textblock, #page section.content-module section.align-right.article-header--smaller > div ~ .textblock-full, #page section.content-module section.align-right.article-header--smaller > div ~ .media-block-full, section.content-module #page section.align-right.article-meta > div ~ .textblock, section.content-module #page section.align-right.article-meta > div ~ .textblock-full, section.content-module #page section.align-right.article-meta > div ~ .media-block-full, #page section.content-module section.align-right.article-meta > div ~ .textblock, #page section.content-module section.align-right.article-meta > div ~ .textblock-full, #page section.content-module section.align-right.article-meta > div ~ .media-block-full, section.content-module .media-block-right ~ .textblock, section.content-module .media-block-right ~ .textblock-full, section.content-module .media-block-right ~ .media-block-full, section.content-module .textblock ~ .textblock-right, section.content-module .textblock-full ~ .textblock-right, section.content-module .media-block-full ~ .textblock-right, section.content-module .textblock-right ~ .textblock-right, section.content-module #page section.grid.align-right > div ~ .textblock-right, #page section.content-module section.grid.align-right > div ~ .textblock-right, #page section.align-right.content-module > div ~ .textblock-right, section.content-module #page section.align-right.article-header--smaller > div ~ .textblock-right, #page section.content-module section.align-right.article-header--smaller > div ~ .textblock-right, section.content-module #page section.align-right.article-meta > div ~ .textblock-right, #page section.content-module section.align-right.article-meta > div ~ .textblock-right, section.content-module .media-block-right ~ .textblock-right, section.content-module #page section.grid.align-right > .textblock ~ div, section.content-module #page section.grid.align-right > .textblock-full ~ div, section.content-module #page section.grid.align-right > .media-block-full ~ div, #page section.content-module section.grid.align-right > .textblock ~ div, #page section.content-module section.grid.align-right > .textblock-full ~ div, #page section.content-module section.grid.align-right > .media-block-full ~ div, section.content-module #page section.grid.align-right > .textblock-right ~ div, #page section.content-module section.grid.align-right > .textblock-right ~ div, section.content-module #page section.grid.align-right > div ~ div, #page section.content-module section.grid.align-right > div ~ div, #page section.grid.align-right.content-module > div ~ div, section.content-module #page section.grid.align-right.article-header--smaller > div ~ div, #page section.content-module section.grid.align-right.article-header--smaller > div ~ div, section.content-module #page section.grid.align-right.article-meta > div ~ div, #page section.content-module section.grid.align-right.article-meta > div ~ div, section.content-module #page section.grid.align-right > .media-block-right ~ div, #page section.content-module section.grid.align-right > .media-block-right ~ div, #page section.align-right.content-module > .textblock ~ div, #page section.align-right.content-module > .textblock-full ~ div, #page section.align-right.content-module > .media-block-full ~ div, #page section.align-right.content-module > .textblock-right ~ div, section.content-module #page section.align-right.content-module.grid > div ~ div, #page section.content-module section.align-right.content-module.grid > div ~ div, #page section.align-right.content-module > div ~ div, section.content-module #page section.align-right.content-module.article-header--smaller > div ~ div, #page section.content-module section.align-right.content-module.article-header--smaller > div ~ div, section.content-module #page section.align-right.content-module.article-meta > div ~ div, #page section.content-module section.align-right.content-module.article-meta > div ~ div, #page section.align-right.content-module > .media-block-right ~ div, section.content-module #page section.align-right.article-header--smaller > .textblock ~ div, section.content-module #page section.align-right.article-header--smaller > .textblock-full ~ div, section.content-module #page section.align-right.article-header--smaller > .media-block-full ~ div, #page section.content-module section.align-right.article-header--smaller > .textblock ~ div, #page section.content-module section.align-right.article-header--smaller > .textblock-full ~ div, #page section.content-module section.align-right.article-header--smaller > .media-block-full ~ div, section.content-module #page section.align-right.article-header--smaller > .textblock-right ~ div, #page section.content-module section.align-right.article-header--smaller > .textblock-right ~ div, section.content-module #page section.align-right.article-header--smaller.grid > div ~ div, #page section.content-module section.align-right.article-header--smaller.grid > div ~ div, #page section.align-right.article-header--smaller.content-module > div ~ div, section.content-module #page section.align-right.article-header--smaller > div ~ div, #page section.content-module section.align-right.article-header--smaller > div ~ div, section.content-module #page section.align-right.article-header--smaller.article-meta > div ~ div, #page section.content-module section.align-right.article-header--smaller.article-meta > div ~ div, section.content-module #page section.align-right.article-header--smaller > .media-block-right ~ div, #page section.content-module section.align-right.article-header--smaller > .media-block-right ~ div, section.content-module #page section.align-right.article-meta > .textblock ~ div, section.content-module #page section.align-right.article-meta > .textblock-full ~ div, section.content-module #page section.align-right.article-meta > .media-block-full ~ div, #page section.content-module section.align-right.article-meta > .textblock ~ div, #page section.content-module section.align-right.article-meta > .textblock-full ~ div, #page section.content-module section.align-right.article-meta > .media-block-full ~ div, section.content-module #page section.align-right.article-meta > .textblock-right ~ div, #page section.content-module section.align-right.article-meta > .textblock-right ~ div, section.content-module #page section.align-right.article-meta.grid > div ~ div, #page section.content-module section.align-right.article-meta.grid > div ~ div, #page section.align-right.article-meta.content-module > div ~ div, section.content-module #page section.align-right.article-meta.article-header--smaller > div ~ div, #page section.content-module section.align-right.article-meta.article-header--smaller > div ~ div, section.content-module #page section.align-right.article-meta > div ~ div, #page section.content-module section.align-right.article-meta > div ~ div, section.content-module #page section.align-right.article-meta > .media-block-right ~ div, #page section.content-module section.align-right.article-meta > .media-block-right ~ div, section.content-module .textblock ~ .media-block-right, section.content-module .textblock-full ~ .media-block-right, section.content-module .media-block-full ~ .media-block-right, section.content-module .textblock-right ~ .media-block-right, section.content-module #page section.grid.align-right > div ~ .media-block-right, #page section.content-module section.grid.align-right > div ~ .media-block-right, #page section.align-right.content-module > div ~ .media-block-right, section.content-module #page section.align-right.article-header--smaller > div ~ .media-block-right, #page section.content-module section.align-right.article-header--smaller > div ~ .media-block-right, section.content-module #page section.align-right.article-meta > div ~ .media-block-right, #page section.content-module section.align-right.article-meta > div ~ .media-block-right, section.content-module .media-block-right ~ .media-block-right, section.content-module .textblock-left ~ .textblock, section.content-module .textblock-left ~ .textblock-full, section.content-module .textblock-left ~ .media-block-full, section.content-module .textblock-left ~ .textblock-right, section.content-module #page section.grid.align-right > .textblock-left ~ div, #page section.content-module section.grid.align-right > .textblock-left ~ div, #page section.align-right.content-module > .textblock-left ~ div, section.content-module #page section.align-right.article-header--smaller > .textblock-left ~ div, #page section.content-module section.align-right.article-header--smaller > .textblock-left ~ div, section.content-module #page section.align-right.article-meta > .textblock-left ~ div, #page section.content-module section.align-right.article-meta > .textblock-left ~ div, section.content-module .textblock-left ~ .media-block-right, section.content-module #page section.grid.align-left > div ~ .textblock, section.content-module #page section.grid.align-left > div ~ .textblock-full, section.content-module #page section.grid.align-left > div ~ .media-block-full, section.content-module #page section.grid.align-left > div ~ .textblock-right, section.content-module #page section.grid.align-right.align-left > div ~ div, section.content-module #page section.align-right.content-module.grid.align-left > div ~ div, section.content-module #page section.align-right.article-header--smaller.grid.align-left > div ~ div, section.content-module #page section.align-right.article-meta.grid.align-left > div ~ div, section.content-module #page section.grid.align-left > div ~ .media-block-right, #page section.content-module section.grid.align-left > div ~ .textblock, #page section.content-module section.grid.align-left > div ~ .textblock-full, #page section.content-module section.grid.align-left > div ~ .media-block-full, #page section.content-module section.grid.align-left > div ~ .textblock-right, #page section.content-module section.grid.align-right.align-left > div ~ div, #page section.content-module section.align-right.content-module.grid.align-left > div ~ div, #page section.content-module section.align-right.article-header--smaller.grid.align-left > div ~ div, #page section.content-module section.align-right.article-meta.grid.align-left > div ~ div, #page section.content-module section.grid.align-left > div ~ .media-block-right, #page section.align-left.content-module > div ~ .textblock, #page section.align-left.content-module > div ~ .textblock-full, #page section.align-left.content-module > div ~ .media-block-full, #page section.align-left.content-module > div ~ .textblock-right, #page section.grid.align-right.align-left.content-module > div ~ div, #page section.align-right.content-module.align-left > div ~ div, #page section.align-right.article-header--smaller.align-left.content-module > div ~ div, #page section.align-right.article-meta.align-left.content-module > div ~ div, #page section.align-left.content-module > div ~ .media-block-right, section.content-module #page section.align-left.article-header--smaller > div ~ .textblock, section.content-module #page section.align-left.article-header--smaller > div ~ .textblock-full, section.content-module #page section.align-left.article-header--smaller > div ~ .media-block-full, section.content-module #page section.align-left.article-header--smaller > div ~ .textblock-right, section.content-module #page section.grid.align-right.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-right.content-module.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-left > div ~ div, section.content-module #page section.align-right.article-meta.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-header--smaller > div ~ .media-block-right, #page section.content-module section.align-left.article-header--smaller > div ~ .textblock, #page section.content-module section.align-left.article-header--smaller > div ~ .textblock-full, #page section.content-module section.align-left.article-header--smaller > div ~ .media-block-full, #page section.content-module section.align-left.article-header--smaller > div ~ .textblock-right, #page section.content-module section.grid.align-right.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-right.content-module.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-left > div ~ div, #page section.content-module section.align-right.article-meta.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-header--smaller > div ~ .media-block-right, section.content-module #page section.align-left.article-meta > div ~ .textblock, section.content-module #page section.align-left.article-meta > div ~ .textblock-full, section.content-module #page section.align-left.article-meta > div ~ .media-block-full, section.content-module #page section.align-left.article-meta > div ~ .textblock-right, section.content-module #page section.grid.align-right.align-left.article-meta > div ~ div, section.content-module #page section.align-right.content-module.align-left.article-meta > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-left.article-meta > div ~ div, section.content-module #page section.align-right.article-meta.align-left > div ~ div, section.content-module #page section.align-left.article-meta > div ~ .media-block-right, #page section.content-module section.align-left.article-meta > div ~ .textblock, #page section.content-module section.align-left.article-meta > div ~ .textblock-full, #page section.content-module section.align-left.article-meta > div ~ .media-block-full, #page section.content-module section.align-left.article-meta > div ~ .textblock-right, #page section.content-module section.grid.align-right.align-left.article-meta > div ~ div, #page section.content-module section.align-right.content-module.align-left.article-meta > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-left.article-meta > div ~ div, #page section.content-module section.align-right.article-meta.align-left > div ~ div, #page section.content-module section.align-left.article-meta > div ~ .media-block-right, section.content-module .media-block-left ~ .textblock, section.content-module .media-block-left ~ .textblock-full, section.content-module .media-block-left ~ .media-block-full, section.content-module .media-block-left ~ .textblock-right, section.content-module #page section.grid.align-right > .media-block-left ~ div, #page section.content-module section.grid.align-right > .media-block-left ~ div, #page section.align-right.content-module > .media-block-left ~ div, section.content-module #page section.align-right.article-header--smaller > .media-block-left ~ div, #page section.content-module section.align-right.article-header--smaller > .media-block-left ~ div, section.content-module #page section.align-right.article-meta > .media-block-left ~ div, #page section.content-module section.align-right.article-meta > .media-block-left ~ div, section.content-module .media-block-left ~ .media-block-right, section.content-module .textblock ~ .textblock-left, section.content-module .textblock-full ~ .textblock-left, section.content-module .media-block-full ~ .textblock-left, section.content-module .textblock-right ~ .textblock-left, section.content-module #page section.grid.align-right > div ~ .textblock-left, #page section.content-module section.grid.align-right > div ~ .textblock-left, #page section.align-right.content-module > div ~ .textblock-left, section.content-module #page section.align-right.article-header--smaller > div ~ .textblock-left, #page section.content-module section.align-right.article-header--smaller > div ~ .textblock-left, section.content-module #page section.align-right.article-meta > div ~ .textblock-left, #page section.content-module section.align-right.article-meta > div ~ .textblock-left, section.content-module .media-block-right ~ .textblock-left, section.content-module .textblock-left ~ .textblock-left, section.content-module #page section.grid.align-left > div ~ .textblock-left, #page section.content-module section.grid.align-left > div ~ .textblock-left, #page section.align-left.content-module > div ~ .textblock-left, section.content-module #page section.align-left.article-header--smaller > div ~ .textblock-left, #page section.content-module section.align-left.article-header--smaller > div ~ .textblock-left, section.content-module #page section.align-left.article-meta > div ~ .textblock-left, #page section.content-module section.align-left.article-meta > div ~ .textblock-left, section.content-module .media-block-left ~ .textblock-left, section.content-module #page section.grid.align-left > .textblock ~ div, section.content-module #page section.grid.align-left > .textblock-full ~ div, section.content-module #page section.grid.align-left > .media-block-full ~ div, section.content-module #page section.grid.align-left > .textblock-right ~ div, section.content-module #page section.grid.align-right.align-left > div ~ div, section.content-module #page section.align-right.content-module.grid.align-left > div ~ div, section.content-module #page section.align-right.article-header--smaller.grid.align-left > div ~ div, section.content-module #page section.align-right.article-meta.grid.align-left > div ~ div, section.content-module #page section.grid.align-left > .media-block-right ~ div, #page section.content-module section.grid.align-left > .textblock ~ div, #page section.content-module section.grid.align-left > .textblock-full ~ div, #page section.content-module section.grid.align-left > .media-block-full ~ div, #page section.content-module section.grid.align-left > .textblock-right ~ div, #page section.content-module section.grid.align-right.align-left > div ~ div, #page section.content-module section.align-right.content-module.grid.align-left > div ~ div, #page section.content-module section.align-right.article-header--smaller.grid.align-left > div ~ div, #page section.content-module section.align-right.article-meta.grid.align-left > div ~ div, #page section.content-module section.grid.align-left > .media-block-right ~ div, section.content-module #page section.grid.align-left > .textblock-left ~ div, #page section.content-module section.grid.align-left > .textblock-left ~ div, section.content-module #page section.grid.align-left > div ~ div, #page section.content-module section.grid.align-left > div ~ div, #page section.grid.align-left.content-module > div ~ div, section.content-module #page section.grid.align-left.article-header--smaller > div ~ div, #page section.content-module section.grid.align-left.article-header--smaller > div ~ div, section.content-module #page section.grid.align-left.article-meta > div ~ div, #page section.content-module section.grid.align-left.article-meta > div ~ div, section.content-module #page section.grid.align-left > .media-block-left ~ div, #page section.content-module section.grid.align-left > .media-block-left ~ div, #page section.align-left.content-module > .textblock ~ div, #page section.align-left.content-module > .textblock-full ~ div, #page section.align-left.content-module > .media-block-full ~ div, #page section.align-left.content-module > .textblock-right ~ div, #page section.grid.align-right.align-left.content-module > div ~ div, #page section.align-right.content-module.align-left > div ~ div, #page section.align-right.article-header--smaller.align-left.content-module > div ~ div, #page section.align-right.article-meta.align-left.content-module > div ~ div, #page section.align-left.content-module > .media-block-right ~ div, #page section.align-left.content-module > .textblock-left ~ div, section.content-module #page section.align-left.content-module.grid > div ~ div, #page section.content-module section.align-left.content-module.grid > div ~ div, #page section.align-left.content-module > div ~ div, section.content-module #page section.align-left.content-module.article-header--smaller > div ~ div, #page section.content-module section.align-left.content-module.article-header--smaller > div ~ div, section.content-module #page section.align-left.content-module.article-meta > div ~ div, #page section.content-module section.align-left.content-module.article-meta > div ~ div, #page section.align-left.content-module > .media-block-left ~ div, section.content-module #page section.align-left.article-header--smaller > .textblock ~ div, section.content-module #page section.align-left.article-header--smaller > .textblock-full ~ div, section.content-module #page section.align-left.article-header--smaller > .media-block-full ~ div, section.content-module #page section.align-left.article-header--smaller > .textblock-right ~ div, section.content-module #page section.grid.align-right.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-right.content-module.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-left > div ~ div, section.content-module #page section.align-right.article-meta.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-header--smaller > .media-block-right ~ div, #page section.content-module section.align-left.article-header--smaller > .textblock ~ div, #page section.content-module section.align-left.article-header--smaller > .textblock-full ~ div, #page section.content-module section.align-left.article-header--smaller > .media-block-full ~ div, #page section.content-module section.align-left.article-header--smaller > .textblock-right ~ div, #page section.content-module section.grid.align-right.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-right.content-module.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-left > div ~ div, #page section.content-module section.align-right.article-meta.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-header--smaller > .media-block-right ~ div, section.content-module #page section.align-left.article-header--smaller > .textblock-left ~ div, #page section.content-module section.align-left.article-header--smaller > .textblock-left ~ div, section.content-module #page section.align-left.article-header--smaller.grid > div ~ div, #page section.content-module section.align-left.article-header--smaller.grid > div ~ div, #page section.align-left.article-header--smaller.content-module > div ~ div, section.content-module #page section.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-header--smaller.article-meta > div ~ div, #page section.content-module section.align-left.article-header--smaller.article-meta > div ~ div, section.content-module #page section.align-left.article-header--smaller > .media-block-left ~ div, #page section.content-module section.align-left.article-header--smaller > .media-block-left ~ div, section.content-module #page section.align-left.article-meta > .textblock ~ div, section.content-module #page section.align-left.article-meta > .textblock-full ~ div, section.content-module #page section.align-left.article-meta > .media-block-full ~ div, section.content-module #page section.align-left.article-meta > .textblock-right ~ div, section.content-module #page section.grid.align-right.align-left.article-meta > div ~ div, section.content-module #page section.align-right.content-module.align-left.article-meta > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-left.article-meta > div ~ div, section.content-module #page section.align-right.article-meta.align-left > div ~ div, section.content-module #page section.align-left.article-meta > .media-block-right ~ div, #page section.content-module section.align-left.article-meta > .textblock ~ div, #page section.content-module section.align-left.article-meta > .textblock-full ~ div, #page section.content-module section.align-left.article-meta > .media-block-full ~ div, #page section.content-module section.align-left.article-meta > .textblock-right ~ div, #page section.content-module section.grid.align-right.align-left.article-meta > div ~ div, #page section.content-module section.align-right.content-module.align-left.article-meta > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-left.article-meta > div ~ div, #page section.content-module section.align-right.article-meta.align-left > div ~ div, #page section.content-module section.align-left.article-meta > .media-block-right ~ div, section.content-module #page section.align-left.article-meta > .textblock-left ~ div, #page section.content-module section.align-left.article-meta > .textblock-left ~ div, section.content-module #page section.align-left.article-meta.grid > div ~ div, #page section.content-module section.align-left.article-meta.grid > div ~ div, #page section.align-left.article-meta.content-module > div ~ div, section.content-module #page section.align-left.article-meta.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-meta.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-meta > div ~ div, #page section.content-module section.align-left.article-meta > div ~ div, section.content-module #page section.align-left.article-meta > .media-block-left ~ div, #page section.content-module section.align-left.article-meta > .media-block-left ~ div, section.content-module .textblock ~ .media-block-left, section.content-module .textblock-full ~ .media-block-left, section.content-module .media-block-full ~ .media-block-left, section.content-module .textblock-right ~ .media-block-left, section.content-module #page section.grid.align-right > div ~ .media-block-left, #page section.content-module section.grid.align-right > div ~ .media-block-left, #page section.align-right.content-module > div ~ .media-block-left, section.content-module #page section.align-right.article-header--smaller > div ~ .media-block-left, #page section.content-module section.align-right.article-header--smaller > div ~ .media-block-left, section.content-module #page section.align-right.article-meta > div ~ .media-block-left, #page section.content-module section.align-right.article-meta > div ~ .media-block-left, section.content-module .media-block-right ~ .media-block-left, section.content-module .textblock-left ~ .media-block-left, section.content-module #page section.grid.align-left > div ~ .media-block-left, #page section.content-module section.grid.align-left > div ~ .media-block-left, #page section.align-left.content-module > div ~ .media-block-left, section.content-module #page section.align-left.article-header--smaller > div ~ .media-block-left, #page section.content-module section.align-left.article-header--smaller > div ~ .media-block-left, section.content-module #page section.align-left.article-meta > div ~ .media-block-left, #page section.content-module section.align-left.article-meta > div ~ .media-block-left, section.content-module .media-block-left ~ .media-block-left, section.content-module .textblock-centered ~ .textblock, section.content-module .textblock-centered ~ .textblock-full, section.content-module .textblock-centered ~ .media-block-full, section.content-module .textblock-centered ~ .textblock-right, section.content-module #page section.grid.align-right > .textblock-centered ~ div, #page section.content-module section.grid.align-right > .textblock-centered ~ div, #page section.align-right.content-module > .textblock-centered ~ div, section.content-module #page section.align-right.article-header--smaller > .textblock-centered ~ div, #page section.content-module section.align-right.article-header--smaller > .textblock-centered ~ div, section.content-module #page section.align-right.article-meta > .textblock-centered ~ div, #page section.content-module section.align-right.article-meta > .textblock-centered ~ div, section.content-module .textblock-centered ~ .media-block-right, section.content-module .textblock-centered ~ .textblock-left, section.content-module #page section.grid.align-left > .textblock-centered ~ div, #page section.content-module section.grid.align-left > .textblock-centered ~ div, #page section.align-left.content-module > .textblock-centered ~ div, section.content-module #page section.align-left.article-header--smaller > .textblock-centered ~ div, #page section.content-module section.align-left.article-header--smaller > .textblock-centered ~ div, section.content-module #page section.align-left.article-meta > .textblock-centered ~ div, #page section.content-module section.align-left.article-meta > .textblock-centered ~ div, section.content-module .textblock-centered ~ .media-block-left, section.content-module #page section.grid.align-center > div ~ .textblock, section.content-module #page section.grid.align-center > div ~ .textblock-full, section.content-module #page section.grid.align-center > div ~ .media-block-full, section.content-module #page section.grid.align-center > div ~ .textblock-right, section.content-module #page section.grid.align-right.align-center > div ~ div, section.content-module #page section.align-right.content-module.grid.align-center > div ~ div, section.content-module #page section.align-right.article-header--smaller.grid.align-center > div ~ div, section.content-module #page section.align-right.article-meta.grid.align-center > div ~ div, section.content-module #page section.grid.align-center > div ~ .media-block-right, section.content-module #page section.grid.align-center > div ~ .textblock-left, section.content-module #page section.grid.align-left.align-center > div ~ div, section.content-module #page section.align-left.content-module.grid.align-center > div ~ div, section.content-module #page section.align-left.article-header--smaller.grid.align-center > div ~ div, section.content-module #page section.align-left.article-meta.grid.align-center > div ~ div, section.content-module #page section.grid.align-center > div ~ .media-block-left, #page section.content-module section.grid.align-center > div ~ .textblock, #page section.content-module section.grid.align-center > div ~ .textblock-full, #page section.content-module section.grid.align-center > div ~ .media-block-full, #page section.content-module section.grid.align-center > div ~ .textblock-right, #page section.content-module section.grid.align-right.align-center > div ~ div, #page section.content-module section.align-right.content-module.grid.align-center > div ~ div, #page section.content-module section.align-right.article-header--smaller.grid.align-center > div ~ div, #page section.content-module section.align-right.article-meta.grid.align-center > div ~ div, #page section.content-module section.grid.align-center > div ~ .media-block-right, #page section.content-module section.grid.align-center > div ~ .textblock-left, #page section.content-module section.grid.align-left.align-center > div ~ div, #page section.content-module section.align-left.content-module.grid.align-center > div ~ div, #page section.content-module section.align-left.article-header--smaller.grid.align-center > div ~ div, #page section.content-module section.align-left.article-meta.grid.align-center > div ~ div, #page section.content-module section.grid.align-center > div ~ .media-block-left, #page section.align-center.content-module > div ~ .textblock, #page section.align-center.content-module > div ~ .textblock-full, #page section.align-center.content-module > div ~ .media-block-full, #page section.align-center.content-module > div ~ .textblock-right, #page section.grid.align-right.align-center.content-module > div ~ div, #page section.align-right.content-module.align-center > div ~ div, #page section.align-right.article-header--smaller.align-center.content-module > div ~ div, #page section.align-right.article-meta.align-center.content-module > div ~ div, #page section.align-center.content-module > div ~ .media-block-right, #page section.align-center.content-module > div ~ .textblock-left, #page section.grid.align-left.align-center.content-module > div ~ div, #page section.align-left.content-module.align-center > div ~ div, #page section.align-left.article-header--smaller.align-center.content-module > div ~ div, #page section.align-left.article-meta.align-center.content-module > div ~ div, #page section.align-center.content-module > div ~ .media-block-left, section.content-module #page section.align-center.article-header--smaller > div ~ .textblock, section.content-module #page section.align-center.article-header--smaller > div ~ .textblock-full, section.content-module #page section.align-center.article-header--smaller > div ~ .media-block-full, section.content-module #page section.align-center.article-header--smaller > div ~ .textblock-right, section.content-module #page section.grid.align-right.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-right.content-module.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-center > div ~ div, section.content-module #page section.align-right.article-meta.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-header--smaller > div ~ .media-block-right, section.content-module #page section.align-center.article-header--smaller > div ~ .textblock-left, section.content-module #page section.grid.align-left.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-left.content-module.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-center > div ~ div, section.content-module #page section.align-left.article-meta.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-header--smaller > div ~ .media-block-left, #page section.content-module section.align-center.article-header--smaller > div ~ .textblock, #page section.content-module section.align-center.article-header--smaller > div ~ .textblock-full, #page section.content-module section.align-center.article-header--smaller > div ~ .media-block-full, #page section.content-module section.align-center.article-header--smaller > div ~ .textblock-right, #page section.content-module section.grid.align-right.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-right.content-module.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-center > div ~ div, #page section.content-module section.align-right.article-meta.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-header--smaller > div ~ .media-block-right, #page section.content-module section.align-center.article-header--smaller > div ~ .textblock-left, #page section.content-module section.grid.align-left.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-left.content-module.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-center > div ~ div, #page section.content-module section.align-left.article-meta.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-header--smaller > div ~ .media-block-left, section.content-module #page section.align-center.article-meta > div ~ .textblock, section.content-module #page section.align-center.article-meta > div ~ .textblock-full, section.content-module #page section.align-center.article-meta > div ~ .media-block-full, section.content-module #page section.align-center.article-meta > div ~ .textblock-right, section.content-module #page section.grid.align-right.align-center.article-meta > div ~ div, section.content-module #page section.align-right.content-module.align-center.article-meta > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-center.article-meta > div ~ div, section.content-module #page section.align-right.article-meta.align-center > div ~ div, section.content-module #page section.align-center.article-meta > div ~ .media-block-right, section.content-module #page section.align-center.article-meta > div ~ .textblock-left, section.content-module #page section.grid.align-left.align-center.article-meta > div ~ div, section.content-module #page section.align-left.content-module.align-center.article-meta > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-center.article-meta > div ~ div, section.content-module #page section.align-left.article-meta.align-center > div ~ div, section.content-module #page section.align-center.article-meta > div ~ .media-block-left, #page section.content-module section.align-center.article-meta > div ~ .textblock, #page section.content-module section.align-center.article-meta > div ~ .textblock-full, #page section.content-module section.align-center.article-meta > div ~ .media-block-full, #page section.content-module section.align-center.article-meta > div ~ .textblock-right, #page section.content-module section.grid.align-right.align-center.article-meta > div ~ div, #page section.content-module section.align-right.content-module.align-center.article-meta > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-center.article-meta > div ~ div, #page section.content-module section.align-right.article-meta.align-center > div ~ div, #page section.content-module section.align-center.article-meta > div ~ .media-block-right, #page section.content-module section.align-center.article-meta > div ~ .textblock-left, #page section.content-module section.grid.align-left.align-center.article-meta > div ~ div, #page section.content-module section.align-left.content-module.align-center.article-meta > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-center.article-meta > div ~ div, #page section.content-module section.align-left.article-meta.align-center > div ~ div, #page section.content-module section.align-center.article-meta > div ~ .media-block-left, section.content-module .media-block-centered ~ .textblock, section.content-module .media-block-centered ~ .textblock-full, section.content-module .media-block-centered ~ .media-block-full, section.content-module .media-block-centered ~ .textblock-right, section.content-module #page section.grid.align-right > .media-block-centered ~ div, #page section.content-module section.grid.align-right > .media-block-centered ~ div, #page section.align-right.content-module > .media-block-centered ~ div, section.content-module #page section.align-right.article-header--smaller > .media-block-centered ~ div, #page section.content-module section.align-right.article-header--smaller > .media-block-centered ~ div, section.content-module #page section.align-right.article-meta > .media-block-centered ~ div, #page section.content-module section.align-right.article-meta > .media-block-centered ~ div, section.content-module .media-block-centered ~ .media-block-right, section.content-module .media-block-centered ~ .textblock-left, section.content-module #page section.grid.align-left > .media-block-centered ~ div, #page section.content-module section.grid.align-left > .media-block-centered ~ div, #page section.align-left.content-module > .media-block-centered ~ div, section.content-module #page section.align-left.article-header--smaller > .media-block-centered ~ div, #page section.content-module section.align-left.article-header--smaller > .media-block-centered ~ div, section.content-module #page section.align-left.article-meta > .media-block-centered ~ div, #page section.content-module section.align-left.article-meta > .media-block-centered ~ div, section.content-module .media-block-centered ~ .media-block-left, section.content-module .textblock ~ .textblock-centered, section.content-module .textblock-full ~ .textblock-centered, section.content-module .media-block-full ~ .textblock-centered, section.content-module .textblock-right ~ .textblock-centered, section.content-module #page section.grid.align-right > div ~ .textblock-centered, #page section.content-module section.grid.align-right > div ~ .textblock-centered, #page section.align-right.content-module > div ~ .textblock-centered, section.content-module #page section.align-right.article-header--smaller > div ~ .textblock-centered, #page section.content-module section.align-right.article-header--smaller > div ~ .textblock-centered, section.content-module #page section.align-right.article-meta > div ~ .textblock-centered, #page section.content-module section.align-right.article-meta > div ~ .textblock-centered, section.content-module .media-block-right ~ .textblock-centered, section.content-module .textblock-left ~ .textblock-centered, section.content-module #page section.grid.align-left > div ~ .textblock-centered, #page section.content-module section.grid.align-left > div ~ .textblock-centered, #page section.align-left.content-module > div ~ .textblock-centered, section.content-module #page section.align-left.article-header--smaller > div ~ .textblock-centered, #page section.content-module section.align-left.article-header--smaller > div ~ .textblock-centered, section.content-module #page section.align-left.article-meta > div ~ .textblock-centered, #page section.content-module section.align-left.article-meta > div ~ .textblock-centered, section.content-module .media-block-left ~ .textblock-centered, section.content-module .textblock-centered ~ .textblock-centered, section.content-module #page section.grid.align-center > div ~ .textblock-centered, #page section.content-module section.grid.align-center > div ~ .textblock-centered, #page section.align-center.content-module > div ~ .textblock-centered, section.content-module #page section.align-center.article-header--smaller > div ~ .textblock-centered, #page section.content-module section.align-center.article-header--smaller > div ~ .textblock-centered, section.content-module #page section.align-center.article-meta > div ~ .textblock-centered, #page section.content-module section.align-center.article-meta > div ~ .textblock-centered, section.content-module .media-block-centered ~ .textblock-centered, section.content-module #page section.grid.align-center > .textblock ~ div, section.content-module #page section.grid.align-center > .textblock-full ~ div, section.content-module #page section.grid.align-center > .media-block-full ~ div, section.content-module #page section.grid.align-center > .textblock-right ~ div, section.content-module #page section.grid.align-right.align-center > div ~ div, section.content-module #page section.align-right.content-module.grid.align-center > div ~ div, section.content-module #page section.align-right.article-header--smaller.grid.align-center > div ~ div, section.content-module #page section.align-right.article-meta.grid.align-center > div ~ div, section.content-module #page section.grid.align-center > .media-block-right ~ div, section.content-module #page section.grid.align-center > .textblock-left ~ div, section.content-module #page section.grid.align-left.align-center > div ~ div, section.content-module #page section.align-left.content-module.grid.align-center > div ~ div, section.content-module #page section.align-left.article-header--smaller.grid.align-center > div ~ div, section.content-module #page section.align-left.article-meta.grid.align-center > div ~ div, section.content-module #page section.grid.align-center > .media-block-left ~ div, #page section.content-module section.grid.align-center > .textblock ~ div, #page section.content-module section.grid.align-center > .textblock-full ~ div, #page section.content-module section.grid.align-center > .media-block-full ~ div, #page section.content-module section.grid.align-center > .textblock-right ~ div, #page section.content-module section.grid.align-right.align-center > div ~ div, #page section.content-module section.align-right.content-module.grid.align-center > div ~ div, #page section.content-module section.align-right.article-header--smaller.grid.align-center > div ~ div, #page section.content-module section.align-right.article-meta.grid.align-center > div ~ div, #page section.content-module section.grid.align-center > .media-block-right ~ div, #page section.content-module section.grid.align-center > .textblock-left ~ div, #page section.content-module section.grid.align-left.align-center > div ~ div, #page section.content-module section.align-left.content-module.grid.align-center > div ~ div, #page section.content-module section.align-left.article-header--smaller.grid.align-center > div ~ div, #page section.content-module section.align-left.article-meta.grid.align-center > div ~ div, #page section.content-module section.grid.align-center > .media-block-left ~ div, section.content-module #page section.grid.align-center > .textblock-centered ~ div, #page section.content-module section.grid.align-center > .textblock-centered ~ div, section.content-module #page section.grid.align-center > div ~ div, #page section.content-module section.grid.align-center > div ~ div, #page section.grid.align-center.content-module > div ~ div, section.content-module #page section.grid.align-center.article-header--smaller > div ~ div, #page section.content-module section.grid.align-center.article-header--smaller > div ~ div, section.content-module #page section.grid.align-center.article-meta > div ~ div, #page section.content-module section.grid.align-center.article-meta > div ~ div, section.content-module #page section.grid.align-center > .media-block-centered ~ div, #page section.content-module section.grid.align-center > .media-block-centered ~ div, #page section.align-center.content-module > .textblock ~ div, #page section.align-center.content-module > .textblock-full ~ div, #page section.align-center.content-module > .media-block-full ~ div, #page section.align-center.content-module > .textblock-right ~ div, #page section.grid.align-right.align-center.content-module > div ~ div, #page section.align-right.content-module.align-center > div ~ div, #page section.align-right.article-header--smaller.align-center.content-module > div ~ div, #page section.align-right.article-meta.align-center.content-module > div ~ div, #page section.align-center.content-module > .media-block-right ~ div, #page section.align-center.content-module > .textblock-left ~ div, #page section.grid.align-left.align-center.content-module > div ~ div, #page section.align-left.content-module.align-center > div ~ div, #page section.align-left.article-header--smaller.align-center.content-module > div ~ div, #page section.align-left.article-meta.align-center.content-module > div ~ div, #page section.align-center.content-module > .media-block-left ~ div, #page section.align-center.content-module > .textblock-centered ~ div, section.content-module #page section.align-center.content-module.grid > div ~ div, #page section.content-module section.align-center.content-module.grid > div ~ div, #page section.align-center.content-module > div ~ div, section.content-module #page section.align-center.content-module.article-header--smaller > div ~ div, #page section.content-module section.align-center.content-module.article-header--smaller > div ~ div, section.content-module #page section.align-center.content-module.article-meta > div ~ div, #page section.content-module section.align-center.content-module.article-meta > div ~ div, #page section.align-center.content-module > .media-block-centered ~ div, section.content-module #page section.align-center.article-header--smaller > .textblock ~ div, section.content-module #page section.align-center.article-header--smaller > .textblock-full ~ div, section.content-module #page section.align-center.article-header--smaller > .media-block-full ~ div, section.content-module #page section.align-center.article-header--smaller > .textblock-right ~ div, section.content-module #page section.grid.align-right.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-right.content-module.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-center > div ~ div, section.content-module #page section.align-right.article-meta.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-header--smaller > .media-block-right ~ div, section.content-module #page section.align-center.article-header--smaller > .textblock-left ~ div, section.content-module #page section.grid.align-left.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-left.content-module.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-center > div ~ div, section.content-module #page section.align-left.article-meta.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-header--smaller > .media-block-left ~ div, #page section.content-module section.align-center.article-header--smaller > .textblock ~ div, #page section.content-module section.align-center.article-header--smaller > .textblock-full ~ div, #page section.content-module section.align-center.article-header--smaller > .media-block-full ~ div, #page section.content-module section.align-center.article-header--smaller > .textblock-right ~ div, #page section.content-module section.grid.align-right.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-right.content-module.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-center > div ~ div, #page section.content-module section.align-right.article-meta.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-header--smaller > .media-block-right ~ div, #page section.content-module section.align-center.article-header--smaller > .textblock-left ~ div, #page section.content-module section.grid.align-left.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-left.content-module.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-center > div ~ div, #page section.content-module section.align-left.article-meta.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-header--smaller > .media-block-left ~ div, section.content-module #page section.align-center.article-header--smaller > .textblock-centered ~ div, #page section.content-module section.align-center.article-header--smaller > .textblock-centered ~ div, section.content-module #page section.align-center.article-header--smaller.grid > div ~ div, #page section.content-module section.align-center.article-header--smaller.grid > div ~ div, #page section.align-center.article-header--smaller.content-module > div ~ div, section.content-module #page section.align-center.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-header--smaller.article-meta > div ~ div, #page section.content-module section.align-center.article-header--smaller.article-meta > div ~ div, section.content-module #page section.align-center.article-header--smaller > .media-block-centered ~ div, #page section.content-module section.align-center.article-header--smaller > .media-block-centered ~ div, section.content-module #page section.align-center.article-meta > .textblock ~ div, section.content-module #page section.align-center.article-meta > .textblock-full ~ div, section.content-module #page section.align-center.article-meta > .media-block-full ~ div, section.content-module #page section.align-center.article-meta > .textblock-right ~ div, section.content-module #page section.grid.align-right.align-center.article-meta > div ~ div, section.content-module #page section.align-right.content-module.align-center.article-meta > div ~ div, section.content-module #page section.align-right.article-header--smaller.align-center.article-meta > div ~ div, section.content-module #page section.align-right.article-meta.align-center > div ~ div, section.content-module #page section.align-center.article-meta > .media-block-right ~ div, section.content-module #page section.align-center.article-meta > .textblock-left ~ div, section.content-module #page section.grid.align-left.align-center.article-meta > div ~ div, section.content-module #page section.align-left.content-module.align-center.article-meta > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-center.article-meta > div ~ div, section.content-module #page section.align-left.article-meta.align-center > div ~ div, section.content-module #page section.align-center.article-meta > .media-block-left ~ div, #page section.content-module section.align-center.article-meta > .textblock ~ div, #page section.content-module section.align-center.article-meta > .textblock-full ~ div, #page section.content-module section.align-center.article-meta > .media-block-full ~ div, #page section.content-module section.align-center.article-meta > .textblock-right ~ div, #page section.content-module section.grid.align-right.align-center.article-meta > div ~ div, #page section.content-module section.align-right.content-module.align-center.article-meta > div ~ div, #page section.content-module section.align-right.article-header--smaller.align-center.article-meta > div ~ div, #page section.content-module section.align-right.article-meta.align-center > div ~ div, #page section.content-module section.align-center.article-meta > .media-block-right ~ div, #page section.content-module section.align-center.article-meta > .textblock-left ~ div, #page section.content-module section.grid.align-left.align-center.article-meta > div ~ div, #page section.content-module section.align-left.content-module.align-center.article-meta > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-center.article-meta > div ~ div, #page section.content-module section.align-left.article-meta.align-center > div ~ div, #page section.content-module section.align-center.article-meta > .media-block-left ~ div, section.content-module #page section.align-center.article-meta > .textblock-centered ~ div, #page section.content-module section.align-center.article-meta > .textblock-centered ~ div, section.content-module #page section.align-center.article-meta.grid > div ~ div, #page section.content-module section.align-center.article-meta.grid > div ~ div, #page section.align-center.article-meta.content-module > div ~ div, section.content-module #page section.align-center.article-meta.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-meta.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-meta > div ~ div, #page section.content-module section.align-center.article-meta > div ~ div, section.content-module #page section.align-center.article-meta > .media-block-centered ~ div, #page section.content-module section.align-center.article-meta > .media-block-centered ~ div, section.content-module .textblock ~ .media-block-centered, section.content-module .textblock-full ~ .media-block-centered, section.content-module .media-block-full ~ .media-block-centered, section.content-module .textblock-right ~ .media-block-centered, section.content-module #page section.grid.align-right > div ~ .media-block-centered, #page section.content-module section.grid.align-right > div ~ .media-block-centered, #page section.align-right.content-module > div ~ .media-block-centered, section.content-module #page section.align-right.article-header--smaller > div ~ .media-block-centered, #page section.content-module section.align-right.article-header--smaller > div ~ .media-block-centered, section.content-module #page section.align-right.article-meta > div ~ .media-block-centered, #page section.content-module section.align-right.article-meta > div ~ .media-block-centered, section.content-module .media-block-right ~ .media-block-centered, section.content-module .textblock-left ~ .media-block-centered, section.content-module #page section.grid.align-left > div ~ .media-block-centered, #page section.content-module section.grid.align-left > div ~ .media-block-centered, #page section.align-left.content-module > div ~ .media-block-centered, section.content-module #page section.align-left.article-header--smaller > div ~ .media-block-centered, #page section.content-module section.align-left.article-header--smaller > div ~ .media-block-centered, section.content-module #page section.align-left.article-meta > div ~ .media-block-centered, #page section.content-module section.align-left.article-meta > div ~ .media-block-centered, section.content-module .media-block-left ~ .media-block-centered, section.content-module .textblock-centered ~ .media-block-centered, section.content-module #page section.grid.align-center > div ~ .media-block-centered, #page section.content-module section.grid.align-center > div ~ .media-block-centered, #page section.align-center.content-module > div ~ .media-block-centered, section.content-module #page section.align-center.article-header--smaller > div ~ .media-block-centered, #page section.content-module section.align-center.article-header--smaller > div ~ .media-block-centered, section.content-module #page section.align-center.article-meta > div ~ .media-block-centered, #page section.content-module section.align-center.article-meta > div ~ .media-block-centered, section.content-module .media-block-centered ~ .media-block-centered, section.content-module .hero2 .fs-hero-subline ~ .textblock, section.content-module .hero2 .fs-hero-subline ~ .textblock-full, section.content-module .hero2 .fs-hero-subline ~ .media-block-full, section.content-module .hero2 .fs-hero-subline ~ .textblock-right, section.content-module .hero2 #page section.grid.align-right > .fs-hero-subline ~ div, #page section.content-module .hero2 section.grid.align-right > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-right.content-module > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-right.content-module > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-right.article-header--smaller > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-right.article-header--smaller > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-right.article-meta > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-right.article-meta > .fs-hero-subline ~ div, section.content-module .hero2 .fs-hero-subline ~ .media-block-right, section.content-module .hero2 .fs-hero-subline ~ .textblock-left, section.content-module .hero2 #page section.grid.align-left > .fs-hero-subline ~ div, #page section.content-module .hero2 section.grid.align-left > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-left.content-module > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-left.content-module > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-left.article-header--smaller > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-left.article-header--smaller > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-left.article-meta > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-left.article-meta > .fs-hero-subline ~ div, section.content-module .hero2 .fs-hero-subline ~ .media-block-left, section.content-module .hero2 .fs-hero-subline ~ .textblock-centered, section.content-module .hero2 #page section.grid.align-center > .fs-hero-subline ~ div, #page section.content-module .hero2 section.grid.align-center > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-center.content-module > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-center.content-module > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-center.article-header--smaller > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-center.article-header--smaller > .fs-hero-subline ~ div, section.content-module .hero2 #page section.align-center.article-meta > .fs-hero-subline ~ div, #page section.content-module .hero2 section.align-center.article-meta > .fs-hero-subline ~ div, section.content-module .hero2 .fs-hero-subline ~ .media-block-centered, .hero2 section.content-module .fs-hero-subline ~ .textblock, .hero2 section.content-module .fs-hero-subline ~ .textblock-full, .hero2 section.content-module .fs-hero-subline ~ .media-block-full, .hero2 section.content-module .fs-hero-subline ~ .textblock-right, .hero2 section.content-module #page section.grid.align-right > .fs-hero-subline ~ div, #page .hero2 section.content-module section.grid.align-right > .fs-hero-subline ~ div, .hero2 #page section.align-right.content-module > .fs-hero-subline ~ div, #page .hero2 section.align-right.content-module > .fs-hero-subline ~ div, .hero2 section.content-module #page section.align-right.article-header--smaller > .fs-hero-subline ~ div, #page .hero2 section.content-module section.align-right.article-header--smaller > .fs-hero-subline ~ div, .hero2 section.content-module #page section.align-right.article-meta > .fs-hero-subline ~ div, #page .hero2 section.content-module section.align-right.article-meta > .fs-hero-subline ~ div, .hero2 section.content-module .fs-hero-subline ~ .media-block-right, .hero2 section.content-module .fs-hero-subline ~ .textblock-left, .hero2 section.content-module #page section.grid.align-left > .fs-hero-subline ~ div, #page .hero2 section.content-module section.grid.align-left > .fs-hero-subline ~ div, .hero2 #page section.align-left.content-module > .fs-hero-subline ~ div, #page .hero2 section.align-left.content-module > .fs-hero-subline ~ div, .hero2 section.content-module #page section.align-left.article-header--smaller > .fs-hero-subline ~ div, #page .hero2 section.content-module section.align-left.article-header--smaller > .fs-hero-subline ~ div, .hero2 section.content-module #page section.align-left.article-meta > .fs-hero-subline ~ div, #page .hero2 section.content-module section.align-left.article-meta > .fs-hero-subline ~ div, .hero2 section.content-module .fs-hero-subline ~ .media-block-left, .hero2 section.content-module .fs-hero-subline ~ .textblock-centered, .hero2 section.content-module #page section.grid.align-center > .fs-hero-subline ~ div, #page .hero2 section.content-module section.grid.align-center > .fs-hero-subline ~ div, .hero2 #page section.align-center.content-module > .fs-hero-subline ~ div, #page .hero2 section.align-center.content-module > .fs-hero-subline ~ div, .hero2 section.content-module #page section.align-center.article-header--smaller > .fs-hero-subline ~ div, #page .hero2 section.content-module section.align-center.article-header--smaller > .fs-hero-subline ~ div, .hero2 section.content-module #page section.align-center.article-meta > .fs-hero-subline ~ div, #page .hero2 section.content-module section.align-center.article-meta > .fs-hero-subline ~ div, .hero2 section.content-module .fs-hero-subline ~ .media-block-centered, section.content-module .hero2 .textblock ~ .fs-hero-subline, section.content-module .hero2 .textblock-full ~ .fs-hero-subline, section.content-module .hero2 .media-block-full ~ .fs-hero-subline, section.content-module .hero2 .textblock-right ~ .fs-hero-subline, section.content-module .hero2 #page section.grid.align-right > div ~ .fs-hero-subline, #page section.content-module .hero2 section.grid.align-right > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-right.content-module > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-right.content-module > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-right.article-header--smaller > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-right.article-header--smaller > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-right.article-meta > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-right.article-meta > div ~ .fs-hero-subline, section.content-module .hero2 .media-block-right ~ .fs-hero-subline, section.content-module .hero2 .textblock-left ~ .fs-hero-subline, section.content-module .hero2 #page section.grid.align-left > div ~ .fs-hero-subline, #page section.content-module .hero2 section.grid.align-left > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-left.content-module > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-left.content-module > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-left.article-header--smaller > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-left.article-header--smaller > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-left.article-meta > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-left.article-meta > div ~ .fs-hero-subline, section.content-module .hero2 .media-block-left ~ .fs-hero-subline, section.content-module .hero2 .textblock-centered ~ .fs-hero-subline, section.content-module .hero2 #page section.grid.align-center > div ~ .fs-hero-subline, #page section.content-module .hero2 section.grid.align-center > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-center.content-module > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-center.content-module > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-center.article-header--smaller > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-center.article-header--smaller > div ~ .fs-hero-subline, section.content-module .hero2 #page section.align-center.article-meta > div ~ .fs-hero-subline, #page section.content-module .hero2 section.align-center.article-meta > div ~ .fs-hero-subline, section.content-module .hero2 .media-block-centered ~ .fs-hero-subline, .hero2 section.content-module .textblock ~ .fs-hero-subline, .hero2 section.content-module .textblock-full ~ .fs-hero-subline, .hero2 section.content-module .media-block-full ~ .fs-hero-subline, .hero2 section.content-module .textblock-right ~ .fs-hero-subline, .hero2 section.content-module #page section.grid.align-right > div ~ .fs-hero-subline, #page .hero2 section.content-module section.grid.align-right > div ~ .fs-hero-subline, .hero2 #page section.align-right.content-module > div ~ .fs-hero-subline, #page .hero2 section.align-right.content-module > div ~ .fs-hero-subline, .hero2 section.content-module #page section.align-right.article-header--smaller > div ~ .fs-hero-subline, #page .hero2 section.content-module section.align-right.article-header--smaller > div ~ .fs-hero-subline, .hero2 section.content-module #page section.align-right.article-meta > div ~ .fs-hero-subline, #page .hero2 section.content-module section.align-right.article-meta > div ~ .fs-hero-subline, .hero2 section.content-module .media-block-right ~ .fs-hero-subline, .hero2 section.content-module .textblock-left ~ .fs-hero-subline, .hero2 section.content-module #page section.grid.align-left > div ~ .fs-hero-subline, #page .hero2 section.content-module section.grid.align-left > div ~ .fs-hero-subline, .hero2 #page section.align-left.content-module > div ~ .fs-hero-subline, #page .hero2 section.align-left.content-module > div ~ .fs-hero-subline, .hero2 section.content-module #page section.align-left.article-header--smaller > div ~ .fs-hero-subline, #page .hero2 section.content-module section.align-left.article-header--smaller > div ~ .fs-hero-subline, .hero2 section.content-module #page section.align-left.article-meta > div ~ .fs-hero-subline, #page .hero2 section.content-module section.align-left.article-meta > div ~ .fs-hero-subline, .hero2 section.content-module .media-block-left ~ .fs-hero-subline, .hero2 section.content-module .textblock-centered ~ .fs-hero-subline, .hero2 section.content-module #page section.grid.align-center > div ~ .fs-hero-subline, #page .hero2 section.content-module section.grid.align-center > div ~ .fs-hero-subline, .hero2 #page section.align-center.content-module > div ~ .fs-hero-subline, #page .hero2 section.align-center.content-module > div ~ .fs-hero-subline, .hero2 section.content-module #page section.align-center.article-header--smaller > div ~ .fs-hero-subline, #page .hero2 section.content-module section.align-center.article-header--smaller > div ~ .fs-hero-subline, .hero2 section.content-module #page section.align-center.article-meta > div ~ .fs-hero-subline, #page .hero2 section.content-module section.align-center.article-meta > div ~ .fs-hero-subline, .hero2 section.content-module .media-block-centered ~ .fs-hero-subline, section.content-module .hero2 .fs-hero-subline ~ .fs-hero-subline, .hero2 section.content-module .fs-hero-subline ~ .fs-hero-subline {
    margin-top: -50px;
    margin-bottom: 0px;
  }
}
section.content-module h3 + p {
  margin-top: 1em;
}

.article-grid_item {
  margin-bottom: var(--margin-s);
}
.article-grid_item:hover .article-grid_item-img img {
  transform: scale(1.05);
}
@media (max-width: 599px) {
  .article-grid_item .title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .article-grid_item .title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .article-grid_item .title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (max-width: 599px) {
  .article-grid_item .title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (max-width: 899px) {
  .article-grid_item .subline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .article-grid_item .subline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.article-grid_item .contact {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}
@media (min-width: 1800px) {
  .article-grid_item.is-landscape:nth-child(odd) {
    grid-column-start: 2;
  }
}
@media (min-width: 1200px) {
  .article-grid_item.is-landscape {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (max-width: 1199px) {
  .article-grid_item.is-landscape {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 599px) {
  .article-grid_item.is-landscape {
    grid-column: 1/-1;
  }
}
@media (min-width: 1200px) {
  .article-grid_item.is-portrait {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 1199px) {
  .article-grid_item.is-portrait {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 599px) {
  .article-grid_item.is-portrait {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
.article-grid_item .article-grid_item-img {
  margin-bottom: 0.4em;
  overflow: hidden;
}
.article-grid_item .article-grid_item-img img {
  transition: transform 1s ease;
}

.media-block.is-portrait {
  grid-column-end: span 2;
}
@media (min-width: 600px) and (max-width: 899px) {
  .media-block.is-portrait {
    grid-column-start: 2;
  }
}
@media (min-width: 600px) {
  .media-block.span-large {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (min-width: 1200px) {
  .media-block.span-large {
    grid-column-start: 2;
  }
}
.media-block .embed-media {
  z-index: 2;
  margin-bottom: 1.5625rem;
}
.media-block .media-placeholder {
  height: 100%;
  transition-delay: 1s;
}
.media-block .get-media {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white !important;
  min-height: 2em;
}
.media-block .embed-media.video-playing .media-placeholder, .media-block .embed-media.video-playing .get-media {
  opacity: 0;
  pointer-events: none;
}

.play-media {
  background-image: url("/gfx/icon-play.svg");
  background-repeat: no-repeat;
}

.article-header {
  padding-top: 2em;
  padding-bottom: 1.5em;
}
.article-header .main {
  margin-bottom: var(--margin-s);
}
.article-header .main h1 {
  margin-top: 0.4em;
}
@media (min-width: 900px) {
  .article-header .main h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 148px;
    line-height: 1.11;
    letter-spacing: -0.047297em;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .article-header .main h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}
@media (max-width: 599px) {
  .article-header .main h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}

@media (max-width: 599px) {
  .article-header--smaller .main {
    grid-column-start: 1;
    grid-column-end: span 2;
  }
}
@media (min-width: 600px) {
  .article-header--smaller .main {
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}
@media (max-width: 599px) {
  .article-header--smaller .main.centered {
    grid-column-start: 1;
    grid-column-end: span 2;
  }
}
@media (min-width: 600px) {
  .article-header--smaller .main.centered {
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}
@media (min-width: 1200px) {
  .article-header--smaller .main.centered {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
}
@media (min-width: 900px) {
  .article-header--smaller h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .article-header--smaller h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (max-width: 599px) {
  .article-header--smaller h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

.article-quote blockquote {
  max-width: 1300px;
}
@media (max-width: 599px) {
  .article-quote blockquote {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .article-quote blockquote {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .article-quote blockquote {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
.article-quote blockquote:before {
  content: "“";
}
.article-quote blockquote:after {
  content: "”";
}
.article-quote cite {
  display: inline-block;
  padding-top: 1em;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}
@media (max-width: 599px) {
  .article-quote cite {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.5px;
  }
}

.article-quote + .subtitle {
  margin-top: 0px;
}

.article-meta > div {
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 2;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .article-meta > div {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
.article-meta > div dl {
  margin-top: 0px;
}
@media (min-width: 600px) {
  .article-meta > div dl {
    margin-bottom: 42px;
  }
}
@media (max-width: 599px) {
  .article-meta > div dl dt {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .article-meta > div dl dt {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .article-meta > div dl dt {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
.article-meta > div dl dd {
  margin-left: 0;
}
@media (max-width: 599px) {
  .article-meta > div dl dd {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .article-meta > div dl dd {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .article-meta > div dl dd {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.article-meta a {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.article-meta a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}

#content-overlay .article-meta {
  padding: 0px;
}
@media (max-width: 599px) {
  #content-overlay .article-meta dl {
    margin-bottom: 30px;
  }
}

.article-credits li .Article-credits_role {
  width: 50%;
  margin-right: 20px;
}
@media (max-width: 599px) {
  .article-credits li .Article-credits_role {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .article-credits li .Article-credits_role {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .article-credits li .Article-credits_role {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.article-credits li .Article-credits_name a {
  border-bottom: 0px;
}
@media (max-width: 599px) {
  .article-credits li .Article-credits_name a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .article-credits li .Article-credits_name a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .article-credits li .Article-credits_name a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
.article-credits li svg {
  height: 1em;
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.article-credits li:hover svg {
  opacity: 1;
}

.list_item-type-bio {
  display: flex;
}
@media (max-width: 599px) {
  .list_item-type-bio {
    flex-direction: column-reverse;
  }
}
.list_item-type-bio .list_item-type-bio_image {
  min-height: 400px;
  max-height: 600px;
}
@media (min-width: 900px) {
  .list_item-type-bio .list_item-type-bio_image {
    flex: 1 0 40%;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .list_item-type-bio .list_item-type-bio_image {
    flex: 2 0 30%;
  }
}
@media (max-width: 599px) {
  .list_item-type-bio .list_item-type-bio_image {
    margin-right: 0px;
    min-width: 300px;
  }
}
.list_item-type-bio .list_item-type-bio_textblock {
  flex: 1 0 40%;
  margin-right: var(--gutter);
}

@media (max-width: 1199px) {
  a .is-button-l {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    padding: 0.26em 0.74em;
    border-radius: 25px;
    line-height: 1;
  }
  a .is-button-l.border-white {
    border-color: #FFFFFF;
  }
  a .is-button-l.bg-white {
    background-color: white;
  }
  a .is-button-l:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  a .is-button-l:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  a .is-button-l:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  a .is-button-l:active {
    color: currentColor;
  }
  a .is-button-l:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  a .is-button-l {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
    padding: 0.27em 0.44em 0.22em 0.44em;
    border-radius: 40px;
    line-height: 1;
  }
  a .is-button-l.border-white {
    border-color: #FFFFFF;
  }
  a .is-button-l.bg-white {
    background-color: white;
  }
  a .is-button-l:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  a .is-button-l:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  a .is-button-l:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  a .is-button-l:active {
    color: currentColor;
  }
  a .is-button-l:hover:active {
    color: #ee0085;
  }
}

.two-col-right {
  min-width: 0;
  grid-column-start: 5;
  grid-column-end: span 2;
  box-sizing: border-box;
}

.collapse:not(.in) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.Workshop_Teaser {
  margin-top: 0px;
  height: 100%;
  border-bottom: var(--border) solid #000;
  cursor: pointer;
}
.Workshop_Teaser dt[aria-expanded=true], .Workshop_Teaser dd[aria-expanded=true] {
  background-color: #dfdde1;
}
@media (max-width: 599px) {
  .Workshop_Teaser {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
    width: 100vw;
  }
}
@media (min-width: 600px) {
  .Workshop_Teaser {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
    width: 100vw;
  }
}
@media (min-width: 900px) {
  .Workshop_Teaser {
    width: 91vw;
    left: 50%;
    border-left: var(--border) solid #000;
  }
}
@media (min-width: 1800px) {
  .Workshop_Teaser {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
.Workshop_Teaser dt {
  justify-content: space-between;
  align-items: center;
  border-top: var(--border) solid #000;
  padding-top: 1em;
  padding-bottom: 1em;
  outline: none;
  position: relative;
}
.Workshop_Teaser dt .icon {
  height: 1em;
}
.Workshop_Teaser dt svg {
  margin: 0px;
}
.Workshop_Teaser dt[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.Workshop_Teaser dd {
  margin: 0px;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1px;
}
.Workshop_Teaser dd div {
  padding-bottom: 50px;
}

@media (max-width: 599px) {
  .Teaser-intro {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .Teaser-intro {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .Teaser-intro {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .Teaser-intro {
    flex: 0 0 50%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .Teaser-intro {
    flex: 0 0 40%;
  }
}
@media (max-width: 899px) {
  .Teaser-intro {
    flex: 0 0 100%;
  }
}
.Teaser-intro .Teaser-title {
  display: inline-block;
  margin-bottom: 0.78em;
}
@media (max-width: 599px) {
  .Teaser-intro .Teaser-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .Teaser-intro .Teaser-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .Teaser-intro .Teaser-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
.Teaser-intro .Teaser-introtext {
  margin-bottom: 3em;
  max-width: 811px;
}

.Teaser-expand {
  width: 100%;
  border-top: var(--border) solid currentColor;
}
@media (min-width: 900px) {
  .Teaser-expand {
    width: 50%;
    left: 50%;
  }
}
@media (max-width: 599px) {
  .Teaser-expand ul {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .Teaser-expand ul {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .Teaser-expand ul {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
.Teaser-expand ul .dropdown-item {
  background: #dfdde1;
  cursor: pointer;
  padding: 0.64em;
  overflow: hidden;
  max-height: 400px;
  border-bottom: var(--border) solid currentColor;
  transition: height 3s cubic-bezier(0.16, 1.08, 0.38, 0.98);
}
@media (max-width: 599px) {
  .Teaser-expand ul .dropdown-item {
    padding-left: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .Teaser-expand ul .dropdown-item {
    padding-left: 5.46875vw;
  }
}
@media (min-width: 900px) {
  .Teaser-expand ul .dropdown-item {
    border-left: var(--border) solid currentColor;
  }
}
.Teaser-expand ul .dropdown-item.open {
  max-height: 900px;
}
.Teaser-expand ul .dropdown-item.open .dropdown-details {
  display: block;
  opacity: 1;
}
.Teaser-expand ul .dropdown-item:focus {
  max-height: 900px;
}
.Teaser-expand ul .dropdown-item:focus .dropdown-details {
  display: block;
  opacity: 1;
}
.Teaser-expand ul .dropdown-item a {
  display: inline-block;
}
@media (max-width: 599px) {
  .Teaser-expand ul .dropdown-item a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .Teaser-expand ul .dropdown-item a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .Teaser-expand ul .dropdown-item a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
.Teaser-expand ul .dropdown-item .dropdown-details {
  display: none;
  opacity: 0;
  margin-top: 58px;
}
@media (max-width: 599px) {
  .Teaser-expand ul .dropdown-item .dropdown-details {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .Teaser-expand ul .dropdown-item .dropdown-details {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .Teaser-expand ul .dropdown-item .dropdown-details {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}

.Teaser-section {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
@media (max-width: 599px) {
  .Teaser-section {
    flex-direction: column;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .Teaser-section {
    flex-direction: column;
  }
}
.Teaser-section .inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.Teaser-section .Teaser-wrapper {
  background-color: #fff;
  padding: 20%;
}
.Teaser-section .Teaser-wrapper .Teaser-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: center;
}
.Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  background-size: cover;
}
.Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  background-color: rgba(16, 16, 16, 0.08);
}
.Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main {
  text-align: left;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  padding: 0px 50px;
  transform: translate(-50%, -50%);
  margin-top: -15px;
}
.hashtag-list {
  list-style: none;
  line-height: inherit;
}
@media (max-width: 599px) {
  .hashtag-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .hashtag-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .hashtag-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.hashtag-list .show-hidden, .hashtag-list .profile-page .profile-data .profile-data-text .profile-info .show-hidden, .profile-page .profile-data .profile-data-text .profile-info .hashtag-list .show-hidden, .hashtag-list .profile-page .profile-data .profile-data-text .profile-info .hide-hidden, .profile-page .profile-data .profile-data-text .profile-info .hashtag-list .hide-hidden, .hashtag-list .hide-hidden {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.hashtag-list .show-hidden img, .hashtag-list .profile-page .profile-data .profile-data-text .profile-info .show-hidden img, .profile-page .profile-data .profile-data-text .profile-info .hashtag-list .show-hidden img, .hashtag-list .profile-page .profile-data .profile-data-text .profile-info .hide-hidden img, .profile-page .profile-data .profile-data-text .profile-info .hashtag-list .hide-hidden img, .hashtag-list .hide-hidden img {
  transform: rotate(90deg);
}

.gallery-flex {
  display: flex;
  flex-wrap: wrap;
}
.gallery-flex > div {
  flex: 0 0 10%;
  min-width: 100px;
  margin-right: 10px;
  margin-bottom: 30px;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  cursor: zoom-in;
}

.gallery-alt {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.gallery-alt.is-ready {
  opacity: 1;
}
.gallery-alt.slick-initialized .slick-list {
  cursor: grab;
}
.gallery-alt.slick-initialized .slick-list .slick-slide {
  outline: none;
  padding: calc(var(--gutter) + 15px);
  transition: all 1s ease;
}
.gallery-alt.slick-initialized .slick-list .slick-slide figcaption {
  transition: all 0.3s ease;
}
.gallery-alt.slick-initialized .slick-list .slick-slide .get-media {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gallery-alt.slick-initialized .slick-arrow {
  position: absolute;
  top: 50%;
  height: 50px;
  width: 50px;
  z-index: 2;
}
@media (max-width: 599px) {
  .gallery-alt.slick-initialized .slick-arrow {
    height: 25px;
    width: 25px;
  }
}
.gallery-alt.slick-initialized .slick-arrow:before {
  content: "";
}
.gallery-alt.slick-initialized .slick-arrow svg {
  position: absolute;
  top: calc(50% - 15px);
}
.gallery-alt.slick-initialized .slick-arrow.slick-prev {
  left: var(--gutter);
}
.gallery-alt.slick-initialized .slick-arrow.slick-next {
  right: var(--gutter);
}

/*
Notes from state
padding-top for desktop 70px

*/
/* fontsize are defined in typography css */
.hero2 {
  padding: var(--margin-l, 90px) var(--gutter, 4vw);
}
.hero2 h2 a {
  line-height: 1;
}
@media (min-width: 900px) {
  .hero2 h2 a {
    background-size: 1px 1em;
    box-shadow: inset 0 -0.03em #000, inset 0 -0.03em #000;
    display: inline;
  }
  .hero2 h2 a:hover {
    box-shadow: inset 0 -0.03em #ee0085, inset 0 -0.03em #ee0085;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .hero2 h2 a {
    background-size: 1px 1em;
    box-shadow: inset 0 -0.03em #000, inset 0 -0.03em #000;
    display: inline;
  }
  .hero2 h2 a:hover {
    box-shadow: inset 0 -0.03em #ee0085, inset 0 -0.03em #ee0085;
  }
}
@media (max-width: 599px) {
  .hero2 h2 a {
    background-size: 1px 1em;
    box-shadow: inset 0 -0.03em #000, inset 0 -0.03em #000;
    display: inline;
  }
  .hero2 h2 a:hover {
    box-shadow: inset 0 -0.03em #ee0085, inset 0 -0.03em #ee0085;
  }
}
.hero2 h2 .inline-img {
  height: 1em;
}
@media (min-width: 900px) {
  .hero2 h2 .inline-img {
    padding: 10px;
    margin-bottom: 10px;
  }
}
.hero2 h2 button, .hero2 h2 .button {
  margin-right: 0px !important;
}
@media (max-width: 599px) {
  .hero2 h2 button, .hero2 h2 .button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.24em 0.46em 0.23em 0.46em;
    border-radius: 16px;
    line-height: 1;
  }
  .hero2 h2 button.border-white, .hero2 h2 .button.border-white {
    border-color: #FFFFFF;
  }
  .hero2 h2 button.bg-white, .hero2 h2 .button.bg-white {
    background-color: white;
  }
  .hero2 h2 button:hover, .hero2 h2 .button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .hero2 h2 button:hover svg *[fill="#000"], .hero2 h2 .button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .hero2 h2 button:focus, .hero2 h2 .button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .hero2 h2 button:active, .hero2 h2 .button:active {
    color: currentColor;
  }
  .hero2 h2 button:hover:active, .hero2 h2 .button:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 600px) {
  .hero2 h2 button, .hero2 h2 .button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    padding: 0.26em 0.74em;
    border-radius: 25px;
    line-height: 1;
  }
  .hero2 h2 button.border-white, .hero2 h2 .button.border-white {
    border-color: #FFFFFF;
  }
  .hero2 h2 button.bg-white, .hero2 h2 .button.bg-white {
    background-color: white;
  }
  .hero2 h2 button:hover, .hero2 h2 .button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .hero2 h2 button:hover svg *[fill="#000"], .hero2 h2 .button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .hero2 h2 button:focus, .hero2 h2 .button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .hero2 h2 button:active, .hero2 h2 .button:active {
    color: currentColor;
  }
  .hero2 h2 button:hover:active, .hero2 h2 .button:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 900px) {
  .hero2 h2 button, .hero2 h2 .button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
    padding: 0.27em 0.44em 0.22em 0.44em;
    border-radius: 40px;
    line-height: 1;
  }
  .hero2 h2 button.border-white, .hero2 h2 .button.border-white {
    border-color: #FFFFFF;
  }
  .hero2 h2 button.bg-white, .hero2 h2 .button.bg-white {
    background-color: white;
  }
  .hero2 h2 button:hover, .hero2 h2 .button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .hero2 h2 button:hover svg *[fill="#000"], .hero2 h2 .button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .hero2 h2 button:focus, .hero2 h2 .button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .hero2 h2 button:active, .hero2 h2 .button:active {
    color: currentColor;
  }
  .hero2 h2 button:hover:active, .hero2 h2 .button:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  .hero2 h2 button, .hero2 h2 .button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
    padding: 0.15em 0.45em 0.15em 0.35em;
    border-radius: 40px;
    line-height: 1;
  }
  .hero2 h2 button.border-white, .hero2 h2 .button.border-white {
    border-color: #FFFFFF;
  }
  .hero2 h2 button.bg-white, .hero2 h2 .button.bg-white {
    background-color: white;
  }
  .hero2 h2 button:hover, .hero2 h2 .button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .hero2 h2 button:hover svg *[fill="#000"], .hero2 h2 .button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .hero2 h2 button:focus, .hero2 h2 .button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .hero2 h2 button:active, .hero2 h2 .button:active {
    color: currentColor;
  }
  .hero2 h2 button:hover:active, .hero2 h2 .button:hover:active {
    color: #ee0085;
  }
}
.hero2 .fs-hero-subline a:not(.button) {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.hero2 .fs-hero-subline a:not(.button):hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
.hero2 .fs-hero-subline a:not(.button):hover {
  color: #ee0085;
}
.hero2 figure {
  border-top: var(--border) solid black;
}
.hero2 .hero-video {
  width: 66%;
  margin: auto;
}
@media (max-width: 899px) {
  .hero2 .hero-video {
    width: 100%;
  }
}

.HeroImage {
  position: relative;
  width: 100%;
}
@media (max-width: 899px) {
  .HeroImage {
    height: 60vh;
  }
}
.HeroImage.color-white {
  color: white;
}
.HeroImage.fit-to-screen {
  height: calc(100vh - var(--margin-top));
}
@media (max-width: 899px) {
  .HeroImage.fit-to-screen .HeroImage--text {
    justify-content: flex-start;
  }
}
@media (max-width: 899px) {
  .HeroImage.is-serif a .HeroImage--wrapper .HeroImage--text div h2 {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
  .HeroImage.is-serif a .HeroImage--wrapper .HeroImage--text div h2 a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 900px) {
  .HeroImage.is-serif a .HeroImage--wrapper .HeroImage--text div h2 {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
  .HeroImage.is-serif a .HeroImage--wrapper .HeroImage--text div h2 a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
.HeroImage.add-contrast > a:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.26));
  z-index: 21;
}
.HeroImage .HeroImage--wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.HeroImage .HeroImage--text {
  width: 100%;
  z-index: 22;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 var(--gutter);
}
@media (min-width: 600px) {
  .HeroImage .HeroImage--text {
    bottom: 0;
  }
}
@media (max-width: 599px) {
  .HeroImage .HeroImage--text {
    bottom: auto;
    top: 1em;
  }
}
.HeroImage .HeroImage--text > div {
  max-width: 800px;
}
.HeroImage .HeroImage--text > div h2 a {
  background-size: 1px 1em;
  box-shadow: inset 0 -0.03em currentColor, inset 0 -0.03em currentColor;
  display: inline;
}
.HeroImage .HeroImage--text > div h2 a:hover {
  box-shadow: inset 0 -0.03em #ee0085, inset 0 -0.03em #ee0085;
}
@media (max-width: 899px) {
  .HeroImage .HeroImage--text > div h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
  .HeroImage .HeroImage--text > div h2 a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 900px) {
  .HeroImage .HeroImage--text > div h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
  .HeroImage .HeroImage--text > div h2 a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
.HeroImage .HeroImage--text > div .sidekick {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
  margin-bottom: 2em;
  z-index: 9;
}
@media (max-width: 599px) {
  .HeroImage .HeroImage--text > div .sidekick {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.5px;
  }
}
.HeroImage .HeroImage--text > div .sidekick a {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.HeroImage .HeroImage--text > div .sidekick a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
.HeroImage .HeroImage--cr {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em var(--gutter);
}

.HeroVideo {
  height: calc(var(--vh) * 100);
  transition: height 0.6s ease 0.1s;
}

.HeroVideo > section {
  height: 100%;
}

.HeroVideo.align-center {
  justify-content: center;
}

.HeroVideo video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.HeroVideo .HeroVideo-placeholder {
  z-index: 25;
  height: 100%;
  width: 100%;
}

.HeroVideo .HeroVideo-placeholder.faded-out {
  opacity: 0;
  pointer-events: none;
}

.HeroVideo .control {
  color: white;
  z-index: 22;
  position: absolute;
  transform: translate(-50%, 50%);
  top: calc(90vh - var(--space-navbar));
  left: 50%;
  cursor: pointer;
}

@media (max-width: 1799px) {
  .HeroVideo .control {
    top: auto;
    bottom: 10vw;
  }
}
.HeroVideo .HeroVideo-text {
  display: grid;
  z-index: 27;
  width: 100%;
  transition: opacity 0.3s ease;
  opacity: 1;
}

.HeroVideo .HeroVideo-text.place_center {
  place-items: center;
}

.HeroVideo .HeroVideo-text.place-bottom_left .HeroVideo-text_inner {
  padding: var(--gutter);
  bottom: 10%;
  position: absolute;
}

@media (max-width: 599px) {
  .HeroVideo .HeroVideo-text h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .HeroVideo .HeroVideo-text h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .HeroVideo .HeroVideo-text h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (max-width: 599px) {
  .HeroVideo .HeroVideo-text h2 {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .HeroVideo .HeroVideo-text h2 {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .HeroVideo .HeroVideo-text h2 {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
.HeroVideo .HeroVideo-text.faded-out {
  opacity: 0;
  pointer-events: none;
}

.HeroVideo .HeroVideo-text.flexible-fontsize h1 {
  font-size: calc(42px + 42 * (100vw - 300px) / 1300);
}

.HeroVideo .HeroVideo-text.color-white {
  color: white;
}

.slider-wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 599px) {
  .slider-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 8vw;
    padding: 4vw;
    margin: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .slider-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .slider-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .slider-wrapper {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 7.32026vw;
    padding: 3.66013vw;
    margin: 0;
  }
}
@media (min-width: 1800px) {
  .slider-wrapper {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) and (min-width: 600px) and (max-width: 899px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) and (min-width: 900px) and (max-width: 1199px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) and (min-width: 1200px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) and (min-width: 1800px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 599px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (min-width: 600px) and (max-width: 899px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (min-width: 900px) and (max-width: 1199px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (min-width: 1200px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (min-width: 1800px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) and (max-width: 599px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) and (min-width: 600px) and (max-width: 899px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) and (min-width: 900px) and (max-width: 1199px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) and (min-width: 1800px) {
  .slider-wrapper .slider.slider-center {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
.slider-wrapper .slider.slider-left {
  min-width: 0;
  grid-column-start: 1;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .slider-wrapper .slider.slider-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .slider-wrapper .slider.slider-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .slider-wrapper .slider.slider-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .slider-wrapper .slider.slider-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .slider-wrapper .slider.slider-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
.slider-wrapper .slider.slider-right {
  min-width: 0;
  grid-column-start: 1;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .slider-wrapper .slider.slider-right {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .slider-wrapper .slider.slider-right {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .slider-wrapper .slider.slider-right {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .slider-wrapper .slider.slider-right {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .slider-wrapper .slider.slider-right {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
.slider-wrapper .Image-bottom {
  justify-content: space-between;
  align-items: baseline;
  margin-top: 0.5em;
  height: 4em;
}
.slider-wrapper .Image-bottom .Image-caption {
  flex-basis: 80%;
}
@media (max-width: 899px) {
  .slider-wrapper .Image-bottom .Image-caption {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .slider-wrapper .Image-bottom .Image-caption {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (max-width: 899px) {
  .slider-wrapper .Image-bottom .Image-counter {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .slider-wrapper .Image-bottom .Image-counter {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}

.Row-section, .news-item {
  width: 100vw;
  padding-left: 0;
  padding-right: 0;
  border-top: var(--border) solid #000;
  position: relative;
  overflow: hidden;
}
.Row-section.is-scrollable, .is-scrollable.news-item {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.Row-section.is-scrollable .moveRow, .is-scrollable.news-item .moveRow {
  display: inline-block;
  top: 0;
  height: 100%;
  width: 15%;
  z-index: 1;
  position: absolute;
}
.Row-section.is-scrollable .moveRow[data-type=left], .is-scrollable.news-item .moveRow[data-type=left] {
  left: 0;
}
.Row-section.is-scrollable .moveRow[data-type=right], .is-scrollable.news-item .moveRow[data-type=right] {
  right: 0;
}
.Row-section:hover svg, .news-item:hover svg {
  transform: scale(1.2);
}
.Row-section .Row-content, .news-item .Row-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  overflow-x: hidden;
  pointer-events: none;
  display: flex;
  display: -ms-flexbox;
  box-sizing: content-box;
  overflow: -moz-scrollbars-none !important;
  -ms-overflow-style: none;
}
.Row-section .Row-content::-webkit-scrollbar, .news-item .Row-content::-webkit-scrollbar {
  width: 0 !important;
}
.Row-section .Row-content .Row-headline, .news-item .Row-content .Row-headline {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.0642857em;
  display: -ms-flexbox;
  display: block;
  transition: transform 3500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
@media (min-width: 900px) {
  .Row-section .Row-content .Row-headline, .news-item .Row-content .Row-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (max-width: 599px) {
  .Row-section .Row-content .Row-headline .alt-text, .news-item .Row-content .Row-headline .alt-text {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .Row-section .Row-content .Row-headline .alt-text, .news-item .Row-content .Row-headline .alt-text {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .Row-section .Row-content .Row-headline .alt-text, .news-item .Row-content .Row-headline .alt-text {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
.Row-section .Row-content .Row-headline svg, .news-item .Row-content .Row-headline svg {
  height: 60px;
  width: 60px;
  margin-left: 1em;
  transition: transform 0.2s linear;
}
.Row-section .Row-content div .icon_before, .news-item .Row-content div .icon_before {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background: url("/gfx/icons.png") no-repeat;
  background-size: auto 0.8em;
  background-position: -68px;
  top: 0em;
  left: 0;
}

@media (max-width: 599px) {
  .partner-type h2 {
    padding: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .partner-type h2 {
    padding: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .partner-type h2 {
    padding: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .partner-type h2 {
    padding: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  .partner-type h2 {
    padding: 2.8646vw;
  }
}
@media (max-width: 599px) {
  .partner-type h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .partner-type h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .partner-type h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (max-width: 599px) {
  .partner-type h2 {
    padding-top: 12vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .partner-type h2 {
    padding-top: 16.40625vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .partner-type h2 {
    padding-top: 16.40625vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .partner-type h2 {
    padding-top: 10.98039vw;
  }
}
@media (min-width: 1800px) {
  .partner-type h2 {
    padding-top: 8.5938vw;
  }
}
@media (max-width: 599px) {
  .partner-type h2 {
    padding-bottom: 2vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .partner-type h2 {
    padding-bottom: 2.734375vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .partner-type h2 {
    padding-bottom: 2.734375vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .partner-type h2 {
    padding-bottom: 1.830065vw;
  }
}
@media (min-width: 1800px) {
  .partner-type h2 {
    padding-bottom: 1.4323vw;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .partner-type h2 {
    padding-top: 16vw;
  }
}
@media (max-width: 599px) and (min-width: 600px) and (max-width: 899px) {
  .partner-type h2 {
    padding-top: 21.875vw;
  }
}
@media (max-width: 599px) and (min-width: 900px) and (max-width: 1199px) {
  .partner-type h2 {
    padding-top: 21.875vw;
  }
}
@media (max-width: 599px) and (min-width: 1200px) and (max-width: 1799px) {
  .partner-type h2 {
    padding-top: 14.64052vw;
  }
}
@media (max-width: 599px) and (min-width: 1800px) {
  .partner-type h2 {
    padding-top: 11.4584vw;
  }
}

.linklist > .separator {
  padding: 1em var(--gutter);
  background-color: #dfdde1;
}

.linklist > li .scrollcontainer.is-partner {
  padding: 1.2em 0;
  overflow-y: hidden;
}

li .is-partner div.partner-content {
  display: flex;
  align-items: center;
}
li .is-partner .partner-name {
  margin-right: 35px;
}
@media (max-width: 599px) {
  li .is-partner .partner-name {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  li .is-partner .partner-name {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  li .is-partner .partner-name {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
li .is-partner .partner-quote {
  margin-right: var(--gutter);
}
@media (max-width: 899px) {
  li .is-partner .partner-quote {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  li .is-partner .partner-quote {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
li .is-partner .partner-logo {
  margin-right: calc(2 * var(--gutter));
}
@media (min-width: 900px) {
  li .is-partner .partner-logo {
    min-width: 240px;
  }
}

.program-item {
  border-bottom: var(--border) solid black;
}
@media (max-width: 899px) {
  .program-item {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .program-item {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
.program-item .program-item-info {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}

@media (max-width: 599px) {
  .news-overview h2 {
    padding: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .news-overview h2 {
    padding: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .news-overview h2 {
    padding: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .news-overview h2 {
    padding: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  .news-overview h2 {
    padding: 2.8646vw;
  }
}
@media (max-width: 599px) {
  .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) {
  .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}
@media (max-width: 599px) {
  .news-overview h2 {
    padding-top: 12vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .news-overview h2 {
    padding-top: 16.40625vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .news-overview h2 {
    padding-top: 16.40625vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .news-overview h2 {
    padding-top: 10.98039vw;
  }
}
@media (min-width: 1800px) {
  .news-overview h2 {
    padding-top: 8.5938vw;
  }
}
@media (max-width: 599px) {
  .news-overview h2 {
    padding-bottom: 2vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .news-overview h2 {
    padding-bottom: 2.734375vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .news-overview h2 {
    padding-bottom: 2.734375vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .news-overview h2 {
    padding-bottom: 1.830065vw;
  }
}
@media (min-width: 1800px) {
  .news-overview h2 {
    padding-bottom: 1.4323vw;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .news-overview h2 {
    padding-top: 16vw;
  }
}
@media (max-width: 599px) and (min-width: 600px) and (max-width: 899px) {
  .news-overview h2 {
    padding-top: 21.875vw;
  }
}
@media (max-width: 599px) and (min-width: 900px) and (max-width: 1199px) {
  .news-overview h2 {
    padding-top: 21.875vw;
  }
}
@media (max-width: 599px) and (min-width: 1200px) and (max-width: 1799px) {
  .news-overview h2 {
    padding-top: 14.64052vw;
  }
}
@media (max-width: 599px) and (min-width: 1800px) {
  .news-overview h2 {
    padding-top: 11.4584vw;
  }
}

.news-item {
  margin: 0 !important;
}
.news-item .news-item-content {
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  align-items: center;
}
@media (max-width: 899px) {
  .news-item .news-item-content {
    padding: 0px;
    padding: 0px;
    align-items: flex-start;
  }
  .news-item .news-item-content .news-item-image {
    flex-basis: 50%;
    overflow: hidden;
    height: 100%;
  }
  .news-item .news-item-content .news-item-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
  }
  .news-item .news-item-content .news-item-text {
    flex-basis: 50%;
  }
}
@media (min-width: 900px) {
  .news-item .news-item-content {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    align-items: center;
    padding-top: 0.78em;
    padding-bottom: 0.78em;
  }
}
@media (min-width: 900px) {
  .news-item .news-item-content .news-item-image {
    max-width: 200px;
    height: 2.5em;
    flex-grow: 2;
    overflow: hidden;
  }
  .news-item .news-item-content .news-item-image img {
    height: 100%;
    width: 80%;
    object-fit: cover;
    -o-object-fit: cover;
    transition: transform 0.3s ease;
  }
}
.news-item .news-item-content .news-item-text {
  overflow: hidden;
}
@media (min-width: 900px) {
  .news-item .news-item-content .news-item-text {
    height: 2.5em;
    flex-basis: 82%;
  }
}
@media (max-width: 899px) {
  .news-item .news-item-content .news-item-text {
    padding: 2vw var(--gutter);
    align-self: baseline;
    overflow: hidden;
    position: relative;
  }
}
@media (min-width: 900px) {
  .news-item .news-item-content .news-item-text {
    height: 2.5em;
    flex-basis: 82%;
  }
}
@media (min-width: 900px) {
  .news-item .news-item-content .news-item-text .news-item-headline {
    display: inline;
    padding: 0px;
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .news-item .news-item-content .news-item-text .news-item-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
    display: block;
  }
}
@media (max-width: 599px) {
  .news-item .news-item-content .news-item-text .news-item-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
    display: block;
    margin-bottom: 10px;
  }
}
@media (min-width: 900px) {
  .news-item .news-item-content {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
    position: relative;
    flex-basis: 50%;
    flex-grow: 1;
  }
}
@media (min-width: 900px) {
  .news-item .news-item-content .news-item-subline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
@media (max-width: 899px) {
  .news-item .news-item-content .news-item-subline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.5px;
    display: none;
  }
}

.story_section {
  display: flex;
  height: auto;
  width: 100%;
  position: relative;
  padding: var(--gutter);
}
@media (min-width: 1800px) {
  .story_section.max-width {
    max-width: calc(1542px - 2 * var(--gutter));
    margin: auto;
  }
}
.story_section.is-reverse {
  flex-direction: row-reverse;
}
.story_section:hover .story-headline span {
  text-decoration: underline;
}
.story_section .story-imagegradient {
  filter: blur(20px);
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 52%;
  pointer-events: none;
}
@media (max-width: 899px) {
  .story_section .story-imagegradient {
    margin-left: 0;
    height: 50%;
    width: 100%;
    opacity: 0.6;
  }
}
.story_section .story-image {
  overflow: hidden;
  display: block;
  height: auto;
  flex-shrink: 0;
  z-index: 2;
}
.story_section .story-image .story-image-descr {
  opacity: 0;
  transition: opacity 1s ease;
}
@media (max-width: 899px) {
  .story_section {
    flex-direction: column-reverse;
    align-items: baseline;
  }
}
@media (min-width: 900px) {
  .story_section.is-reverse {
    flex-direction: row-reverse;
  }
  .story_section.is-reverse .story-text {
    padding-left: var(--gutter);
    margin-right: 0;
  }
  .story_section.is-reverse .story-imagegradient {
    left: 0;
    right: auto;
  }
}
@media (max-width: 899px) {
  .story_section.is-reverse {
    flex-direction: column-reverse;
  }
}
.story_section.align-at-bottom .story-text {
  align-self: flex-end;
}
.story_section .slick-slide .story-image-descr {
  opacity: 1;
}
@media (min-width: 1200px) {
  .story_section.is-portrait .story-text {
    flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .story_section.is-portrait .story-text {
    flex-basis: 62%;
    -ms-flex-preferred-size: 62%;
  }
}
@media (max-width: 899px) {
  .story_section.is-portrait .story-text {
    flex-basis: 62%;
    -ms-flex-preferred-size: 62%;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .story_section.is-portrait .story-image {
    flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .story_section.is-portrait .story-image {
    flex-basis: 38%;
    -ms-flex-preferred-size: 38%;
  }
}
@media (max-width: 899px) {
  .story_section.is-portrait .story-image {
    flex-basis: 38%;
    -ms-flex-preferred-size: 38%;
    margin-top: 30px;
    margin-bottom: 60px;
    align-self: center;
    width: 42%;
  }
}
@media (max-width: 599px) {
  .story_section.is-portrait .story-image {
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    width: 50%;
    margin-bottom: 30px;
    height: auto;
  }
}
.story_section.is-landscape > .story-image, .story_section.is-landscape .story-text {
  width: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
}
@media (max-width: 899px) {
  .story_section.is-landscape .story-image, .story_section.is-landscape .story-imagegradient {
    width: 100%;
  }
  .story_section.is-landscape .story-text {
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 1em;
  }
}
.story_section .story-date {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1px;
}
@media (max-width: 899px) {
  .story_section .story-date {
    margin-top: 10px;
  }
}
@media (min-width: 900px) {
  .story_section .story-date {
    margin-top: 50px;
  }
}
.story_section .story-text {
  padding-right: var(--gutter);
  z-index: 2;
  position: relative;
}
@media (max-width: 899px) {
  .story_section .story-text.is-xs-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .story_section .story-text.is-xs-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (max-width: 599px) {
  .story_section .story-text.is-s-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .story_section .story-text.is-s-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .story_section .story-text.is-s-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (max-width: 599px) {
  .story_section .story-text.is-m-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .story_section .story-text.is-m-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .story_section .story-text.is-m-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
.story_section .story-text.is-m-grotesk .story-summary {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 21px;
  line-height: 1.24;
  letter-spacing: -0.6px;
}
@media (max-width: 599px) {
  .story_section .story-text.is-l-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) and (max-width: 599px) {
  .story_section .story-text.is-l-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  .story_section .story-text.is-l-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) and (min-width: 1200px) {
  .story_section .story-text.is-l-grotesk .story-headline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
.story_section .story-text.is-l-grotesk .story-summary {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.9px;
}
@media (max-width: 599px) {
  .story_section .story-text.is-m-serif .story-headline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .story_section .story-text.is-m-serif .story-headline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .story_section .story-text.is-m-serif .story-headline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
.story_section .story-text.is-m-serif .story-summary {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}
@media (max-width: 599px) {
  .story_section .story-text.is-l-serif .story-headline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .story_section .story-text.is-l-serif .story-headline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .story_section .story-text.is-l-serif .story-headline {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
.story_section .story-text.is-l-serif .story-summary {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1px;
}
@media (max-width: 899px) {
  .story_section .story-text .story-headline {
    padding-top: 0.3em;
  }
}
.story_section .story-text .story-summary {
  padding-top: 1em;
}
.story_section .story-image.contain img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.story_section .story-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.story_section.bg-black button, body .story_section.msg button, body .story_section.talents-only_message button, .story_section.bg-black .button, body .story_section.msg .button, body .story_section.talents-only_message .button {
  background-color: white;
}
.story_section button, .story_section .button {
  margin-top: 30px;
  margin-bottom: 30px;
}

.inline-items_section a {
  text-decoration: none;
}
.inline-items_section span {
  line-height: 1.7;
}
@media (max-width: 599px) {
  .inline-items_section span {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .inline-items_section span {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .inline-items_section span {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
.inline-items_section span:not(:first-of-type) {
  margin-left: 15px;
}
.inline-items_section .inline-items_item {
  padding: 0 10px;
}
.inline-items_section .inline-items_item:hover .inline-items_headline {
  text-decoration: underline;
}
@media (max-width: 599px) {
  .inline-items_section .inline-items_intro {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .inline-items_section .inline-items_intro {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .inline-items_section .inline-items_intro {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.inline-items_section .inline-items_image {
  height: 1em;
  margin-bottom: 5px;
}

.tag-link {
  color: inherit;
}
.tag-link:hover {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(#000, #000);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.tag-link:hover:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}

@media (max-width: 599px) {
  .TagCloud-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 8vw;
    padding: 4vw;
    margin: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .TagCloud-section {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .TagCloud-section {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .TagCloud-section {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 7.32026vw;
    padding: 3.66013vw;
    margin: 0;
  }
}
@media (min-width: 1800px) {
  .TagCloud-section {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}

.TagCloud-main {
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 3;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .TagCloud-main .TagCloud-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .TagCloud-main .TagCloud-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .TagCloud-main .TagCloud-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
.TagCloud-main dd, .TagCloud-main span {
  margin-left: 0;
  margin-bottom: 4px;
  float: left;
}
@media (max-width: 599px) {
  .TagCloud-main dd, .TagCloud-main span {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .TagCloud-main dd, .TagCloud-main span {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .TagCloud-main dd, .TagCloud-main span {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.TagCloud-main dd:not(:last-child), .TagCloud-main span:not(:last-child) {
  margin-right: 18px;
}
.TagCloud-main dd a:before, .TagCloud-main span a:before {
  content: "#";
}
.TagCloud-main .show-hidden, .TagCloud-main .profile-page .profile-data .profile-data-text .profile-info .show-hidden, .profile-page .profile-data .profile-data-text .profile-info .TagCloud-main .show-hidden, .TagCloud-main .profile-page .profile-data .profile-data-text .profile-info .hide-hidden, .profile-page .profile-data .profile-data-text .profile-info .TagCloud-main .hide-hidden, .TagCloud-main .hide-hidden {
  transition: letter-spacing 0.3s ease-in;
}
.TagCloud-main .show-hidden:hover, .TagCloud-main .profile-page .profile-data .profile-data-text .profile-info .show-hidden:hover, .profile-page .profile-data .profile-data-text .profile-info .TagCloud-main .show-hidden:hover, .TagCloud-main .profile-page .profile-data .profile-data-text .profile-info .hide-hidden:hover, .profile-page .profile-data .profile-data-text .profile-info .TagCloud-main .hide-hidden:hover, .TagCloud-main .hide-hidden:hover {
  letter-spacing: 2px;
}

@media (min-width: 900px) {
  .container-fluid .container-fluid_header h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (max-width: 1199px) {
  .container-fluid .container-fluid_header h2 {
    border-bottom: 1px solid;
  }
}
@media (max-width: 899px) {
  .container-fluid .container-fluid_header h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item {
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 2em;
}
.container-fluid .container-fluid_content a.container-fluid_item img {
  filter: grayscale(100);
}
.container-fluid .container-fluid_content a.container-fluid_item:hover img {
  filter: grayscale(0);
  transform: scale(1.05);
}
.container-fluid .container-fluid_content a.container-fluid_item.i-20-percent {
  width: calc(20% - 20px);
}
@media (max-width: 899px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-20-percent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 599px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-20-percent {
    width: 100%;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item.i-30-percent {
  width: calc(30% - 20px);
}
@media (min-width: 600px) and (max-width: 899px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-30-percent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 599px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-30-percent {
    width: 100%;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item.i-33-percent {
  width: calc(33.3333% - 20px);
}
@media (min-width: 600px) and (max-width: 899px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-33-percent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 599px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-33-percent {
    width: 100%;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item.i-50-percent {
  width: calc(50% - 20px);
}
@media (min-width: 600px) and (max-width: 899px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-50-percent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 599px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-50-percent {
    width: 100%;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item.i-67-percent {
  width: calc(67.6666% - 20px);
}
@media (min-width: 600px) and (max-width: 899px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-67-percent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 599px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-67-percent {
    width: 100%;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item.i-70-percent {
  width: calc(70% - 20px);
}
@media (min-width: 600px) and (max-width: 899px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-70-percent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 599px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-70-percent {
    width: 100%;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item.i-80-percent {
  width: calc(80% - 20px);
}
@media (min-width: 600px) and (max-width: 899px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-80-percent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 599px) {
  .container-fluid .container-fluid_content a.container-fluid_item.i-80-percent {
    width: 100%;
  }
}
.container-fluid .container-fluid_content a.container-fluid_item.grow {
  flex-grow: 1;
}
.container-fluid .container-fluid_content a.container-fluid_item.text-only {
  padding: 20px;
}
.container-fluid .container-fluid_content a.container-fluid_item .container-fluid_image {
  overflow: hidden;
}
.container-fluid .container-fluid_content a.container-fluid_item .container-fluid_image img {
  transition: transform 0.9s ease;
}
.container-fluid .container-fluid_content a.container-fluid_item .container-fluid_item_label {
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
}
.container-fluid .container-fluid_content a.container-fluid_item .container-fluid_item_label span:first-child {
  height: 10px;
  width: 10px;
  background-color: black;
  margin-right: 10px;
  border-radius: 50%;
  display: block;
}
.magenta-blink {
  animation: magenta-blink 1s linear infinite;
}

@keyframes magenta-blink {
  from {
    color: currentColor;
  }
  to {
    color: red;
  }
}
@keyframes cursor {
  from, to {
    background-color: transparent;
  }
  50% {
    background-color: black;
  }
}
.mw811, .story_section .story-text .story-headline, .story_section .story-text .story-summary {
  max-width: 811px;
}

select.fow, select.labs {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  color: black;
  font-family: "arial";
  width: 100%;
  font-size: 19px;
  line-height: 1;
  letter-spacing: -0.2px;
  border-radius: 23px;
  height: 100%;
}

.dropdown {
  height: 2.4em;
  position: relative;
  width: 100%;
  max-width: 400px;
}
.dropdown .caret {
  width: 0.5em;
  height: 0.5em;
  border-width: 2px 2px 0 0;
  position: absolute;
  right: 5%;
  top: 45%;
  transform: translateY(-50%) rotate(-225deg);
  border-color: black;
  border-style: solid;
  pointer-events: none;
}
.dropdown:hover .caret {
  border-color: #ee0085;
}

section.content-module > .HTA_general, section.content-module > .HTA_labs {
  grid-column-start: auto;
  grid-column-end: span 5;
  margin: 1em 0;
}
@media (max-width: 1199px) {
  section.content-module > .HTA_general, section.content-module > .HTA_labs {
    grid-column-start: auto;
    grid-column-end: span -1;
  }
}
section.content-module > .HTA_general > div[data-toggle=collapse], section.content-module > .HTA_labs > div[data-toggle=collapse] {
  outline: none;
  justify-content: space-between;
  align-items: center;
}
section.content-module > .HTA_general > div[data-toggle=collapse][aria-expanded=true] svg, section.content-module > .HTA_labs > div[data-toggle=collapse][aria-expanded=true] svg {
  transition: transform 0.3s cubic-bezier(1, 0, 0.29, 1);
  transform: rotate(180deg);
}
section.content-module > .HTA_general .icon-drop-down, section.content-module > .HTA_labs .icon-drop-down {
  height: 100%;
  flex-shrink: 0;
}
section.content-module > .HTA_general .icon-drop-down svg, section.content-module > .HTA_labs .icon-drop-down svg {
  height: 1em;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate-logo {
  animation: rotating 6s linear infinite;
}

.topnav-tp {
  background-color: #000;
  color: #fff;
  transition: all 0.3s ease-in;
  border-bottom: var(--border) solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
  background-color: #000;
}
.topnav-tp button {
  color: #fff;
  border-color: #fff !important;
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.9px;
  padding: 0.24em 0.46em 0.23em 0.46em;
  border-radius: 16px;
  line-height: 1;
}
.topnav-tp button.border-white {
  border-color: #FFFFFF;
}
.topnav-tp button.bg-white {
  background-color: white;
}
.topnav-tp button:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.topnav-tp button:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.topnav-tp button:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.topnav-tp button:active {
  color: currentColor;
}
.topnav-tp button:hover:active {
  color: #ee0085;
}
@media (max-width: 599px) {
  .topnav-tp button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.31em 0.875em 0.25em 0.875em;
    border-radius: 16px;
    line-height: 1;
  }
  .topnav-tp button.border-white {
    border-color: #FFFFFF;
  }
  .topnav-tp button.bg-white {
    background-color: white;
  }
  .topnav-tp button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .topnav-tp button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .topnav-tp button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .topnav-tp button:active {
    color: currentColor;
  }
  .topnav-tp button:hover:active {
    color: #ee0085;
  }
}
.topnav-tp button:hover {
  border-color: #ee0085 !important;
}
.topnav-tp .topnav-left {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-items: center;
  min-width: 0;
  overflow-x: hidden;
  padding-right: 0.75em;
}
.topnav-tp .topnav-left #ifb {
  display: none;
}
@media (min-width: 900px) {
  .topnav-tp .topnav-left #ifb {
    display: block;
  }
}
.topnav-tp .topnav-left .logo {
  display: inline-block;
  width: 57px;
  height: 58px;
  border-bottom: none;
  transition: all 0.1s ease;
  flex-shrink: 0;
}
.topnav-tp .topnav-left .logo.animate svg {
  will-change: transform;
}
.topnav-tp .topnav-left .logo svg {
  fill: #000;
  transition: transform 500ms ease;
}
.topnav-tp .topnav-left .logo svg:hover {
  transform: scale(0.95) !important;
}
@media (max-width: 599px) {
  .topnav-tp .topnav-left .logo {
    width: 34px;
    height: 34px;
  }
}
.topnav-tp .topnav-left #bt-logo {
  width: 90px;
  height: 60px;
}
@media (max-width: 599px) {
  .topnav-tp .topnav-left #bt-logo {
    display: none;
  }
}
@media (min-width: 600px) {
  .topnav-tp .topnav-left #bt-logo-abstract {
    display: none;
  }
}
.topnav-tp .topnav-main {
  flex-basis: 0;
  flex-grow: 2;
  overflow: hidden;
}
@media (max-width: 899px) {
  .topnav-tp .topnav-main .filter-header .search-parameter-placeholder {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .topnav-tp .topnav-main .filter-header .search-parameter-placeholder {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (max-width: 599px) {
  .topnav-tp .topnav-main .filter-header .search-parameter-placeholder {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
.topnav-tp .topnav-right {
  display: flex;
  align-items: center;
  padding-left: 0.75em;
  text-align: right;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  /*.nav-menu-btn{
    @extend .grotesk-m;
    border-bottom:none;
    display:inline-block;
    margin-bottom:-0.25em;
    @include for-phone-only {
      & > span{
        display:none;
      }
    }
    #close-filter{
      display: inline-block;
      position: relative;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
      width:0.75em;
      height:0.5em;
      display:none;
      span{
        display: inline-block;
        width: 100%;
        height: 3px;
        position: absolute;
        top: 0;
        left: 0;
        background:$white;
        z-index: 1;
        transform-origin: center center;
        &:nth-child(1){
          transform:rotate(45deg);
        };
        &:nth-child(2){
          transform:rotate(-45deg);
        };
      }
    }
  }*/
}
.topnav-tp .topnav-right .dosearch {
  display: none;
}
@media (max-width: 599px) {
  .topnav-tp .topnav-right .dosearch:hover {
    background: initial;
    border: initial;
  }
}
.topnav-tp .topnav-right .dosearch .checkmark {
  display: none;
}
.topnav-tp .filter-header .search-parameter-placeholder {
  display: none;
}

body #animation-logo-start-wrapper {
  padding-top: 70px;
  padding-bottom: 70px;
}

.talentpress-grid {
  display: grid;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  grid-column-gap: var(--column-gap);
  margin: var(--gutter) 0;
  margin-left: auto;
  padding: 0 var(--gutter);
  grid-row-gap: 7.32vw;
}
.talentpress-grid > .teaser-article {
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 2;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .talentpress-grid > .teaser-article {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .talentpress-grid > .teaser-article {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}

@media (max-width: 599px) {
  #animation-logo-start-wrapper {
    display: none;
  }
  #tp-logo-mobile {
    display: inherit;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 600px) {
  #animation-logo-start-wrapper {
    transition: padding-top 0.3s ease;
  }
  #animation-logo-start-wrapper #img-animation-logo {
    transition: all 1s cubic-bezier(0.27, 1.91, 0.37, 0.33);
    height: calc(100vh - 170px);
  }
  #tp-logo-mobile {
    display: none;
  }
}
.talentpress-grid .separator {
  height: 2px;
  width: 100vw;
  margin-top: 20px;
  margin-bottom: 60px;
  background-color: white;
}
@media (min-width: 600px) {
  .talentpress-grid .separator {
    display: none;
  }
}
.talentpress-grid .teaser-article {
  position: relative;
}
.talentpress-grid .teaser-article:hover .label {
  opacity: 1;
}
.talentpress-grid .teaser-article .label {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: white;
  position: absolute;
  bottom: 0;
  z-index: 22;
  padding: 5px;
  transition: left 0.3s ease;
  left: 0px;
}
@media (min-width: 1200px) {
  .talentpress-grid .teaser-article .label {
    opacity: 0;
  }
}
.talentpress-grid .teaser-article .img-landscape {
  position: relative;
}
@media (min-width: 1200px) {
  .talentpress-grid .teaser-article:hover .teaser-text {
    opacity: 1;
  }
}
@media (max-width: 599px) {
  .talentpress-grid .teaser-article {
    margin-bottom: 35px;
  }
}
.talentpress-grid .teaser-article .article-title {
  margin-top: 10px;
}
@media (max-width: 599px) {
  .talentpress-grid .teaser-article .article-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (max-width: 599px) {
  .talentpress-grid .teaser-article .article-author {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
.talentpress-grid .teaser-article .teaser-text {
  margin-top: 10px;
}

#teaser-container {
  display: none;
  border-radius: 50px;
  z-index: 99;
  background: black;
  color: white;
}

.tp-introtext, .teaser-text {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}

@media (min-width: 1800px) {
  .tp-introtext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

.blog-banner {
  position: relative;
}
.blog-banner img {
  border-radius: 50px;
}
.blog-banner .blog-wrapper {
  border-radius: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding: 20px;
  background-color: rgba(255, 92, 200, 0.3803921569);
  transition: all 0.3s ease-in;
  color: black;
}
.blog-banner .blog-wrapper:hover {
  background-color: #ee0085;
}
@media (max-width: 1199px) {
  .blog-banner .blog-wrapper .blog-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .blog-banner .blog-wrapper .blog-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
    font-size: 5vw !important;
  }
}
@media (max-width: 599px) {
  .blog-banner .blog-wrapper .blog-descr {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .blog-banner .blog-wrapper .blog-descr {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .blog-banner .blog-wrapper .blog-descr {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}

.newsletter-section #nl-error-layer label {
  display: block;
}
.newsletter-section .top {
  margin-top: 45px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.newsletter-section .top label {
  position: absolute;
}
@media (max-width: 599px) {
  .newsletter-section .top label {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .newsletter-section .top label {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .newsletter-section .top label {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
.newsletter-section .top .newsletter-input {
  border-bottom: 1px solid currentColor;
  border-radius: 0px;
  background: transparent;
  padding: 0;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
  line-height: 2;
  flex: 1 0 auto;
}
.newsletter-section .top .newsletter-input::-moz-placeholder {
  color: #fff;
}
.newsletter-section .top .newsletter-input::placeholder {
  color: #fff;
}
.newsletter-section .top .newsletter-input::-webkit-input-placeholder {
  color: #fff;
}
.newsletter-section .top a button.nl-submit-btn {
  background-color: transparent;
}
.newsletter-section .top a button.nl-submit-btn svg {
  height: 1em;
  width: 1em;
}
.newsletter-section .top a button.nl-submit-btn svg use {
  fill: white;
}
.newsletter-section .top a button.nl-submit-btn:hover {
  box-shadow: none;
}
.newsletter-section .bottom .opt-in {
  margin-top: 2em;
}
.newsletter-section .bottom .opt-in fieldset legend {
  position: absolute;
  text-indent: -10000px;
}
.newsletter-section .bottom .opt-in fieldset label {
  display: block;
  position: relative;
  margin-right: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid currentColor;
  height: 1.3em;
  width: 1.3em;
  margin-top: 3px;
  border-radius: 0.4em;
}
.newsletter-section .bottom .opt-in fieldset label .opt-in-mark {
  position: absolute;
  top: 50%;
  left: -1px;
  height: 0.8em;
  width: 0.8em;
  border-radius: 0.4em;
  background: transparent;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1200px) {
  .newsletter-section .bottom .opt-in fieldset label .opt-in-mark:hover {
    background: rgba(0, 0, 0, 0.2);
  }
}
.newsletter-section .bottom .opt-in fieldset label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.newsletter-section .bottom .opt-in fieldset label input:checked ~ .opt-in-mark {
  background: currentColor;
}
.newsletter-section .bottom .opt-in .disclaimer {
  font-size: 12px;
  letter-spacing: -0.2888px;
}

.linklist ~ .newsletter-section {
  border-top: 0px;
}

.is-relative, .image-masonry > .media-block-row > div figure, .newsletter-section .top {
  position: relative;
}

.is-absolute, .image-masonry > .media-block-row > div figure figcaption {
  position: absolute;
}

.is-blur {
  filter: blur(5px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.hta-overlay {
  top: var(--margin-top);
  left: var(--gutter);
}
.hta-overlay > div {
  display: inline-block;
}
.hta-overlay button {
  transition: transform 3s ease;
  transform: scale(0.9) translateY(-25px);
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.5px;
  padding: 0.45em 0.875em 0.45em 0.875em;
  border-radius: 12px;
  line-height: 1;
}
@media (min-width: 900px) {
  .hta-overlay button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.24em 0.46em 0.23em 0.46em;
    border-radius: 16px;
    line-height: 1;
  }
  .hta-overlay button.border-white {
    border-color: #FFFFFF;
  }
  .hta-overlay button.bg-white {
    background-color: white;
  }
  .hta-overlay button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .hta-overlay button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .hta-overlay button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .hta-overlay button:active {
    color: currentColor;
  }
  .hta-overlay button:hover:active {
    color: #ee0085;
  }
}
.hta-overlay button.border-white {
  border-color: #FFFFFF;
}
.hta-overlay button.bg-white {
  background-color: white;
}
.hta-overlay button:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.hta-overlay button:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.hta-overlay button:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.hta-overlay button:active {
  color: currentColor;
}
.hta-overlay button:hover:active {
  color: #ee0085;
}
.hta-overlay:not(.hidden) button {
  transform: initial;
}

#hta-content {
  margin-top: 6em;
}
#hta-content > div {
  opacity: 0;
  transition: all 0.3s ease-in;
  transform: translateY(100px);
}
#hta-content > div.showing {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 899px) {
  #hta-content div {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  #hta-content div {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}

#hta-questions {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
  position: absolute;
  z-index: 22;
  width: 100%;
  left: 0;
  top: 0;
  border: var(--border) solid;
  border-radius: 18px;
  padding: 3em 2em 2em 1em;
  background-color: rgb(255, 255, 255);
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s ease;
}
#hta-questions li {
  margin-bottom: 0.8em;
}
#hta-questions.showing {
  opacity: 1;
  pointer-events: all;
}
#hta-questions .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  cursor: pointer;
}
#hta-questions .close svg {
  height: 1em;
  width: 1em;
}

.fullwidth-list {
  margin-bottom: var(--margin-xl, 100px);
}
@media (max-width: 599px) {
  .fullwidth-list {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .fullwidth-list {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .fullwidth-list {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
.fullwidth-list .fullwidth-list_item {
  justify-content: space-between;
  align-items: center;
}
.fullwidth-list .fullwidth-list_item:not(:first-of-type) {
  border-top: var(--border) solid black;
}
.fullwidth-list .fullwidth-list_item:last-of-type {
  border-bottom: var(--border) solid black;
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title {
  display: flex;
  justify-content: space-between;
  padding: 1.2em var(--gutter);
  outline: none;
  align-items: center;
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title > div {
  margin-right: var(--gutter);
}
@media (min-width: 1200px) {
  .fullwidth-list .fullwidth-list_item .fullwidth-list_item-title > div {
    flex: 82% 0 0;
  }
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title > .icon-drop-down {
  flex-shrink: 0;
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title > span {
  text-align: right;
  align-self: baseline;
  flex: 15% 0 0;
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title svg {
  height: 1em;
  width: 1em;
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title[aria-expanded=false] {
  cursor: s-resize;
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title[aria-expanded=true] {
  cursor: n-resize;
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-title[aria-expanded=true] svg {
  transform: rotate(-180deg);
}
@media (max-width: 899px) {
  .fullwidth-list .fullwidth-list_item .fullwidth-list_item-content {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .fullwidth-list .fullwidth-list_item .fullwidth-list_item-content {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
.fullwidth-list .fullwidth-list_item .fullwidth-list_item-content p {
  max-width: 811px;
  margin-bottom: 1rem;
}

#page-builder .related_articles-wrapper {
  margin: 4em 0px;
}
#page-builder .related_articles-wrapper h2 a {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(white, white);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
@media (max-width: 599px) {
  #page-builder .related_articles-wrapper h2 a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  #page-builder .related_articles-wrapper h2 a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  #page-builder .related_articles-wrapper h2 a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
#page-builder .related_articles-wrapper h2 a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
#page-builder .related_articles-wrapper .related_articles-inner {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#page-builder .related_articles-wrapper .related_articles-inner > div {
  width: calc(50% - var(--gutter));
}
.talent-slider {
  height: auto;
  opacity: 0;
  transition: opacity 0.7s ease-in;
}
.talent-slider .slick-list {
  padding: 0 var(--gutter) 0 0;
}
@media (max-width: 599px) {
  .talent-slider .slick-list {
    padding-right: 25vw;
  }
}
.talent-slider .slick-slide {
  padding: var(--gutter);
}
@media (max-width: 599px) {
  .talent-slider .slick-slide {
    max-width: 90vw;
  }
}

.card-header {
  display: flex;
}
@media (min-width: 900px) {
  .card-header {
    justify-content: space-between;
    align-items: end;
  }
}
@media (max-width: 899px) {
  .card-header .card-header-headline {
    width: 75%;
  }
  .card-header .card-header-headline .card-header-link {
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (max-width: 1199px) {
  .card-header .card-header-cta {
    position: absolute;
    right: var(--gutter);
    bottom: var(--gutter);
  }
}
.card-header .card-header-cta .icon {
  height: 1.33em;
  width: 1em;
}

.card-slider-top {
  align-items: baseline;
}
@media (max-width: 599px) {
  .card-slider-top {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) {
  .card-slider-top {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .card-slider-top {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}
.card-slider-top .card-slider-headline {
  flex-grow: 1;
  padding: 1.78em 0 0.4em var(--gutter);
}
.card-slider-top .card-slider-headline a {
  background-size: 1px 1em;
  box-shadow: inset 0 -0.03em #000, inset 0 -0.03em #000;
  display: inline;
}
@media (max-width: 599px) {
  .card-slider-top .card-slider-headline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 600px) {
  .card-slider-top .card-slider-headline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (min-width: 1200px) {
  .card-slider-top .card-slider-headline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}
.card-slider-top .card-slider-headline a:hover {
  box-shadow: inset 0 -0.03em #ee0085, inset 0 -0.03em #ee0085;
}
.card-slider-top .card-slider-cta {
  flex-basis: 25%;
  padding-right: var(--gutter);
  text-align: end;
}
.card-slider-top .card-slider-cta svg {
  height: 0.77em;
  cursor: pointer;
  margin-right: 12px;
}
.card-slider-top .card-slider-cta svg.arrow-next {
  transform: rotate(-90deg);
}
.card-slider-top .card-slider-cta svg.arrow-prev {
  transform: rotate(90deg);
}
.card-slider-top .card-slider-cta #move-slick {
  right: 0px;
  bottom: 0px;
}

.card-section .card-wrapper .card-item {
  cursor: grab;
  border: 1px solid;
}
.card-section .card-wrapper .card-item:hover img {
  transform: scale(1.1);
}
.card-section .card-wrapper .card-item .card-title {
  white-space: initial;
}
@media (max-width: 599px) {
  .card-section .card-wrapper .card-item .card-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .card-section .card-wrapper .card-item .card-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .card-section .card-wrapper .card-item .card-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
.card-section .card-wrapper .card-item .card-item-top {
  margin: auto;
  position: relative;
  overflow: hidden;
  width: 60%;
}
.card-section .card-wrapper .card-item .card-item-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  transition: transform 1s ease;
}
.card-section .card-wrapper .card-item .card-item-bottom {
  margin-bottom: 4em;
  padding: 1em calc(var(--gutter));
}
.card-section .move-card-right {
  height: 100%;
  width: calc(var(--gutter) - 1px);
  top: 0;
  right: 0;
  background-color: hsla(0, 0%, 100%, 0.9);
}
@media (max-width: 599px) {
  .card-section .move-card-right {
    width: 10%;
  }
}
.card-section .move-card-right:hover span {
  left: 55%;
}
.card-section .move-card-right span {
  color: black;
  position: absolute;
  font-size: 2em;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-right: 10px;
  transition: all 0.3s ease;
}
.card-section .move-card-right span:hover {
  color: #ee0085;
}

@media (max-width: 1199px) {
  .more-news h4 {
    padding: var(--gutter) 0;
  }
}
@media (min-width: 1200px) {
  .more-news {
    padding: 0 !important;
  }
}
.more-news a {
  width: 100%;
}
@media (max-width: 1199px) {
  .more-news .more-news-outer .more-news-item {
    display: flex;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .more-news .more-news-outer .more-news-item {
    padding: 0 var(--gutter);
    width: 50%;
  }
}
.more-news .more-news-outer .more-news-item .more-news-itemimage {
  height: calc(33.333vw - var(--gutter));
}
@media (max-width: 1199px) {
  .more-news .more-news-outer .more-news-item .more-news-itemimage {
    width: 27vw;
    height: 18vw;
    margin-right: var(--gutter);
  }
}
@media (max-width: 1199px) {
  .more-news .more-news-outer .more-news-item .more-news-itemtext {
    width: 70%;
  }
}
.more-news .more-news-outer .more-news-item .more-news-itemtext .more-news-itemsub {
  letter-spacing: normal;
}
@media (max-width: 1199px) {
  .more-news .more-news-item {
    width: 100%;
  }
  .more-news .more-news-item a {
    display: flex;
  }
}
@media (max-width: 599px) {
  .more-news .more-news-itemsub {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: -0.5px;
  }
}

#footer {
  flex-shrink: 0;
  padding: 45px var(--gutter);
  display: flex;
}
@media (min-width: 900px) {
  #footer {
    flex-direction: row;
  }
}
@media (max-width: 899px) {
  #footer {
    flex-direction: column-reverse;
  }
}
@media (min-width: 900px) {
  #footer > div {
    width: 50%;
  }
}
@media (max-width: 899px) {
  #footer > div {
    width: 100%;
  }
}
#footer .footer-left {
  flex-wrap: wrap;
}
@media (max-width: 899px) {
  #footer .footer-left {
    justify-content: space-between;
    padding: 50px 0 15px 0;
  }
}
#footer .footer-left ul {
  flex: 1 0 50%;
}
@media (min-width: 900px) and (max-width: 1199px) {
  #footer .footer-left ul {
    flex-basis: 100%;
  }
}
#footer .footer-left ul a {
  display: inline-block;
  line-height: 1;
}
#footer .footer-left ul a:hover {
  border-bottom: 1px solid #ee0085;
}

.no-results {
  margin: 100px var(--gutter);
}
@media (max-width: 599px) {
  .no-results {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .no-results {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .no-results {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

@media (max-width: 599px) {
  body:not(.program-index).filters-active #parameter-list-wrapper {
    display: none;
  }
  body:not(.program-index).filters-active #toggle-filter {
    animation-name: button-blink;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
}
@media (max-width: 599px) {
  body:not(.program-index).filter-persons-open #parameter-list-wrapper {
    display: initial;
  }
}

.article-header ~ .article-grid {
  margin-top: 50px;
}

.image-masonry {
  margin-left: auto;
  margin-right: auto;
}
.image-masonry .media-block-row {
  display: flex;
  flex-wrap: wrap;
}
.image-masonry > .media-block-row > div {
  height: 100%;
}
@media (min-width: 600px) {
  .image-masonry > .media-block-row > div.one-third {
    flex: 0.66 1 0px;
  }
}
@media (min-width: 600px) {
  .image-masonry > .media-block-row > div.two-third {
    flex: 1.24 1 0px;
  }
}
@media (min-width: 900px) {
  .image-masonry > .media-block-row > div.half {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .image-masonry > .media-block-row > div.half {
    flex: 0 0 70%;
  }
  .image-masonry > .media-block-row > div.half:nth-child(even) {
    margin-left: 30%;
  }
}
@media (max-width: 899px) {
  .image-masonry > .media-block-row > div.half:nth-child(even) {
    margin-top: 1em;
  }
}
.image-masonry > .media-block-row > div.full {
  flex: 0 0 100%;
}
@media (max-width: 599px) {
  .image-masonry > .media-block-row > div {
    flex: 0 0 100%;
  }
}
@media (min-width: 600px) {
  .image-masonry > .media-block-row > div:nth-child(odd) {
    margin-right: 20px;
  }
}
.image-masonry > .media-block-row > div .caption-opener {
  display: none;
  text-align: end;
  margin-top: 5px;
}
@media (max-width: 1199px) {
  .image-masonry > .media-block-row > div .caption-opener {
    display: block;
  }
}
.image-masonry > .media-block-row > div figure {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.image-masonry > .media-block-row > div figure figcaption {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  bottom: 0px;
  padding: 1em;
  color: white;
  opacity: 0;
  transition: opacity 0.2s ease-in;
  width: 100%;
}
.image-masonry > .media-block-row > div figure figcaption:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 300%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(5, 5, 5, 0) 0%, rgba(5, 5, 5, 0.2) 100%);
}
.image-masonry > .media-block-row > div figure figcaption.show-on-mobile {
  opacity: 1;
}
@media (min-width: 600px) {
  .image-masonry > .media-block-row > div figure:hover figcaption {
    opacity: 1;
  }
}

.grid-container {
  overflow-y: hidden;
  flex-wrap: wrap;
}
@media (max-width: 599px) {
  .grid-container {
    flex-wrap: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.grid-container div.grid-container-item {
  display: flex !important;
  box-shadow: inset 0 -1px 0 #000;
}
@media (min-width: 600px) {
  .grid-container div.grid-container-item {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 599px) {
  .grid-container div.grid-container-item {
    flex-direction: row;
  }
}
.grid-container div.grid-container-item > div {
  display: flex;
}
@media (max-width: 899px) {
  .grid-container div.grid-container-item > div {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .grid-container div.grid-container-item > div {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .grid-container div.grid-container-item > div {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 599px) {
  .grid-container div.grid-container-item > div {
    height: 100%;
  }
}
@media (min-width: 600px) {
  .grid-container div.grid-container-item > div span {
    margin-top: 1em;
  }
}
@media (max-width: 599px) {
  .grid-container div.grid-container-item > div span {
    align-self: baseline;
    padding: 0.8em 0.5em;
  }
}
@media (min-width: 1200px) {
  .grid-container div.grid-container-item {
    width: 33.3333%;
    height: 33.3333vw;
  }
}
@media (max-width: 1199px) {
  .grid-container div.grid-container-item {
    width: 50%;
    height: 50vw;
  }
}
@media (min-width: 1200px) {
  .grid-container div.grid-container-item:not(:nth-child(3n)) {
    border-right: 1px solid;
  }
}
@media (max-width: 1199px) {
  .grid-container div.grid-container-item:not(:nth-child(2n)) {
    border-right: 1px solid;
  }
}
@media (max-width: 599px) {
  .grid-container div.grid-container-item {
    border-right: 1px solid;
  }
}
.grid-container div.grid-container-item img {
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 600px) and (max-width: 899px) {
  .grid-container div.grid-container-item:not(.headline) {
    width: 50vw;
    height: 50vw;
  }
}
@media (max-width: 599px) {
  .grid-container div.grid-container-item:not(.headline) {
    min-width: calc(100vw - var(--gutter));
    width: auto;
  }
}
.grid-container div.grid-container-item.headline {
  border-color: black !important;
}
@media (max-width: 899px) {
  .grid-container div.grid-container-item.headline {
    width: 100vw;
    height: 100vw;
  }
}

.event-section {
  width: 100vw;
  background-image: url("../gfx/BT-KV2021-Assets/BT-Website-Background.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 599px) {
  .event-section h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (max-width: 599px) {
  .event-section h2.is-serif {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
.event-section .section-logged-in {
  opacity: 0;
  transition: opacity 1s ease 0.5s;
  margin-top: 5em;
}

body.done-loading .section-logged-in {
  opacity: 1;
}

.next-preview, .live-preview {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.next-preview .preview-item, .live-preview .preview-item {
  cursor: pointer;
  display: flex;
}
@media (max-width: 599px) {
  .next-preview .preview-item, .live-preview .preview-item {
    padding: 20px;
    flex-direction: column;
  }
  .next-preview .preview-item img, .live-preview .preview-item img {
    width: 50%;
    margin-bottom: 1em;
  }
}
.next-preview .preview-item .label, .live-preview .preview-item .label {
  color: white;
}
@media (min-width: 1200px) {
  .next-preview .preview-item, .live-preview .preview-item {
    flex: 0 0 50%;
  }
}
.next-preview > a, .live-preview > a {
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.next-preview > a:first-of-type, .live-preview > a:first-of-type {
  border-top: 1px solid #fff;
}

.q-field__inner {
  padding: 0 !important;
}

#newsletter input[name=email] {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
}

.content-module .bt_col, .grid .bt_col, #page section.content-module .bt_col, .article-header--smaller .bt_col, .article-meta .bt_col {
  grid-column: 1/-1;
}
@media (min-width: 1800px) {
  .content-module .bt_col:first-child, .grid .bt_col:first-child, #page section.content-module .bt_col:first-child, .article-header--smaller .bt_col:first-child, .article-meta .bt_col:first-child {
    grid-column-start: 2;
  }
}
@media (max-width: 599px) {
  .content-module .xs-colspan-2, .grid .xs-colspan-2, #page section.content-module .xs-colspan-2, .article-header--smaller .xs-colspan-2, .article-meta .xs-colspan-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 599px) {
  .content-module .xs-colspan-1, .grid .xs-colspan-1, #page section.content-module .xs-colspan-1, .article-header--smaller .xs-colspan-1, .article-meta .xs-colspan-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
@media (min-width: 600px) {
  .content-module .sm-colspan-4, .grid .sm-colspan-4, #page section.content-module .sm-colspan-4, .article-header--smaller .sm-colspan-4, .article-meta .sm-colspan-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (min-width: 600px) {
  .content-module .sm-colspan-3, .grid .sm-colspan-3, #page section.content-module .sm-colspan-3, .article-header--smaller .sm-colspan-3, .article-meta .sm-colspan-3 {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (min-width: 600px) {
  .content-module .sm-colspan-2, .grid .sm-colspan-2, #page section.content-module .sm-colspan-2, .article-header--smaller .sm-colspan-2, .article-meta .sm-colspan-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (min-width: 600px) {
  .content-module .sm-colspan-1, .grid .sm-colspan-1, #page section.content-module .sm-colspan-1, .article-header--smaller .sm-colspan-1, .article-meta .sm-colspan-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
@media (min-width: 900px) {
  .content-module .md-colspan-4, .grid .md-colspan-4, #page section.content-module .md-colspan-4, .article-header--smaller .md-colspan-4, .article-meta .md-colspan-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (min-width: 900px) {
  .content-module .md-colspan-2, .grid .md-colspan-2, #page section.content-module .md-colspan-2, .article-header--smaller .md-colspan-2, .article-meta .md-colspan-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (min-width: 900px) {
  .content-module .md-colspan-1, .grid .md-colspan-1, #page section.content-module .md-colspan-1, .article-header--smaller .md-colspan-1, .article-meta .md-colspan-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
@media (min-width: 1200px) {
  .content-module .lg-colspan-4, .grid .lg-colspan-4, #page section.content-module .lg-colspan-4, .article-header--smaller .lg-colspan-4, .article-meta .lg-colspan-4 {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (min-width: 1200px) {
  .content-module .lg-colspan-3, .grid .lg-colspan-3, #page section.content-module .lg-colspan-3, .article-header--smaller .lg-colspan-3, .article-meta .lg-colspan-3 {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (min-width: 1200px) {
  .content-module .lg-colspan-2, .grid .lg-colspan-2, #page section.content-module .lg-colspan-2, .article-header--smaller .lg-colspan-2, .article-meta .lg-colspan-2 {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (min-width: 1200px) {
  .content-module .lg-colspan-1, .grid .lg-colspan-1, #page section.content-module .lg-colspan-1, .article-header--smaller .lg-colspan-1, .article-meta .lg-colspan-1 {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
.content-module .half, .grid .half, #page section.content-module .half, .article-header--smaller .half, .article-meta .half {
  grid-column-start: auto;
  grid-column-end: span calc(var(--columns) / 2);
}

@font-face {
  font-family: "Panama";
  src: url("../fonts/Panama Regular.otf");
  src: url("../fonts/Panama Regular.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lars";
  src: url("../fonts/test/Lars-Regular.otf");
  src: url("../fonts/test/Lars-RegularWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LarsBold";
  src: url("../fonts/Lars-Bold.otf");
  src: url("../fonts/Lars-BoldWeb.woff?58533802") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "LarsThin";
  src: url("../fonts/Lars-ThinCondensed.otf");
  src: url("../fonts/Lars-ThinCondensedWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LarsItalic";
  src: url("../fonts/Lars-BoldItalic.otf");
  src: url("../fonts/Lars-BoldItalicWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lars-test";
  src: url("../fonts/test/Lars-Regular.otf");
  src: url("../fonts/test/Lars-RegularWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Panama";
  src: url("../fonts/Panama Regular.otf");
  src: url("../fonts/Panama Regular.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lars";
  src: url("../fonts/test/Lars-Regular.otf");
  src: url("../fonts/test/Lars-RegularWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LarsBold";
  src: url("../fonts/Lars-Bold.otf");
  src: url("../fonts/Lars-BoldWeb.woff?58533802") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "LarsThin";
  src: url("../fonts/Lars-ThinCondensed.otf");
  src: url("../fonts/Lars-ThinCondensedWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LarsItalic";
  src: url("../fonts/Lars-BoldItalic.otf");
  src: url("../fonts/Lars-BoldItalicWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lars-test";
  src: url("../fonts/test/Lars-Regular.otf");
  src: url("../fonts/test/Lars-RegularWeb.woff?58533802") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
sections können margin-bottom 45, 60, 90, 120, 180, 240, 300 haben
*/
/*
custom-scroll-bar

styling (breite, farbe hintergrund, farbe balken, radien)
ist bisher nur bei webkit-browsern über prefixed selektoren möglich
achtung: das standardverhalten (scrollbar ist overlayed, 
transparent und wird nur beim scrollen sichtbar) wird dadurch unterbunden 
stattdessen ist der platz für die scrollbar immer reserviert, was besonders 
bei farbigen hintergründen oder durchgehenden borders auffällt.

in firefox: 
breite und hg/vg-farbe können mit
scrollbar-width
scrollbar-color
beeinflußt werden.
macOS notes:;
The auto-hiding semi-transparent scrollbars that are the macOS default cannot be colored with this rule 
(they still choose their own contrasting color based on the background). Only the permanently showing scrollbars 
(System Preferences > Show Scroll Bars > Always) are colored.

*/
.grotesk, h1, h2, h3, h4, h5 {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}

.grotesk-alt {
  font-family: "LarsThin";
  font-size: 24px;
  letter-spacing: normal !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

.serif {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@media (max-width: 599px) {
  .grotesk-largest {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) {
  .grotesk-largest {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .grotesk-largest {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 148px;
    line-height: 1.11;
    letter-spacing: -0.047297em;
  }
}

@media (max-width: 599px) {
  .grotesk-extralarge {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) {
  .grotesk-extralarge {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .grotesk-extralarge {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}

@media (max-width: 599px) {
  .serif-extralarge {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 600px) {
  .serif-extralarge {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (min-width: 1200px) {
  .serif-extralarge {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}

@media (max-width: 599px) {
  .grotesk-large, .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .grotesk-large, .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .grotesk-large, .news-overview h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}

@media (max-width: 599px) {
  .serif-large {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .serif-large {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .serif-large {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}

@media (max-width: 599px) {
  .grotesk-medium {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .grotesk-medium {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .grotesk-medium {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

@media (max-width: 599px) {
  .serif-medium {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .serif-medium {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .serif-medium {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}

@media (max-width: 599px) {
  .grotesk-small, .container-fluid .container-fluid_content a.container-fluid_item h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .grotesk-small, .container-fluid .container-fluid_content a.container-fluid_item h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .grotesk-small, .container-fluid .container-fluid_content a.container-fluid_item h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}

@media (max-width: 599px) {
  .serif-small {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .serif-small {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .serif-small {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}

@media (max-width: 899px) {
  .grotesk-smaller, #footer .footer-left, .event-section .section-logged-in, .next-preview .preview-item h2, .live-preview .preview-item h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .grotesk-smaller, #footer .footer-left, .event-section .section-logged-in, .next-preview .preview-item h2, .live-preview .preview-item h2 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}

@media (max-width: 899px) {
  .serif-smaller, .next-preview .preview-item .label, .live-preview .preview-item .label {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .serif-smaller, .next-preview .preview-item .label, .live-preview .preview-item .label {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}

.grotesk-xxxs, .HeroImage .HeroImage--cr, .container-fluid .container-fluid_content a.container-fluid_item .container-fluid_item_intro, .newsletter-section #nl-error-layer, .image-masonry > .media-block-row > div .caption-opener {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
}

.grotesk-xxs {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 19px;
  line-height: 1.37;
  letter-spacing: -0.6px;
}

.grotesk-xs, .teaser-title, .teaser-portrait .fullname, .teaser-project .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .article-title {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1px;
}

.grotesk-xs a, .teaser-title a, .teaser-portrait .fullname a, .teaser-project .project-title a, #page-builder .related_articles-wrapper .related_articles-inner > div .project-title a, #page-builder .related_articles-wrapper .related_articles-inner > div .article-title a, a.grotesk-xs, a.teaser-title, .teaser-portrait a.fullname, .teaser-project a.project-title, #page-builder .related_articles-wrapper .related_articles-inner > div a.project-title, #page-builder .related_articles-wrapper .related_articles-inner > div a.article-title {
  border-bottom-width: 1px;
}

.grotesk-s, .gallery-container .gallery-info .gallery-title, .video-container .video-info .video-title, .profile-page .profile-data .profile-data-text dt, .talentpress-grid .teaser-article .article-title {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -1.2px;
}

a.grotesk-s, .gallery-container .gallery-info a.gallery-title, .video-container .video-info a.video-title, .talentpress-grid .teaser-article a.article-title, .grotesk-s a, .gallery-container .gallery-info .gallery-title a, .video-container .video-info .video-title a, .profile-page .profile-data .profile-data-text dt a, .talentpress-grid .teaser-article .article-title a {
  border-bottom-width: 2px;
}

.grotesk-m {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.0642857em;
}

a.grotesk-m, .grotesk-m a {
  border-bottom-width: 2px;
}

.grotesk-l {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 72px;
  line-height: 1.11;
  letter-spacing: -3.4px;
}

a.grotesk-l, .grotesk-l a {
  border-bottom-width: 3px;
}

.grotesk-xl {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 84px;
  line-height: 1.1;
  letter-spacing: -0.045238em;
}

a.grotesk-xl, .grotesk-xl a {
  border-bottom-width: 3px;
}

.grotesk-xxl {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 148px;
  line-height: 1.11;
  letter-spacing: -0.047297em;
}

a.grotesk-xxl, .grotesk-xxl a {
  border-bottom-width: 6px;
}

.serif-xxxs, #page .event-recording .event-recording-top .info-area .quote-footer .next-slide {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.5px;
}

.serif-xxs {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 21px;
  line-height: 1.24;
  letter-spacing: -0.6px;
}

.serif-xs, .teaser-meta, .teaser-portrait .country, .teaser-portrait .profession, .teaser-portrait .contact, .teaser-project .project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div .project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div .article-meta {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.9px;
}

a.serif-xs, a.teaser-meta, .teaser-portrait a.country, .teaser-portrait a.profession, .teaser-portrait a.contact, .teaser-project a.project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div a.project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div a.article-meta, .serif-xs a, .teaser-meta a, .teaser-portrait .country a, .teaser-portrait .profession a, .teaser-portrait .contact a, .teaser-project .project-meta a, #page-builder .related_articles-wrapper .related_articles-inner > div .project-meta a, #page-builder .related_articles-wrapper .related_articles-inner > div .article-meta a {
  border-bottom-width: 1px;
}

.serif-s, .gallery-container .gallery-info .gallery-meta, .video-container .video-info .video-meta, .profile-page .profile-data .profile-data-text dd, .profile-page .profile-data .profile-data-text span, .talentpress-grid .teaser-article .article-author {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.9px;
}

a.serif-s, .gallery-container .gallery-info a.gallery-meta, .video-container .video-info a.video-meta, .talentpress-grid .teaser-article a.article-author, .serif-s a, .gallery-container .gallery-info .gallery-meta a, .video-container .video-info .video-meta a, .profile-page .profile-data .profile-data-text dd a, .profile-page .profile-data .profile-data-text span a, .talentpress-grid .teaser-article .article-author a {
  border-bottom-width: 1px;
}

.serif-m, .profile-page .profile-data .profile-data-text .profile-fow {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: -2px;
}

a.serif-m, .profile-page .profile-data .profile-data-text a.profile-fow, .serif-m a, .profile-page .profile-data .profile-data-text .profile-fow a {
  border-bottom-width: 2px;
}

.serif-l {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 75px;
  line-height: 1.12;
  letter-spacing: -2.8px;
}

a.serif-l, .serif-l a {
  border-bottom-width: 3px;
}

.serif-xl {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 90px;
  line-height: 1.14;
  letter-spacing: -3.5px;
}

a.serif-xl, .serif-xl a {
  border-bottom-width: 3px;
}

.serif-xxl {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 160px;
  line-height: 1.06;
  letter-spacing: -6px;
}

a.serif-xxl, .serif-xxl a {
  border-bottom-width: 6px;
}

@media (min-width: 900px) {
  .fs-project-header {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}
@media (max-width: 899px) {
  .fs-project-header {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (max-width: 599px) {
  .fs-project-header {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

@media (min-width: 900px) {
  .fs-project-header-eng {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}
@media (max-width: 899px) {
  .fs-project-header-eng {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (max-width: 599px) {
  .fs-project-header-eng {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}

@media (max-width: 599px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (min-width: 1200px) {
  .fs-herotext {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
  .fs-herotext a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}

@media (max-width: 599px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 900px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .fs-herotext-alt {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
  .fs-herotext-alt a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}

@media (max-width: 599px) {
  .fs-hero-subline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
  .fs-hero-subline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .fs-hero-subline {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .fs-hero-subline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) and (min-width: 900px) {
  .fs-hero-subline a {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}

h1,
h2,
h3,
.fs-h1,
.fs-h2,
.fs-h3 {
  max-width: 35ch;
}

h1,
h2,
h3,
h4 {
  margin: 0;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: normal;
  font-weight: normal;
}

p {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

strong, b {
  font-family: "LarsBold";
  font-size: inherit;
}

.fs-xl {
  font-size: var(--fs-xl);
  letter-spacing: var(--ls-h1);
  max-width: 17ch;
}

h1, .fs-h1, .text p.fs-h1 {
  font-size: var(--fs-h1);
  letter-spacing: var(--ls-h1);
}

h2, .fs-h2, .text p.fs-h2 {
  font-size: var(--fs-h2);
  letter-spacing: var(--ls-h2);
}

h3, .fs-h3, .text p.fs-h3 {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
  line-height: var(--lh-heading);
}

h4, .fs-h4, .text p.fs-h4 {
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
  line-height: var(--lh-heading);
}

h5, .fs-h5, .text p.fs-h5 {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  line-height: var(--lh-heading);
}

.fs-xs, .text p.fs-xs {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
}

.fs-xxs, .text p.fs-xxs {
  font-size: var(--fs-xxs);
  letter-spacing: var(--ls-xxs);
}

small {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-h3);
}

/*p, .rich-text{
  @extend .grotesk-smaller;
  .is-serif{
    @extend .serif-smaller;
  }
  a{
    text-decoration: underline;
  }
}*/
.prose p, .textblock p, .textblock-full p, .media-block-full p, .textblock-right p, #page section.grid.align-right > div p, #page section.align-right.content-module > div p, #page section.align-right.article-header--smaller > div p, #page section.align-right.article-meta > div p, .media-block-right p, .textblock-left p, #page section.grid.align-left > div p, #page section.align-left.content-module > div p, #page section.align-left.article-header--smaller > div p, #page section.align-left.article-meta > div p, .media-block-left p, .textblock-centered p, #page section.grid.align-center > div p, #page section.align-center.content-module > div p, #page section.align-center.article-header--smaller > div p, #page section.align-center.article-meta > div p, .media-block-centered p, .hero2 .fs-hero-subline p, .programmes-overview .programme-info p, .prose:is(p, ul, ol, blockquote), .textblock:is(p, ul, ol, blockquote), .textblock-full:is(p, ul, ol, blockquote), .media-block-full:is(p, ul, ol, blockquote), .textblock-right:is(p, ul, ol, blockquote), #page section.grid.align-right > div:is(p, ul, ol, blockquote), #page section.align-right.content-module > div:is(p, ul, ol, blockquote), #page section.align-right.article-header--smaller > div:is(p, ul, ol, blockquote), #page section.align-right.article-meta > div:is(p, ul, ol, blockquote), .media-block-right:is(p, ul, ol, blockquote), .textblock-left:is(p, ul, ol, blockquote), #page section.grid.align-left > div:is(p, ul, ol, blockquote), #page section.align-left.content-module > div:is(p, ul, ol, blockquote), #page section.align-left.article-header--smaller > div:is(p, ul, ol, blockquote), #page section.align-left.article-meta > div:is(p, ul, ol, blockquote), .media-block-left:is(p, ul, ol, blockquote), .textblock-centered:is(p, ul, ol, blockquote), #page section.grid.align-center > div:is(p, ul, ol, blockquote), #page section.align-center.content-module > div:is(p, ul, ol, blockquote), #page section.align-center.article-header--smaller > div:is(p, ul, ol, blockquote), #page section.align-center.article-meta > div:is(p, ul, ol, blockquote), .media-block-centered:is(p, ul, ol, blockquote), .hero2 .fs-hero-subline:is(p, ul, ol, blockquote), .programmes-overview .programme-info:is(p, ul, ol, blockquote) {
  margin-bottom: 1.5em;
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  line-height: var(--lh-text);
}
.prose table, .textblock table, .textblock-full table, .media-block-full table, .textblock-right table, #page section.grid.align-right > div table, #page section.align-right.content-module > div table, #page section.align-right.article-header--smaller > div table, #page section.align-right.article-meta > div table, .media-block-right table, .textblock-left table, #page section.grid.align-left > div table, #page section.align-left.content-module > div table, #page section.align-left.article-header--smaller > div table, #page section.align-left.article-meta > div table, .media-block-left table, .textblock-centered table, #page section.grid.align-center > div table, #page section.align-center.content-module > div table, #page section.align-center.article-header--smaller > div table, #page section.align-center.article-meta > div table, .media-block-centered table, .hero2 .fs-hero-subline table, .programmes-overview .programme-info table {
  font-size: var(--fs-xs);
}
.prose .lead, .textblock .lead, .textblock-full .lead, .media-block-full .lead, .textblock-right .lead, #page section.grid.align-right > div .lead, #page section.align-right.content-module > div .lead, #page section.align-right.article-header--smaller > div .lead, #page section.align-right.article-meta > div .lead, .media-block-right .lead, .textblock-left .lead, #page section.grid.align-left > div .lead, #page section.align-left.content-module > div .lead, #page section.align-left.article-header--smaller > div .lead, #page section.align-left.article-meta > div .lead, .media-block-left .lead, .textblock-centered .lead, #page section.grid.align-center > div .lead, #page section.align-center.content-module > div .lead, #page section.align-center.article-header--smaller > div .lead, #page section.align-center.article-meta > div .lead, .media-block-centered .lead, .hero2 .fs-hero-subline .lead, .programmes-overview .programme-info .lead {
  line-height: 1.5;
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
}
.prose:where(ol, ul) li, .textblock:where(ol, ul) li, .textblock-full:where(ol, ul) li, .media-block-full:where(ol, ul) li, .textblock-right:where(ol, ul) li, #page section.grid.align-right > div:where(ol, ul) li, #page section.align-right.content-module > div:where(ol, ul) li, #page section.align-right.article-header--smaller > div:where(ol, ul) li, #page section.align-right.article-meta > div:where(ol, ul) li, .media-block-right:where(ol, ul) li, .textblock-left:where(ol, ul) li, #page section.grid.align-left > div:where(ol, ul) li, #page section.align-left.content-module > div:where(ol, ul) li, #page section.align-left.article-header--smaller > div:where(ol, ul) li, #page section.align-left.article-meta > div:where(ol, ul) li, .media-block-left:where(ol, ul) li, .textblock-centered:where(ol, ul) li, #page section.grid.align-center > div:where(ol, ul) li, #page section.align-center.content-module > div:where(ol, ul) li, #page section.align-center.article-header--smaller > div:where(ol, ul) li, #page section.align-center.article-meta > div:where(ol, ul) li, .media-block-centered:where(ol, ul) li, .hero2 .fs-hero-subline:where(ol, ul) li, .programmes-overview .programme-info:where(ol, ul) li {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.prose ul, .textblock ul, .textblock-full ul, .media-block-full ul, .textblock-right ul, #page section.grid.align-right > div ul, #page section.align-right.content-module > div ul, #page section.align-right.article-header--smaller > div ul, #page section.align-right.article-meta > div ul, .media-block-right ul, .textblock-left ul, #page section.grid.align-left > div ul, #page section.align-left.content-module > div ul, #page section.align-left.article-header--smaller > div ul, #page section.align-left.article-meta > div ul, .media-block-left ul, .textblock-centered ul, #page section.grid.align-center > div ul, #page section.align-center.content-module > div ul, #page section.align-center.article-header--smaller > div ul, #page section.align-center.article-meta > div ul, .media-block-centered ul, .hero2 .fs-hero-subline ul, .programmes-overview .programme-info ul {
  list-style: disc;
  padding-inline: 1.5em;
}
.prose ol, .textblock ol, .textblock-full ol, .media-block-full ol, .textblock-right ol, #page section.grid.align-right > div ol, #page section.align-right.content-module > div ol, #page section.align-right.article-header--smaller > div ol, #page section.align-right.article-meta > div ol, .media-block-right ol, .textblock-left ol, #page section.grid.align-left > div ol, #page section.align-left.content-module > div ol, #page section.align-left.article-header--smaller > div ol, #page section.align-left.article-meta > div ol, .media-block-left ol, .textblock-centered ol, #page section.grid.align-center > div ol, #page section.align-center.content-module > div ol, #page section.align-center.article-header--smaller > div ol, #page section.align-center.article-meta > div ol, .media-block-centered ol, .hero2 .fs-hero-subline ol, .programmes-overview .programme-info ol {
  padding-inline: 2em;
}
.prose:where(ul) li::marker, .textblock:where(ul) li::marker, .textblock-full:where(ul) li::marker, .media-block-full:where(ul) li::marker, .textblock-right:where(ul) li::marker, #page section.grid.align-right > div:where(ul) li::marker, #page section.align-right.content-module > div:where(ul) li::marker, #page section.align-right.article-header--smaller > div:where(ul) li::marker, #page section.align-right.article-meta > div:where(ul) li::marker, .media-block-right:where(ul) li::marker, .textblock-left:where(ul) li::marker, #page section.grid.align-left > div:where(ul) li::marker, #page section.align-left.content-module > div:where(ul) li::marker, #page section.align-left.article-header--smaller > div:where(ul) li::marker, #page section.align-left.article-meta > div:where(ul) li::marker, .media-block-left:where(ul) li::marker, .textblock-centered:where(ul) li::marker, #page section.grid.align-center > div:where(ul) li::marker, #page section.align-center.content-module > div:where(ul) li::marker, #page section.align-center.article-header--smaller > div:where(ul) li::marker, #page section.align-center.article-meta > div:where(ul) li::marker, .media-block-centered:where(ul) li::marker, .hero2 .fs-hero-subline:where(ul) li::marker, .programmes-overview .programme-info:where(ul) li::marker {
  color: #a0a0a0;
}
.prose table, .textblock table, .textblock-full table, .media-block-full table, .textblock-right table, #page section.grid.align-right > div table, #page section.align-right.content-module > div table, #page section.align-right.article-header--smaller > div table, #page section.align-right.article-meta > div table, .media-block-right table, .textblock-left table, #page section.grid.align-left > div table, #page section.align-left.content-module > div table, #page section.align-left.article-header--smaller > div table, #page section.align-left.article-meta > div table, .media-block-left table, .textblock-centered table, #page section.grid.align-center > div table, #page section.align-center.content-module > div table, #page section.align-center.article-header--smaller > div table, #page section.align-center.article-meta > div table, .media-block-centered table, .hero2 .fs-hero-subline table, .programmes-overview .programme-info table {
  width: 100%;
  border-collapse: collapse;
}
.prose table td, .textblock table td, .textblock-full table td, .media-block-full table td, .textblock-right table td, #page section.grid.align-right > div table td, #page section.align-right.content-module > div table td, #page section.align-right.article-header--smaller > div table td, #page section.align-right.article-meta > div table td, .media-block-right table td, .textblock-left table td, #page section.grid.align-left > div table td, #page section.align-left.content-module > div table td, #page section.align-left.article-header--smaller > div table td, #page section.align-left.article-meta > div table td, .media-block-left table td, .textblock-centered table td, #page section.grid.align-center > div table td, #page section.align-center.content-module > div table td, #page section.align-center.article-header--smaller > div table td, #page section.align-center.article-meta > div table td, .media-block-centered table td, .hero2 .fs-hero-subline table td, .programmes-overview .programme-info table td {
  padding: 0.25em 0.5em;
}
.prose .highlight, .textblock .highlight, .textblock-full .highlight, .media-block-full .highlight, .textblock-right .highlight, #page section.grid.align-right > div .highlight, #page section.align-right.content-module > div .highlight, #page section.align-right.article-header--smaller > div .highlight, #page section.align-right.article-meta > div .highlight, .media-block-right .highlight, .textblock-left .highlight, #page section.grid.align-left > div .highlight, #page section.align-left.content-module > div .highlight, #page section.align-left.article-header--smaller > div .highlight, #page section.align-left.article-meta > div .highlight, .media-block-left .highlight, .textblock-centered .highlight, #page section.grid.align-center > div .highlight, #page section.align-center.content-module > div .highlight, #page section.align-center.article-header--smaller > div .highlight, #page section.align-center.article-meta > div .highlight, .media-block-centered .highlight, .hero2 .fs-hero-subline .highlight, .programmes-overview .programme-info .highlight, .prose table tr:nth-child(odd), .textblock table tr:nth-child(odd), .textblock-full table tr:nth-child(odd), .media-block-full table tr:nth-child(odd), .textblock-right table tr:nth-child(odd), #page section.grid.align-right > div table tr:nth-child(odd), #page section.align-right.content-module > div table tr:nth-child(odd), #page section.align-right.article-header--smaller > div table tr:nth-child(odd), #page section.align-right.article-meta > div table tr:nth-child(odd), .media-block-right table tr:nth-child(odd), .textblock-left table tr:nth-child(odd), #page section.grid.align-left > div table tr:nth-child(odd), #page section.align-left.content-module > div table tr:nth-child(odd), #page section.align-left.article-header--smaller > div table tr:nth-child(odd), #page section.align-left.article-meta > div table tr:nth-child(odd), .media-block-left table tr:nth-child(odd), .textblock-centered table tr:nth-child(odd), #page section.grid.align-center > div table tr:nth-child(odd), #page section.align-center.content-module > div table tr:nth-child(odd), #page section.align-center.article-header--smaller > div table tr:nth-child(odd), #page section.align-center.article-meta > div table tr:nth-child(odd), .media-block-centered table tr:nth-child(odd), .hero2 .fs-hero-subline table tr:nth-child(odd), .programmes-overview .programme-info table tr:nth-child(odd) {
  background-color: #f6eaea;
}
.prose a, .textblock a, .textblock-full a, .media-block-full a, .textblock-right a, #page section.grid.align-right > div a, #page section.align-right.content-module > div a, #page section.align-right.article-header--smaller > div a, #page section.align-right.article-meta > div a, .media-block-right a, .textblock-left a, #page section.grid.align-left > div a, #page section.align-left.content-module > div a, #page section.align-left.article-header--smaller > div a, #page section.align-left.article-meta > div a, .media-block-left a, .textblock-centered a, #page section.grid.align-center > div a, #page section.align-center.content-module > div a, #page section.align-center.article-header--smaller > div a, #page section.align-center.article-meta > div a, .media-block-centered a, .hero2 .fs-hero-subline a, .programmes-overview .programme-info a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
  color: var(--pink);
  transition: all 0.3s ease;
}
.prose h1, .textblock h1, .textblock-full h1, .media-block-full h1, .textblock-right h1, #page section.grid.align-right > div h1, #page section.align-right.content-module > div h1, #page section.align-right.article-header--smaller > div h1, #page section.align-right.article-meta > div h1, .media-block-right h1, .textblock-left h1, #page section.grid.align-left > div h1, #page section.align-left.content-module > div h1, #page section.align-left.article-header--smaller > div h1, #page section.align-left.article-meta > div h1, .media-block-left h1, .textblock-centered h1, #page section.grid.align-center > div h1, #page section.align-center.content-module > div h1, #page section.align-center.article-header--smaller > div h1, #page section.align-center.article-meta > div h1, .media-block-centered h1, .hero2 .fs-hero-subline h1, .programmes-overview .programme-info h1 {
  font-size: var(--fs-xl);
  letter-spacing: var(--ls-h1);
  max-width: 17ch;
}
.prose h2, .textblock h2, .textblock-full h2, .media-block-full h2, .textblock-right h2, #page section.grid.align-right > div h2, #page section.align-right.content-module > div h2, #page section.align-right.article-header--smaller > div h2, #page section.align-right.article-meta > div h2, .media-block-right h2, .textblock-left h2, #page section.grid.align-left > div h2, #page section.align-left.content-module > div h2, #page section.align-left.article-header--smaller > div h2, #page section.align-left.article-meta > div h2, .media-block-left h2, .textblock-centered h2, #page section.grid.align-center > div h2, #page section.align-center.content-module > div h2, #page section.align-center.article-header--smaller > div h2, #page section.align-center.article-meta > div h2, .media-block-centered h2, .hero2 .fs-hero-subline h2, .programmes-overview .programme-info h2 {
  font-size: var(--fs-h2);
  letter-spacing: var(--ls-h2);
}
.prose h3, .textblock h3, .textblock-full h3, .media-block-full h3, .textblock-right h3, #page section.grid.align-right > div h3, #page section.align-right.content-module > div h3, #page section.align-right.article-header--smaller > div h3, #page section.align-right.article-meta > div h3, .media-block-right h3, .textblock-left h3, #page section.grid.align-left > div h3, #page section.align-left.content-module > div h3, #page section.align-left.article-header--smaller > div h3, #page section.align-left.article-meta > div h3, .media-block-left h3, .textblock-centered h3, #page section.grid.align-center > div h3, #page section.align-center.content-module > div h3, #page section.align-center.article-header--smaller > div h3, #page section.align-center.article-meta > div h3, .media-block-centered h3, .hero2 .fs-hero-subline h3, .programmes-overview .programme-info h3 {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
}
.prose h4, .textblock h4, .textblock-full h4, .media-block-full h4, .textblock-right h4, #page section.grid.align-right > div h4, #page section.align-right.content-module > div h4, #page section.align-right.article-header--smaller > div h4, #page section.align-right.article-meta > div h4, .media-block-right h4, .textblock-left h4, #page section.grid.align-left > div h4, #page section.align-left.content-module > div h4, #page section.align-left.article-header--smaller > div h4, #page section.align-left.article-meta > div h4, .media-block-left h4, .textblock-centered h4, #page section.grid.align-center > div h4, #page section.align-center.content-module > div h4, #page section.align-center.article-header--smaller > div h4, #page section.align-center.article-meta > div h4, .media-block-centered h4, .hero2 .fs-hero-subline h4, .programmes-overview .programme-info h4 {
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
}
.prose h2, .textblock h2, .textblock-full h2, .media-block-full h2, .textblock-right h2, #page section.grid.align-right > div h2, #page section.align-right.content-module > div h2, #page section.align-right.article-header--smaller > div h2, #page section.align-right.article-meta > div h2, .media-block-right h2, .textblock-left h2, #page section.grid.align-left > div h2, #page section.align-left.content-module > div h2, #page section.align-left.article-header--smaller > div h2, #page section.align-left.article-meta > div h2, .media-block-left h2, .textblock-centered h2, #page section.grid.align-center > div h2, #page section.align-center.content-module > div h2, #page section.align-center.article-header--smaller > div h2, #page section.align-center.article-meta > div h2, .media-block-centered h2, .hero2 .fs-hero-subline h2, .programmes-overview .programme-info h2, .prose h3, .textblock h3, .textblock-full h3, .media-block-full h3, .textblock-right h3, #page section.grid.align-right > div h3, #page section.align-right.content-module > div h3, #page section.align-right.article-header--smaller > div h3, #page section.align-right.article-meta > div h3, .media-block-right h3, .textblock-left h3, #page section.grid.align-left > div h3, #page section.align-left.content-module > div h3, #page section.align-left.article-header--smaller > div h3, #page section.align-left.article-meta > div h3, .media-block-left h3, .textblock-centered h3, #page section.grid.align-center > div h3, #page section.align-center.content-module > div h3, #page section.align-center.article-header--smaller > div h3, #page section.align-center.article-meta > div h3, .media-block-centered h3, .hero2 .fs-hero-subline h3, .programmes-overview .programme-info h3, .prose h4, .textblock h4, .textblock-full h4, .media-block-full h4, .textblock-right h4, #page section.grid.align-right > div h4, #page section.align-right.content-module > div h4, #page section.align-right.article-header--smaller > div h4, #page section.align-right.article-meta > div h4, .media-block-right h4, .textblock-left h4, #page section.grid.align-left > div h4, #page section.align-left.content-module > div h4, #page section.align-left.article-header--smaller > div h4, #page section.align-left.article-meta > div h4, .media-block-left h4, .textblock-centered h4, #page section.grid.align-center > div h4, #page section.align-center.content-module > div h4, #page section.align-center.article-header--smaller > div h4, #page section.align-center.article-meta > div h4, .media-block-centered h4, .hero2 .fs-hero-subline h4, .programmes-overview .programme-info h4 {
  margin-top: 1.85em; /* Adjust as needed */
  margin-bottom: 0.85em; /* Adjust as needed */
}
.prose > :first-child, .textblock > :first-child, .textblock-full > :first-child, .media-block-full > :first-child, .textblock-right > :first-child, #page section.grid.align-right > div > :first-child, #page section.align-right.content-module > div > :first-child, #page section.align-right.article-header--smaller > div > :first-child, #page section.align-right.article-meta > div > :first-child, .media-block-right > :first-child, .textblock-left > :first-child, #page section.grid.align-left > div > :first-child, #page section.align-left.content-module > div > :first-child, #page section.align-left.article-header--smaller > div > :first-child, #page section.align-left.article-meta > div > :first-child, .media-block-left > :first-child, .textblock-centered > :first-child, #page section.grid.align-center > div > :first-child, #page section.align-center.content-module > div > :first-child, #page section.align-center.article-header--smaller > div > :first-child, #page section.align-center.article-meta > div > :first-child, .media-block-centered > :first-child, .hero2 .fs-hero-subline > :first-child, .programmes-overview .programme-info > :first-child {
  margin-top: 0;
}
.prose li::marker, .textblock li::marker, .textblock-full li::marker, .media-block-full li::marker, .textblock-right li::marker, #page section.grid.align-right > div li::marker, #page section.align-right.content-module > div li::marker, #page section.align-right.article-header--smaller > div li::marker, #page section.align-right.article-meta > div li::marker, .media-block-right li::marker, .textblock-left li::marker, #page section.grid.align-left > div li::marker, #page section.align-left.content-module > div li::marker, #page section.align-left.article-header--smaller > div li::marker, #page section.align-left.article-meta > div li::marker, .media-block-left li::marker, .textblock-centered li::marker, #page section.grid.align-center > div li::marker, #page section.align-center.content-module > div li::marker, #page section.align-center.article-header--smaller > div li::marker, #page section.align-center.article-meta > div li::marker, .media-block-centered li::marker, .hero2 .fs-hero-subline li::marker, .programmes-overview .programme-info li::marker {
  list-style-type: disc;
  color: #d1d5db;
}
.prose :where(h2 + *, h3 + *, h4 + *), .textblock :where(h2 + *, h3 + *, h4 + *), .textblock-full :where(h2 + *, h3 + *, h4 + *), .media-block-full :where(h2 + *, h3 + *, h4 + *), .textblock-right :where(h2 + *, h3 + *, h4 + *), #page section.grid.align-right > div :where(h2 + *, h3 + *, h4 + *), #page section.align-right.content-module > div :where(h2 + *, h3 + *, h4 + *), #page section.align-right.article-header--smaller > div :where(h2 + *, h3 + *, h4 + *), #page section.align-right.article-meta > div :where(h2 + *, h3 + *, h4 + *), .media-block-right :where(h2 + *, h3 + *, h4 + *), .textblock-left :where(h2 + *, h3 + *, h4 + *), #page section.grid.align-left > div :where(h2 + *, h3 + *, h4 + *), #page section.align-left.content-module > div :where(h2 + *, h3 + *, h4 + *), #page section.align-left.article-header--smaller > div :where(h2 + *, h3 + *, h4 + *), #page section.align-left.article-meta > div :where(h2 + *, h3 + *, h4 + *), .media-block-left :where(h2 + *, h3 + *, h4 + *), .textblock-centered :where(h2 + *, h3 + *, h4 + *), #page section.grid.align-center > div :where(h2 + *, h3 + *, h4 + *), #page section.align-center.content-module > div :where(h2 + *, h3 + *, h4 + *), #page section.align-center.article-header--smaller > div :where(h2 + *, h3 + *, h4 + *), #page section.align-center.article-meta > div :where(h2 + *, h3 + *, h4 + *), .media-block-centered :where(h2 + *, h3 + *, h4 + *), .hero2 .fs-hero-subline :where(h2 + *, h3 + *, h4 + *), .programmes-overview .programme-info :where(h2 + *, h3 + *, h4 + *) {
  margin-top: 0 !important;
}
.prose + .prose, .textblock + .prose, .textblock-full + .prose, .media-block-full + .prose, .textblock-right + .prose, #page section.grid.align-right > div + .prose, #page section.align-right.content-module > div + .prose, #page section.align-right.article-header--smaller > div + .prose, #page section.align-right.article-meta > div + .prose, .media-block-right + .prose, .textblock-left + .prose, #page section.grid.align-left > div + .prose, #page section.align-left.content-module > div + .prose, #page section.align-left.article-header--smaller > div + .prose, #page section.align-left.article-meta > div + .prose, .media-block-left + .prose, .textblock-centered + .prose, #page section.grid.align-center > div + .prose, #page section.align-center.content-module > div + .prose, #page section.align-center.article-header--smaller > div + .prose, #page section.align-center.article-meta > div + .prose, .media-block-centered + .prose, .hero2 .fs-hero-subline + .prose, .prose + .textblock, .prose + .textblock-full, .prose + .media-block-full, .prose + .textblock-right, #page section.grid.align-right > .prose + div, #page section.align-right.content-module > .prose + div, #page section.align-right.article-header--smaller > .prose + div, #page section.align-right.article-meta > .prose + div, .prose + .media-block-right, .prose + .textblock-left, #page section.grid.align-left > .prose + div, #page section.align-left.content-module > .prose + div, #page section.align-left.article-header--smaller > .prose + div, #page section.align-left.article-meta > .prose + div, .prose + .media-block-left, .prose + .textblock-centered, #page section.grid.align-center > .prose + div, #page section.align-center.content-module > .prose + div, #page section.align-center.article-header--smaller > .prose + div, #page section.align-center.article-meta > .prose + div, .prose + .media-block-centered, .textblock + .textblock, .textblock-full + .textblock, .media-block-full + .textblock, .textblock + .textblock-full, .textblock-full + .textblock-full, .media-block-full + .textblock-full, .textblock + .media-block-full, .textblock-full + .media-block-full, .media-block-full + .media-block-full, .textblock-right + .textblock, .textblock-right + .textblock-full, .textblock-right + .media-block-full, #page section.grid.align-right > div + .textblock, #page section.grid.align-right > div + .textblock-full, #page section.grid.align-right > div + .media-block-full, #page section.align-right.content-module > div + .textblock, #page section.align-right.content-module > div + .textblock-full, #page section.align-right.content-module > div + .media-block-full, #page section.align-right.article-header--smaller > div + .textblock, #page section.align-right.article-header--smaller > div + .textblock-full, #page section.align-right.article-header--smaller > div + .media-block-full, #page section.align-right.article-meta > div + .textblock, #page section.align-right.article-meta > div + .textblock-full, #page section.align-right.article-meta > div + .media-block-full, .media-block-right + .textblock, .media-block-right + .textblock-full, .media-block-right + .media-block-full, .textblock + .textblock-right, .textblock-full + .textblock-right, .media-block-full + .textblock-right, .textblock-right + .textblock-right, #page section.grid.align-right > div + .textblock-right, #page section.align-right.content-module > div + .textblock-right, #page section.align-right.article-header--smaller > div + .textblock-right, #page section.align-right.article-meta > div + .textblock-right, .media-block-right + .textblock-right, #page section.grid.align-right > .textblock + div, #page section.grid.align-right > .textblock-full + div, #page section.grid.align-right > .media-block-full + div, #page section.grid.align-right > .textblock-right + div, #page section.grid.align-right > div + div, #page section.grid.align-right.content-module > div + div, #page section.grid.align-right.article-header--smaller > div + div, #page section.grid.align-right.article-meta > div + div, #page section.grid.align-right > .media-block-right + div, #page section.align-right.content-module > .textblock + div, #page section.align-right.content-module > .textblock-full + div, #page section.align-right.content-module > .media-block-full + div, #page section.align-right.content-module > .textblock-right + div, #page section.align-right.content-module.grid > div + div, #page section.align-right.content-module > div + div, #page section.align-right.content-module.article-header--smaller > div + div, #page section.align-right.content-module.article-meta > div + div, #page section.align-right.content-module > .media-block-right + div, #page section.align-right.article-header--smaller > .textblock + div, #page section.align-right.article-header--smaller > .textblock-full + div, #page section.align-right.article-header--smaller > .media-block-full + div, #page section.align-right.article-header--smaller > .textblock-right + div, #page section.align-right.article-header--smaller.grid > div + div, #page section.align-right.article-header--smaller.content-module > div + div, #page section.align-right.article-header--smaller > div + div, #page section.align-right.article-header--smaller.article-meta > div + div, #page section.align-right.article-header--smaller > .media-block-right + div, #page section.align-right.article-meta > .textblock + div, #page section.align-right.article-meta > .textblock-full + div, #page section.align-right.article-meta > .media-block-full + div, #page section.align-right.article-meta > .textblock-right + div, #page section.align-right.article-meta.grid > div + div, #page section.align-right.article-meta.content-module > div + div, #page section.align-right.article-meta.article-header--smaller > div + div, #page section.align-right.article-meta > div + div, #page section.align-right.article-meta > .media-block-right + div, .textblock + .media-block-right, .textblock-full + .media-block-right, .media-block-full + .media-block-right, .textblock-right + .media-block-right, #page section.grid.align-right > div + .media-block-right, #page section.align-right.content-module > div + .media-block-right, #page section.align-right.article-header--smaller > div + .media-block-right, #page section.align-right.article-meta > div + .media-block-right, .media-block-right + .media-block-right, .textblock-left + .textblock, .textblock-left + .textblock-full, .textblock-left + .media-block-full, .textblock-left + .textblock-right, #page section.grid.align-right > .textblock-left + div, #page section.align-right.content-module > .textblock-left + div, #page section.align-right.article-header--smaller > .textblock-left + div, #page section.align-right.article-meta > .textblock-left + div, .textblock-left + .media-block-right, #page section.grid.align-left > div + .textblock, #page section.grid.align-left > div + .textblock-full, #page section.grid.align-left > div + .media-block-full, #page section.grid.align-left > div + .textblock-right, #page section.grid.align-right.align-left > div + div, #page section.align-right.content-module.grid.align-left > div + div, #page section.align-right.article-header--smaller.grid.align-left > div + div, #page section.align-right.article-meta.grid.align-left > div + div, #page section.grid.align-left > div + .media-block-right, #page section.align-left.content-module > div + .textblock, #page section.align-left.content-module > div + .textblock-full, #page section.align-left.content-module > div + .media-block-full, #page section.align-left.content-module > div + .textblock-right, #page section.grid.align-right.align-left.content-module > div + div, #page section.align-right.content-module.align-left > div + div, #page section.align-right.article-header--smaller.align-left.content-module > div + div, #page section.align-right.article-meta.align-left.content-module > div + div, #page section.align-left.content-module > div + .media-block-right, #page section.align-left.article-header--smaller > div + .textblock, #page section.align-left.article-header--smaller > div + .textblock-full, #page section.align-left.article-header--smaller > div + .media-block-full, #page section.align-left.article-header--smaller > div + .textblock-right, #page section.grid.align-right.align-left.article-header--smaller > div + div, #page section.align-right.content-module.align-left.article-header--smaller > div + div, #page section.align-right.article-header--smaller.align-left > div + div, #page section.align-right.article-meta.align-left.article-header--smaller > div + div, #page section.align-left.article-header--smaller > div + .media-block-right, #page section.align-left.article-meta > div + .textblock, #page section.align-left.article-meta > div + .textblock-full, #page section.align-left.article-meta > div + .media-block-full, #page section.align-left.article-meta > div + .textblock-right, #page section.grid.align-right.align-left.article-meta > div + div, #page section.align-right.content-module.align-left.article-meta > div + div, #page section.align-right.article-header--smaller.align-left.article-meta > div + div, #page section.align-right.article-meta.align-left > div + div, #page section.align-left.article-meta > div + .media-block-right, .media-block-left + .textblock, .media-block-left + .textblock-full, .media-block-left + .media-block-full, .media-block-left + .textblock-right, #page section.grid.align-right > .media-block-left + div, #page section.align-right.content-module > .media-block-left + div, #page section.align-right.article-header--smaller > .media-block-left + div, #page section.align-right.article-meta > .media-block-left + div, .media-block-left + .media-block-right, .textblock + .textblock-left, .textblock-full + .textblock-left, .media-block-full + .textblock-left, .textblock-right + .textblock-left, #page section.grid.align-right > div + .textblock-left, #page section.align-right.content-module > div + .textblock-left, #page section.align-right.article-header--smaller > div + .textblock-left, #page section.align-right.article-meta > div + .textblock-left, .media-block-right + .textblock-left, .textblock-left + .textblock-left, #page section.grid.align-left > div + .textblock-left, #page section.align-left.content-module > div + .textblock-left, #page section.align-left.article-header--smaller > div + .textblock-left, #page section.align-left.article-meta > div + .textblock-left, .media-block-left + .textblock-left, #page section.grid.align-left > .textblock + div, #page section.grid.align-left > .textblock-full + div, #page section.grid.align-left > .media-block-full + div, #page section.grid.align-left > .textblock-right + div, #page section.grid.align-right.align-left > div + div, #page section.align-right.content-module.grid.align-left > div + div, #page section.align-right.article-header--smaller.grid.align-left > div + div, #page section.align-right.article-meta.grid.align-left > div + div, #page section.grid.align-left > .media-block-right + div, #page section.grid.align-left > .textblock-left + div, #page section.grid.align-left > div + div, #page section.grid.align-left.content-module > div + div, #page section.grid.align-left.article-header--smaller > div + div, #page section.grid.align-left.article-meta > div + div, #page section.grid.align-left > .media-block-left + div, #page section.align-left.content-module > .textblock + div, #page section.align-left.content-module > .textblock-full + div, #page section.align-left.content-module > .media-block-full + div, #page section.align-left.content-module > .textblock-right + div, #page section.grid.align-right.align-left.content-module > div + div, #page section.align-right.content-module.align-left > div + div, #page section.align-right.article-header--smaller.align-left.content-module > div + div, #page section.align-right.article-meta.align-left.content-module > div + div, #page section.align-left.content-module > .media-block-right + div, #page section.align-left.content-module > .textblock-left + div, #page section.align-left.content-module.grid > div + div, #page section.align-left.content-module > div + div, #page section.align-left.content-module.article-header--smaller > div + div, #page section.align-left.content-module.article-meta > div + div, #page section.align-left.content-module > .media-block-left + div, #page section.align-left.article-header--smaller > .textblock + div, #page section.align-left.article-header--smaller > .textblock-full + div, #page section.align-left.article-header--smaller > .media-block-full + div, #page section.align-left.article-header--smaller > .textblock-right + div, #page section.grid.align-right.align-left.article-header--smaller > div + div, #page section.align-right.content-module.align-left.article-header--smaller > div + div, #page section.align-right.article-header--smaller.align-left > div + div, #page section.align-right.article-meta.align-left.article-header--smaller > div + div, #page section.align-left.article-header--smaller > .media-block-right + div, #page section.align-left.article-header--smaller > .textblock-left + div, #page section.align-left.article-header--smaller.grid > div + div, #page section.align-left.article-header--smaller.content-module > div + div, #page section.align-left.article-header--smaller > div + div, #page section.align-left.article-header--smaller.article-meta > div + div, #page section.align-left.article-header--smaller > .media-block-left + div, #page section.align-left.article-meta > .textblock + div, #page section.align-left.article-meta > .textblock-full + div, #page section.align-left.article-meta > .media-block-full + div, #page section.align-left.article-meta > .textblock-right + div, #page section.grid.align-right.align-left.article-meta > div + div, #page section.align-right.content-module.align-left.article-meta > div + div, #page section.align-right.article-header--smaller.align-left.article-meta > div + div, #page section.align-right.article-meta.align-left > div + div, #page section.align-left.article-meta > .media-block-right + div, #page section.align-left.article-meta > .textblock-left + div, #page section.align-left.article-meta.grid > div + div, #page section.align-left.article-meta.content-module > div + div, #page section.align-left.article-meta.article-header--smaller > div + div, #page section.align-left.article-meta > div + div, #page section.align-left.article-meta > .media-block-left + div, .textblock + .media-block-left, .textblock-full + .media-block-left, .media-block-full + .media-block-left, .textblock-right + .media-block-left, #page section.grid.align-right > div + .media-block-left, #page section.align-right.content-module > div + .media-block-left, #page section.align-right.article-header--smaller > div + .media-block-left, #page section.align-right.article-meta > div + .media-block-left, .media-block-right + .media-block-left, .textblock-left + .media-block-left, #page section.grid.align-left > div + .media-block-left, #page section.align-left.content-module > div + .media-block-left, #page section.align-left.article-header--smaller > div + .media-block-left, #page section.align-left.article-meta > div + .media-block-left, .media-block-left + .media-block-left, .textblock-centered + .textblock, .textblock-centered + .textblock-full, .textblock-centered + .media-block-full, .textblock-centered + .textblock-right, #page section.grid.align-right > .textblock-centered + div, #page section.align-right.content-module > .textblock-centered + div, #page section.align-right.article-header--smaller > .textblock-centered + div, #page section.align-right.article-meta > .textblock-centered + div, .textblock-centered + .media-block-right, .textblock-centered + .textblock-left, #page section.grid.align-left > .textblock-centered + div, #page section.align-left.content-module > .textblock-centered + div, #page section.align-left.article-header--smaller > .textblock-centered + div, #page section.align-left.article-meta > .textblock-centered + div, .textblock-centered + .media-block-left, #page section.grid.align-center > div + .textblock, #page section.grid.align-center > div + .textblock-full, #page section.grid.align-center > div + .media-block-full, #page section.grid.align-center > div + .textblock-right, #page section.grid.align-right.align-center > div + div, #page section.align-right.content-module.grid.align-center > div + div, #page section.align-right.article-header--smaller.grid.align-center > div + div, #page section.align-right.article-meta.grid.align-center > div + div, #page section.grid.align-center > div + .media-block-right, #page section.grid.align-center > div + .textblock-left, #page section.grid.align-left.align-center > div + div, #page section.align-left.content-module.grid.align-center > div + div, #page section.align-left.article-header--smaller.grid.align-center > div + div, #page section.align-left.article-meta.grid.align-center > div + div, #page section.grid.align-center > div + .media-block-left, #page section.align-center.content-module > div + .textblock, #page section.align-center.content-module > div + .textblock-full, #page section.align-center.content-module > div + .media-block-full, #page section.align-center.content-module > div + .textblock-right, #page section.grid.align-right.align-center.content-module > div + div, #page section.align-right.content-module.align-center > div + div, #page section.align-right.article-header--smaller.align-center.content-module > div + div, #page section.align-right.article-meta.align-center.content-module > div + div, #page section.align-center.content-module > div + .media-block-right, #page section.align-center.content-module > div + .textblock-left, #page section.grid.align-left.align-center.content-module > div + div, #page section.align-left.content-module.align-center > div + div, #page section.align-left.article-header--smaller.align-center.content-module > div + div, #page section.align-left.article-meta.align-center.content-module > div + div, #page section.align-center.content-module > div + .media-block-left, #page section.align-center.article-header--smaller > div + .textblock, #page section.align-center.article-header--smaller > div + .textblock-full, #page section.align-center.article-header--smaller > div + .media-block-full, #page section.align-center.article-header--smaller > div + .textblock-right, #page section.grid.align-right.align-center.article-header--smaller > div + div, #page section.align-right.content-module.align-center.article-header--smaller > div + div, #page section.align-right.article-header--smaller.align-center > div + div, #page section.align-right.article-meta.align-center.article-header--smaller > div + div, #page section.align-center.article-header--smaller > div + .media-block-right, #page section.align-center.article-header--smaller > div + .textblock-left, #page section.grid.align-left.align-center.article-header--smaller > div + div, #page section.align-left.content-module.align-center.article-header--smaller > div + div, #page section.align-left.article-header--smaller.align-center > div + div, #page section.align-left.article-meta.align-center.article-header--smaller > div + div, #page section.align-center.article-header--smaller > div + .media-block-left, #page section.align-center.article-meta > div + .textblock, #page section.align-center.article-meta > div + .textblock-full, #page section.align-center.article-meta > div + .media-block-full, #page section.align-center.article-meta > div + .textblock-right, #page section.grid.align-right.align-center.article-meta > div + div, #page section.align-right.content-module.align-center.article-meta > div + div, #page section.align-right.article-header--smaller.align-center.article-meta > div + div, #page section.align-right.article-meta.align-center > div + div, #page section.align-center.article-meta > div + .media-block-right, #page section.align-center.article-meta > div + .textblock-left, #page section.grid.align-left.align-center.article-meta > div + div, #page section.align-left.content-module.align-center.article-meta > div + div, #page section.align-left.article-header--smaller.align-center.article-meta > div + div, #page section.align-left.article-meta.align-center > div + div, #page section.align-center.article-meta > div + .media-block-left, .media-block-centered + .textblock, .media-block-centered + .textblock-full, .media-block-centered + .media-block-full, .media-block-centered + .textblock-right, #page section.grid.align-right > .media-block-centered + div, #page section.align-right.content-module > .media-block-centered + div, #page section.align-right.article-header--smaller > .media-block-centered + div, #page section.align-right.article-meta > .media-block-centered + div, .media-block-centered + .media-block-right, .media-block-centered + .textblock-left, #page section.grid.align-left > .media-block-centered + div, #page section.align-left.content-module > .media-block-centered + div, #page section.align-left.article-header--smaller > .media-block-centered + div, #page section.align-left.article-meta > .media-block-centered + div, .media-block-centered + .media-block-left, .textblock + .textblock-centered, .textblock-full + .textblock-centered, .media-block-full + .textblock-centered, .textblock-right + .textblock-centered, #page section.grid.align-right > div + .textblock-centered, #page section.align-right.content-module > div + .textblock-centered, #page section.align-right.article-header--smaller > div + .textblock-centered, #page section.align-right.article-meta > div + .textblock-centered, .media-block-right + .textblock-centered, .textblock-left + .textblock-centered, #page section.grid.align-left > div + .textblock-centered, #page section.align-left.content-module > div + .textblock-centered, #page section.align-left.article-header--smaller > div + .textblock-centered, #page section.align-left.article-meta > div + .textblock-centered, .media-block-left + .textblock-centered, .textblock-centered + .textblock-centered, #page section.grid.align-center > div + .textblock-centered, #page section.align-center.content-module > div + .textblock-centered, #page section.align-center.article-header--smaller > div + .textblock-centered, #page section.align-center.article-meta > div + .textblock-centered, .media-block-centered + .textblock-centered, #page section.grid.align-center > .textblock + div, #page section.grid.align-center > .textblock-full + div, #page section.grid.align-center > .media-block-full + div, #page section.grid.align-center > .textblock-right + div, #page section.grid.align-right.align-center > div + div, #page section.align-right.content-module.grid.align-center > div + div, #page section.align-right.article-header--smaller.grid.align-center > div + div, #page section.align-right.article-meta.grid.align-center > div + div, #page section.grid.align-center > .media-block-right + div, #page section.grid.align-center > .textblock-left + div, #page section.grid.align-left.align-center > div + div, #page section.align-left.content-module.grid.align-center > div + div, #page section.align-left.article-header--smaller.grid.align-center > div + div, #page section.align-left.article-meta.grid.align-center > div + div, #page section.grid.align-center > .media-block-left + div, #page section.grid.align-center > .textblock-centered + div, #page section.grid.align-center > div + div, #page section.grid.align-center.content-module > div + div, #page section.grid.align-center.article-header--smaller > div + div, #page section.grid.align-center.article-meta > div + div, #page section.grid.align-center > .media-block-centered + div, #page section.align-center.content-module > .textblock + div, #page section.align-center.content-module > .textblock-full + div, #page section.align-center.content-module > .media-block-full + div, #page section.align-center.content-module > .textblock-right + div, #page section.grid.align-right.align-center.content-module > div + div, #page section.align-right.content-module.align-center > div + div, #page section.align-right.article-header--smaller.align-center.content-module > div + div, #page section.align-right.article-meta.align-center.content-module > div + div, #page section.align-center.content-module > .media-block-right + div, #page section.align-center.content-module > .textblock-left + div, #page section.grid.align-left.align-center.content-module > div + div, #page section.align-left.content-module.align-center > div + div, #page section.align-left.article-header--smaller.align-center.content-module > div + div, #page section.align-left.article-meta.align-center.content-module > div + div, #page section.align-center.content-module > .media-block-left + div, #page section.align-center.content-module > .textblock-centered + div, #page section.align-center.content-module.grid > div + div, #page section.align-center.content-module > div + div, #page section.align-center.content-module.article-header--smaller > div + div, #page section.align-center.content-module.article-meta > div + div, #page section.align-center.content-module > .media-block-centered + div, #page section.align-center.article-header--smaller > .textblock + div, #page section.align-center.article-header--smaller > .textblock-full + div, #page section.align-center.article-header--smaller > .media-block-full + div, #page section.align-center.article-header--smaller > .textblock-right + div, #page section.grid.align-right.align-center.article-header--smaller > div + div, #page section.align-right.content-module.align-center.article-header--smaller > div + div, #page section.align-right.article-header--smaller.align-center > div + div, #page section.align-right.article-meta.align-center.article-header--smaller > div + div, #page section.align-center.article-header--smaller > .media-block-right + div, #page section.align-center.article-header--smaller > .textblock-left + div, #page section.grid.align-left.align-center.article-header--smaller > div + div, #page section.align-left.content-module.align-center.article-header--smaller > div + div, #page section.align-left.article-header--smaller.align-center > div + div, #page section.align-left.article-meta.align-center.article-header--smaller > div + div, #page section.align-center.article-header--smaller > .media-block-left + div, #page section.align-center.article-header--smaller > .textblock-centered + div, #page section.align-center.article-header--smaller.grid > div + div, #page section.align-center.article-header--smaller.content-module > div + div, #page section.align-center.article-header--smaller > div + div, #page section.align-center.article-header--smaller.article-meta > div + div, #page section.align-center.article-header--smaller > .media-block-centered + div, #page section.align-center.article-meta > .textblock + div, #page section.align-center.article-meta > .textblock-full + div, #page section.align-center.article-meta > .media-block-full + div, #page section.align-center.article-meta > .textblock-right + div, #page section.grid.align-right.align-center.article-meta > div + div, #page section.align-right.content-module.align-center.article-meta > div + div, #page section.align-right.article-header--smaller.align-center.article-meta > div + div, #page section.align-right.article-meta.align-center > div + div, #page section.align-center.article-meta > .media-block-right + div, #page section.align-center.article-meta > .textblock-left + div, #page section.grid.align-left.align-center.article-meta > div + div, #page section.align-left.content-module.align-center.article-meta > div + div, #page section.align-left.article-header--smaller.align-center.article-meta > div + div, #page section.align-left.article-meta.align-center > div + div, #page section.align-center.article-meta > .media-block-left + div, #page section.align-center.article-meta > .textblock-centered + div, #page section.align-center.article-meta.grid > div + div, #page section.align-center.article-meta.content-module > div + div, #page section.align-center.article-meta.article-header--smaller > div + div, #page section.align-center.article-meta > div + div, #page section.align-center.article-meta > .media-block-centered + div, .textblock + .media-block-centered, .textblock-full + .media-block-centered, .media-block-full + .media-block-centered, .textblock-right + .media-block-centered, #page section.grid.align-right > div + .media-block-centered, #page section.align-right.content-module > div + .media-block-centered, #page section.align-right.article-header--smaller > div + .media-block-centered, #page section.align-right.article-meta > div + .media-block-centered, .media-block-right + .media-block-centered, .textblock-left + .media-block-centered, #page section.grid.align-left > div + .media-block-centered, #page section.align-left.content-module > div + .media-block-centered, #page section.align-left.article-header--smaller > div + .media-block-centered, #page section.align-left.article-meta > div + .media-block-centered, .media-block-left + .media-block-centered, .textblock-centered + .media-block-centered, #page section.grid.align-center > div + .media-block-centered, #page section.align-center.content-module > div + .media-block-centered, #page section.align-center.article-header--smaller > div + .media-block-centered, #page section.align-center.article-meta > div + .media-block-centered, .media-block-centered + .media-block-centered, .hero2 .fs-hero-subline + .textblock, .hero2 .fs-hero-subline + .textblock-full, .hero2 .fs-hero-subline + .media-block-full, .hero2 .fs-hero-subline + .textblock-right, .hero2 #page section.grid.align-right > .fs-hero-subline + div, #page .hero2 section.grid.align-right > .fs-hero-subline + div, .hero2 #page section.align-right.content-module > .fs-hero-subline + div, #page .hero2 section.align-right.content-module > .fs-hero-subline + div, .hero2 #page section.align-right.article-header--smaller > .fs-hero-subline + div, #page .hero2 section.align-right.article-header--smaller > .fs-hero-subline + div, .hero2 #page section.align-right.article-meta > .fs-hero-subline + div, #page .hero2 section.align-right.article-meta > .fs-hero-subline + div, .hero2 .fs-hero-subline + .media-block-right, .hero2 .fs-hero-subline + .textblock-left, .hero2 #page section.grid.align-left > .fs-hero-subline + div, #page .hero2 section.grid.align-left > .fs-hero-subline + div, .hero2 #page section.align-left.content-module > .fs-hero-subline + div, #page .hero2 section.align-left.content-module > .fs-hero-subline + div, .hero2 #page section.align-left.article-header--smaller > .fs-hero-subline + div, #page .hero2 section.align-left.article-header--smaller > .fs-hero-subline + div, .hero2 #page section.align-left.article-meta > .fs-hero-subline + div, #page .hero2 section.align-left.article-meta > .fs-hero-subline + div, .hero2 .fs-hero-subline + .media-block-left, .hero2 .fs-hero-subline + .textblock-centered, .hero2 #page section.grid.align-center > .fs-hero-subline + div, #page .hero2 section.grid.align-center > .fs-hero-subline + div, .hero2 #page section.align-center.content-module > .fs-hero-subline + div, #page .hero2 section.align-center.content-module > .fs-hero-subline + div, .hero2 #page section.align-center.article-header--smaller > .fs-hero-subline + div, #page .hero2 section.align-center.article-header--smaller > .fs-hero-subline + div, .hero2 #page section.align-center.article-meta > .fs-hero-subline + div, #page .hero2 section.align-center.article-meta > .fs-hero-subline + div, .hero2 .fs-hero-subline + .media-block-centered, .hero2 .prose + .fs-hero-subline, .hero2 .textblock + .fs-hero-subline, .hero2 .textblock-full + .fs-hero-subline, .hero2 .media-block-full + .fs-hero-subline, .hero2 .textblock-right + .fs-hero-subline, .hero2 #page section.grid.align-right > div + .fs-hero-subline, #page .hero2 section.grid.align-right > div + .fs-hero-subline, .hero2 #page section.align-right.content-module > div + .fs-hero-subline, #page .hero2 section.align-right.content-module > div + .fs-hero-subline, .hero2 #page section.align-right.article-header--smaller > div + .fs-hero-subline, #page .hero2 section.align-right.article-header--smaller > div + .fs-hero-subline, .hero2 #page section.align-right.article-meta > div + .fs-hero-subline, #page .hero2 section.align-right.article-meta > div + .fs-hero-subline, .hero2 .media-block-right + .fs-hero-subline, .hero2 .textblock-left + .fs-hero-subline, .hero2 #page section.grid.align-left > div + .fs-hero-subline, #page .hero2 section.grid.align-left > div + .fs-hero-subline, .hero2 #page section.align-left.content-module > div + .fs-hero-subline, #page .hero2 section.align-left.content-module > div + .fs-hero-subline, .hero2 #page section.align-left.article-header--smaller > div + .fs-hero-subline, #page .hero2 section.align-left.article-header--smaller > div + .fs-hero-subline, .hero2 #page section.align-left.article-meta > div + .fs-hero-subline, #page .hero2 section.align-left.article-meta > div + .fs-hero-subline, .hero2 .media-block-left + .fs-hero-subline, .hero2 .textblock-centered + .fs-hero-subline, .hero2 #page section.grid.align-center > div + .fs-hero-subline, #page .hero2 section.grid.align-center > div + .fs-hero-subline, .hero2 #page section.align-center.content-module > div + .fs-hero-subline, #page .hero2 section.align-center.content-module > div + .fs-hero-subline, .hero2 #page section.align-center.article-header--smaller > div + .fs-hero-subline, #page .hero2 section.align-center.article-header--smaller > div + .fs-hero-subline, .hero2 #page section.align-center.article-meta > div + .fs-hero-subline, #page .hero2 section.align-center.article-meta > div + .fs-hero-subline, .hero2 .media-block-centered + .fs-hero-subline, .hero2 .fs-hero-subline + .fs-hero-subline, .programmes-overview .programme-info + .prose, .programmes-overview .programme-info + .textblock, .programmes-overview .programme-info + .textblock-full, .programmes-overview .programme-info + .media-block-full, .programmes-overview .programme-info + .textblock-right, .programmes-overview #page section.grid.align-right > .programme-info + div, #page .programmes-overview section.grid.align-right > .programme-info + div, .programmes-overview #page section.align-right.content-module > .programme-info + div, #page .programmes-overview section.align-right.content-module > .programme-info + div, .programmes-overview #page section.align-right.article-header--smaller > .programme-info + div, #page .programmes-overview section.align-right.article-header--smaller > .programme-info + div, .programmes-overview #page section.align-right.article-meta > .programme-info + div, #page .programmes-overview section.align-right.article-meta > .programme-info + div, .programmes-overview .programme-info + .media-block-right, .programmes-overview .programme-info + .textblock-left, .programmes-overview #page section.grid.align-left > .programme-info + div, #page .programmes-overview section.grid.align-left > .programme-info + div, .programmes-overview #page section.align-left.content-module > .programme-info + div, #page .programmes-overview section.align-left.content-module > .programme-info + div, .programmes-overview #page section.align-left.article-header--smaller > .programme-info + div, #page .programmes-overview section.align-left.article-header--smaller > .programme-info + div, .programmes-overview #page section.align-left.article-meta > .programme-info + div, #page .programmes-overview section.align-left.article-meta > .programme-info + div, .programmes-overview .programme-info + .media-block-left, .programmes-overview .programme-info + .textblock-centered, .programmes-overview #page section.grid.align-center > .programme-info + div, #page .programmes-overview section.grid.align-center > .programme-info + div, .programmes-overview #page section.align-center.content-module > .programme-info + div, #page .programmes-overview section.align-center.content-module > .programme-info + div, .programmes-overview #page section.align-center.article-header--smaller > .programme-info + div, #page .programmes-overview section.align-center.article-header--smaller > .programme-info + div, .programmes-overview #page section.align-center.article-meta > .programme-info + div, #page .programmes-overview section.align-center.article-meta > .programme-info + div, .programmes-overview .programme-info + .media-block-centered, .programmes-overview .hero2 .programme-info + .fs-hero-subline, .hero2 .programmes-overview .programme-info + .fs-hero-subline, .programmes-overview .prose + .programme-info, .programmes-overview .textblock + .programme-info, .programmes-overview .textblock-full + .programme-info, .programmes-overview .media-block-full + .programme-info, .programmes-overview .textblock-right + .programme-info, .programmes-overview #page section.grid.align-right > div + .programme-info, #page .programmes-overview section.grid.align-right > div + .programme-info, .programmes-overview #page section.align-right.content-module > div + .programme-info, #page .programmes-overview section.align-right.content-module > div + .programme-info, .programmes-overview #page section.align-right.article-header--smaller > div + .programme-info, #page .programmes-overview section.align-right.article-header--smaller > div + .programme-info, .programmes-overview #page section.align-right.article-meta > div + .programme-info, #page .programmes-overview section.align-right.article-meta > div + .programme-info, .programmes-overview .media-block-right + .programme-info, .programmes-overview .textblock-left + .programme-info, .programmes-overview #page section.grid.align-left > div + .programme-info, #page .programmes-overview section.grid.align-left > div + .programme-info, .programmes-overview #page section.align-left.content-module > div + .programme-info, #page .programmes-overview section.align-left.content-module > div + .programme-info, .programmes-overview #page section.align-left.article-header--smaller > div + .programme-info, #page .programmes-overview section.align-left.article-header--smaller > div + .programme-info, .programmes-overview #page section.align-left.article-meta > div + .programme-info, #page .programmes-overview section.align-left.article-meta > div + .programme-info, .programmes-overview .media-block-left + .programme-info, .programmes-overview .textblock-centered + .programme-info, .programmes-overview #page section.grid.align-center > div + .programme-info, #page .programmes-overview section.grid.align-center > div + .programme-info, .programmes-overview #page section.align-center.content-module > div + .programme-info, #page .programmes-overview section.align-center.content-module > div + .programme-info, .programmes-overview #page section.align-center.article-header--smaller > div + .programme-info, #page .programmes-overview section.align-center.article-header--smaller > div + .programme-info, .programmes-overview #page section.align-center.article-meta > div + .programme-info, #page .programmes-overview section.align-center.article-meta > div + .programme-info, .programmes-overview .media-block-centered + .programme-info, .programmes-overview .hero2 .fs-hero-subline + .programme-info, .hero2 .programmes-overview .fs-hero-subline + .programme-info, .programmes-overview .programme-info + .programme-info {
  padding-top: 0;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
body:not(.talentpress) #mainnav {
  position: fixed;
  visibility: hidden;
  transition: none;
  z-index: 1002;
  background-color: var(--theme-bg);
  display: grid;
  overflow-x: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 899px) {
  body:not(.talentpress) #mainnav {
    grid-template-columns: 1fr;
    grid-template-rows: var(--space-navbar) auto auto auto auto auto auto auto auto;
    grid-template-areas: "menutop" "navbox1" "navbox2" "navbox3" "navbox4" "navbox5" "navbox6" "navbox7" "navbox8";
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  body:not(.talentpress) #mainnav {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: var(--space-navbar) auto auto auto auto;
    grid-template-areas: "menutop menutop" "navbox1 navbox2" "navbox3 navbox4" "navbox5 navbox6" "navbox7 navbox8";
  }
}
@media (min-width: 1200px) {
  body:not(.talentpress) #mainnav {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: var(--space-navbar) auto auto auto;
    grid-template-areas: "menutop menutop menutop" "navbox1 navbox2 navbox3" "navbox4 navbox5 navbox6" "navbox7 navbox8 navbox8";
  }
}
body:not(.talentpress) #mainnav .menutop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  z-index: 99;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  border-bottom: var(--border) solid #000;
  height: var(--space-navbar);
  position: relative;
  grid-area: menutop;
  padding: 0 var(--gutter);
}
body:not(.talentpress) #mainnav .menutop .menutop-right {
  display: flex;
  position: relative;
}
body:not(.talentpress) #mainnav .menutop .menutop-right a {
  margin-right: 0;
}
body:not(.talentpress) #mainnav .menutop .menutop-right button {
  padding: none;
}
body:not(.talentpress) #mainnav .bt-searchbar-inner form {
  width: 100%;
}

body.mainnav-open #mainnav {
  overflow-y: auto !important;
  transform: translateY(0);
  visibility: visible;
}

.navheader label {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
  display: inline-block;
}
@media (max-width: 899px) {
  .navheader label {
    display: none;
  }
}

.navheader a {
  display: none;
}
@media (max-width: 899px) {
  .navheader a {
    display: inline-block;
    font-size: var(--fs-xl);
    letter-spacing: var(--ls-xl);
  }
}

.navbox {
  padding: var(--gutter);
  box-shadow: inset 1px -1px 0 #000;
  position: relative;
  left: -1px;
  display: flex;
}
@media (max-width: 899px) {
  .navbox {
    align-items: center;
  }
}
.navbox .navlist {
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
  font-family: var(--serif);
  margin-top: 0.5rem;
}
@media (max-width: 899px) {
  .navbox .navlist {
    font-size: var(--fs-h2);
    letter-spacing: var(--ls-h2);
  }
}
.navbox .navlist a:hover {
  opacity: 0.8;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-position: from-font;
}
.navbox.navbox8 {
  background-color: black;
  color: white;
  grid-area: navbox8;
}
@media (max-width: 899px) {
  .navbox.navbox8 .navheader a {
    font-size: var(--fs-h1);
  }
}

html.has-touchevent .linklist li {
  overflow-x: scroll;
}
html.has-touchevent .linklist li .scrollcontainer {
  overflow-x: scroll;
}

.linklist li {
  position: relative;
  border-bottom: var(--border) solid currentColor;
  white-space: nowrap;
  vertical-align: middle;
  overflow-x: hidden;
}
@media (max-width: 599px) {
  .linklist li {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .linklist li {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .linklist li {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
.linklist li:first-child {
  border-top: var(--border) solid currentColor;
}
.linklist li .scrollcontainer {
  max-width: 100%;
  display: flex;
  overflow-x: hidden;
}
.linklist li .scrollcontent {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 599px) {
  .linklist li .scrollcontent {
    padding-left: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .linklist li .scrollcontent {
    padding-left: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .linklist li .scrollcontent {
    padding-left: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .linklist li .scrollcontent {
    padding-left: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  .linklist li .scrollcontent {
    padding-left: 2.8646vw;
  }
}
.linklist li a {
  display: block;
  display: flex;
  align-items: center;
  z-index: 10;
  height: 2em;
}
@media (max-width: 599px) {
  .linklist li a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .linklist li a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .linklist li a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (max-width: 599px) {
  .linklist li a {
    height: 1.5em;
  }
}
.linklist li > div {
  padding: 0.8em 0 0.7em 0;
  display: flex;
  align-items: center;
  width: auto;
  overflow-x: scroll;
  max-width: 100%;
}
@media (max-width: 599px) {
  .linklist li > div {
    padding: 0.65em 0 0.5em 0;
  }
}
.linklist li .ll-type {
  color: rgba(0, 0, 0, 0.33);
  margin-right: 0.5em;
}
.linklist li .ll-title {
  margin-right: 0.5em;
}
.linklist li .ll-title.is-partner {
  margin-right: 0.5em;
}
@media (max-width: 599px) {
  .linklist li .ll-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .linklist li .ll-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .linklist li .ll-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (max-width: 599px) {
  .linklist li .ll-content {
    padding-right: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .linklist li .ll-content {
    padding-right: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .linklist li .ll-content {
    padding-right: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .linklist li .ll-content {
    padding-right: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  .linklist li .ll-content {
    padding-right: 2.8646vw;
  }
}
.linklist li img {
  height: 100%;
  width: auto;
  margin-right: 0.5em;
}
@media (max-width: 599px) {
  .linklist li img {
    height: 1.15em;
  }
}
.linklist li:after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px;
  font-size: 10px;
  background-color: rgba(255, 255, 0, 0.5);
}

.linklist [data-horizontal-drag] .scrollcontainer {
  cursor: move;
  display: block;
  overflow: hidden;
}

.linklist [data-horizontal-buttons] .scrollcontent {
  display: flex;
  align-items: center;
}
.linklist [data-horizontal-buttons] .left-overlay-button, .linklist [data-horizontal-buttons] .right-overlay-button {
  display: inline-block;
  height: 100%;
  width: 15%;
  position: absolute;
  top: 0;
  z-index: 20;
}
.linklist [data-horizontal-buttons] .left-overlay-button {
  left: 0;
  cursor: w-resize;
}
.linklist [data-horizontal-buttons]:not(.animating) .right-overlay-button {
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.04) 45%, rgba(255, 255, 255, 0) 100%);
}
.linklist [data-horizontal-buttons]:not(.animating) .right-overlay-button:hover {
  background: transparent;
}
.linklist [data-horizontal-buttons] .right-overlay-button {
  right: 0;
  cursor: e-resize;
}

.linklist [data-horizontal-drag] .scrollcontainer {
  cursor: move;
  display: block;
  overflow: hidden;
}

.linklist .scrollcontent {
  display: flex;
  align-items: center;
  will-change: auto;
}

.linklist .overlay-button, .linklist .left-overlay-button, .linklist .right-overlay-button {
  display: inline-block;
  height: 100%;
  width: 15%;
  position: absolute;
  top: 0;
  z-index: 10;
  border-radius: 0;
}

.linklist .left-overlay-button {
  left: 0;
  cursor: w-resize;
}

.linklist .right-overlay-button {
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.04) 45%, rgba(255, 255, 255, 0) 100%);
}

.linklist .right-overlay-button {
  right: 0;
  cursor: e-resize;
}

section.program-index .program-container .eventlist img {
  border-radius: 0;
}
section.program-index .program-container .eventlist .loading-overlay {
  position: fixed;
  z-index: 2;
  height: calc(100% - var(--space-navbar));
  width: 80%;
  background-color: white;
  z-index: 99;
  display: none;
  place-items: center;
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
}
@media (max-width: 899px) {
  section.program-index .program-container .eventlist .loading-overlay {
    width: 100%;
  }
}
section.program-index .program-container .eventlist .group-title {
  background-color: var(--gray);
  padding: 1rem var(--gutter);
  color: black;
  position: sticky;
  top: 0;
  z-index: 22;
  border-bottom: var(--border) solid currentColor;
}
@media (min-width: 1200px) {
  section.program-index .program-container .sidebar {
    flex: 0 1 20%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section.program-index .program-container .sidebar {
    flex: 0 1 30%;
  }
}
section.program-index .program-container .sidebar .valuefield, section.program-index .program-container .sidebar .calendar_month {
  display: block;
  line-height: 1;
  font-family: var(--grotesk);
  font-size: var(--fs-xxs);
  letter-spacing: var(--ls-xxs);
}
section.program-index .program-container .sidebar .valuefield.selected, section.program-index .program-container .sidebar .calendar_month.selected {
  background-color: var(--gray);
}
section.program-index .program-container .sidebar .valuefield.selected span, section.program-index .program-container .sidebar .calendar_month.selected span {
  text-decoration: underline;
  text-decoration-thickness: from-font;
}
section.program-index .program-container .sidebar .valuefield:hover {
  background-color: var(--gray);
}
section.program-index .program-container .sidebar .sidebar_filters {
  display: flex;
  flex-flow: column;
  height: 100%;
  margin: 0;
}
section.program-index .program-container .sidebar .sidebar_filters .filter-row {
  display: flex;
  flex-wrap: wrap;
}
section.program-index .program-container .sidebar .sidebar_filters .filter-row > div {
  flex: 1 0 50%;
}
section.program-index .program-container .sidebar .program-freesearch {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  margin-bottom: 0px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 0.7rem top 50%;
  background-size: 0.65rem auto;
}
section.program-index .program-container .sidebar .program-freesearch input {
  padding-inline: 2.5rem;
  width: 100%;
}
section.program-index .program-container .sidebar .calendar, section.program-index .program-container .sidebar .eventtypes {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
}
section.program-index .program-container .sidebar .calendar > div, section.program-index .program-container .sidebar .calendar button, section.program-index .program-container .sidebar .eventtypes > div, section.program-index .program-container .sidebar .eventtypes button {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  display: grid;
  place-items: center;
  text-align: center;
  box-shadow: -1px -1px 0px 0px black;
  padding: 2em 0.5em;
  flex: 0 0 50%;
}
section.program-index .program-container .sidebar .calendar > div.placeholder, section.program-index .program-container .sidebar .calendar button.placeholder, section.program-index .program-container .sidebar .eventtypes > div.placeholder, section.program-index .program-container .sidebar .eventtypes button.placeholder {
  display: none;
}
section.program-index .program-container .sidebar select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  appearance: none;
  background: transparent;
  color: var(--theme-text);
  padding: 0;
  text-indent: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
  padding-left: calc(2.5rem - 10px);
}
section.program-index .program-container .sidebar .eventtypes button {
  flex: 0 0 33.3333333333%;
}
section.program-index .result-item {
  border-bottom: var(--border) solid currentColor;
  padding: 1rem var(--gutter);
}
section.program-index .result-item .actions {
  float: right;
  font-size: 0.65em;
  margin-left: 0.5em;
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
}
section.program-index .result-item .programme_hint {
  display: inline-flex;
  background-color: var(--gray);
  padding: 0.1em 0.75em;
  font-size: 12px;
  align-items: center;
  margin-right: 0.5em;
  gap: 0.5em;
}
section.program-index .result-item .pulse {
  height: 10px;
  width: 10px;
  border-radius: 9999px;
  background-color: rgb(193, 3, 3);
  display: inline-block;
}
section.program-index .result-item .result-item_main {
  display: flex;
}
section.program-index .result-item .result-item_main .result-item_main_image {
  flex: 4.5;
  padding-right: calc(var(--gutter) / 2);
}
@media (min-width: 1200px) {
  section.program-index .result-item .result-item_main .result-item_main_image {
    flex: 3.5;
  }
}
section.program-index .result-item .result-item_main .result-item_main_image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.program-index .result-item .result-item_main .result-item_main_image .placeholder {
  width: 100%;
  aspect-ratio: 1.5;
  background: var(--gray);
}
section.program-index .result-item .result-item_main .result-item_main_data {
  flex: 7.5;
}
section.program-index .result-item .result-item_main .result-item_main_data .event-location, section.program-index .result-item .result-item_main .result-item_main_data .event-time {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
}
section.program-index .result-item .result-item_main .result-item_main_data .event-location {
  margin-right: 12px;
}
section.program-index .result-item .result-item_main .result-item_main_data h3 {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
}
section.program-index .result-item .result-item_main .result-item_main_data .event-experts {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
}

section.program-index .sidebar .search-select-container .label {
  flex: 0 0 100%;
  padding: 0.5em 2.5rem;
  background-color: var(--gray);
  display: block;
  background-color: black;
  color: white;
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  background-repeat: no-repeat;
  background-position: left 0.7rem top 50%;
  background-size: 0.65rem auto;
}

.label.label__date {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-calendar-days'%3E%3Crect width='18' height='18' x='3' y='4' rx='2' ry='2'/%3E%3Cline x1='16' x2='16' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='2' y2='6'/%3E%3Cline x1='3' x2='21' y1='10' y2='10'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M16 18h.01'/%3E%3C/svg%3E");
}

.label.label__access {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-users'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

button[data-key=mys] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-user-round-check'%3E%3Cpath d='M2 21a8 8 0 0 1 13.292-6'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='m16 19 2 2 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 0.7rem top 50%;
  background-size: 0.65rem auto;
  padding-inline: 2.5rem;
}

div.login-prompt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-lock'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 0.7rem top 50%;
  background-size: 0.65rem auto;
  padding-inline: 2.5rem;
}

body.loading section.program-index .program-container .eventlist .loading-overlay {
  display: grid;
}

.person-info-section {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  gap: 0;
}
.person-info-section .person {
  display: flex;
  flex-flow: column;
  padding: var(--gutter);
}
@media (min-width: 600px) {
  .person-info-section .person {
    flex-flow: row;
  }
}
@media (min-width: 1200px) {
  .person-info-section .person {
    flex-flow: column;
  }
}
@media (max-width: 599px) {
  .person-info-section .person {
    padding-block: 2em;
    border-top: 1px solid black;
  }
}
.person-info-section .person .person__name {
  display: block;
}
.person-info-section .person .person__name h4 {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .person-info-section .person .person__name {
    display: none;
  }
}
@media (min-width: 600px) {
  .person-info-section .person .person__image {
    flex: 0 0 40%;
    margin-right: calc(var(--gutter) / 2);
  }
}
@media (min-width: 1200px) {
  .person-info-section .person .person__image {
    flex: auto;
    margin-right: 0;
  }
}
.person-info-section .person .person__info {
  transition: height 0.3s ease;
  display: flex;
  flex-flow: column;
}
@media (min-width: 600px) {
  .person-info-section .person .person__info {
    flex-flow: row;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
@media (min-width: 1200px) {
  .person-info-section .person .person__info {
    flex-flow: column;
  }
}
@media (max-width: 599px) {
  .person-info-section .person .person__info .person__name {
    display: none;
  }
}
@media (min-width: 600px) {
  .person-info-section .person .person__info .person__name {
    display: block;
  }
}
@media (max-width: 599px) {
  .person-info-section .person .person__info {
    height: 0px;
    overflow: hidden;
  }
}

body > #page section.video-section {
  padding: 0px;
}

.profile-page .quote {
  margin: 6vw 0;
  font-size: var(--fs-h1);
  letter-spacing: var(--ls-h1);
  line-height: 1.3;
  font-family: var(--serif);
}
.profile-page .video-section .video-container .video-placeholder {
  display: flex;
  justify-content: center;
  height: auto;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: 50%;
  background-size: cover;
  opacity: 1;
  visibility: visible;
  text-align: center;
  transition: opacity 0.3s ease;
  opacity: 1;
  pointer-events: all;
  z-index: 2;
}
.profile-page .video-section .video-container .video-placeholder.faded-out {
  opacity: 0;
  pointer-events: none;
}
.profile-page .video-section .video-container .video-placeholder button {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  box-shadow: 6px 0.3rem 2.3rem rgb(238, 0, 133);
  -webkit-tap-highlight-color: 6px 0.3rem 2.3rem rgb(238, 0, 133);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.2em;
  transition: box-shadow 0.3s ease;
  text-decoration: none !important;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "Panama";
  font-size: var(--fs-h1);
  letter-spacing: var(--ls-h1);
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.12;
  padding: 0.27em 0.44em 0.22em 0.44em;
  line-height: 1;
}
.profile-page .video-section .video-container .video-placeholder button:hover, .profile-page .video-section .video-container .video-placeholder button:focus-within {
  color: #ee0085;
  box-shadow: none;
}
.profile-page .video-section .video-info {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
}
.profile-page .contact-form {
  z-index: 99;
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  position: sticky;
  bottom: 0;
  text-align: left;
}
.profile-page .contact-form * {
  outline: none;
}
.profile-page .contact-form .contact-form-opener {
  margin: auto;
  align-items: center;
}
.profile-page .contact-form .contact-form-opener button {
  transform: translateY(10vh);
  transition: transform 0.6s ease;
  opacity: 0.8;
}
.profile-page .contact-form .contact-form-opener[aria-expanded=true]:after {
  transform: rotate(180deg);
}
.profile-page .contact-form input, .profile-page .contact-form textarea {
  border: 1px solid #bfbfbf;
  border-radius: 0.25rem;
  width: 100%;
  color: #777;
  padding: 0.5rem;
}
.profile-page .contact-form textarea {
  border: 1px solid #bfbfbf;
  padding: 0.5em;
}
.profile-page .contact-form #send-msg-form {
  max-width: 500px;
  margin: auto;
}
.profile-page .contact-form #send-msg-form fieldset {
  padding: 0;
}
.profile-page .contact-form input.honig {
  position: absolute;
  left: -10000px;
}
.profile-page .contact-form .btn-reload-captcha {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.profile-page .contact-form .captcha-form {
  flex-flow: row-reverse;
  flex-wrap: wrap;
}
.profile-page .contact-form .captcha-form img {
  display: inline-block;
  flex: 0 0 30%;
}
.profile-page .contact-form .captcha-form input {
  display: inline-block;
  line-height: 1;
  flex: 0 0 70%;
}
.profile-page .contact-form .captcha-form #captcha-error {
  flex: 0 0 100%;
}
.profile-page .contact-form .captcha-wrapper {
  overflow: hidden;
}
.profile-page .contact-form .btn-reload-captcha {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.profile-page .contact-form label.error {
  color: red;
}

body.done .contact-form .contact-form-opener button {
  transform: translateY(0vh);
}

.project-page .project__header {
  min-height: 40vh;
}
.project-page .project__header > div {
  position: sticky;
  top: var(--space-navbar);
}
.project-page .project__header h1 {
  font-size: clamp(1.75rem, 5vw, 90px);
}
.project-page .project__header h1 div {
  font-size: clamp(1.5rem, 4vw, 72px);
  color: #999999;
}
@media (max-width: 899px) {
  .project-page .project__header {
    border-bottom: 1px solid currentColor;
  }
}
@media (max-width: 899px) {
  .project-page .project__details {
    margin-top: var(--gutter);
  }
}
@media (min-width: 900px) {
  .project-page .project__details {
    border-left: 1px solid currentColor;
  }
}
.project-page .slideshow .slideshowcaptions-wrapper {
  margin-top: 0.5em;
  display: flex;
  justify-content: flex-end;
}
.project-page .slideshow .slideshowcaptions-wrapper .slideshowcounter {
  top: 0;
  position: relative;
}
.project-page .videoplayer video.video-js.vjs-fill {
  height: auto;
}

.program-event .event-header {
  padding: 0;
  gap: 0;
}
.program-event .event-header .title-area {
  padding: var(--gutter);
  min-height: 40vh;
  border-bottom: var(--border) solid black;
}
@media (max-width: 899px) {
  .program-event .event-header .title-area {
    border-right: none;
  }
}
.program-event .event-header .title-area h1 {
  font-size: clamp(1.75rem, 5vw, 90px);
  letter-spacing: var(--ls-xl);
}
@media (max-width: 599px) {
  .program-event .event-header .title-area h1 {
    margin-top: 1rem;
  }
}
.program-event .event-header .info-area {
  padding: var(--gutter);
  border-bottom: var(--border) solid black;
  border-top: var(--border) solid black;
}
@media (max-width: 899px) {
  .program-event .event-header .info-area {
    border-top: none;
    border-left: none;
  }
}
@media (min-width: 900px) {
  .program-event .event-header {
    min-height: 40vh;
  }
}

.tooltip {
  background-color: black;
  color: white;
  white-space: nowrap;
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  padding: 0.2em 0.8em;
  border-radius: 1em;
  display: none;
}
.tooltip[data-show] {
  display: block;
}

.marquee-wrapper {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  border-top: none !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.5rem;
  overflow: hidden;
  max-width: 100%;
}
.marquee-wrapper.large {
  font-size: var(--fs-h1);
  letter-spacing: var(--ls-h1);
}
.marquee-wrapper.medium {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
}
.marquee-wrapper:before {
  z-index: 2;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2em;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.marquee-wrapper:after {
  z-index: 2;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2em;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

@media (max-width: 599px) {
  .marquee-wrapper {
    font-size: var(--fs-xs);
    letter-spacing: var(--ls-xs);
  }
}
.marquee-wrapper .marquee-text {
  animation-play-state: running;
}

.marquee-wrapper:hover .marquee-text {
  animation-play-state: paused;
}

.marquee-wrapper.move-on-hover .marquee-text {
  animation-play-state: paused;
}

.marquee-wrapper.move-on-hover:hover .marquee-text {
  animation-play-state: running;
}

.marquee-wrapper .marquee-text {
  white-space: nowrap;
  display: flex;
  align-items: center;
  line-height: 1;
  animation: marquee var(--speed) linear infinite;
}

.marquee-wrapper .marquee-text span {
  margin-right: 15px;
}

.marquee-wrapper .marquee-text span.logo-added {
  margin-left: 50px;
}

.marquee-wrapper .marquee-text span.logo-added:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/gfx/bt-logo-black.svg");
  width: 1em;
  height: 1em;
}

.marquee-wrapper .marquee-text span svg {
  height: 1em;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
* {
  box-sizing: border-box;
}

.svg-sprite {
  display: none;
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
  background: #000;
  color: #fff;
}

::selection {
  background: #000;
  color: #fff;
}

body, html {
  font-family: "Lars", sans-serif;
  font-size: 24px;
  width: 100% !important;
  cursor: default;
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
  color: var(--theme-text);
  background-color: var(--theme-bg);
}
body.loading * {
  cursor: wait !important;
}
body.loading .eventlist:before {
  opacity: 1 !important;
}
body.filter-enabled, body.program-index {
  padding-top: var(--margin-top);
}
@media (min-width: 900px) {
  body.program-index #toggle-filter {
    display: none;
  }
}
body:not(.talentpress) {
  cursor: url("../gfx/dot.svg") 12 12, auto;
}
body > #page section.fullwidth, body > #page section.Teaser-section, body > #page section.news-overview, body > #page section.fullwidth-list, body > #page #footer section.newsletter-section, #footer body > #page section.newsletter-section, body .overlay #page > section.fullwidth, body .overlay #page > section.Teaser-section, body .overlay #page > section.news-overview, body .overlay #page > section.fullwidth-list, body .overlay #footer #page > section.newsletter-section, #footer body .overlay #page > section.newsletter-section {
  max-width: none;
  margin-top: 0px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0;
  width: 100%;
}
body .msg, body .talents-only_message {
  padding: 1em var(--gutter);
  border-bottom: 1px solid black;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 1em;
}
body .msg.bg-a, body .bg-a.talents-only_message, body .container-fluid .container-fluid_content a.msg.container-fluid_item.text-only, body .container-fluid .container-fluid_content a.container-fluid_item.text-only.talents-only_message, .container-fluid .container-fluid_content body a.msg.container-fluid_item.text-only, .container-fluid .container-fluid_content body a.container-fluid_item.text-only.talents-only_message {
  color: black;
  background-color: #dfdde1;
}
body .msg.is-scrollable, body .is-scrollable.talents-only_message {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
body .msg button:focus-within, body .talents-only_message button:focus-within {
  color: #ee0085;
}
body .overlay #page > section.grid, body .overlay #page > section.content-module, body .overlay #page > section.article-header--smaller, body .overlay #page > section.article-meta {
  padding: 0 !important;
}

body.header-offwhite header {
  color: var(--offwhite);
}

body:not(.has-touchevents) .filter-content, body:not(.has-touchevents) .fancy-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--theme-text);
}
body:not(.has-touchevents) .filter-content::-webkit-scrollbar, body:not(.has-touchevents) .fancy-scroll::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
body:not(.has-touchevents) .filter-content::-webkit-scrollbar-track, body:not(.has-touchevents) .fancy-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px var(--theme-bar);
}
body:not(.has-touchevents) .filter-content::-webkit-scrollbar-thumb, body:not(.has-touchevents) .fancy-scroll::-webkit-scrollbar-thumb {
  background: var(--theme-text);
}

#page {
  flex: 1 0 calc(100vh - var(--margin-top));
}

#pagecover {
  height: 100vh;
  width: 100vw;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
}

body.filter-persons-open #pagecover,
body.contact-form-open #pagecover {
  opacity: 1;
}

body:not(.filter-enabled) #parameter-list {
  display: none;
}

body:not(.filter-enabled):not(.program-index) #page {
  margin-top: var(--margin-top, 90px);
}
body:not(.filter-enabled):not(.program-index):not(.landing-page) header {
  background: transparent;
  border: none;
}
body:not(.filter-enabled):not(.program-index).landing-page header {
  background: transparent;
  mix-blend-mode: difference;
  color: white;
  border-bottom: none;
}

.body-locked, body.mainnav-open {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
}

@media (max-width: 599px) {
  #page section.grid, #page section.content-module, #page section.article-header--smaller, #page section.article-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 8vw;
    padding: 4vw;
    margin: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  #page section.grid, #page section.content-module, #page section.article-header--smaller, #page section.article-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  #page section.grid, #page section.content-module, #page section.article-header--smaller, #page section.article-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  #page section.grid, #page section.content-module, #page section.article-header--smaller, #page section.article-meta {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 7.32026vw;
    padding: 3.66013vw;
    margin: 0;
  }
}
@media (min-width: 1800px) {
  #page section.grid, #page section.content-module, #page section.article-header--smaller, #page section.article-meta {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}
#page section.grid .col, #page section.content-module .col, #page section.article-header--smaller .col, #page section.article-meta .col {
  min-width: 0;
  grid-column-start: auto;
  grid-column: 1/-1;
  box-sizing: border-box;
}
section {
  overflow: hidden;
  outline: none;
}

figure figcaption {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
}

input, textarea {
  font-size: inherit;
  letter-spacing: inherit;
  color: var(--color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  box-sizing: border-box;
  max-width: 100%;
  resize: vertical;
  outline: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #000;
}
input::placeholder, textarea::placeholder {
  color: #000;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #000;
}
input:focus-within, textarea:focus-within {
  border-color: var(--pink);
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  display: flex;
  height: 2em;
  text-indent: 5px;
  padding: 0 5px;
  outline: none;
  border: solid 1px #000000;
  line-height: 1;
  position: relative;
  cursor: context-menu;
  font-family: "arial";
}

blockquote {
  margin: 0;
}

.nobottompadding {
  padding-bottom: 0 !important;
}

.nobottommargin {
  margin-bottom: 0 !important;
}

.noscroll {
  overflow: hidden;
}

.nobreak, .tag-link {
  white-space: nowrap;
}

.checkmark {
  right: -50%;
  cursor: pointer;
  border: none !important;
  display: inline-block;
}
.checkmark:before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 12px;
  height: 24px;
  border: solid;
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: top center;
}
.checkmark:hover:before {
  border-color: #ee0085;
}

p {
  margin: 0;
}
p a {
  text-decoration: underline;
}
p a:hover {
  text-decoration-color: #ee0085;
}

/*******
list types
*******/
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

[class^=textblock] ul li, ul.styled-list li {
  padding-left: 50px;
}
[class^=textblock] ul li:before, ul.styled-list li:before {
  content: "•";
  position: absolute;
  margin-left: -50px;
}

dl dd {
  margin-left: 0px;
}

/********
link types
********/
a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
  cursor: pointer !important;
}
a:active {
  position: relative;
  z-index: 20;
}

.bg-black .link-out, body .msg .link-out, body .talents-only_message .link-out {
  display: inline-block;
  padding-right: 1.1em;
  line-height: 1;
}
.bg-black .link-out:after, body .msg .link-out:after, body .talents-only_message .link-out:after {
  content: url("../gfx/icon-out-white.svg");
  height: 0.7em;
  width: 0.7em;
  margin-left: 0.3em;
  position: absolute;
}

.link-out {
  display: inline-block;
  padding-right: 1.1em;
  line-height: 1;
}
.link-out:after {
  content: url("../gfx/icon-out.svg");
  height: 0.7em;
  width: 0.7em;
  margin-left: 0.3em;
  position: absolute;
}

.download {
  padding-left: 0.8em;
  position: relative;
}
.download:before {
  content: url("../gfx/icon-download.svg");
  height: 0.4em;
  width: 0.4em;
  left: 0;
  position: absolute;
}
.download:hover {
  color: #ee0085;
}

.location-link {
  display: flex;
  align-items: center;
}
.location-link svg {
  height: 1em;
  width: 1em;
}
@media (max-width: 599px) {
  .location-link span {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .location-link span {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .location-link span {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .location-link span {
    opacity: 0;
  }
}
.location-link:hover span {
  opacity: 1;
}

.expand-down {
  padding-right: 1.1em;
}
.expand-down:after {
  content: url("../gfx/icon-down.svg");
  height: 0.4em;
  width: 0.4em;
  margin-left: 0.3em;
  position: absolute;
}

/********
buttons
********/
button, .button, .btn {
  font-family: inherit;
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  background-color: white;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25em;
  transition: box-shadow 0.3s ease;
  text-decoration: none !important;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 599px) {
  button, .button, .btn {
    font-size: var(--fs-xs);
    letter-spacing: var(--ls-xs);
  }
}
button:hover, button:focus-within, .button:hover, .button:focus-within, .btn:hover, .btn:focus-within {
  color: var(--pink);
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}

.back-button svg.icon.chevron {
  fill: transparent;
  height: 0.7em;
  width: 0.7em;
  margin-bottom: 3px;
}

.reset_style:hover, .filter-header .dosearch:hover, .reset_style :focus, .filter-header .dosearch :focus {
  background: initial !important;
}

button:hover,
button:focus .button:hover,
.button:focus {
  outline: none !important;
}

button:focus,
.button:focus {
  outline-offset: -4px;
  outline: none !important;
}

button:active,
.button:active {
  color: inherit;
}

.button-xxs {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.5px;
  padding: 0.45em 0.875em 0.45em 0.875em;
  border-radius: 12px;
  line-height: 1;
}
.button-xxs.border-white {
  border-color: #FFFFFF;
}
.button-xxs.bg-white {
  background-color: white;
}
.button-xxs:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.button-xxs:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.button-xxs:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.button-xxs:active {
  color: currentColor;
}
.button-xxs:hover:active {
  color: #ee0085;
}

.button-xs {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.9px;
  padding: 0.31em 0.875em 0.25em 0.875em;
  border-radius: 16px;
  line-height: 1;
}
.button-xs.border-white {
  border-color: #FFFFFF;
}
.button-xs.bg-white {
  background-color: white;
}
.button-xs:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.button-xs:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.button-xs:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.button-xs:active {
  color: currentColor;
}
.button-xs:hover:active {
  color: #ee0085;
}

.button-s, .filter-header .dosearch, .topnav-tp .topnav-right .dosearch {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.9px;
  padding: 0.24em 0.46em 0.23em 0.46em;
  border-radius: 16px;
  line-height: 1;
}
.button-s.border-white, .filter-header .border-white.dosearch, .topnav-tp .topnav-right .border-white.dosearch {
  border-color: #FFFFFF;
}
.button-s.bg-white, .filter-header .bg-white.dosearch, .topnav-tp .topnav-right .bg-white.dosearch {
  background-color: white;
}
.button-s:hover, .filter-header .dosearch:hover, .topnav-tp .topnav-right .dosearch:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.button-s:hover svg *[fill="#000"], .filter-header .dosearch:hover svg *[fill="#000"], .topnav-tp .topnav-right .dosearch:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.button-s:focus, .filter-header .dosearch:focus, .topnav-tp .topnav-right .dosearch:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.button-s:active, .filter-header .dosearch:active, .topnav-tp .topnav-right .dosearch:active {
  color: currentColor;
}
.button-s:hover:active, .filter-header .dosearch:hover:active, .topnav-tp .topnav-right .dosearch:hover:active {
  color: #ee0085;
}

.button-m {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: -2px;
  padding: 0.26em 0.74em;
  border-radius: 25px;
  line-height: 1;
}
.button-m.border-white {
  border-color: #FFFFFF;
}
.button-m.bg-white {
  background-color: white;
}
.button-m:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.button-m:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.button-m:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.button-m:active {
  color: currentColor;
}
.button-m:hover:active {
  color: #ee0085;
}

.button-l {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 75px;
  line-height: 1.12;
  letter-spacing: -2.8px;
  padding: 0.27em 0.44em 0.22em 0.44em;
  border-radius: 40px;
  line-height: 1;
}
.button-l.border-white {
  border-color: #FFFFFF;
}
.button-l.bg-white {
  background-color: white;
}
.button-l:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.button-l:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.button-l:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.button-l:active {
  color: currentColor;
}
.button-l:hover:active {
  color: #ee0085;
}

.button-xl, .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 90px;
  line-height: 1.14;
  letter-spacing: -3.5px;
  padding: 0.15em 0.45em 0.15em 0.35em;
  border-radius: 40px;
  line-height: 1;
}
.button-xl.border-white, .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button.border-white {
  border-color: #FFFFFF;
}
.button-xl.bg-white, .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button.bg-white {
  background-color: white;
}
.button-xl:hover, .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.button-xl:hover svg *[fill="#000"], .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.button-xl:focus, .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.button-xl:active, .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button:active {
  color: currentColor;
}
.button-xl:hover:active, .Teaser-section .Teaser-wrapper .Teaser-inner .Teaser-main > button:hover:active {
  color: #ee0085;
}

@media (max-width: 1199px) {
  .button-res-s {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.31em 0.875em 0.25em 0.875em;
    border-radius: 16px;
    line-height: 1;
  }
  .button-res-s.border-white {
    border-color: #FFFFFF;
  }
  .button-res-s.bg-white {
    background-color: white;
  }
  .button-res-s:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-s:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-s:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-s:active {
    color: currentColor;
  }
  .button-res-s:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  .button-res-s {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.24em 0.46em 0.23em 0.46em;
    border-radius: 16px;
    line-height: 1;
  }
  .button-res-s.border-white {
    border-color: #FFFFFF;
  }
  .button-res-s.bg-white {
    background-color: white;
  }
  .button-res-s:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-s:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-s:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-s:active {
    color: currentColor;
  }
  .button-res-s:hover:active {
    color: #ee0085;
  }
}
@media (max-width: 599px) {
  .button-res-s {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .button-res-s {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .button-res-s {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}

@media (max-width: 1199px) {
  .button-res-m {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.24em 0.46em 0.23em 0.46em;
    border-radius: 16px;
    line-height: 1;
  }
  .button-res-m.border-white {
    border-color: #FFFFFF;
  }
  .button-res-m.bg-white {
    background-color: white;
  }
  .button-res-m:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-m:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-m:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-m:active {
    color: currentColor;
  }
  .button-res-m:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  .button-res-m {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    padding: 0.26em 0.74em;
    border-radius: 25px;
    line-height: 1;
  }
  .button-res-m.border-white {
    border-color: #FFFFFF;
  }
  .button-res-m.bg-white {
    background-color: white;
  }
  .button-res-m:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-m:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-m:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-m:active {
    color: currentColor;
  }
  .button-res-m:hover:active {
    color: #ee0085;
  }
}
@media (max-width: 599px) {
  .button-res-m {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) {
  .button-res-m {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .button-res-m {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}

@media (max-width: 1199px) {
  .button-res-l {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    padding: 0.26em 0.74em;
    border-radius: 25px;
    line-height: 1;
  }
  .button-res-l.border-white {
    border-color: #FFFFFF;
  }
  .button-res-l.bg-white {
    background-color: white;
  }
  .button-res-l:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-l:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-l:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-l:active {
    color: currentColor;
  }
  .button-res-l:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  .button-res-l {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
    padding: 0.27em 0.44em 0.22em 0.44em;
    border-radius: 40px;
    line-height: 1;
  }
  .button-res-l.border-white {
    border-color: #FFFFFF;
  }
  .button-res-l.bg-white {
    background-color: white;
  }
  .button-res-l:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-l:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-l:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-l:active {
    color: currentColor;
  }
  .button-res-l:hover:active {
    color: #ee0085;
  }
}

@media (max-width: 599px) {
  .button-res-xl {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    padding: 0.26em 0.74em;
    border-radius: 25px;
    line-height: 1;
  }
  .button-res-xl.border-white {
    border-color: #FFFFFF;
  }
  .button-res-xl.bg-white {
    background-color: white;
  }
  .button-res-xl:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-xl:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-xl:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-xl:active {
    color: currentColor;
  }
  .button-res-xl:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 600px) {
  .button-res-xl {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
    padding: 0.27em 0.44em 0.22em 0.44em;
    border-radius: 40px;
    line-height: 1;
  }
  .button-res-xl.border-white {
    border-color: #FFFFFF;
  }
  .button-res-xl.bg-white {
    background-color: white;
  }
  .button-res-xl:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-xl:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-xl:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-xl:active {
    color: currentColor;
  }
  .button-res-xl:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  .button-res-xl {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
    padding: 0.15em 0.45em 0.15em 0.35em;
    border-radius: 40px;
    line-height: 1;
  }
  .button-res-xl.border-white {
    border-color: #FFFFFF;
  }
  .button-res-xl.bg-white {
    background-color: white;
  }
  .button-res-xl:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .button-res-xl:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .button-res-xl:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .button-res-xl:active {
    color: currentColor;
  }
  .button-res-xl:hover:active {
    color: #ee0085;
  }
}

.full-width-section + .full-width-section {
  border-top: none;
}

.container {
  max-width: auto;
  margin: 0 auto;
}

.null_value {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(#000, #000);
  background-size: 1px 0.05em;
  background-repeat: repeat-x;
  background-position: 0% 50%;
}

figure {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  border-radius: var(--image-border-radius);
}
img.fit-to-screen {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.icon {
  display: inline-block;
  text-align: center;
  width: 1.25em;
  height: 1.25em;
  fill: currentColor;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.icon svg {
  max-width: 100%;
  max-height: 100%;
}
.icon:not(.no-hover) svg:hover {
  fill: #ee0085;
}
.icon:not(.no-hover) svg:hover use * {
  fill: #ee0085;
}

.icon-small {
  width: 0.6em;
  height: 0.6em;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
}

.icon-large {
  width: 2.4em;
  height: 2.4em;
  margin-right: 0.4em;
  margin-bottom: 0.4em;
}

.toggle {
  cursor: pointer;
}

.bg-magenta {
  background-color: var(--pink);
}

.bg-black, body .msg, body .talents-only_message {
  background-color: black;
  color: white;
}
.bg-black button.border-white, body .msg button.border-white, body .talents-only_message button.border-white {
  border-color: white;
}

.bg-white {
  background-color: white;
}

.bg-semi-white {
  background-color: rgba(255, 255, 255, 0.8588235294);
  color: black;
}

.bg-a, .container-fluid .container-fluid_content a.container-fluid_item.text-only, .bg-gray {
  background-color: #dfdde1;
}

.bg-b { /*magenta*/
  background-color: #ee0085;
}

.bg-c { /*orange*/
  background-color: #ff7030;
}

.bg-d { /*grün*/
  background-color: #3e80b0;
}

.bg-e { /*lila*/
  background-color: #924eff;
}

.bg-f, .bg-ind { /*rot*/
  background-color: #fe2020;
}

.bg-offset-white {
  cursor: url("../gfx/dot_white.svg") 12 12, auto;
  border-color: white !important;
}

.color-white {
  color: white;
}

.color-black {
  color: black;
}

.bt, .programmes-overview .programme-info:nth-child(1), .news-overview h2 {
  border-top: var(--border) solid currentColor;
}

.bb, #page .event-recording .event-recording-top .video-container, .programmes-overview .programme-info:not(:last-child), section.program-index {
  border-bottom: var(--border) solid currentColor;
}

.btb, .bbt {
  border-top: var(--border) solid currentColor;
  border-bottom: var(--border) solid currentColor;
}

.bl, section.program-index .program-container .eventlist {
  border-left: var(--border) solid currentColor;
}

.br, #page .event-recording .event-recording-top .title-area, .talent-slider .slick-slide {
  border-right: var(--border) solid currentColor;
}

.blr, .brl {
  border-left: var(--border) solid currentColor;
  border-right: var(--border) solid currentColor;
}

.m-t-5, .container-fluid .container-fluid_content a.container-fluid_item .container-fluid_item_intro {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-t-55 {
  margin-top: 55px !important;
}

.p-t-55 {
  padding-top: 55px !important;
}

.m-b-55 {
  margin-bottom: 55px !important;
}

.p-b-55 {
  padding-bottom: 55px !important;
}

.m-l-55 {
  margin-left: 55px !important;
}

.p-l-55 {
  padding-left: 55px !important;
}

.m-r-55 {
  margin-right: 55px !important;
}

.p-r-55 {
  padding-right: 55px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.m-b-90 {
  margin-bottom: 90px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.m-l-90 {
  margin-left: 90px !important;
}

.p-l-90 {
  padding-left: 90px !important;
}

.m-r-90 {
  margin-right: 90px !important;
}

.p-r-90 {
  padding-right: 90px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.m-b-120 {
  margin-bottom: 120px !important;
}

.p-b-120 {
  padding-bottom: 120px !important;
}

.m-l-120 {
  margin-left: 120px !important;
}

.p-l-120 {
  padding-left: 120px !important;
}

.m-r-120 {
  margin-right: 120px !important;
}

.p-r-120 {
  padding-right: 120px !important;
}

.m-t-180 {
  margin-top: 180px !important;
}

.p-t-180 {
  padding-top: 180px !important;
}

.m-b-180 {
  margin-bottom: 180px !important;
}

.p-b-180 {
  padding-bottom: 180px !important;
}

.m-l-180 {
  margin-left: 180px !important;
}

.p-l-180 {
  padding-left: 180px !important;
}

.m-r-180 {
  margin-right: 180px !important;
}

.p-r-180 {
  padding-right: 180px !important;
}

.m-t-240 {
  margin-top: 240px !important;
}

.p-t-240 {
  padding-top: 240px !important;
}

.m-b-240 {
  margin-bottom: 240px !important;
}

.p-b-240 {
  padding-bottom: 240px !important;
}

.m-l-240 {
  margin-left: 240px !important;
}

.p-l-240 {
  padding-left: 240px !important;
}

.m-r-240 {
  margin-right: 240px !important;
}

.p-r-240 {
  padding-right: 240px !important;
}

.m-t-300 {
  margin-top: 300px !important;
}

.p-t-300 {
  padding-top: 300px !important;
}

.m-b-300 {
  margin-bottom: 300px !important;
}

.p-b-300 {
  padding-bottom: 300px !important;
}

.m-l-300 {
  margin-left: 300px !important;
}

.p-l-300 {
  padding-left: 300px !important;
}

.m-r-300 {
  margin-right: 300px !important;
}

.p-r-300 {
  padding-right: 300px !important;
}

header {
  position: fixed;
  top: 0;
  transition: top 1.2s ease-in-out;
  width: 100%;
  height: var(--margin-top);
  transition: all 0.1s linear;
}

.topnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
  background-color: #fff;
  border-bottom: var(--border) solid #000;
}
.topnav button, .topnav .button {
  min-height: 2em;
}
.topnav button.back-button, .topnav .button.back-button {
  margin-left: 0.75em;
}
.topnav button.back-button svg, .topnav .button.back-button svg {
  margin-right: 5px;
}
.topnav button.back-button a, .topnav .button.back-button a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.topnav .topnav-left {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-items: center;
  min-width: 0;
  overflow-x: hidden;
  padding-right: 0.5em;
  line-height: 1;
}
.topnav .topnav-left #welcome-msg {
  margin-left: 1em;
  display: block;
}
@media (max-width: 899px) {
  .topnav .topnav-left #welcome-msg {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .topnav .topnav-left #welcome-msg {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.topnav .topnav-left .logo {
  display: inline-block;
  width: 57px;
  height: 58px;
  border-bottom: none;
  transition: all 0.1s ease;
  flex-shrink: 0;
}
.topnav .topnav-left .logo svg {
  fill: #000;
  transition: transform 500ms ease;
}
.topnav .topnav-left .logo svg:hover {
  transform: scale(0.95) !important;
}
@media (max-width: 599px) {
  .topnav .topnav-left .logo {
    width: 34px;
    height: 34px;
  }
}
.topnav .topnav-left #bt-logo {
  width: var(--space-navbar);
  height: var(--space-navbar);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 2.175);
}
.topnav .topnav-main {
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: center;
  flex-basis: 0;
  flex-grow: 2;
  height: 100%;
  overflow: hidden;
  padding-left: 5px;
}
.topnav .topnav-main #free-search-field {
  width: 100px;
  line-height: 1.4;
}
.topnav .topnav-main #free-search-field:hover {
  color: black;
  width: auto;
}
.topnav .topnav-main #free-search-field:focus, .topnav .topnav-main #free-search-field:focus-within {
  width: auto;
}
.topnav .topnav-main .filter-btn {
  opacity: 1;
  pointer-events: all;
  width: initial;
}
.topnav .topnav-main .filter-btn button {
  min-height: 2em;
}
.topnav .topnav-main .filter-btn .filter-shoutout {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.9px;
  margin-right: 15px;
}
@media (max-width: 1199px) {
  .topnav .topnav-main .filter-btn .filter-shoutout {
    display: none;
  }
}
.topnav .topnav-right {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  height: 100%;
  position: relative;
}
.topnav .topnav-right .nav-menu-btn {
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  border-bottom: none;
  display: flex;
  align-items: center;
}

.program-index .topnav .filter-header .search-parameter-placeholder {
  display: inline-block;
}

body.filter-persons-open .topnav .topnav-main #parameter-list li:not(.hidden):first-child {
  margin-left: calc(var(--gutter) - 0.5rem);
}

body.filter-enabled .gradient-spacer {
  width: var(--gutter);
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.521050427) 29%, rgb(255, 255, 255) 100%);
  position: absolute;
  left: calc(-1 * var(--gutter));
  pointer-events: none;
}

body.filter-enabled .topnav .topnav-main .filter-btn {
  pointer-events: all;
  opacity: 1;
  display: flex;
  align-items: center;
}
body.filter-enabled .topnav .topnav-right .first-level-login {
  position: relative;
}
@media (max-width: 1199px) {
  body.filter-enabled .topnav .topnav-right .first-level-login {
    display: none;
  }
}
body.filter-enabled .topnav .topnav-right .first-level-login:before {
  content: "";
  background: transparent url("../gfx/icons.png") 0 0 no-repeat;
}

body:not(.filter-persons-open) .topnav .topnav-right .dosearch {
  display: none;
}
@media (max-width: 899px) {
  body:not(.filter-persons-open) section.program-index .program-container .sidebar {
    display: none;
  }
}
@media (max-width: 599px) {
  body:not(.filter-persons-open) .sidebar_filters-wrapper {
    display: none;
  }
}

.toggle-search {
  cursor: pointer;
  margin-left: 0.2em;
  margin-right: 0.7em;
}

body.talentpress .topnav {
  background-color: #000;
  color: white;
  border-bottom-color: #fff;
}
@media (min-width: 600px) {
  body.talentpress .topnav .button:hover, body.talentpress .topnav .filter-btn #toggle-filter:hover, body.talentpress .topnav .topnav-right .dosearch:hover, body.talentpress .topnav .topnav-right #toggle-tp-about:hover {
    border-color: #ee0085;
    color: #ee0085;
  }
}
body.talentpress .topnav #menuToggle span {
  background: white;
}
body.talentpress .search-overlay-buttons button {
  background: black;
  color: white;
  border-color: white;
}
@media (min-width: 600px) {
  body.talentpress .button-num-results:hover {
    border-color: #ee0085;
    color: #ee0085;
  }
}

body.content-overlay-open #toggle-tp-about {
  display: none;
}

.navpanel, #share-overlay, #filter-persons {
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  left: 0;
  width: 100vw;
  z-index: 80;
  transition: transform 0.7s ease-in-out;
  background-color: white;
}

body.mainnav-open #mainnav {
  overflow-y: auto !important;
  transform: translateY(0);
  visibility: visible;
}
body.mainnav-open #mainnav:before, body.mainnav-open #mainnav:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
  top: -100px;
  left: 0;
}
body.mainnav-open #mainnav:after {
  bottom: -100px;
}
body.mainnav-open #mainnav.dragging {
  overflow-y: hidden !important;
}
body.mainnav-open #mainnav.dragging .navsidebarcontent {
  background-color: white;
}
body.mainnav-open .search-overlay-buttons {
  display: none;
}

.sidebar .filter-persons_toggler {
  height: 50px;
  padding: 0 var(--gutter);
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 99;
}
@media (min-width: 900px) {
  .sidebar .filter-persons_toggler {
    display: none;
  }
}
@media (min-width: 900px) {
  .sidebar .filter-persons_toggler {
    padding-right: calc(var(--gutter) / 2);
  }
}
.sidebar .filter-persons_toggler .filter-persons_toggler_controlls {
  padding-right: calc(var(--gutter) / 2);
  align-items: center;
}
.sidebar .filter-persons_toggler .counter {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  opacity: 0.6;
}

#filter-persons {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateX(-100%);
  margin-top: var(--margin-top);
  height: 100%;
  z-index: 200;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
@media (max-width: 899px) {
  #filter-persons {
    border-right: none;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  #filter-persons {
    max-width: 30%;
  }
}
@media (min-width: 1800px) {
  #filter-persons {
    max-width: 30%;
  }
}
@media (max-width: 1199px) {
  #filter-persons {
    width: 50%;
  }
}
@media (max-width: 599px) {
  #filter-persons {
    width: 100%;
  }
}
#filter-persons .loading-overlay {
  width: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  position: absolute;
}
#filter-persons .loading-overlay > div {
  display: flex;
  flex-flow: column;
}
#filter-persons .loading-overlay .spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  width: 20px;
  aspect-ratio: 1;
}
#filter-persons[aria-busy=true] .loading-overlay {
  opacity: 1;
}
#filter-persons[aria-busy=true] .spinner {
  display: block;
}
#filter-persons .filter-persons_toggler {
  height: 50px;
  padding: 0 calc(var(--gutter) / 2) 0 var(--gutter);
  justify-content: space-between;
  align-items: center;
}
#filter-persons .filter-persons_toggler .filter-persons_toggler_controlls {
  padding-right: calc(var(--gutter) / 2);
  align-items: center;
}
#filter-persons .filter-persons_toggler .back-one-step svg {
  height: 0.75em;
}
#filter-persons .filter-persons_toggler .counter {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  opacity: 0.6;
}
#filter-persons .valuefield {
  white-space: nowrap;
}
#filter-persons .close-filter:after {
  display: inline-block;
  content: "✕";
  top: 0;
  right: 0;
}
#filter-persons .filter-persons-content {
  position: relative;
  height: calc(100% - var(--margin-top, 100px) - 50px);
  overflow: hidden;
  display: flex;
}
#filter-persons .filter-persons-content > div {
  flex-grow: 1;
  flex-basis: 50%;
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
}
#filter-persons .filter-persons-content .label {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
  white-space: nowrap;
}
@media (max-width: 599px) {
  #filter-persons .filter-persons-content .label {
    font-size: var(--fs-h1);
    letter-spacing: var(--ls-h1);
  }
}
#filter-persons .filter-persons-content .filters-list {
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  box-sizing: border-box;
}
#filter-persons .filter-persons-content .filters-list .selected-counter {
  font-family: "Panama";
  font-size: 0.5714em;
  vertical-align: top;
  padding-left: 0.1em;
  display: none;
}
#filter-persons .filter-persons-content .filters-list .filter-persons-panel {
  position: absolute;
  width: 50%;
  left: 50%;
  top: 0px;
  max-height: 101%;
  overflow-y: auto;
  box-sizing: border-box;
}
#filter-persons .filter-persons-content .filters-list > li, #filter-persons .filter-persons-content .filters-list > div {
  padding-top: 2.44vw;
  padding-bottom: 1.83vw;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
}
@media screen and (max-width: 1024px) {
  #filter-persons .filter-persons-content .filters-list > li, #filter-persons .filter-persons-content .filters-list > div {
    padding: 2.44vw 1.83vw 1.83vw 1.83vw;
  }
}
@media screen and (max-width: 375px) {
  #filter-persons .filter-persons-content .filters-list > li, #filter-persons .filter-persons-content .filters-list > div {
    padding: 1.098vw 1.098vw 1.3908vw 1.098vw;
  }
}
#filter-persons .filter-persons-content .filters-list > li label, #filter-persons .filter-persons-content .filters-list > div label {
  display: inline-block;
}
#filter-persons .filter-persons-content .filters-list .filter-persons-toggle {
  display: flex;
  flex-grow: 1;
  text-align: left;
  width: 100%;
  transition: padding 0.3s ease;
  border-bottom: 1px solid var(--theme-text);
  align-items: center;
  cursor: pointer;
  background-color: var(--theme-bg);
  color: var(--theme-text);
}
#filter-persons .filter-persons-content .filters-list .filter-persons-toggle:last-child {
  border-bottom: none;
}
#filter-persons .filter-persons-content .filters-list .filter-persons-toggle div.label {
  padding: 0 var(--gutter);
}
#filter-persons .filter-persons-content .filters-list .filter-persons-panel {
  border-bottom: var(--border) solid #000;
}
#filter-persons .filter-persons-content .filters-list #filter-persons-mystuff a {
  color: rgba(0, 0, 0, 0.33);
  border-bottom: none;
  margin-right: 3.66vw;
}
#filter-persons .filter-persons-content .filter-content {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 0 0 0;
  padding: 0;
}
@media (max-width: 899px) {
  #filter-persons .filter-persons-content .filter-content {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  #filter-persons .filter-persons-content .filter-content {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
#filter-persons .filter-persons-content .filter-content[aria-hidden=false] {
  flex: 0 0 100%;
}
#filter-persons .filter-persons-content .filter-content:not(.press-content) {
  background: #dfdde1;
}
#filter-persons .filter-persons-content .filter-content.press-content {
  background: black;
}
#filter-persons .filter-persons-content .filter-content .filter-persons-panel {
  padding: 2em var(--gutter);
}
@media (min-width: 1200px) {
  #filter-persons .filter-persons-content .filter-content .filter-persons-panel .back-filter-wrapper {
    position: fixed;
    top: 1em;
    right: 1em;
  }
}
#filter-persons .filter-persons-content .filter-content .search-select-container .valueset {
  transition: opacity 0.6s ease;
}
#filter-persons .filter-persons-content .filter-content .search-select-container .valueset:hover, #filter-persons .filter-persons-content .filter-content .search-select-container .valueset:focus-visible {
  opacity: 1 !important;
}
#filter-persons .filter-persons-content .filter-content .search-select-container:has(div[aria-expanded=true]) .valueset[aria-expanded=false] {
  opacity: 0.4;
}
#filter-persons .filter-persons-content .filter-content .search-select-container div[role=tabpanel] {
  margin-bottom: 1rem;
}
#filter-persons .filter-persons-content .filter-content .search-select-container > div {
  cursor: pointer;
  line-height: 1.45;
}
#filter-persons .filter-persons-content .filter-content .search-select-container > div .valueset, #filter-persons .filter-persons-content .filter-content .search-select-container > div .valuefield:last-of-type {
  margin-bottom: 15px;
}
#filter-persons .filter-persons-content .filter-content .search-select-container > div .valueset[data-status=active] {
  display: inline-block;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-position: from-font;
}
#filter-persons .filter-persons-content .filter-content .search-select-container > div > span.null_value .optionfacet {
  display: none;
}
#filter-persons .filter-persons-content .filter-content .search-select-container > div.low-filter-warning {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  opacity: 0.7;
  white-space: nowrap;
}
#filter-persons .filter-persons-content .filter-content .optionfacet {
  vertical-align: super;
  padding-left: 10px;
  margin-left: 0;
  text-decoration: none;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.5px;
}
@media (max-width: 899px) {
  #filter-persons .filter-persons-content .filter-content .optionfacet {
    font-size: 12px;
  }
}

#filter-persons.filter-persons .filters-list, #filter-persons.filter-projects .filters-list, #filter-persons.filter-press .filters-list {
  display: flex;
  flex-direction: column;
}

#filter-persons.filter-talks .filters-list {
  display: flex;
  flex-direction: column;
}
#filter-persons.filter-talks .filters-list .filter-persons-toggle {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
#filter-persons.filter-talks .filters-list .filter-persons-toggle:last-child {
  border-bottom: none;
}

#filter-persons.filter-index .filters-list {
  display: flex;
  flex-direction: column;
}
#filter-persons.filter-index .filters-list .slick-list {
  padding: 0 !important;
}
#filter-persons.filter-index .filters-list .label {
  text-align: center;
}
#filter-persons.filter-index .filters-list .slick-slide:nth-child(1) .label {
  border-left: none !important;
}

body.filter-persons-open #parameter-list:empty:after {
  content: "Filter ...";
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  opacity: 0.6;
  padding-left: var(--gutter);
}

.filter-header {
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  vertical-align: center;
  overflow-x: hidden;
}
.filter-header #parameter-list-wrapper {
  position: relative;
  overflow-x: auto;
}
.filter-header #parameter-list {
  display: table-cell;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 899px) {
  .filter-header #parameter-list {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .filter-header #parameter-list {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (max-width: 599px) {
  .filter-header #parameter-list {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
.filter-header .search-value {
  position: relative;
  cursor: pointer;
  padding-right: 0.6em;
  margin-inline: 0.25em;
  white-space: nowrap;
  display: inline-block;
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  background-color: var(--theme-text);
  color: var(--theme-bg);
  border: 2px solid var(--theme-text);
  border-radius: 2rem;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1.5;
  margin: 2px;
}
.filter-header .search-value .remove {
  margin-left: 5px;
}
.filter-header .search-value .remove:hover {
  color: var(--pink);
}
.filter-header .search-value .remove:after {
  font-size: 0.75em;
  display: inline-block;
  content: "✕";
}
#search-container {
  border-top: none;
  min-height: calc(100vh - var(--space-navbar));
  max-width: 100%;
  transition: max-width 0.4s ease-in-out;
}

#selectedFiltersCounter {
  font-size: 8px;
  background-color: var(--gray);
  border-radius: 99999px;
  padding: 0.5em 1em;
  margin-left: 5px;
}
@media (min-width: 600px) {
  #selectedFiltersCounter {
    display: none;
  }
}
#selectedFiltersCounter:empty {
  display: none;
}

body.filter-persons-open .topnav {
  padding-left: 0px;
  padding-right: 0px;
}
body.filter-persons-open .topnav .topnav-right {
  display: none;
}
@media (max-width: 899px) {
  body.filter-persons-open {
    overflow: hidden;
  }
}
body.filter-persons-open #filter-persons {
  transform: translateX(0);
  visibility: visible;
}
body.filter-persons-open #search-container {
  max-width: 70%;
  margin-left: auto;
}
@media (min-width: 1200px) and (max-width: 1799px) {
  body.filter-persons-open #search-container:not(.linklist) {
    max-width: 70%;
  }
}
@media (max-width: 1199px) {
  body.filter-persons-open #search-container:not(.linklist) {
    max-width: 100%;
  }
}
@media (max-width: 899px) {
  body.filter-persons-open .program-index {
    overflow: hidden;
  }
}
@media (max-width: 899px) {
  body.filter-persons-open .sidebar {
    display: block;
  }
}
@media (min-width: 900px) {
  body.filter-persons-open .sidebar_filters-wrapper {
    pointer-events: all;
  }
}
@media (max-width: 899px) {
  body.filter-persons-open .eventlist {
    opacity: 0.5;
  }
}
body.filter-persons-open .topnav .topnav-left {
  display: none;
}
body.filter-persons-open .topnav .topnav-main #toggle-filter, body.filter-persons-open .topnav .topnav-main .toggle-search {
  pointer-events: none;
  display: none;
}
body.filter-persons-open .topnav .topnav-main .filter-btn {
  display: none;
  pointer-events: none;
}
@media (max-width: 899px) {
  body.filter-persons-open .topnav .topnav-left #ifb {
    display: none;
  }
}
body.filter-persons-open .topnav #logo {
  transform: translateY(200%);
  transition: transform 0.6s ease;
  margin-right: 0;
}

body.filter-persons-open.filters-active .dosearch {
  display: flex !important;
}
body.filter-persons-open.filters-active .search-parameter-placeholder {
  display: none;
}

.filter-persons-panel {
  display: none;
  opacity: 1;
}
.filter-persons-panel[aria-hidden=false] {
  display: block;
}
.filter-persons-panel .valuefield {
  margin-bottom: 0.2em;
}
.filter-persons-panel .valuefield:last-child {
  margin-bottom: 1rem;
}
.filter-persons-panel .valuefield span:first-child {
  display: inline-block;
  line-height: 1;
}
.filter-persons-panel .valuefield.selected span:first-child {
  text-decoration: underline;
  text-decoration-thickness: from-font;
}
.filter-persons-panel .valuefield:last-child {
  margin-bottom: 1rem;
}
.filter-persons-panel .valuefield.nullresult {
  opacity: 0.5;
  pointer-events: none;
}

body.filters-active .filter-shoutout, body.filters-active.filter-enabled .filter-shoutout {
  display: none;
}
body.filters-active .topnav #welcome-msg, body.filters-active.filter-enabled .topnav #welcome-msg {
  display: none;
}
@media (max-width: 899px) {
  body.filters-active .topnav .topnav-left, body.filters-active.filter-enabled .topnav .topnav-left {
    display: none;
  }
}
body.filters-active .type-livestream, body.filters-active.filter-enabled .type-livestream {
  display: none;
}

#filter-persons.filter-press {
  background-color: #000;
}

.topnav .topnav-right {
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .topnav .topnav-right #global-toggle button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.31em 0.875em 0.25em 0.875em;
    border-radius: 16px;
    line-height: 1;
  }
  .topnav .topnav-right #global-toggle button.border-white {
    border-color: #FFFFFF;
  }
  .topnav .topnav-right #global-toggle button.bg-white {
    background-color: white;
  }
  .topnav .topnav-right #global-toggle button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .topnav .topnav-right #global-toggle button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .topnav .topnav-right #global-toggle button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .topnav .topnav-right #global-toggle button:active {
    color: currentColor;
  }
  .topnav .topnav-right #global-toggle button:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  .topnav .topnav-right #global-toggle button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.24em 0.46em 0.23em 0.46em;
    border-radius: 16px;
    line-height: 1;
  }
  .topnav .topnav-right #global-toggle button.border-white {
    border-color: #FFFFFF;
  }
  .topnav .topnav-right #global-toggle button.bg-white {
    background-color: white;
  }
  .topnav .topnav-right #global-toggle button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .topnav .topnav-right #global-toggle button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .topnav .topnav-right #global-toggle button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .topnav .topnav-right #global-toggle button:active {
    color: currentColor;
  }
  .topnav .topnav-right #global-toggle button:hover:active {
    color: #ee0085;
  }
}

body.content-overlay-open .topnav #global-toggle {
  display: flex;
  height: 100%;
}

body.talentpress.filter-persons-open .topnav #toggle-tp-about {
  display: none;
}
body.talentpress.filter-persons-open .topnav .btn-close {
  display: inline-block;
  color: white;
  stroke: currentColor;
  stroke-width: 3px;
  transition: transform 0.3s ease;
}
body.talentpress.filter-persons-open .topnav .btn-close:hover {
  transform: scale(1.1);
}
body.talentpress.filter-persons-open.filters-active .topnav .btn-close {
  display: none;
}

.topnav .btn-close {
  display: none;
  border: none;
  background-color: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 599px) {
  .topnav .btn-close svg {
    width: 24px;
    height: 24px;
  }
}
.topnav .btn-close:hover {
  border: none !important;
  background: none !important;
}

.filter-persons-open .search-overlay-buttons {
  display: none;
}

.search-overlay-buttons {
  text-align: end;
  z-index: 21;
  bottom: 3.66vw;
  transform: translateY(0);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.search-overlay-buttons.fixed-bottom {
  position: sticky;
  right: 0;
  bottom: 0;
  padding-block: 1em;
}
.search-overlay-buttons button, .search-overlay-buttons .share-button {
  margin-right: 0;
}

body:not(.talentpress) .search-overlay-buttons button, body:not(.talentpress) .search-overlay-buttons .share-button {
  background-color: white;
  min-height: 2em;
}

body.talentpress .search-overlay-buttons button, body.talentpress .search-overlay-buttons .share-button {
  color: black;
  background-color: white;
  min-height: 2em;
}

.find-index .search-head {
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 599px) {
  .find-index .search-head {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .find-index .search-head {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .find-index .search-head {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.find-index .search-head:after {
  position: absolute;
  content: "";
  display: inline-block;
  height: 100%;
  width: 1em;
  top: 0;
  right: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#search-container.linklist li:first-child {
  border-top: none;
}

#share-overlay {
  z-index: 999;
  margin-top: 0;
  height: 100vh;
  top: 0;
  left: 0;
  transform: translateY(-100vh);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dfdde1;
}
@media (max-width: 599px) {
  #share-overlay {
    margin-top: 0;
  }
}
#share-overlay .overlay-content {
  width: 80%;
  height: 100%;
  text-align: center;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  transition: transform 1100ms ease;
  z-index: 20;
}
@media (max-width: 599px) {
  #share-overlay .overlay-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  #share-overlay .overlay-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  #share-overlay .overlay-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
#share-overlay .overlay-content iframe {
  width: 100%;
  height: 100%;
}
#share-overlay .overlay-content p {
  color: black;
  padding: 0 1em;
  margin-bottom: 1em;
}
@media (max-width: 599px) {
  #share-overlay .overlay-content p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
  }
}
#share-overlay .bg-toggle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  color: black;
}
#share-overlay .bg-toggle :hover {
  color: rgba(0, 0, 0, 0.7);
}
#share-overlay .bg-toggle svg {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  margin: var(--gutter);
}
#share-overlay .copy-url-button {
  font-size: var(--fs-h2);
  letter-spacing: var(--ls-h2);
}
#share-overlay .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 30;
}
@media (max-width: 599px) {
  #share-overlay .close-btn {
    margin-top: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  #share-overlay .close-btn {
    margin-top: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  #share-overlay .close-btn {
    margin-top: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  #share-overlay .close-btn {
    margin-top: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  #share-overlay .close-btn {
    margin-top: 2.8646vw;
  }
}
@media (max-width: 599px) {
  #share-overlay .close-btn {
    margin-right: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  #share-overlay .close-btn {
    margin-right: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  #share-overlay .close-btn {
    margin-right: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  #share-overlay .close-btn {
    margin-right: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  #share-overlay .close-btn {
    margin-right: 2.8646vw;
  }
}

body.share-overlay-open #share-overlay {
  transform: translateY(0) !important;
}
body.share-overlay-open #share-overlay .overlay-content {
  transform: translateY(0);
}

#menuToggle, #menuClose {
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
#menuToggle .icon-close, #menuClose .icon-close {
  display: none;
}
#menuToggle svg, #menuClose svg {
  height: 40px;
  width: 40px;
}
#menuToggle svg:hover use *, #menuClose svg:hover use * {
  fill: black;
}
@media (min-width: 600px) and (max-width: 899px) {
  #menuToggle svg, #menuClose svg {
    height: 30px;
    width: 30px;
  }
}
@media (max-width: 599px) {
  #menuToggle svg, #menuClose svg {
    height: 24px;
    width: 24px;
  }
}

body.program-event .topnav .topnav-main .btn-share, body.program-event .topnav .topnav-main .share-button {
  display: inline-block;
}

/**/
.close-gfx {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  position: relative;
  transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.close-gfx span, .close-gfx:before, .close-gfx:after {
  content: " ";
  display: inline-block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color);
  z-index: 1;
  transform-origin: center center;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.close-gfx:before, .close-gfx span:nth-child(1) {
  opacity: 1;
  transform: translateY(0.75em) rotate(-45deg);
}
.close-gfx:after, .close-gfx span:nth-child(2) {
  transform: translateY(0.75em) rotate(45deg);
}
.close-gfx:hover {
  transform: scale(1.1);
}

#page .teaser-grid .teaser-portrait, #page .teaser-grid .is-portrait {
  grid-column-start: auto;
}
@media (max-width: 899px) {
  #page .teaser-grid .teaser-portrait, #page .teaser-grid .is-portrait {
    grid-column-end: span 6;
  }
}
@media (min-width: 900px) {
  #page .teaser-grid .teaser-portrait, #page .teaser-grid .is-portrait {
    grid-column-end: span 4;
  }
}
@media (min-width: 1200px) {
  #page .teaser-grid .teaser-portrait, #page .teaser-grid .is-portrait {
    grid-column-end: span 3;
  }
}
@media (max-width: 599px) {
  #page .teaser-grid .teaser-project, #page .teaser-grid #page-builder .related_articles-wrapper .related_articles-inner > div, #page-builder .related_articles-wrapper #page .teaser-grid .related_articles-inner > div {
    grid-column-end: span 12;
  }
}
@media (min-width: 600px) {
  #page .teaser-grid .teaser-project, #page .teaser-grid #page-builder .related_articles-wrapper .related_articles-inner > div, #page-builder .related_articles-wrapper #page .teaser-grid .related_articles-inner > div {
    grid-column-end: span 6;
  }
}
@media (min-width: 1200px) {
  #page .teaser-grid .teaser-project, #page .teaser-grid #page-builder .related_articles-wrapper .related_articles-inner > div, #page-builder .related_articles-wrapper #page .teaser-grid .related_articles-inner > div {
    grid-column-end: span 4;
  }
}
#page .teaser-grid .teaser-project img, #page .teaser-grid #page-builder .related_articles-wrapper .related_articles-inner > div img, #page-builder .related_articles-wrapper #page .teaser-grid .related_articles-inner > div img {
  transition: transform 1s ease;
}
#page .teaser-grid .teaser-portrait img, #page .teaser-grid .teaser-project img, #page .teaser-grid #page-builder .related_articles-wrapper .related_articles-inner > div img, #page-builder .related_articles-wrapper #page .teaser-grid .related_articles-inner > div img {
  transition: transform 1s ease;
}

.img-landscape, .img-portrait {
  overflow: hidden;
  position: relative;
  height: 0;
  overflow: hidden;
}
.img-landscape:hover img, .img-portrait:hover img {
  transform: scale(1.08);
}
.img-landscape img, .img-portrait img {
  max-width: 100%;
  height: auto;
  transition: transform 1s ease;
  transition: transform 1s ease;
}
.img-landscape img, .img-portrait img {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
}
.img-landscape img.preview, .img-portrait img.preview {
  height: 100%;
  transform: scale(1.05);
}
.img-landscape img.reveal, .img-portrait img.reveal {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  will-change: transform, opacity;
  animation: reveal 1s ease-out;
}
@keyframes reveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.img-landscape a, .img-portrait a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
}
.img-landscape .marquee-wrapper, .img-portrait .marquee-wrapper {
  position: absolute;
  bottom: 0;
}
.img-landscape .marquee-wrapper span, .img-portrait .marquee-wrapper span {
  line-height: 1;
  margin: 0 1em;
}

.img-landscape {
  padding: 67% 0 0 0;
}

.img-portrait {
  padding: 126% 0 0 0;
}

.teaser-title, .teaser-portrait .fullname, .teaser-project .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .article-title {
  margin-top: 0.6em;
}
@media (max-width: 599px) {
  .teaser-title, .teaser-portrait .fullname, .teaser-project .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .project-title, #page-builder .related_articles-wrapper .related_articles-inner > div .article-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}

@media (max-width: 599px) {
  .teaser-meta, .teaser-portrait .country, .teaser-portrait .profession, .teaser-portrait .contact, .teaser-project .project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div .project-meta, #page-builder .related_articles-wrapper .related_articles-inner > div .article-meta {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}

.profile-page .profile-data {
  padding-top: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 599px) {
  .profile-page .profile-data {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 8vw;
    padding: 4vw;
    margin: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .profile-page .profile-data {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .profile-page .profile-data {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .profile-page .profile-data {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 7.32026vw;
    padding: 3.66013vw;
    margin: 0;
  }
}
@media (min-width: 1800px) {
  .profile-page .profile-data {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}
.profile-page .profile-data a {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(black, black);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.profile-page .profile-data a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
.profile-page .profile-data > div {
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 2;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .profile-page .profile-data > div {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .profile-page .profile-data > div {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .profile-page .profile-data > div {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) {
  .profile-page .profile-data .profile-data-image {
    grid-row-start: 1;
    margin-bottom: 0.5em;
  }
}
.profile-page .profile-data .profile-data-text h1 {
  font-weight: normal;
  margin-top: -6px;
  margin-bottom: 0;
}
@media (min-width: 600px) and (max-width: 899px) {
  .profile-page .profile-data .profile-data-text h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (max-width: 599px) {
  .profile-page .profile-data .profile-data-text h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .profile-page .profile-data .profile-data-text h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .profile-page .profile-data .profile-data-text h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (max-width: 599px) {
  .profile-page .profile-data .profile-data-text .profile-info {
    margin-top: 3rem;
  }
}
@media (min-width: 1200px) {
  .profile-page .profile-data .profile-data-text .profile-info {
    margin-top: 75px;
  }
}
.profile-page .profile-data .profile-data-text .profile-info .show-hidden, .profile-page .profile-data .profile-data-text .profile-info .hide-hidden {
  position: relative;
  top: -20px;
}
@media (min-width: 600px) {
  .profile-page .profile-data .profile-data-text .profile-info.no-photo {
    margin-top: 0 !important;
  }
}
@media (max-width: 1199px) {
  .profile-page .profile-data .profile-data-text .profile-fow {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (max-width: 599px) {
  .profile-page .profile-data .profile-data-text dt {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .profile-page .profile-data .profile-data-text dt {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
.profile-page .profile-data .profile-data-text dd, .profile-page .profile-data .profile-data-text span {
  margin-left: 0;
  margin-bottom: 0.8em;
}
@media (max-width: 599px) {
  .profile-page .profile-data .profile-data-text dd, .profile-page .profile-data .profile-data-text span {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .profile-page .profile-data .profile-data-text dd, .profile-page .profile-data .profile-data-text span {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.profile-page .profile-data .profile-data-text dd a, .profile-page .profile-data .profile-data-text span a {
  margin-right: 0.4em;
}

.project-page #page .project-header h1, #content-overlay .project-header h1 {
  margin-top: 40px;
}
@media (max-width: 599px) {
  .project-page #page .project-header h1, #content-overlay .project-header h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 600px) {
  .project-page #page .project-header h1, #content-overlay .project-header h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 1200px) {
  .project-page #page .project-header h1, #content-overlay .project-header h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (max-width: 599px) {
  .project-page #page .project-header h1, #content-overlay .project-header h1 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (max-width: 599px) {
  .project-page #page .project-header h1 .title-english, #content-overlay .project-header h1 .title-english {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  .project-page #page .project-header h1 .title-english, #content-overlay .project-header h1 .title-english {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 1200px) {
  .project-page #page .project-header h1 .title-english, #content-overlay .project-header h1 .title-english {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (max-width: 599px) {
  .project-page #page .project-header h1 .title-english, #content-overlay .project-header h1 .title-english {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (max-width: 599px) {
  .project-page #page .project-information-details, .project-page #page #content-overlay .project-information-details, #content-overlay .project-information-details, #content-overlay #content-overlay .project-information-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 8vw;
    padding: 4vw;
    margin: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .project-page #page .project-information-details, .project-page #page #content-overlay .project-information-details, #content-overlay .project-information-details, #content-overlay #content-overlay .project-information-details {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .project-page #page .project-information-details, .project-page #page #content-overlay .project-information-details, #content-overlay .project-information-details, #content-overlay #content-overlay .project-information-details {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .project-page #page .project-information-details, .project-page #page #content-overlay .project-information-details, #content-overlay .project-information-details, #content-overlay #content-overlay .project-information-details {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 7.32026vw;
    padding: 3.66013vw;
    margin: 0;
  }
}
@media (min-width: 1800px) {
  .project-page #page .project-information-details, .project-page #page #content-overlay .project-information-details, #content-overlay .project-information-details, #content-overlay #content-overlay .project-information-details {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}
.project-page #page .project-information-details > div, .project-page #page #content-overlay .project-information-details > div, #content-overlay .project-information-details > div, #content-overlay #content-overlay .project-information-details > div {
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 2;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .project-page #page .project-information-details > div, .project-page #page #content-overlay .project-information-details > div, #content-overlay .project-information-details > div, #content-overlay #content-overlay .project-information-details > div {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) {
  .project-page #page .project-information-details > div, .project-page #page #content-overlay .project-information-details > div, #content-overlay .project-information-details > div, #content-overlay #content-overlay .project-information-details > div {
    margin-bottom: 50px;
  }
}
.project-page #page .project-information-details a, .project-page #page #content-overlay .project-information-details a, #content-overlay .project-information-details a, #content-overlay #content-overlay .project-information-details a {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(black, black);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
.project-page #page .project-information-details a:hover, .project-page #page #content-overlay .project-information-details a:hover, #content-overlay .project-information-details a:hover, #content-overlay #content-overlay .project-information-details a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
.project-page #page .project-information-details .project-information h2, .project-page #page .project-information-details .production-details h2, .project-page #page #content-overlay .project-information-details .project-information h2, .project-page #page #content-overlay .project-information-details .production-details h2, #content-overlay .project-information-details .project-information h2, #content-overlay .project-information-details .production-details h2, #content-overlay #content-overlay .project-information-details .project-information h2, #content-overlay #content-overlay .project-information-details .production-details h2 {
  margin-top: 1em;
}
@media (min-width: 1800px) {
  .project-page #page .project-information-details .project-information, .project-page #page .project-information-details .production-details, .project-page #page #content-overlay .project-information-details .project-information, .project-page #page #content-overlay .project-information-details .production-details, #content-overlay .project-information-details .project-information, #content-overlay .project-information-details .production-details, #content-overlay #content-overlay .project-information-details .project-information, #content-overlay #content-overlay .project-information-details .production-details {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
.project-page #page .project-information-details .project-festivals-list, .project-page #page #content-overlay .project-information-details .project-festivals-list, #content-overlay .project-information-details .project-festivals-list, #content-overlay #content-overlay .project-information-details .project-festivals-list {
  margin-top: 1em;
}
@media (max-width: 899px) {
  .project-page #page .project-information-details .project-festivals-list, .project-page #page #content-overlay .project-information-details .project-festivals-list, #content-overlay .project-information-details .project-festivals-list, #content-overlay #content-overlay .project-information-details .project-festivals-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .project-page #page .project-information-details .project-festivals-list, .project-page #page #content-overlay .project-information-details .project-festivals-list, #content-overlay .project-information-details .project-festivals-list, #content-overlay #content-overlay .project-information-details .project-festivals-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) and (max-width: 599px) {
  .project-page #page .project-information-details .project-festivals-list, .project-page #page #content-overlay .project-information-details .project-festivals-list, #content-overlay .project-information-details .project-festivals-list, #content-overlay #content-overlay .project-information-details .project-festivals-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 1200px) and (min-width: 600px) {
  .project-page #page .project-information-details .project-festivals-list, .project-page #page #content-overlay .project-information-details .project-festivals-list, #content-overlay .project-information-details .project-festivals-list, #content-overlay #content-overlay .project-information-details .project-festivals-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .project-page #page .project-information-details .project-festivals-list, .project-page #page #content-overlay .project-information-details .project-festivals-list, #content-overlay .project-information-details .project-festivals-list, #content-overlay #content-overlay .project-information-details .project-festivals-list {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.project-page #page .project-information-details .project-longtext, .project-page #page #content-overlay .project-information-details .project-longtext, #content-overlay .project-information-details .project-longtext, #content-overlay #content-overlay .project-information-details .project-longtext {
  margin-top: var(--margin-m, 80px);
  margin-bottom: var(--margin-xl, 120px);
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .project-page #page .project-information-details .project-longtext, .project-page #page #content-overlay .project-information-details .project-longtext, #content-overlay .project-information-details .project-longtext, #content-overlay #content-overlay .project-information-details .project-longtext {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .project-page #page .project-information-details .project-longtext, .project-page #page #content-overlay .project-information-details .project-longtext, #content-overlay .project-information-details .project-longtext, #content-overlay #content-overlay .project-information-details .project-longtext {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .project-page #page .project-information-details .project-longtext, .project-page #page #content-overlay .project-information-details .project-longtext, #content-overlay .project-information-details .project-longtext, #content-overlay #content-overlay .project-information-details .project-longtext {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.project-page #page .project-information-details .project-longtext h2, .project-page #page #content-overlay .project-information-details .project-longtext h2, #content-overlay .project-information-details .project-longtext h2, #content-overlay #content-overlay .project-information-details .project-longtext h2 {
  margin: 1.5em 0 0.5em 0;
}
@media (max-width: 599px) {
  .project-page #page .project-information-details .project-longtext h3, .project-page #page #content-overlay .project-information-details .project-longtext h3, #content-overlay .project-information-details .project-longtext h3, #content-overlay #content-overlay .project-information-details .project-longtext h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .project-page #page .project-information-details .project-longtext h3, .project-page #page #content-overlay .project-information-details .project-longtext h3, #content-overlay .project-information-details .project-longtext h3, #content-overlay #content-overlay .project-information-details .project-longtext h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  .project-page #page .project-information-details .project-longtext h3, .project-page #page #content-overlay .project-information-details .project-longtext h3, #content-overlay .project-information-details .project-longtext h3, #content-overlay #content-overlay .project-information-details .project-longtext h3 {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
@media (min-width: 1200px) {
  .project-page #page .project-information-details .project-longtext, .project-page #page #content-overlay .project-information-details .project-longtext, #content-overlay .project-information-details .project-longtext, #content-overlay #content-overlay .project-information-details .project-longtext {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) {
  .project-page #page .project-information-details .project-longtext, .project-page #page #content-overlay .project-information-details .project-longtext, #content-overlay .project-information-details .project-longtext, #content-overlay #content-overlay .project-information-details .project-longtext {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
.project-page #page .project-information-details .teaser, .project-page #page #content-overlay .project-information-details .teaser, #content-overlay .project-information-details .teaser, #content-overlay #content-overlay .project-information-details .teaser {
  min-width: 0;
  grid-column-start: auto;
  grid-column: 1/-1;
  box-sizing: border-box;
  margin: 3em 0 2em 0;
}
.project-page #page .project-information-details .teaser .video-info, .project-page #page #content-overlay .project-information-details .teaser .video-info, #content-overlay .project-information-details .teaser .video-info, #content-overlay #content-overlay .project-information-details .teaser .video-info {
  position: relative;
}
@media (max-width: 599px) {
  .project-page #page .project-information-details .teaser .video-info, .project-page #page #content-overlay .project-information-details .teaser .video-info, #content-overlay .project-information-details .teaser .video-info, #content-overlay #content-overlay .project-information-details .teaser .video-info {
    display: flex;
  }
  .project-page #page .project-information-details .teaser .video-info div:first-child, .project-page #page #content-overlay .project-information-details .teaser .video-info div:first-child, #content-overlay .project-information-details .teaser .video-info div:first-child, #content-overlay #content-overlay .project-information-details .teaser .video-info div:first-child {
    padding-right: 0.5em;
    flex-grow: 1;
  }
}
.project-page #page .project-information-details .teaser .video-play-btn, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn, #content-overlay .project-information-details .teaser .video-play-btn, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: -2px;
  padding: 0.26em 0.74em;
  border-radius: 25px;
  line-height: 1;
  margin-top: 0.5em;
}
.project-page #page .project-information-details .teaser .video-play-btn.border-white, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn.border-white, #content-overlay .project-information-details .teaser .video-play-btn.border-white, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn.border-white {
  border-color: #FFFFFF;
}
.project-page #page .project-information-details .teaser .video-play-btn.bg-white, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn.bg-white, #content-overlay .project-information-details .teaser .video-play-btn.bg-white, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn.bg-white {
  background-color: white;
}
.project-page #page .project-information-details .teaser .video-play-btn:hover, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:hover, #content-overlay .project-information-details .teaser .video-play-btn:hover, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
.project-page #page .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"], .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"], #content-overlay .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"], #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"] {
  fill: #ee0085;
}
.project-page #page .project-information-details .teaser .video-play-btn:focus, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:focus, #content-overlay .project-information-details .teaser .video-play-btn:focus, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.project-page #page .project-information-details .teaser .video-play-btn:active, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:active, #content-overlay .project-information-details .teaser .video-play-btn:active, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:active {
  color: currentColor;
}
.project-page #page .project-information-details .teaser .video-play-btn:hover:active, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:hover:active, #content-overlay .project-information-details .teaser .video-play-btn:hover:active, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:hover:active {
  color: #ee0085;
}
@media (max-width: 599px) {
  .project-page #page .project-information-details .teaser .video-play-btn, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn, #content-overlay .project-information-details .teaser .video-play-btn, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.31em 0.875em 0.25em 0.875em;
    border-radius: 16px;
    line-height: 1;
  }
  .project-page #page .project-information-details .teaser .video-play-btn.border-white, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn.border-white, #content-overlay .project-information-details .teaser .video-play-btn.border-white, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn.border-white {
    border-color: #FFFFFF;
  }
  .project-page #page .project-information-details .teaser .video-play-btn.bg-white, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn.bg-white, #content-overlay .project-information-details .teaser .video-play-btn.bg-white, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn.bg-white {
    background-color: white;
  }
  .project-page #page .project-information-details .teaser .video-play-btn:hover, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:hover, #content-overlay .project-information-details .teaser .video-play-btn:hover, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .project-page #page .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"], .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"], #content-overlay .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"], #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .project-page #page .project-information-details .teaser .video-play-btn:focus, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:focus, #content-overlay .project-information-details .teaser .video-play-btn:focus, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .project-page #page .project-information-details .teaser .video-play-btn:active, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:active, #content-overlay .project-information-details .teaser .video-play-btn:active, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:active {
    color: currentColor;
  }
  .project-page #page .project-information-details .teaser .video-play-btn:hover:active, .project-page #page #content-overlay .project-information-details .teaser .video-play-btn:hover:active, #content-overlay .project-information-details .teaser .video-play-btn:hover:active, #content-overlay #content-overlay .project-information-details .teaser .video-play-btn:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1800px) {
  .project-page #page .project-information-details .project-cast, .project-page #page .project-information-details .project-sales, .project-page #page .project-information-details .project-festivals, .project-page #page .project-information-details .project-crew, .project-page #page #content-overlay .project-information-details .project-cast, .project-page #page #content-overlay .project-information-details .project-sales, .project-page #page #content-overlay .project-information-details .project-festivals, .project-page #page #content-overlay .project-information-details .project-crew, #content-overlay .project-information-details .project-cast, #content-overlay .project-information-details .project-sales, #content-overlay .project-information-details .project-festivals, #content-overlay .project-information-details .project-crew, #content-overlay #content-overlay .project-information-details .project-cast, #content-overlay #content-overlay .project-information-details .project-sales, #content-overlay #content-overlay .project-information-details .project-festivals, #content-overlay #content-overlay .project-information-details .project-crew {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) {
  .project-page #page section, .project-page #page .fullwidth, .project-page #page .Teaser-section, .project-page #page .news-overview, .project-page #page .fullwidth-list, .project-page #page #footer .newsletter-section, #footer .project-page #page .newsletter-section, .project-page #page .project-information-details, #content-overlay section, #content-overlay .fullwidth, #content-overlay .Teaser-section, #content-overlay .news-overview, #content-overlay .fullwidth-list, #content-overlay #footer .newsletter-section, #footer #content-overlay .newsletter-section, #content-overlay .project-information-details {
    margin-bottom: var(--margin-l, 80px);
  }
  .project-page #page dl, #content-overlay dl {
    margin-bottom: 0;
  }
  .project-page #page .project-information-details h3, .project-page #page .project-information-details .project-information h3, .project-page #page .project-information-details .production-details h3, .project-page #page .project-information-details .synopsis h3, .project-page #page .project-information-details > div h3, #content-overlay .project-information-details h3, #content-overlay .project-information-details .project-information h3, #content-overlay .project-information-details .production-details h3, #content-overlay .project-information-details .synopsis h3, #content-overlay .project-information-details > div h3 {
    margin-top: 2.4em !important;
    margin-bottom: 1em !important;
  }
  .project-page #page .project-information-details .video-container, #content-overlay .project-information-details .video-container {
    height: calc(100vh - var(--margin-top));
    margin-top: 2.4em !important;
    margin-bottom: 0;
  }
}

@media (max-width: 599px) {
  .project-slider .video-js {
    height: 62.355484vw;
  }
}

body.talentpress #content-overlay {
  background-color: black;
}

body.content-overlay-open {
  /* */
}
body.content-overlay-open #content-overlay {
  transform: translateX(0);
}
body.content-overlay-open .search-overlay-buttons {
  display: none;
}
body.content-overlay-open .topnav .topnav-main .btn-share, body.content-overlay-open .topnav .topnav-main .share-button {
  display: inline-block;
}
body.content-overlay-open .topnav #parameter-list-wrapper {
  display: none;
}
body.content-overlay-open .topnav #parameter-list {
  display: none;
}

.talents-only_message svg {
  height: 1em;
  margin-bottom: 3px;
  margin-right: 10px;
  flex-shrink: 0;
}
.talents-only_message svg use {
  fill: white;
}

.program-event .event-header-wrapper {
  margin-top: -3px !important;
}
.program-event .event-header .title-area {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.program-event .event-header .title-area .title-english {
  -webkit-hyphens: none;
          hyphens: none;
}
.program-event .event-header .title-area h1 {
  text-overflow: ellipsis;
  overflow: hidden;
}
.program-event .event-header figure .img-wrapper {
  border-bottom: var(--border) solid black;
}
.program-event .event-header figure figcaption {
  margin-top: 0.5em;
}
@media (max-width: 899px) {
  .program-event .event-header figure figcaption {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .program-event .event-header figure figcaption {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
.program-event .event-header .actions a {
  margin-right: 0.5em;
}
.program-event .event-header .actions .icon {
  width: 1.25em;
  height: 1.25em;
}
.program-event .event-content {
  gap: 0;
}
@media (min-width: 900px) {
  .program-event .event-content > div:first-child {
    padding-right: var(--gutter);
  }
}
@media (min-width: 900px) {
  .program-event .event-content > div:nth-child(2) {
    padding-left: var(--gutter);
  }
}
.program-event section.event-header.nogrid {
  margin-top: -3px;
}
.program-event section.event-header.nogrid > .row, .program-event section.event-header.nogrid > .topnav-tp, .program-event section.event-header.nogrid > .topnav {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 599px) {
  .program-event section.event-header.nogrid > .row, .program-event section.event-header.nogrid > .topnav-tp, .program-event section.event-header.nogrid > .topnav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 8vw;
    padding: 4vw;
    margin: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .program-event section.event-header.nogrid > .row, .program-event section.event-header.nogrid > .topnav-tp, .program-event section.event-header.nogrid > .topnav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .program-event section.event-header.nogrid > .row, .program-event section.event-header.nogrid > .topnav-tp, .program-event section.event-header.nogrid > .topnav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .program-event section.event-header.nogrid > .row, .program-event section.event-header.nogrid > .topnav-tp, .program-event section.event-header.nogrid > .topnav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 7.32026vw;
    padding: 3.66013vw;
    margin: 0;
  }
}
@media (min-width: 1800px) {
  .program-event section.event-header.nogrid > .row, .program-event section.event-header.nogrid > .topnav-tp, .program-event section.event-header.nogrid > .topnav {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}
.program-event .title-area {
  border-right: var(--border) solid black;
  border-bottom: var(--border) solid black;
  border-top: var(--border) solid black;
}
@media (max-width: 599px) {
  .program-event .title-area {
    border-right: none;
  }
}
.program-event .workshop .title-area:before {
  background-color: #3e80b0;
}
.program-event .film-screening .title-area:before {
  background-color: #924eff;
}
.program-event .talks .title-area:before {
  background-color: #ee0085;
}
.program-event .network .title-area:before {
  background-color: #ff7030;
}
.program-event [class^=textblock] {
  margin: 2em 0;
}
@media (max-width: 599px) {
  .program-event .textblock-left, .program-event #page section.grid.align-left > div, #page .program-event section.grid.align-left > div, .program-event #page section.align-left.content-module > div, #page .program-event section.align-left.content-module > div, .program-event #page section.align-left.article-header--smaller > div, #page .program-event section.align-left.article-header--smaller > div, .program-event #page section.align-left.article-meta > div, #page .program-event section.align-left.article-meta > div {
    margin-top: 0;
  }
}

.person-info-section {
  border-bottom: var(--border) solid #000;
  margin: 0px !important;
}
.person-info-section:first-of-type {
  border-top: var(--border) solid #000;
}
.person-info-section .person-info-content {
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .person-info-section .person-info-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 8vw;
    padding: 4vw;
    margin: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .person-info-section .person-info-content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .person-info-section .person-info-content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 10.9375vw;
    padding: 5.46875vw;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .person-info-section .person-info-content {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 7.32026vw;
    padding: 3.66013vw;
    margin: 0;
  }
}
@media (min-width: 1800px) {
  .person-info-section .person-info-content {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}
@media (max-width: 899px) {
  .person-info-section .person-info-content {
    margin-top: 0;
  }
}
.person-info-section .person-info-name {
  line-height: 1;
}
@media (max-width: 599px) {
  .person-info-section .person-info-name {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  .person-info-section .person-info-name {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  .person-info-section .person-info-name {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (max-width: 899px) {
  .person-info-section .person-info-name {
    display: none;
    cursor: pointer;
  }
}
.person-info-section .person-info-name .icon {
  height: 1em;
  width: 1em;
}
.person-info-section .person-info-name[aria-expanded=true] .icon {
  transform: rotate(180deg);
}
.person-info-section .person-info {
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .person-info-section .person-info {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (max-width: 899px) {
  .person-info-section .person-info {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
.person-info-section .person-info-image {
  min-width: 0;
  grid-column-start: auto;
  grid-column-end: span 2;
  box-sizing: border-box;
}
@media (max-width: 899px) {
  .person-info-section .person-info-image {
    min-width: 0;
    grid-column-start: auto;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
.person-info-section .person-info-image .cr-info {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  margin-top: 5px;
}
.person-info-section .person-info-image .cr-info span {
  display: none;
}
.person-info-section .person-info-image .cr-info:before {
  content: "© ";
  cursor: pointer;
}
.person-info-section .person-info-text p {
  margin-top: 22px;
}
@media (max-width: 899px) {
  .person-info-section .person-info-text p {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 900px) {
  .person-info-section .person-info-text p {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
.person-info-section .collapse-toggle.person-info-name {
  display: none;
}
@media (max-width: 599px) {
  .person-info-section .collapse-toggle.person-info-name {
    padding: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .person-info-section .collapse-toggle.person-info-name {
    padding: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .person-info-section .collapse-toggle.person-info-name {
    padding: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .person-info-section .collapse-toggle.person-info-name {
    padding: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  .person-info-section .collapse-toggle.person-info-name {
    padding: 2.8646vw;
  }
}
@media (max-width: 899px) {
  .person-info-section .collapse-toggle.person-info-name {
    display: inline-block;
  }
}
@media (max-width: 899px) {
  .person-info-section .person-info-image {
    text-align: center;
    padding: 0.7em 0.5em 0.7em 0.5em;
  }
  .person-info-section .person-info-image img {
    width: 49%;
  }
}

#collapse-form {
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
}

section.program-index {
  padding: 0px !important;
}
@media (min-width: 900px) {
  section.program-index {
    height: calc(100vh - var(--margin-top, 100px));
    position: fixed;
  }
  section.program-index .program-container {
    height: 100%;
    width: 100vw;
  }
  section.program-index .sidebar {
    flex: 1 1 0;
    height: calc(100vh - var(--margin-top));
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #999 white;
  }
  section.program-index .sidebar::-webkit-scrollbar {
    border-radius: 10px;
    height: 10px;
    width: 10px;
  }
  section.program-index .sidebar::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 5px;
    border: 2px solid white;
  }
  section.program-index .sidebar::-webkit-scrollbar-track {
    background: white;
    border-radius: 5px;
  }
  section.program-index .sidebar .sidebar_filters-wrapper {
    padding: 0 var(--gutter);
  }
  section.program-index .eventlist {
    height: calc(100vh - var(--margin-top));
    overflow-y: scroll;
    scrollbar-width: thin;
  }
}
section.program-index .sidebar {
  background-color: #fff;
  z-index: 99;
}
section.program-index .sidebar.is-active {
  min-height: auto;
}
section.program-index .sidebar.is-active > div {
  pointer-events: all;
  transform: translateX(0);
}
@media (max-width: 899px) {
  section.program-index .sidebar .sidebar_filters-wrapper {
    padding: var(--gutter);
    transition: all 0.4s ease;
  }
}
section.program-index .sidebar .valuefield {
  display: inline-flex;
  line-height: 1;
}
section.program-index .program-container {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 899px) {
  section.program-index .program-container {
    flex-direction: column;
  }
}
section.program-index .program-container #icon-helper {
  height: auto;
  cursor: default;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
section.program-index .program-container #icon-helper #close-icon-helper {
  text-align: right;
}
section.program-index .program-container #icon-helper #close-icon-helper .icon-drop-down {
  cursor: pointer;
  transform: rotate(180deg);
}
section.program-index .program-container #icon-helper .icon-type {
  padding: 10px 0;
  align-items: center;
}
section.program-index .program-container .sidebar {
  padding-bottom: 0 !important;
}
section.program-index .program-container .sidebar .datelist, section.program-index .program-container .sidebar #typeslist, section.program-index .program-container .sidebar #taglist, section.program-index .program-container .sidebar .programme-favorites {
  display: block;
  margin-bottom: 2em;
}
section.program-index .program-container .sidebar .programme-favorites.active {
  text-decoration: underline;
}
@media (max-width: 599px) {
  section.program-index .program-container .more-info {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  section.program-index .program-container .more-info {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  section.program-index .program-container .more-info {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (max-width: 599px) {
  section.program-index .program-container .more-info {
    padding-bottom: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  section.program-index .program-container .more-info {
    padding-bottom: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section.program-index .program-container .more-info {
    padding-bottom: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  section.program-index .program-container .more-info {
    padding-bottom: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  section.program-index .program-container .more-info {
    padding-bottom: 2.8646vw;
  }
}
section.program-index .program-container .more-info a {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(#000, #000);
  background-size: 1px 2px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
@media (max-width: 599px) {
  section.program-index .program-container .more-info a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  section.program-index .program-container .more-info a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  section.program-index .program-container .more-info a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
section.program-index .program-container .more-info a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
section.program-index .program-container .eventlist {
  flex: 1 0 auto;
  position: relative;
  min-height: calc(100vh - var(--margin-top));
  padding: 0 !important;
}
section.program-index .program-container .eventlist:before {
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  content: "Loading";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 599px) {
  section.program-index .program-container .eventlist {
    width: 100%;
    border-left: none !important;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  section.program-index .program-container .eventlist {
    flex: 1 1 100%;
    border-left: none !important;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  section.program-index .program-container .eventlist {
    flex: 1 1 70%;
  }
}
@media (min-width: 1200px) {
  section.program-index .program-container .eventlist {
    flex: 1 1 70%;
  }
}
section.program-index .program-container .eventlist .resultlist .result-item.no-result {
  height: calc(100vh - var(--margin-top));
}
@media (max-width: 599px) {
  section.program-index .program-container .eventlist .resultlist .result-item.no-result {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (min-width: 600px) {
  section.program-index .program-container .eventlist .resultlist .result-item.no-result {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
}
@media (min-width: 1200px) {
  section.program-index .program-container .eventlist .resultlist .result-item.no-result {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: -1.2px;
  }
}
section.program-index .program-container .eventlist .resultlist .result-item:last-child {
  margin-bottom: -3px;
}
section.program-index .program-container .eventlist .resultlist .workshop, section.program-index .program-container .eventlist .resultlist .film-screening, section.program-index .program-container .eventlist .resultlist .talks, section.program-index .program-container .eventlist .resultlist .network, section.program-index .program-container .eventlist .resultlist .lab-studio {
  position: relative;
}
section.program-index .program-container .eventlist .resultlist .workshop:after, section.program-index .program-container .eventlist .resultlist .film-screening:after, section.program-index .program-container .eventlist .resultlist .talks:after, section.program-index .program-container .eventlist .resultlist .network:after, section.program-index .program-container .eventlist .resultlist .lab-studio:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 100%;
  content: "";
  display: inline-block;
}
section.program-index .program-container .eventlist .resultlist .workshop:after {
  border-right: 6px solid #3e80b0;
}
section.program-index .program-container .eventlist .resultlist .film-screening:after {
  border-right: 6px solid #924eff;
}
section.program-index .program-container .eventlist .resultlist .talks:after {
  border-right: 6px solid #ee0085;
}
section.program-index .program-container .eventlist .resultlist .network:after {
  border-right: 6px solid #ff7030;
}
section.program-index .program-container .eventlist .resultlist .lab-studio:after {
  border-right: 6px solid #3e80b0;
}

@media (max-width: 899px) {
  body.filter-persons-open .program-container .sidebar {
    position: fixed;
    top: var(--margin-top);
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
  }
}

.programmes-overview {
  padding: 0 !important;
}
.programmes-overview .programme-info {
  padding: 1.5rem var(--gutter) !important;
  font-size: var(--fs-base);
  letter-spacing: var(--ls-base);
  transition: all 0.3s ease;
  gap: calc(var(--gutter) / 2);
  display: flex;
  flex-flow: column;
  flex-wrap: nowrap;
}
@media (min-width: 600px) {
  .programmes-overview .programme-info {
    flex-flow: row;
    flex-wrap: nowrap;
  }
}
.programmes-overview .programme-info > h3 {
  font-size: var(--fs-h3);
  letter-spacing: var(--ls-h3);
  margin: 0;
  flex: 1 0 20%;
}
.programmes-overview .programme-info div.infotext {
  padding-inline: 0 !important;
}
@media (min-width: 600px) {
  .programmes-overview .programme-info div.infotext {
    flex: 0 1 60%;
  }
}
@media (min-width: 1200px) {
  .programmes-overview .programme-info div.infotext {
    flex: 0 1 811px;
  }
}
.programmes-overview .programme-info div.infotext h3, .programmes-overview .programme-info div.infotext h4:first-of-type {
  margin-top: 0;
}
.programmes-overview .programme-info .img-wrapper {
  max-height: none;
}
@media (min-width: 600px) {
  .programmes-overview .programme-info .img-wrapper {
    flex: 0 0 40%;
  }
}
.programmes-overview .programme-info .img-wrapper img {
  max-width: none;
  height: auto;
}
@media (max-width: 899px) {
  .programmes-overview .programme-info .img-wrapper img {
    width: 100%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .programmes-overview .programme-info .img-wrapper img {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .programmes-overview .programme-info .img-wrapper img {
    width: 100%;
  }
}
@media (min-width: 1800px) {
  .programmes-overview .programme-info .img-wrapper img {
    width: 600px;
  }
}
@media (min-width: 1200px) {
  .programmes-overview .programme-info .img-wrapper {
    flex: 0 1 400px;
  }
}
#page .event-recording {
  margin-top: -3px !important;
}
#page .event-recording .event-recording-top {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  grid-template-areas: "video video" "left_col right_col";
}
#page .event-recording .event-recording-top .video-container {
  grid-area: video;
}
#page .event-recording .event-recording-top .video-container .videoplayer {
  margin: 0;
}
@media (max-width: 899px) {
  #page .event-recording .event-recording-top .video-container {
    border-top: var(--border) solid currentColor;
  }
}
#page .event-recording .event-recording-top .video-container .video-placeholder {
  display: flex;
  justify-content: center;
  height: auto;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: 50%;
  background-size: cover;
  opacity: 1;
  visibility: visible;
  text-align: center;
  transition: opacity 0.3s ease;
  opacity: 1;
  pointer-events: all;
  z-index: 2;
}
#page .event-recording .event-recording-top .video-container .video-placeholder button {
  display: inline-flex;
  align-items: center;
  border: none;
  color: black;
  margin: 0 0.5em 0 0;
  padding: 0.25em 0.8em 0.25em 0.8em;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease;
  border-radius: 16px;
  text-decoration: none !important;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 75px;
  line-height: 1.12;
  letter-spacing: -2.8px;
  padding: 0.27em 0.44em 0.22em 0.44em;
  border-radius: 40px;
  line-height: 1;
  background-color: white !important;
  align-self: center;
}
#page .event-recording .event-recording-top .video-container .video-placeholder button.border-white {
  border-color: #FFFFFF;
}
#page .event-recording .event-recording-top .video-container .video-placeholder button.bg-white {
  background-color: white;
}
#page .event-recording .event-recording-top .video-container .video-placeholder button:hover {
  color: #ee0085;
  box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
}
#page .event-recording .event-recording-top .video-container .video-placeholder button:hover svg *[fill="#000"] {
  fill: #ee0085;
}
#page .event-recording .event-recording-top .video-container .video-placeholder button:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
#page .event-recording .event-recording-top .video-container .video-placeholder button:active {
  color: currentColor;
}
#page .event-recording .event-recording-top .video-container .video-placeholder button:hover:active {
  color: #ee0085;
}
@media (max-width: 899px) {
  #page .event-recording .event-recording-top .video-container .video-placeholder button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    padding: 0.26em 0.74em;
    border-radius: 25px;
    line-height: 1;
  }
  #page .event-recording .event-recording-top .video-container .video-placeholder button.border-white {
    border-color: #FFFFFF;
  }
  #page .event-recording .event-recording-top .video-container .video-placeholder button.bg-white {
    background-color: white;
  }
  #page .event-recording .event-recording-top .video-container .video-placeholder button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  #page .event-recording .event-recording-top .video-container .video-placeholder button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  #page .event-recording .event-recording-top .video-container .video-placeholder button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  #page .event-recording .event-recording-top .video-container .video-placeholder button:active {
    color: currentColor;
  }
  #page .event-recording .event-recording-top .video-container .video-placeholder button:hover:active {
    color: #ee0085;
  }
}
#page .event-recording .event-recording-top .title-area {
  grid-area: left_col;
  padding: var(--margin-xl) var(--gutter);
  margin: 0;
}
@media (max-width: 899px) {
  #page .event-recording .event-recording-top .title-area {
    border-right: none !important;
  }
}
#page .event-recording .event-recording-top .title-area a {
  border-bottom: none;
  color: currentColor;
  text-decoration: none;
  background: transparent;
  background-image: linear-gradient(black, black);
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 95%;
}
#page .event-recording .event-recording-top .title-area a:hover {
  background-image: linear-gradient(#ee0085, #ee0085);
}
#page .event-recording .event-recording-top .title-area h1 {
  font-size: clamp(1.75rem, 5vw, 90px);
  letter-spacing: var(--ls-xl);
}
#page .event-recording .event-recording-top .info-area {
  grid-area: right_col;
  padding: var(--margin-xl) 0;
  margin: 0;
}
#page .event-recording .event-recording-top .info-area .info-list, .project-page #page .event-recording .event-recording-top .info-area .project-information-details > div, .project-page #page #content-overlay .event-recording .event-recording-top .info-area .project-information-details > div, #page .event-recording .event-recording-top .info-area #content-overlay .project-information-details > div, #content-overlay #page .event-recording .event-recording-top .info-area .project-information-details > div {
  margin-top: 0;
}
#page .event-recording .event-recording-top .info-area .quote-footer {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 599px) {
  #page .event-recording .event-recording-top .info-area .quote-footer .cta {
    display: block;
    margin-top: 10px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  #page .event-recording .event-recording-top .info-area .quote-footer .cta {
    display: block;
    margin-top: 10px;
  }
}
#page .event-recording .event-recording-top .info-area .quote-footer .next-slide {
  line-height: 1;
}
#page .event-recording .event-recording-top .quotes-slider .quote-slide .quote-content {
  margin-bottom: 1em;
  cursor: move;
}
@media (max-width: 599px) {
  #page .event-recording .event-recording-top .quotes-slider .quote-slide .quote-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 600px) {
  #page .event-recording .event-recording-top .quotes-slider .quote-slide .quote-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}
@media (min-width: 1200px) {
  #page .event-recording .event-recording-top .quotes-slider .quote-slide .quote-content {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (max-width: 899px) {
  #page .event-recording .event-recording-top {
    grid-template-columns: 100%;
    grid-template-areas: "left_col" "video" "right_col";
  }
  #page .event-recording .event-recording-top .info-area {
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 899px) and (max-width: 599px) {
  #page .event-recording .event-recording-top .info-area {
    border-left: 0px;
  }
}
@media (max-width: 899px) {
  #page .event-recording .event-recording-top .info-list, .project-page #page .event-recording .event-recording-top .project-information-details > div, .project-page #page #content-overlay .event-recording .event-recording-top .project-information-details > div, #page .event-recording .event-recording-top #content-overlay .project-information-details > div, #content-overlay #page .event-recording .event-recording-top .project-information-details > div {
    margin-bottom: 1.5em;
  }
  #page .event-recording .event-recording-top .info-list dt, .project-page #page .event-recording .event-recording-top .project-information-details > div dt, .project-page #page #content-overlay .event-recording .event-recording-top .project-information-details > div dt, #page .event-recording .event-recording-top #content-overlay .project-information-details > div dt, #content-overlay #page .event-recording .event-recording-top .project-information-details > div dt {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -1px;
  }
  #page .event-recording .event-recording-top .info-list dd, .project-page #page .event-recording .event-recording-top .project-information-details > div dd, .project-page #page #content-overlay .event-recording .event-recording-top .project-information-details > div dd, #page .event-recording .event-recording-top #content-overlay .project-information-details > div dd, #content-overlay #page .event-recording .event-recording-top .project-information-details > div dd {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
  }
}

.left-right {
  right: calc(var(--gutter) * 1.3);
  animation: left-right 4s infinite;
}

@keyframes left-right {
  50% {
    right: var(--gutter);
  }
}
.up-down {
  transform: translateY(0);
  animation: left-right 4s infinite;
}

@keyframes up-down {
  50% {
    transform: translateY(-10%);
  }
}
.pulse {
  opacity: 0;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  50% {
    opacity: 1;
  }
}
.video-container {
  padding: 0 !important;
}
@media (max-width: 599px) {
  .video-container .video-info .video-title {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
}
@media (max-width: 599px) {
  .video-container .video-info .video-meta {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
.video-container .videoplayer {
  margin-bottom: 0.4em;
}

.video-placeholder {
  display: flex;
  justify-content: center;
  height: auto;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: 50%;
  background-size: cover;
  opacity: 1;
  visibility: visible;
  text-align: center;
  transition: opacity 0.3s ease;
  opacity: 1;
  pointer-events: all;
  z-index: 2;
}
.video-placeholder.faded-out {
  opacity: 0;
  pointer-events: none;
}

.videoplayer {
  position: relative;
  width: 100%;
}
.videoplayer video {
  width: 100%;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .videoplayer video.video-js.vjs-fill {
    height: calc(100vh - var(--margin-top));
  }
}

.gallery-container {
  padding: 0 !important;
}
.gallery-container .gallery {
  position: relative;
  width: 100%;
  margin-bottom: 0.4em;
  max-height: 100%;
}
.gallery-container .gallery .slick-arrow {
  width: 20%;
  height: 100%;
  z-index: 2;
}

.gallery figure img, .fullwidth figure img, .Teaser-section figure img, .news-overview figure img, .fullwidth-list figure img, #footer .newsletter-section figure img {
  position: relative;
  margin: 0 auto;
  width: 100%;
  flex-shrink: 0;
}
.gallery figure figcaption, .fullwidth figure figcaption, .Teaser-section figure figcaption, .news-overview figure figcaption, .fullwidth-list figure figcaption, #footer .newsletter-section figure figcaption {
  width: 100%;
}

figure .img-wrapper {
  max-height: calc(100vh - 100px);
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex !important;
  align-items: center;
  text-align: center;
}
@media (max-width: 599px) {
  figure .img-wrapper {
    max-height: calc(100vh - 60px);
  }
}
figure .img-wrapper img {
  width: 100%;
  z-index: 20;
}
figure .img-wrapper .lds-grid {
  z-index: 5;
  position: absolut;
  left: 50%;
  transform: translateX(-50%);
}

.image-centered, .align-center {
  min-width: 0;
  grid-column-start: 2;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .image-centered, .align-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) {
  .image-centered, .align-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .image-centered, .align-center {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .image-centered, .align-center {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

@media (max-width: 599px) {
  .block-align-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .block-align-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .block-align-center {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .block-align-center {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .block-align-center {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

.block-align-left {
  min-width: 0;
  grid-column-start: 1;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .block-align-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .block-align-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .block-align-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .block-align-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .block-align-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

.block-align-right {
  min-width: 0;
  grid-column-start: 3;
  grid-column-end: span 4;
  box-sizing: border-box;
  min-width: 0;
  grid-column-start: 1;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .block-align-right {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) {
  .block-align-right {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .block-align-right {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .block-align-right {
    min-width: 0;
    grid-column-start: 4;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

@media (max-width: 599px) {
  .textblock-centered, #page section.grid.align-center > div, #page section.align-center.content-module > div, #page section.align-center.article-header--smaller > div, #page section.align-center.article-meta > div, .media-block-centered {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .textblock-centered, #page section.grid.align-center > div, #page section.align-center.content-module > div, #page section.align-center.article-header--smaller > div, #page section.align-center.article-meta > div, .media-block-centered {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .textblock-centered, #page section.grid.align-center > div, #page section.align-center.content-module > div, #page section.align-center.article-header--smaller > div, #page section.align-center.article-meta > div, .media-block-centered {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .textblock-centered, #page section.grid.align-center > div, #page section.align-center.content-module > div, #page section.align-center.article-header--smaller > div, #page section.align-center.article-meta > div, .media-block-centered {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .textblock-centered, #page section.grid.align-center > div, #page section.align-center.content-module > div, #page section.align-center.article-header--smaller > div, #page section.align-center.article-meta > div, .media-block-centered {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

.textblock-left, #page section.grid.align-left > div, #page section.align-left.content-module > div, #page section.align-left.article-header--smaller > div, #page section.align-left.article-meta > div, .media-block-left {
  min-width: 0;
  grid-column-start: 1;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .textblock-left, #page section.grid.align-left > div, #page section.align-left.content-module > div, #page section.align-left.article-header--smaller > div, #page section.align-left.article-meta > div, .media-block-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .textblock-left, #page section.grid.align-left > div, #page section.align-left.content-module > div, #page section.align-left.article-header--smaller > div, #page section.align-left.article-meta > div, .media-block-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .textblock-left, #page section.grid.align-left > div, #page section.align-left.content-module > div, #page section.align-left.article-header--smaller > div, #page section.align-left.article-meta > div, .media-block-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .textblock-left, #page section.grid.align-left > div, #page section.align-left.content-module > div, #page section.align-left.article-header--smaller > div, #page section.align-left.article-meta > div, .media-block-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .textblock-left, #page section.grid.align-left > div, #page section.align-left.content-module > div, #page section.align-left.article-header--smaller > div, #page section.align-left.article-meta > div, .media-block-left {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

.textblock-right, #page section.grid.align-right > div, #page section.align-right.content-module > div, #page section.align-right.article-header--smaller > div, #page section.align-right.article-meta > div, .media-block-right {
  min-width: 0;
  grid-column-start: 3;
  grid-column-end: span 4;
  box-sizing: border-box;
  min-width: 0;
  grid-column-start: 1;
  grid-column-end: span 4;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .textblock-right, #page section.grid.align-right > div, #page section.align-right.content-module > div, #page section.align-right.article-header--smaller > div, #page section.align-right.article-meta > div, .media-block-right {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) {
  .textblock-right, #page section.grid.align-right > div, #page section.align-right.content-module > div, #page section.align-right.article-header--smaller > div, #page section.align-right.article-meta > div, .media-block-right {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .textblock-right, #page section.grid.align-right > div, #page section.align-right.content-module > div, #page section.align-right.article-header--smaller > div, #page section.align-right.article-meta > div, .media-block-right {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .textblock-right, #page section.grid.align-right > div, #page section.align-right.content-module > div, #page section.align-right.article-header--smaller > div, #page section.align-right.article-meta > div, .media-block-right {
    min-width: 0;
    grid-column-start: 4;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

.textblock-full, .media-block-full {
  grid-column-end: -1;
}

.fullwidth figure, .Teaser-section figure, .news-overview figure, .fullwidth-list figure, #footer .newsletter-section figure {
  width: 100%;
  margin: 0;
}

.info-list h2, .project-page #page .project-information-details > div h2, .project-page #page #content-overlay .project-information-details > div h2, #content-overlay .project-information-details > div h2, #content-overlay #content-overlay .project-information-details > div h2 {
  margin: 1.5em 0 0.75em 0;
}
.info-list dt, .project-page #page .project-information-details > div dt, .project-page #page #content-overlay .project-information-details > div dt, #content-overlay .project-information-details > div dt, #content-overlay #content-overlay .project-information-details > div dt {
  font-size: var(--fs-h4);
  letter-spacing: var(--ls-h4);
}
.info-list dd, .project-page #page .project-information-details > div dd, .project-page #page #content-overlay .project-information-details > div dd, #content-overlay .project-information-details > div dd, #content-overlay #content-overlay .project-information-details > div dd {
  font-family: var(--serif);
  font-size: calc(var(--fs-h4) * var(--serif-factor));
  letter-spacing: var(--ls-h4);
  margin-bottom: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-list dd:last-child, .project-page #page .project-information-details > div dd:last-child, .project-page #page #content-overlay .project-information-details > div dd:last-child, #content-overlay .project-information-details > div dd:last-child, #content-overlay #content-overlay .project-information-details > div dd:last-child {
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .info-list, .project-page #page .project-information-details > div, .project-page #page #content-overlay .project-information-details > div, #content-overlay .project-information-details > div, #content-overlay #content-overlay .project-information-details > div {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
  .info-list dt, .project-page #page .project-information-details > div dt, .project-page #page #content-overlay .project-information-details > div dt, #content-overlay .project-information-details > div dt, #content-overlay #content-overlay .project-information-details > div dt {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 19px;
    line-height: 1.37;
    letter-spacing: -0.6px;
  }
  .info-list dd, .project-page #page .project-information-details > div dd, .project-page #page #content-overlay .project-information-details > div dd, #content-overlay .project-information-details > div dd, #content-overlay #content-overlay .project-information-details > div dd {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 21px;
    line-height: 1.24;
    letter-spacing: -0.6px;
  }
}
.info-list .info-list_action p, .project-page #page .project-information-details > div .info-list_action p, .project-page #page #content-overlay .project-information-details > div .info-list_action p, #content-overlay .project-information-details > div .info-list_action p, #content-overlay #content-overlay .project-information-details > div .info-list_action p {
  max-width: 400px;
}
.info-list .tag-list a:hover, .project-page #page .project-information-details > div .tag-list a:hover, .project-page #page #content-overlay .project-information-details > div .tag-list a:hover, #content-overlay .project-information-details > div .tag-list a:hover, #content-overlay #content-overlay .project-information-details > div .tag-list a:hover {
  text-decoration: underline;
  text-decoration-thickness: from-font;
}

.search-select-container {
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
}
.search-select-container .optionfacet {
  margin-left: 10px;
}

/*
.slideshow kann im layout dargestellt werden
.slideshow.lightbox ist eine fullscreen slideshow
*/
.lightbox {
  background-color: #dfdde1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  visibility: hidden;
  transition: visibility 0.1s linear 0.5s;
  z-index: 200;
}
.lightbox .embed-container {
  height: 100%;
  width: 100%;
  position: relative;
}
@media (max-width: 899px) {
  .lightbox .embed-container {
    transform: translateY(25%);
  }
}
@media (min-width: 1200px) {
  .lightbox .embed-container {
    padding: 5% 12.5%;
  }
}
.lightbox .slideshowimages {
  opacity: 0;
  transition: opacity 0.5s linear;
}
.lightbox .slideshowcaptions-wrapper {
  opacity: 0;
  transition: opacity 0.5s linear;
  background-color: white;
}
.lightbox .close-gfx {
  display: inline-block;
  position: absolute;
  right: calc(var(--gutter) / 2);
  top: calc(var(--gutter) / 2);
  cursor: pointer;
  z-index: 30;
}
.lightbox .close-gfx:before, .lightbox .close-gfx:after {
  height: 2px;
}

.lightbox.on {
  visibility: visible;
  transition: visibility 0s;
}
.lightbox.on .slideshowimages {
  opacity: 1;
}
.lightbox.on .slideshowcaptions-wrapper {
  opacity: 1;
  background-color: white;
}

.open-lightbox {
  margin-bottom: 1em;
}

.slideshow {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1200px) {
  .slideshow.medium-width {
    width: 64%;
  }
}
@media (min-width: 1800px) {
  .slideshow.medium-width {
    width: 73%;
  }
}
.slideshow .slideshowimages {
  height: 0 !important;
  padding-top: 56.25%;
  padding-top: 66.6666666667%;
  flex-grow: 1;
  position: relative;
}
.slideshow .slideshowimages .slick-list {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.slideshow .slideshowimages .slick-track,
.slideshow .slideshowimages .slick-slide,
.slideshow .slideshowimages .slick-slide > div {
  height: 100%;
  overflow: hidden;
}
.slideshow .slideshowimages .img-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.slideshow .slideshowimages .img-wrapper img {
  flex-grow: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.slideshow .slideshowcaptions-wrapper {
  bottom: 0;
  left: 0;
  width: 100%;
  flex-grow: 0;
  position: relative;
}
.slideshow .slideshowcaptions-wrapper .slideshowcaptions {
  background: white;
  width: 90%;
  padding: 0.5em;
  padding-left: 0;
  padding-right: 0;
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 21px;
  line-height: 1.24;
  letter-spacing: -0.6px;
}
.slideshow .slideshowcaptions-wrapper .slideshowcounter {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  position: absolute;
  top: 0.5em;
  right: 0;
}
.slideshow .slick-prev {
  cursor: url("../gfx/arrow-prev.svg") 12 12, auto;
}
.slideshow .slick-next {
  cursor: url("../gfx/arrow-next.svg") 12 12, auto;
}
.slideshow .slick-prev, .slideshow .slick-next {
  margin: 0;
  width: 33%;
  height: 100%;
  z-index: 20;
  box-shadow: none;
}
.slideshow .slick-prev:before, .slideshow .slick-next:before {
  display: none;
}
.slideshow .slick-dots {
  bottom: 0.5em;
}
.slideshow .slick-dots button:before {
  color: gray;
  font-size: 10px;
  opacity: 0.4;
}
.slideshow .slick-dots .slick-active button:before {
  color: gray;
  opacity: 0.8;
}
.slideshow .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slideshow .close-gfx {
  display: none;
}

.slideshow.lightbox-enabled .img-wrapper {
  cursor: zoom-in;
}

.slideshow.lightbox {
  height: 100vh;
  width: 100%;
}
@media (max-width: 599px) {
  .slideshow.lightbox {
    height: 100%;
  }
}
.slideshow.lightbox .slideshowimages {
  height: auto;
  padding-top: 0;
}
.slideshow.lightbox .slick-slide > div > div {
  height: 100%;
}
.slideshow.lightbox .slideshowcaptions-wrapper .slideshowcaptions {
  padding-right: 5em;
  min-height: 80px;
}
@media (max-width: 599px) {
  .slideshow.lightbox .slideshowcaptions-wrapper .slideshowcaptions {
    padding-left: 4vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .slideshow.lightbox .slideshowcaptions-wrapper .slideshowcaptions {
    padding-left: 5.46875vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .slideshow.lightbox .slideshowcaptions-wrapper .slideshowcaptions {
    padding-left: 5.46875vw;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .slideshow.lightbox .slideshowcaptions-wrapper .slideshowcaptions {
    padding-left: 3.66013vw;
  }
}
@media (min-width: 1800px) {
  .slideshow.lightbox .slideshowcaptions-wrapper .slideshowcaptions {
    padding-left: 2.8646vw;
  }
}
.slideshow.lightbox .close-gfx {
  display: inline-block;
  transition: transform 0.3s ease;
}
.slideshow.lightbox .close-gfx:before, .slideshow.lightbox .close-gfx:after {
  background: black;
}

.slideshow-wrapper {
  display: flex;
  margin-bottom: 1em;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 599px) {
  .slideshow-wrapper .slideshow {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 2;
    box-sizing: border-box;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .slideshow-wrapper .slideshow {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .slideshow-wrapper .slideshow {
    min-width: 0;
    grid-column-start: 1;
    grid-column-end: span 3;
    box-sizing: border-box;
  }
}
@media (min-width: 1200px) {
  .slideshow-wrapper .slideshow {
    min-width: 0;
    grid-column-start: 2;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}
@media (min-width: 1800px) {
  .slideshow-wrapper .slideshow {
    min-width: 0;
    grid-column-start: 3;
    grid-column-end: span 4;
    box-sizing: border-box;
  }
}

/*
.slideshow.align-center{
  @include block-align-center();
  padding:0 !important;

  button.slick-arrow{
    box-shadow:none;
    width:75%;
    opacity:0.5;
    height:100%;
  }
}
.slideshow.align-left{
  @include block-align-left();
  padding:0 !important;
}
.slideshow.align-right{
  @include block-align-right();
  padding:0 !important;
}
.slideshow.left{
  grid-column-start:1;
}
.slideshow.right{
  @include for-phone-only{
    grid-column-start:1;
  }
  @include for-tablet-landscape-down{
    grid-column-start:1;
  }
  @include for-desktop-only{
    grid-column-start:2;
  }
  @include for-big-desktop-up{
    grid-column-start:3;
  }
}
.slideshow.large{
    @include for-tablet-portrait-up{
      grid-column-end:span 4;
    }
    @include for-desktop-only{
      grid-column-end:span 5;
    }
    @include for-big-desktop-up{
      grid-column-end:span 6;
    }
    @include for-phone-only{
      grid-column-end:span 2;
    }
}



#sample-slideshow-4_slideshow{
  @include col(2, 1);
  // height:500px;
  padding:0 !important;
  .slideshowcaptions-wrapper .slideshowcaptions{
    @include grotesk_smaller;
  }
}
#sample-slideshow-5_slideshow{
  @include col(2, 3);
  // height:500px;
  padding:0 !important;
  .slideshowcaptions-wrapper .slideshowcaptions{
    @include grotesk_smaller;
  }
}
#sample-slideshow-6_slideshow{
  @include col(2, 5);
  // height:500px;
  padding:0 !important;
  .slideshowcaptions-wrapper .slideshowcaptions{
    @include grotesk_smaller;
  }
}
*/
.shoutout {
  line-height: 1 !important;
}
@media (max-width: 599px) {
  .shoutout {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
  }
}
@media (min-width: 600px) {
  .shoutout {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 75px;
    line-height: 1.12;
    letter-spacing: -2.8px;
  }
}
@media (min-width: 1200px) {
  .shoutout {
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 90px;
    line-height: 1.14;
    letter-spacing: -3.5px;
  }
}
@media (max-width: 599px) {
  .shoutout a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 42px;
    line-height: 1.24;
    letter-spacing: -0.0642857em;
  }
}
@media (min-width: 600px) {
  .shoutout a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 72px;
    line-height: 1.11;
    letter-spacing: -3.4px;
  }
}
@media (min-width: 1200px) {
  .shoutout a {
    font-family: "Lars";
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 84px;
    line-height: 1.1;
    letter-spacing: -0.045238em;
  }
}

#mainnav .shoutout a {
  border-bottom: 3px solid currentColor;
}

.contact-form #error-layer {
  font-family: "Panama";
  font-size: 26px;
  line-height: 1.16;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: -2px;
  z-index: 2;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(163, 163, 163, 0.6588235294);
  transition: opacity 0.3s ease;
}
.contact-form #error-layer label.error {
  color: black;
  font-family: "Lars";
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1px;
  display: block !important;
}

.show-hidden, .hide-hidden, .profile-page .profile-data .profile-data-text .profile-info .show-hidden, .profile-page .profile-data .profile-data-text .profile-info .hide-hidden, .show-all {
  cursor: pointer;
  transition: letter-spacing 0.3s ease;
}
.show-hidden:hover, .hide-hidden:hover, .profile-page .profile-data .profile-data-text .profile-info .show-hidden:hover, .profile-page .profile-data .profile-data-text .profile-info .hide-hidden:hover, .show-all:hover {
  letter-spacing: 2px;
}

.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  width: 20px;
  aspect-ratio: 1;
  display: none;
}

.spinner .path {
  stroke: #fff;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.faded_out {
  opacity: 0 !important;
}

.fade_out {
  animation: fade_out 0.45s linear;
}

.fade_in {
  animation: fade_in 0.45s linear;
}

@keyframes fade_in {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.line-animation {
  animation-name: line-animation;
  animation-duration: 0.8s;
  animation-timing-function: ease-in;
}

@keyframes line-animation {
  from {
    color: black;
  }
  to {
    color: red;
  }
}
.transform_all_03, .media-block .media-placeholder, .inline-items_section .inline-items_item, .talentpress-grid .teaser-article {
  transition: all 0.3s cubic-bezier(1, 0, 0.29, 1);
}

.transform_all_06, .hero2 h2 .inline-img {
  transition: all 0.6s cubic-bezier(1, 0, 0.29, 1);
}

.preload * {
  transition: none !important;
}

svg use {
  fill: black;
}
svg:hover use {
  fill: #ee0085;
}
svg.close-x {
  height: 0.75em;
}

body.talentpress svg use {
  fill: white;
  stroke: white;
}
body.talentpress svg:hover use {
  fill: #ee0085;
}

#BT_Logo_R_Black_sRGB-BoundingBox {
  fill: none;
}

#drop-up-Path, #drop-down-Path {
  fill: none;
}

[id~=BoundingBox] {
  fill: transparent;
}
[id~=BoundingBox] rect {
  fill: transparent;
}

.vjs-talents .vjs-poster {
  background-size: cover;
}
.vjs-talents .vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}
.vjs-talents .vjs-big-play-button {
  transition: background 250ms ease !important;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 599px) {
  .vjs-talents .vjs-big-play-button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.31em 0.875em 0.25em 0.875em;
    border-radius: 16px;
    line-height: 1;
    border-color: white;
  }
  .vjs-talents .vjs-big-play-button.border-white {
    border-color: #FFFFFF;
  }
  .vjs-talents .vjs-big-play-button.bg-white {
    background-color: white;
  }
  .vjs-talents .vjs-big-play-button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .vjs-talents .vjs-big-play-button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .vjs-talents .vjs-big-play-button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .vjs-talents .vjs-big-play-button:active {
    color: currentColor;
  }
  .vjs-talents .vjs-big-play-button:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 600px) {
  .vjs-talents .vjs-big-play-button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -0.9px;
    padding: 0.24em 0.46em 0.23em 0.46em;
    border-radius: 16px;
    line-height: 1;
    border-color: white;
  }
  .vjs-talents .vjs-big-play-button.border-white {
    border-color: #FFFFFF;
  }
  .vjs-talents .vjs-big-play-button.bg-white {
    background-color: white;
  }
  .vjs-talents .vjs-big-play-button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .vjs-talents .vjs-big-play-button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .vjs-talents .vjs-big-play-button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .vjs-talents .vjs-big-play-button:active {
    color: currentColor;
  }
  .vjs-talents .vjs-big-play-button:hover:active {
    color: #ee0085;
  }
}
@media (min-width: 1200px) {
  .vjs-talents .vjs-big-play-button {
    display: inline-flex;
    align-items: center;
    border: none;
    color: black;
    margin: 0 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease;
    border-radius: 16px;
    text-decoration: none !important;
    font-family: "Panama";
    font-size: 26px;
    line-height: 1.16;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 45px;
    line-height: 1.16;
    letter-spacing: -2px;
    padding: 0.26em 0.74em;
    border-radius: 25px;
    line-height: 1;
    border-color: white;
  }
  .vjs-talents .vjs-big-play-button.border-white {
    border-color: #FFFFFF;
  }
  .vjs-talents .vjs-big-play-button.bg-white {
    background-color: white;
  }
  .vjs-talents .vjs-big-play-button:hover {
    color: #ee0085;
    box-shadow: 0 0.1rem 0.3rem rgba(238, 0, 133, 0.4705882353);
  }
  .vjs-talents .vjs-big-play-button:hover svg *[fill="#000"] {
    fill: #ee0085;
  }
  .vjs-talents .vjs-big-play-button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
  .vjs-talents .vjs-big-play-button:active {
    color: currentColor;
  }
  .vjs-talents .vjs-big-play-button:hover:active {
    color: #ee0085;
  }
}
.vjs-talents .vjs-big-play-button:before {
  content: "Play";
  display: inline-block;
}
.vjs-talents .vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}

.vjs-has-started .vjs-big-play-button {
  display: none !important;
}