@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.
 */
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: bolder;
}

/**
 * 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, (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(326, 100%, 47%);
  --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;
  }
}

/*
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.

*/
/*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, .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: 9;
}

.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 {
  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, .story_section .story-imagegradient img, .image-masonry > .media-block-row > div figure img, .talent-slider .slick-list img, .talentpress-grid .teaser-article .img-landscape 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-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  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;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[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("./../gfx/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/../fonts/slick.eot");
  src: url("../fonts/../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/../fonts/slick.woff") format("woff"), url("../fonts/../fonts/slick.ttf") format("truetype"), url("../fonts/../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: normal;
  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 {
    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 {
    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 {
    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, #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, #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, .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 {
  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 {
  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 {
  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;
}

.presentation__header h1 {
  font-size: clamp(1.75rem, 5vw, 90px);
}

/* 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;
}

.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.align-right.content-module.grid > div ~ 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, section.content-module #page section.align-right.article-meta.grid > div ~ div, #page section.content-module section.align-right.article-meta.grid > 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.grid.align-right.content-module > div ~ div, #page section.content-module section.grid.align-right.content-module > div ~ div, #page section.align-right.content-module > div ~ div, section.content-module #page section.align-right.article-header--smaller.content-module > div ~ div, #page section.content-module section.align-right.article-header--smaller.content-module > div ~ div, section.content-module #page section.align-right.article-meta.content-module > div ~ div, #page section.content-module section.align-right.article-meta.content-module > 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.grid.align-right.article-header--smaller > div ~ div, #page section.content-module section.grid.align-right.article-header--smaller > div ~ div, #page section.align-right.content-module.article-header--smaller > 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-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-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.grid.align-right.article-meta > div ~ div, #page section.content-module section.grid.align-right.article-meta > div ~ div, #page section.align-right.content-module.article-meta > 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-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-left.align-right > div ~ div, section.content-module #page section.grid.align-left.align-right.content-module > div ~ div, section.content-module #page section.grid.align-left.align-right.article-header--smaller > div ~ div, section.content-module #page section.grid.align-left.align-right.article-meta > 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-left.align-right > div ~ div, #page section.content-module section.grid.align-left.align-right.content-module > div ~ div, #page section.content-module section.grid.align-left.align-right.article-header--smaller > div ~ div, #page section.content-module section.grid.align-left.align-right.article-meta > 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.align-left.content-module.grid.align-right > div ~ div, #page section.align-left.content-module.align-right > div ~ div, #page section.align-left.content-module.align-right.article-header--smaller > div ~ div, #page section.align-left.content-module.align-right.article-meta > 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.align-left.article-header--smaller.grid.align-right > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-right.content-module > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-right > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-right.article-meta > 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.align-left.article-header--smaller.grid.align-right > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-right.content-module > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-right > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-right.article-meta > 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.align-left.article-meta.grid.align-right > div ~ div, section.content-module #page section.align-left.article-meta.align-right.content-module > div ~ div, section.content-module #page section.align-left.article-meta.align-right.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-meta.align-right > 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.align-left.article-meta.grid.align-right > div ~ div, #page section.content-module section.align-left.article-meta.align-right.content-module > div ~ div, #page section.content-module section.align-left.article-meta.align-right.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-meta.align-right > 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-left.align-right > div ~ div, section.content-module #page section.grid.align-left.align-right.content-module > div ~ div, section.content-module #page section.grid.align-left.align-right.article-header--smaller > div ~ div, section.content-module #page section.grid.align-left.align-right.article-meta > 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-left.align-right > div ~ div, #page section.content-module section.grid.align-left.align-right.content-module > div ~ div, #page section.content-module section.grid.align-left.align-right.article-header--smaller > div ~ div, #page section.content-module section.grid.align-left.align-right.article-meta > 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.align-left.content-module.grid > div ~ 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, section.content-module #page section.align-left.article-meta.grid > div ~ div, #page section.content-module section.align-left.article-meta.grid > 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.align-left.content-module.grid.align-right > div ~ div, #page section.align-left.content-module.align-right > div ~ div, #page section.align-left.content-module.align-right.article-header--smaller > div ~ div, #page section.align-left.content-module.align-right.article-meta > 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.grid.align-left.content-module > div ~ div, #page section.content-module section.grid.align-left.content-module > div ~ div, #page section.align-left.content-module > div ~ div, section.content-module #page section.align-left.article-header--smaller.content-module > div ~ div, #page section.content-module section.align-left.article-header--smaller.content-module > div ~ div, section.content-module #page section.align-left.article-meta.content-module > div ~ div, #page section.content-module section.align-left.article-meta.content-module > 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.align-left.article-header--smaller.grid.align-right > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-right.content-module > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-right > div ~ div, section.content-module #page section.align-left.article-header--smaller.align-right.article-meta > 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.align-left.article-header--smaller.grid.align-right > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-right.content-module > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-right > div ~ div, #page section.content-module section.align-left.article-header--smaller.align-right.article-meta > 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.grid.align-left.article-header--smaller > div ~ div, #page section.content-module section.grid.align-left.article-header--smaller > div ~ div, #page section.align-left.content-module.article-header--smaller > 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-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-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.align-left.article-meta.grid.align-right > div ~ div, section.content-module #page section.align-left.article-meta.align-right.content-module > div ~ div, section.content-module #page section.align-left.article-meta.align-right.article-header--smaller > div ~ div, section.content-module #page section.align-left.article-meta.align-right > 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.align-left.article-meta.grid.align-right > div ~ div, #page section.content-module section.align-left.article-meta.align-right.content-module > div ~ div, #page section.content-module section.align-left.article-meta.align-right.article-header--smaller > div ~ div, #page section.content-module section.align-left.article-meta.align-right > 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.grid.align-left.article-meta > div ~ div, #page section.content-module section.grid.align-left.article-meta > div ~ div, #page section.align-left.content-module.article-meta > 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-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-center.align-right > div ~ div, section.content-module #page section.grid.align-center.align-right.content-module > div ~ div, section.content-module #page section.grid.align-center.align-right.article-header--smaller > div ~ div, section.content-module #page section.grid.align-center.align-right.article-meta > 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-center.align-left > div ~ div, section.content-module #page section.grid.align-center.align-left.content-module > div ~ div, section.content-module #page section.grid.align-center.align-left.article-header--smaller > div ~ div, section.content-module #page section.grid.align-center.align-left.article-meta > 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-center.align-right > div ~ div, #page section.content-module section.grid.align-center.align-right.content-module > div ~ div, #page section.content-module section.grid.align-center.align-right.article-header--smaller > div ~ div, #page section.content-module section.grid.align-center.align-right.article-meta > 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-center.align-left > div ~ div, #page section.content-module section.grid.align-center.align-left.content-module > div ~ div, #page section.content-module section.grid.align-center.align-left.article-header--smaller > div ~ div, #page section.content-module section.grid.align-center.align-left.article-meta > 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.align-center.content-module.grid.align-right > div ~ div, #page section.align-center.content-module.align-right > div ~ div, #page section.align-center.content-module.align-right.article-header--smaller > div ~ div, #page section.align-center.content-module.align-right.article-meta > div ~ div, #page section.align-center.content-module > div ~ .media-block-right, #page section.align-center.content-module > div ~ .textblock-left, #page section.align-center.content-module.grid.align-left > div ~ div, #page section.align-center.content-module.align-left > div ~ div, #page section.align-center.content-module.align-left.article-header--smaller > div ~ div, #page section.align-center.content-module.align-left.article-meta > 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.align-center.article-header--smaller.grid.align-right > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-right.content-module > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-right > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-right.article-meta > 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.align-center.article-header--smaller.grid.align-left > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-left.content-module > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-left > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-left.article-meta > 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.align-center.article-header--smaller.grid.align-right > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-right.content-module > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-right > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-right.article-meta > 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.align-center.article-header--smaller.grid.align-left > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-left.content-module > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-left > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-left.article-meta > 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.align-center.article-meta.grid.align-right > div ~ div, section.content-module #page section.align-center.article-meta.align-right.content-module > div ~ div, section.content-module #page section.align-center.article-meta.align-right.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-meta.align-right > 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.align-center.article-meta.grid.align-left > div ~ div, section.content-module #page section.align-center.article-meta.align-left.content-module > div ~ div, section.content-module #page section.align-center.article-meta.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-meta.align-left > 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.align-center.article-meta.grid.align-right > div ~ div, #page section.content-module section.align-center.article-meta.align-right.content-module > div ~ div, #page section.content-module section.align-center.article-meta.align-right.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-meta.align-right > 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.align-center.article-meta.grid.align-left > div ~ div, #page section.content-module section.align-center.article-meta.align-left.content-module > div ~ div, #page section.content-module section.align-center.article-meta.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-meta.align-left > 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-center.align-right > div ~ div, section.content-module #page section.grid.align-center.align-right.content-module > div ~ div, section.content-module #page section.grid.align-center.align-right.article-header--smaller > div ~ div, section.content-module #page section.grid.align-center.align-right.article-meta > 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-center.align-left > div ~ div, section.content-module #page section.grid.align-center.align-left.content-module > div ~ div, section.content-module #page section.grid.align-center.align-left.article-header--smaller > div ~ div, section.content-module #page section.grid.align-center.align-left.article-meta > 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-center.align-right > div ~ div, #page section.content-module section.grid.align-center.align-right.content-module > div ~ div, #page section.content-module section.grid.align-center.align-right.article-header--smaller > div ~ div, #page section.content-module section.grid.align-center.align-right.article-meta > 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-center.align-left > div ~ div, #page section.content-module section.grid.align-center.align-left.content-module > div ~ div, #page section.content-module section.grid.align-center.align-left.article-header--smaller > div ~ div, #page section.content-module section.grid.align-center.align-left.article-meta > 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.align-center.content-module.grid > div ~ 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, section.content-module #page section.align-center.article-meta.grid > div ~ div, #page section.content-module section.align-center.article-meta.grid > 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.align-center.content-module.grid.align-right > div ~ div, #page section.align-center.content-module.align-right > div ~ div, #page section.align-center.content-module.align-right.article-header--smaller > div ~ div, #page section.align-center.content-module.align-right.article-meta > div ~ div, #page section.align-center.content-module > .media-block-right ~ div, #page section.align-center.content-module > .textblock-left ~ div, #page section.align-center.content-module.grid.align-left > div ~ div, #page section.align-center.content-module.align-left > div ~ div, #page section.align-center.content-module.align-left.article-header--smaller > div ~ div, #page section.align-center.content-module.align-left.article-meta > 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.grid.align-center.content-module > div ~ div, #page section.content-module section.grid.align-center.content-module > div ~ div, #page section.align-center.content-module > div ~ div, section.content-module #page section.align-center.article-header--smaller.content-module > div ~ div, #page section.content-module section.align-center.article-header--smaller.content-module > div ~ div, section.content-module #page section.align-center.article-meta.content-module > div ~ div, #page section.content-module section.align-center.article-meta.content-module > 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.align-center.article-header--smaller.grid.align-right > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-right.content-module > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-right > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-right.article-meta > 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.align-center.article-header--smaller.grid.align-left > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-left.content-module > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-left > div ~ div, section.content-module #page section.align-center.article-header--smaller.align-left.article-meta > 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.align-center.article-header--smaller.grid.align-right > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-right.content-module > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-right > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-right.article-meta > 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.align-center.article-header--smaller.grid.align-left > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-left.content-module > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-left > div ~ div, #page section.content-module section.align-center.article-header--smaller.align-left.article-meta > 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.grid.align-center.article-header--smaller > div ~ div, #page section.content-module section.grid.align-center.article-header--smaller > div ~ div, #page section.align-center.content-module.article-header--smaller > 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-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-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.align-center.article-meta.grid.align-right > div ~ div, section.content-module #page section.align-center.article-meta.align-right.content-module > div ~ div, section.content-module #page section.align-center.article-meta.align-right.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-meta.align-right > 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.align-center.article-meta.grid.align-left > div ~ div, section.content-module #page section.align-center.article-meta.align-left.content-module > div ~ div, section.content-module #page section.align-center.article-meta.align-left.article-header--smaller > div ~ div, section.content-module #page section.align-center.article-meta.align-left > 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.align-center.article-meta.grid.align-right > div ~ div, #page section.content-module section.align-center.article-meta.align-right.content-module > div ~ div, #page section.content-module section.align-center.article-meta.align-right.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-meta.align-right > 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.align-center.article-meta.grid.align-left > div ~ div, #page section.content-module section.align-center.article-meta.align-left.content-module > div ~ div, #page section.content-module section.align-center.article-meta.align-left.article-header--smaller > div ~ div, #page section.content-module section.align-center.article-meta.align-left > 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.grid.align-center.article-meta > div ~ div, #page section.content-module section.grid.align-center.article-meta > div ~ div, #page section.align-center.content-module.article-meta > 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-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;
  }
}

.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);
}

.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-summary, .story_section .story-text .story-headline {
  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;
}

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);
  border-top: 1px solid currentColor;
  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;
  }
}

.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;
  }
}

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: normal;
  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 {
    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 {
    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 {
    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, .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, .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, .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 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, .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, .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.align-right.content-module.grid > div + div, #page section.align-right.article-header--smaller.grid > div + div, #page section.align-right.article-meta.grid > 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.grid.align-right.content-module > div + div, #page section.align-right.content-module > div + div, #page section.align-right.article-header--smaller.content-module > div + div, #page section.align-right.article-meta.content-module > 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.grid.align-right.article-header--smaller > div + div, #page section.align-right.content-module.article-header--smaller > div + div, #page section.align-right.article-header--smaller > div + div, #page section.align-right.article-meta.article-header--smaller > 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.grid.align-right.article-meta > div + div, #page section.align-right.content-module.article-meta > div + div, #page section.align-right.article-header--smaller.article-meta > 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-left.align-right > div + div, #page section.grid.align-left.align-right.content-module > div + div, #page section.grid.align-left.align-right.article-header--smaller > div + div, #page section.grid.align-left.align-right.article-meta > 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.align-left.content-module.grid.align-right > div + div, #page section.align-left.content-module.align-right > div + div, #page section.align-left.content-module.align-right.article-header--smaller > div + div, #page section.align-left.content-module.align-right.article-meta > 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.align-left.article-header--smaller.grid.align-right > div + div, #page section.align-left.article-header--smaller.align-right.content-module > div + div, #page section.align-left.article-header--smaller.align-right > div + div, #page section.align-left.article-header--smaller.align-right.article-meta > 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.align-left.article-meta.grid.align-right > div + div, #page section.align-left.article-meta.align-right.content-module > div + div, #page section.align-left.article-meta.align-right.article-header--smaller > div + div, #page section.align-left.article-meta.align-right > 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-left.align-right > div + div, #page section.grid.align-left.align-right.content-module > div + div, #page section.grid.align-left.align-right.article-header--smaller > div + div, #page section.grid.align-left.align-right.article-meta > 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.align-left.content-module.grid > div + div, #page section.align-left.article-header--smaller.grid > div + div, #page section.align-left.article-meta.grid > 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.align-left.content-module.grid.align-right > div + div, #page section.align-left.content-module.align-right > div + div, #page section.align-left.content-module.align-right.article-header--smaller > div + div, #page section.align-left.content-module.align-right.article-meta > div + div, #page section.align-left.content-module > .media-block-right + div, #page section.align-left.content-module > .textblock-left + div, #page section.grid.align-left.content-module > div + div, #page section.align-left.content-module > div + div, #page section.align-left.article-header--smaller.content-module > div + div, #page section.align-left.article-meta.content-module > 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.align-left.article-header--smaller.grid.align-right > div + div, #page section.align-left.article-header--smaller.align-right.content-module > div + div, #page section.align-left.article-header--smaller.align-right > div + div, #page section.align-left.article-header--smaller.align-right.article-meta > 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.grid.align-left.article-header--smaller > div + div, #page section.align-left.content-module.article-header--smaller > div + div, #page section.align-left.article-header--smaller > div + div, #page section.align-left.article-meta.article-header--smaller > 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.align-left.article-meta.grid.align-right > div + div, #page section.align-left.article-meta.align-right.content-module > div + div, #page section.align-left.article-meta.align-right.article-header--smaller > div + div, #page section.align-left.article-meta.align-right > div + div, #page section.align-left.article-meta > .media-block-right + div, #page section.align-left.article-meta > .textblock-left + div, #page section.grid.align-left.article-meta > div + div, #page section.align-left.content-module.article-meta > div + div, #page section.align-left.article-header--smaller.article-meta > 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-center.align-right > div + div, #page section.grid.align-center.align-right.content-module > div + div, #page section.grid.align-center.align-right.article-header--smaller > div + div, #page section.grid.align-center.align-right.article-meta > div + div, #page section.grid.align-center > div + .media-block-right, #page section.grid.align-center > div + .textblock-left, #page section.grid.align-center.align-left > div + div, #page section.grid.align-center.align-left.content-module > div + div, #page section.grid.align-center.align-left.article-header--smaller > div + div, #page section.grid.align-center.align-left.article-meta > 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.align-center.content-module.grid.align-right > div + div, #page section.align-center.content-module.align-right > div + div, #page section.align-center.content-module.align-right.article-header--smaller > div + div, #page section.align-center.content-module.align-right.article-meta > div + div, #page section.align-center.content-module > div + .media-block-right, #page section.align-center.content-module > div + .textblock-left, #page section.align-center.content-module.grid.align-left > div + div, #page section.align-center.content-module.align-left > div + div, #page section.align-center.content-module.align-left.article-header--smaller > div + div, #page section.align-center.content-module.align-left.article-meta > 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.align-center.article-header--smaller.grid.align-right > div + div, #page section.align-center.article-header--smaller.align-right.content-module > div + div, #page section.align-center.article-header--smaller.align-right > div + div, #page section.align-center.article-header--smaller.align-right.article-meta > 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.align-center.article-header--smaller.grid.align-left > div + div, #page section.align-center.article-header--smaller.align-left.content-module > div + div, #page section.align-center.article-header--smaller.align-left > div + div, #page section.align-center.article-header--smaller.align-left.article-meta > 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.align-center.article-meta.grid.align-right > div + div, #page section.align-center.article-meta.align-right.content-module > div + div, #page section.align-center.article-meta.align-right.article-header--smaller > div + div, #page section.align-center.article-meta.align-right > div + div, #page section.align-center.article-meta > div + .media-block-right, #page section.align-center.article-meta > div + .textblock-left, #page section.align-center.article-meta.grid.align-left > div + div, #page section.align-center.article-meta.align-left.content-module > div + div, #page section.align-center.article-meta.align-left.article-header--smaller > div + div, #page section.align-center.article-meta.align-left > 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-center.align-right > div + div, #page section.grid.align-center.align-right.content-module > div + div, #page section.grid.align-center.align-right.article-header--smaller > div + div, #page section.grid.align-center.align-right.article-meta > div + div, #page section.grid.align-center > .media-block-right + div, #page section.grid.align-center > .textblock-left + div, #page section.grid.align-center.align-left > div + div, #page section.grid.align-center.align-left.content-module > div + div, #page section.grid.align-center.align-left.article-header--smaller > div + div, #page section.grid.align-center.align-left.article-meta > 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.align-center.content-module.grid > div + div, #page section.align-center.article-header--smaller.grid > div + div, #page section.align-center.article-meta.grid > 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.align-center.content-module.grid.align-right > div + div, #page section.align-center.content-module.align-right > div + div, #page section.align-center.content-module.align-right.article-header--smaller > div + div, #page section.align-center.content-module.align-right.article-meta > div + div, #page section.align-center.content-module > .media-block-right + div, #page section.align-center.content-module > .textblock-left + div, #page section.align-center.content-module.grid.align-left > div + div, #page section.align-center.content-module.align-left > div + div, #page section.align-center.content-module.align-left.article-header--smaller > div + div, #page section.align-center.content-module.align-left.article-meta > div + div, #page section.align-center.content-module > .media-block-left + div, #page section.align-center.content-module > .textblock-centered + div, #page section.grid.align-center.content-module > div + div, #page section.align-center.content-module > div + div, #page section.align-center.article-header--smaller.content-module > div + div, #page section.align-center.article-meta.content-module > 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.align-center.article-header--smaller.grid.align-right > div + div, #page section.align-center.article-header--smaller.align-right.content-module > div + div, #page section.align-center.article-header--smaller.align-right > div + div, #page section.align-center.article-header--smaller.align-right.article-meta > 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.align-center.article-header--smaller.grid.align-left > div + div, #page section.align-center.article-header--smaller.align-left.content-module > div + div, #page section.align-center.article-header--smaller.align-left > div + div, #page section.align-center.article-header--smaller.align-left.article-meta > 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.grid.align-center.article-header--smaller > div + div, #page section.align-center.content-module.article-header--smaller > div + div, #page section.align-center.article-header--smaller > div + div, #page section.align-center.article-meta.article-header--smaller > 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.align-center.article-meta.grid.align-right > div + div, #page section.align-center.article-meta.align-right.content-module > div + div, #page section.align-center.article-meta.align-right.article-header--smaller > div + div, #page section.align-center.article-meta.align-right > div + div, #page section.align-center.article-meta > .media-block-right + div, #page section.align-center.article-meta > .textblock-left + div, #page section.align-center.article-meta.grid.align-left > div + div, #page section.align-center.article-meta.align-left.content-module > div + div, #page section.align-center.article-meta.align-left.article-header--smaller > div + div, #page section.align-center.article-meta.align-left > div + div, #page section.align-center.article-meta > .media-block-left + div, #page section.align-center.article-meta > .textblock-centered + div, #page section.grid.align-center.article-meta > div + div, #page section.align-center.content-module.article-meta > div + div, #page section.align-center.article-header--smaller.article-meta > 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;
}

.text .news-grid__text h3 {
  margin-bottom: 0.5rem;
}

/*
 * 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;
  }
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(font/VideoJS.eot?#iefix) format("eot");
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
  content: "\f103";
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
  content: "\f104";
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
  content: "\f105";
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
  content: "\f106";
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
  content: "\f107";
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
  content: "\f108";
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
  content: "\f10c";
}

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
  content: "\f10d";
}

.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
  content: "\f115";
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
  content: "\f11d";
}

.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: 0;
}

.video-js *, .video-js :after, .video-js :before {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

.vjs-no-js a, .vjs-no-js a:visited {
  color: #66a8cc;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  box-sizing: content-box;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: #fff;
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: 9em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
  display: none;
}

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0 !important;
  white-space: nowrap;
}

.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel {
  display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel {
  display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}
.vjs-track-setting > select {
  margin-right: 5px;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
  outline: 0;
}

.video-js :focus:not(:focus-visible) {
  outline: 0;
}

@media \0 screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
@media \0 screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}
@media (min-width: 600px) {
  .sm\:border-0 {
    border: none;
  }
}

@media (min-width: 900px) {
  .md\:border-0 {
    border: none;
  }
}

@media (min-width: 1200px) {
  .lg\:border-0 {
    border: none;
  }
}

@media (min-width: 1800px) {
  .xl\:border-0 {
    border: none;
  }
}

@media (min-width: 600px) {
  .sm\:border {
    border: 1px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-t {
    border-top: 1px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-b {
    border-bottom: 1px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-l {
    border-left: 1px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-r {
    border-right: 1px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border {
    border: 1px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-t {
    border-top: 1px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-b {
    border-bottom: 1px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-l {
    border-left: 1px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-r {
    border-right: 1px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border {
    border: 1px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-t {
    border-top: 1px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-b {
    border-bottom: 1px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-l {
    border-left: 1px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-r {
    border-right: 1px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border {
    border: 1px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-t {
    border-top: 1px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-b {
    border-bottom: 1px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-l {
    border-left: 1px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-r {
    border-right: 1px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-2 {
    border: 2px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-t-2 {
    border-top: 2px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-b-2 {
    border-bottom: 2px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-l-2 {
    border-left: 2px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-r-2 {
    border-right: 2px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-2 {
    border: 2px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-t-2 {
    border-top: 2px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-b-2 {
    border-bottom: 2px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-l-2 {
    border-left: 2px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-r-2 {
    border-right: 2px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-2 {
    border: 2px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-t-2 {
    border-top: 2px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-b-2 {
    border-bottom: 2px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-l-2 {
    border-left: 2px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-r-2 {
    border-right: 2px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-2 {
    border: 2px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-t-2 {
    border-top: 2px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-b-2 {
    border-bottom: 2px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-l-2 {
    border-left: 2px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-r-2 {
    border-right: 2px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-3 {
    border: 3px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-t-3 {
    border-top: 3px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-b-3 {
    border-bottom: 3px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-l-3 {
    border-left: 3px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-r-3 {
    border-right: 3px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-3 {
    border: 3px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-t-3 {
    border-top: 3px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-b-3 {
    border-bottom: 3px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-l-3 {
    border-left: 3px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-r-3 {
    border-right: 3px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-3 {
    border: 3px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-t-3 {
    border-top: 3px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-b-3 {
    border-bottom: 3px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-l-3 {
    border-left: 3px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-r-3 {
    border-right: 3px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-3 {
    border: 3px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-t-3 {
    border-top: 3px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-b-3 {
    border-bottom: 3px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-l-3 {
    border-left: 3px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-r-3 {
    border-right: 3px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-4 {
    border: 4px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-t-4 {
    border-top: 4px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-b-4 {
    border-bottom: 4px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-l-4 {
    border-left: 4px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-r-4 {
    border-right: 4px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-4 {
    border: 4px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-t-4 {
    border-top: 4px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-b-4 {
    border-bottom: 4px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-l-4 {
    border-left: 4px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-r-4 {
    border-right: 4px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-4 {
    border: 4px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-t-4 {
    border-top: 4px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-b-4 {
    border-bottom: 4px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-l-4 {
    border-left: 4px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-r-4 {
    border-right: 4px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-4 {
    border: 4px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-t-4 {
    border-top: 4px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-b-4 {
    border-bottom: 4px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-l-4 {
    border-left: 4px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-r-4 {
    border-right: 4px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-5 {
    border: 5px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-t-5 {
    border-top: 5px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-b-5 {
    border-bottom: 5px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-l-5 {
    border-left: 5px solid currentColor;
  }
}

@media (min-width: 600px) {
  .sm\:border-r-5 {
    border-right: 5px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-5 {
    border: 5px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-t-5 {
    border-top: 5px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-b-5 {
    border-bottom: 5px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-l-5 {
    border-left: 5px solid currentColor;
  }
}

@media (min-width: 900px) {
  .md\:border-r-5 {
    border-right: 5px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-5 {
    border: 5px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-t-5 {
    border-top: 5px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-b-5 {
    border-bottom: 5px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-l-5 {
    border-left: 5px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .lg\:border-r-5 {
    border-right: 5px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-5 {
    border: 5px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-t-5 {
    border-top: 5px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-b-5 {
    border-bottom: 5px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-l-5 {
    border-left: 5px solid currentColor;
  }
}

@media (min-width: 1800px) {
  .xl\:border-r-5 {
    border-right: 5px solid currentColor;
  }
}

.text-black {
  color: black;
}

.hover\:text-black:hover {
  color: black;
}

.focus\:text-black:focus {
  color: black;
}

.focus-visible\:text-black:focus-visible {
  color: black;
}

.bg-black, body .msg, body .talents-only_message {
  background: black;
}

.hover\:bg-black:hover {
  background: black;
}

.focus\:bg-black:focus {
  background: black;
}

.focus-visible\:bg-black:focus-visible {
  background: black;
}

.text-white {
  color: white;
}

.hover\:text-white:hover {
  color: white;
}

.focus\:text-white:focus {
  color: white;
}

.focus-visible\:text-white:focus-visible {
  color: white;
}

.bg-white {
  background: white;
}

.hover\:bg-white:hover {
  background: white;
}

.focus\:bg-white:focus {
  background: white;
}

.focus-visible\:bg-white:focus-visible {
  background: white;
}

.text-gray {
  color: var(--gray);
}

.hover\:text-gray:hover {
  color: var(--gray);
}

.focus\:text-gray:focus {
  color: var(--gray);
}

.focus-visible\:text-gray:focus-visible {
  color: var(--gray);
}

.bg-gray {
  background: var(--gray);
}

.hover\:bg-gray:hover {
  background: var(--gray);
}

.focus\:bg-gray:focus {
  background: var(--gray);
}

.focus-visible\:bg-gray:focus-visible {
  background: var(--gray);
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-y-clip {
  overflow-y: clip;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-flow: column;
}

.flex-col-reverse {
  flex-flow: reverse-column;
}

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

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

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

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

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

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

.sticky {
  position: sticky;
}

.fixed {
  position: fixed;
}

.whitespace-nowrap {
  white-space: nowrap;
}

@media (min-width: 600px) {
  .sm\:overflow-auto {
    overflow: auto;
  }
}

@media (min-width: 900px) {
  .md\:overflow-auto {
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-auto {
    overflow: auto;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-auto {
    overflow: auto;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-hidden {
    overflow: hidden;
  }
}

@media (min-width: 900px) {
  .md\:overflow-hidden {
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-hidden {
    overflow: hidden;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-hidden {
    overflow: hidden;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-clip {
    overflow: clip;
  }
}

@media (min-width: 900px) {
  .md\:overflow-clip {
    overflow: clip;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-clip {
    overflow: clip;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-clip {
    overflow: clip;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-visible {
    overflow: visible;
  }
}

@media (min-width: 900px) {
  .md\:overflow-visible {
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-visible {
    overflow: visible;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-visible {
    overflow: visible;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-scroll {
    overflow: scroll;
  }
}

@media (min-width: 900px) {
  .md\:overflow-scroll {
    overflow: scroll;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-scroll {
    overflow: scroll;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-scroll {
    overflow: scroll;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-x-auto {
    overflow-x: auto;
  }
}

@media (min-width: 900px) {
  .md\:overflow-x-auto {
    overflow-x: auto;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-x-auto {
    overflow-x: auto;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-x-auto {
    overflow-x: auto;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-y-auto {
    overflow-y: auto;
  }
}

@media (min-width: 900px) {
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-y-auto {
    overflow-y: auto;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }
}

@media (min-width: 900px) {
  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-x-hidden {
    overflow-x: hidden;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }
}

@media (min-width: 900px) {
  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-y-hidden {
    overflow-y: hidden;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-x-clip {
    overflow-x: clip;
  }
}

@media (min-width: 900px) {
  .md\:overflow-x-clip {
    overflow-x: clip;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-x-clip {
    overflow-x: clip;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-x-clip {
    overflow-x: clip;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-y-clip {
    overflow-y: clip;
  }
}

@media (min-width: 900px) {
  .md\:overflow-y-clip {
    overflow-y: clip;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-y-clip {
    overflow-y: clip;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-y-clip {
    overflow-y: clip;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-x-visible {
    overflow-x: visible;
  }
}

@media (min-width: 900px) {
  .md\:overflow-x-visible {
    overflow-x: visible;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-x-visible {
    overflow-x: visible;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-x-visible {
    overflow-x: visible;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-y-visible {
    overflow-y: visible;
  }
}

@media (min-width: 900px) {
  .md\:overflow-y-visible {
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-y-visible {
    overflow-y: visible;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-y-visible {
    overflow-y: visible;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }
}

@media (min-width: 900px) {
  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-x-scroll {
    overflow-x: scroll;
  }
}

@media (min-width: 600px) {
  .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }
}

@media (min-width: 900px) {
  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }
}

@media (min-width: 1200px) {
  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }
}

@media (min-width: 1800px) {
  .xl\:overflow-y-scroll {
    overflow-y: scroll;
  }
}

@media (min-width: 600px) {
  .sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 900px) {
  .md\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1800px) {
  .xl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 600px) {
  .sm\:text-ellipsis {
    text-overflow: ellipsis;
  }
}

@media (min-width: 900px) {
  .md\:text-ellipsis {
    text-overflow: ellipsis;
  }
}

@media (min-width: 1200px) {
  .lg\:text-ellipsis {
    text-overflow: ellipsis;
  }
}

@media (min-width: 1800px) {
  .xl\:text-ellipsis {
    text-overflow: ellipsis;
  }
}

@media (min-width: 600px) {
  .sm\:text-clip {
    text-overflow: clip;
  }
}

@media (min-width: 900px) {
  .md\:text-clip {
    text-overflow: clip;
  }
}

@media (min-width: 1200px) {
  .lg\:text-clip {
    text-overflow: clip;
  }
}

@media (min-width: 1800px) {
  .xl\:text-clip {
    text-overflow: clip;
  }
}

@media (min-width: 600px) {
  .sm\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 900px) {
  .md\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 600px) {
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}

@media (min-width: 900px) {
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}

@media (min-width: 600px) {
  .sm\:flex-col {
    flex-flow: column;
  }
}

@media (min-width: 900px) {
  .md\:flex-col {
    flex-flow: column;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-col {
    flex-flow: column;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-col {
    flex-flow: column;
  }
}

@media (min-width: 600px) {
  .sm\:flex-col-reverse {
    flex-flow: reverse-column;
  }
}

@media (min-width: 900px) {
  .md\:flex-col-reverse {
    flex-flow: reverse-column;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-col-reverse {
    flex-flow: reverse-column;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-col-reverse {
    flex-flow: reverse-column;
  }
}

@media (min-width: 600px) {
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 900px) {
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 600px) {
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width: 900px) {
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (min-width: 600px) {
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
}

@media (min-width: 900px) {
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
}

@media (min-width: 600px) {
  .sm\:flex-1 {
    flex: 1 1 0%;
  }
}

@media (min-width: 900px) {
  .md\:flex-1 {
    flex: 1 1 0%;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-1 {
    flex: 1 1 0%;
  }
}

@media (min-width: 600px) {
  .sm\:flex-auto {
    flex: 1 1 auto;
  }
}

@media (min-width: 900px) {
  .md\:flex-auto {
    flex: 1 1 auto;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-auto {
    flex: 1 1 auto;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-auto {
    flex: 1 1 auto;
  }
}

@media (min-width: 600px) {
  .sm\:flex-initial {
    flex: 0 1 auto;
  }
}

@media (min-width: 900px) {
  .md\:flex-initial {
    flex: 0 1 auto;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-initial {
    flex: 0 1 auto;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-initial {
    flex: 0 1 auto;
  }
}

@media (min-width: 600px) {
  .sm\:flex-none {
    flex: none;
  }
}

@media (min-width: 900px) {
  .md\:flex-none {
    flex: none;
  }
}

@media (min-width: 1200px) {
  .lg\:flex-none {
    flex: none;
  }
}

@media (min-width: 1800px) {
  .xl\:flex-none {
    flex: none;
  }
}

@media (min-width: 600px) {
  .sm\:grow {
    flex-grow: 1;
  }
}

@media (min-width: 900px) {
  .md\:grow {
    flex-grow: 1;
  }
}

@media (min-width: 1200px) {
  .lg\:grow {
    flex-grow: 1;
  }
}

@media (min-width: 1800px) {
  .xl\:grow {
    flex-grow: 1;
  }
}

@media (min-width: 600px) {
  .sm\:grow-0 {
    flex-grow: 0;
  }
}

@media (min-width: 900px) {
  .md\:grow-0 {
    flex-grow: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:grow-0 {
    flex-grow: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:grow-0 {
    flex-grow: 0;
  }
}

@media (min-width: 600px) {
  .sm\:shrink {
    flex-shrink: 1;
  }
}

@media (min-width: 900px) {
  .md\:shrink {
    flex-shrink: 1;
  }
}

@media (min-width: 1200px) {
  .lg\:shrink {
    flex-shrink: 1;
  }
}

@media (min-width: 1800px) {
  .xl\:shrink {
    flex-shrink: 1;
  }
}

@media (min-width: 600px) {
  .sm\:shrink-0 {
    flex-shrink: 0;
  }
}

@media (min-width: 900px) {
  .md\:shrink-0 {
    flex-shrink: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:shrink-0 {
    flex-shrink: 0;
  }
}

@media (min-width: 600px) {
  .sm\:pointer-events-none {
    pointer-events: none;
  }
}

@media (min-width: 900px) {
  .md\:pointer-events-none {
    pointer-events: none;
  }
}

@media (min-width: 1200px) {
  .lg\:pointer-events-none {
    pointer-events: none;
  }
}

@media (min-width: 1800px) {
  .xl\:pointer-events-none {
    pointer-events: none;
  }
}

@media (min-width: 600px) {
  .sm\:pointer-events-auto {
    pointer-events: auto;
  }
}

@media (min-width: 900px) {
  .md\:pointer-events-auto {
    pointer-events: auto;
  }
}

@media (min-width: 1200px) {
  .lg\:pointer-events-auto {
    pointer-events: auto;
  }
}

@media (min-width: 1800px) {
  .xl\:pointer-events-auto {
    pointer-events: auto;
  }
}

@media (min-width: 600px) {
  .sm\:relative {
    position: relative;
  }
}

@media (min-width: 900px) {
  .md\:relative {
    position: relative;
  }
}

@media (min-width: 1200px) {
  .lg\:relative {
    position: relative;
  }
}

@media (min-width: 1800px) {
  .xl\:relative {
    position: relative;
  }
}

@media (min-width: 600px) {
  .sm\:absolute {
    position: absolute;
  }
}

@media (min-width: 900px) {
  .md\:absolute {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .lg\:absolute {
    position: absolute;
  }
}

@media (min-width: 1800px) {
  .xl\:absolute {
    position: absolute;
  }
}

@media (min-width: 600px) {
  .sm\:sticky {
    position: sticky;
  }
}

@media (min-width: 900px) {
  .md\:sticky {
    position: sticky;
  }
}

@media (min-width: 1200px) {
  .lg\:sticky {
    position: sticky;
  }
}

@media (min-width: 1800px) {
  .xl\:sticky {
    position: sticky;
  }
}

@media (min-width: 600px) {
  .sm\:fixed {
    position: fixed;
  }
}

@media (min-width: 900px) {
  .md\:fixed {
    position: fixed;
  }
}

@media (min-width: 1200px) {
  .lg\:fixed {
    position: fixed;
  }
}

@media (min-width: 1800px) {
  .xl\:fixed {
    position: fixed;
  }
}

@media (min-width: 600px) {
  .sm\:whitespace-nowrap {
    white-space: nowrap;
  }
}

@media (min-width: 900px) {
  .md\:whitespace-nowrap {
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }
}

@media (min-width: 1800px) {
  .xl\:whitespace-nowrap {
    white-space: nowrap;
  }
}

.h-0 {
  height: 0;
}

.h-1 {
  height: 0.25rem;
}

.h-2 {
  height: 0.5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-32 {
  height: 8rem;
}

.h-64 {
  height: 16rem;
}

.h-gutter {
  height: var(--gutter);
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: 0.25rem;
}

.w-2 {
  width: 0.5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-32 {
  width: 8rem;
}

.w-64 {
  width: 16rem;
}

.w-gutter {
  width: var(--gutter);
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.max-w-0 {
  max-width: 0;
}

.max-w-1 {
  max-width: 0.25rem;
}

.max-w-2 {
  max-width: 0.5rem;
}

.max-w-3 {
  max-width: 0.75rem;
}

.max-w-4 {
  max-width: 1rem;
}

.max-w-5 {
  max-width: 1.25rem;
}

.max-w-6 {
  max-width: 1.5rem;
}

.max-w-8 {
  max-width: 2rem;
}

.max-w-10 {
  max-width: 2.5rem;
}

.max-w-12 {
  max-width: 3rem;
}

.max-w-16 {
  max-width: 4rem;
}

.max-w-20 {
  max-width: 5rem;
}

.max-w-24 {
  max-width: 6rem;
}

.max-w-28 {
  max-width: 7rem;
}

.max-w-32 {
  max-width: 8rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-gutter {
  max-width: var(--gutter);
}

.max-w-full {
  max-width: 100%;
}

.max-w-screen {
  max-width: 100vw;
}

.min-w-0 {
  min-width: 0;
}

.min-w-1 {
  min-width: 0.25rem;
}

.min-w-2 {
  min-width: 0.5rem;
}

.min-w-3 {
  min-width: 0.75rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-12 {
  min-width: 3rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-24 {
  min-width: 6rem;
}

.min-w-28 {
  min-width: 7rem;
}

.min-w-32 {
  min-width: 8rem;
}

.min-w-64 {
  min-width: 16rem;
}

.min-w-gutter {
  min-width: var(--gutter);
}

.min-w-full {
  min-width: 100%;
}

.min-w-screen {
  min-width: 100vw;
}

.max-h-0 {
  max-height: 0;
}

.max-h-1 {
  max-height: 0.25rem;
}

.max-h-2 {
  max-height: 0.5rem;
}

.max-h-3 {
  max-height: 0.75rem;
}

.max-h-4 {
  max-height: 1rem;
}

.max-h-5 {
  max-height: 1.25rem;
}

.max-h-6 {
  max-height: 1.5rem;
}

.max-h-8 {
  max-height: 2rem;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-12 {
  max-height: 3rem;
}

.max-h-16 {
  max-height: 4rem;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-24 {
  max-height: 6rem;
}

.max-h-28 {
  max-height: 7rem;
}

.max-h-32 {
  max-height: 8rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-gutter {
  max-height: var(--gutter);
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vw;
}

.min-h-0 {
  min-height: 0;
}

.min-h-1 {
  min-height: 0.25rem;
}

.min-h-2 {
  min-height: 0.5rem;
}

.min-h-3 {
  min-height: 0.75rem;
}

.min-h-4 {
  min-height: 1rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-28 {
  min-height: 7rem;
}

.min-h-32 {
  min-height: 8rem;
}

.min-h-64 {
  min-height: 16rem;
}

.min-h-gutter {
  min-height: var(--gutter);
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vw;
}

@media (min-width: 600px) {
  .sm\:h-0 {
    height: 0;
  }
}

@media (min-width: 600px) {
  .sm\:h-1 {
    height: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-2 {
    height: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-3 {
    height: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-4 {
    height: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-5 {
    height: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-6 {
    height: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-8 {
    height: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-10 {
    height: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-12 {
    height: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-16 {
    height: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-20 {
    height: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-24 {
    height: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-28 {
    height: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-32 {
    height: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-64 {
    height: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:h-gutter {
    height: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:h-full {
    height: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:h-screen {
    height: 100;
  }
}

@media (min-width: 600px) {
  .sm\:w-0 {
    width: 0;
  }
}

@media (min-width: 600px) {
  .sm\:w-1 {
    width: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-2 {
    width: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-3 {
    width: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-4 {
    width: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-5 {
    width: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-6 {
    width: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-8 {
    width: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-10 {
    width: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-12 {
    width: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-16 {
    width: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-20 {
    width: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-24 {
    width: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-28 {
    width: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-32 {
    width: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-64 {
    width: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:w-gutter {
    width: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:w-full {
    width: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:w-screen {
    width: 100;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-0 {
    max-width: 0;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-1 {
    max-width: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-2 {
    max-width: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-3 {
    max-width: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-4 {
    max-width: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-5 {
    max-width: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-6 {
    max-width: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-8 {
    max-width: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-10 {
    max-width: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-12 {
    max-width: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-16 {
    max-width: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-20 {
    max-width: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-24 {
    max-width: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-28 {
    max-width: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-32 {
    max-width: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-64 {
    max-width: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-gutter {
    max-width: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:max-w-full {
    max-width: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:max-w-screen {
    max-width: 100;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-0 {
    min-width: 0;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-1 {
    min-width: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-2 {
    min-width: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-3 {
    min-width: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-4 {
    min-width: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-5 {
    min-width: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-6 {
    min-width: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-8 {
    min-width: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-10 {
    min-width: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-12 {
    min-width: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-16 {
    min-width: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-20 {
    min-width: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-24 {
    min-width: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-28 {
    min-width: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-32 {
    min-width: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-64 {
    min-width: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-gutter {
    min-width: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:min-w-full {
    min-width: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:min-w-screen {
    min-width: 100;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-0 {
    max-height: 0;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-1 {
    max-height: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-2 {
    max-height: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-3 {
    max-height: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-4 {
    max-height: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-5 {
    max-height: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-6 {
    max-height: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-8 {
    max-height: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-10 {
    max-height: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-12 {
    max-height: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-16 {
    max-height: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-20 {
    max-height: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-24 {
    max-height: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-28 {
    max-height: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-32 {
    max-height: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-64 {
    max-height: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-gutter {
    max-height: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:max-h-full {
    max-height: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:max-h-screen {
    max-height: 100;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-0 {
    min-height: 0;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-1 {
    min-height: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-2 {
    min-height: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-3 {
    min-height: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-4 {
    min-height: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-5 {
    min-height: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-6 {
    min-height: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-8 {
    min-height: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-10 {
    min-height: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-12 {
    min-height: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-16 {
    min-height: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-20 {
    min-height: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-24 {
    min-height: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-28 {
    min-height: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-32 {
    min-height: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-64 {
    min-height: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-gutter {
    min-height: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:min-h-full {
    min-height: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:min-h-screen {
    min-height: 100;
  }
}

@media (min-width: 900px) {
  .md\:h-0 {
    height: 0;
  }
}

@media (min-width: 900px) {
  .md\:h-1 {
    height: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:h-2 {
    height: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:h-3 {
    height: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:h-4 {
    height: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:h-5 {
    height: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:h-6 {
    height: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:h-8 {
    height: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:h-10 {
    height: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:h-12 {
    height: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:h-16 {
    height: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:h-20 {
    height: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:h-24 {
    height: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:h-28 {
    height: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:h-32 {
    height: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:h-64 {
    height: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:h-gutter {
    height: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:h-full {
    height: 100%;
  }
}

@media (min-width: 900px) {
  .md\:h-screen {
    height: 100;
  }
}

@media (min-width: 900px) {
  .md\:w-0 {
    width: 0;
  }
}

@media (min-width: 900px) {
  .md\:w-1 {
    width: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:w-2 {
    width: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:w-3 {
    width: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:w-4 {
    width: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:w-5 {
    width: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:w-6 {
    width: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:w-8 {
    width: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:w-10 {
    width: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:w-12 {
    width: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:w-16 {
    width: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:w-20 {
    width: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:w-24 {
    width: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:w-28 {
    width: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:w-32 {
    width: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:w-64 {
    width: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:w-gutter {
    width: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:w-full {
    width: 100%;
  }
}

@media (min-width: 900px) {
  .md\:w-screen {
    width: 100;
  }
}

@media (min-width: 900px) {
  .md\:max-w-0 {
    max-width: 0;
  }
}

@media (min-width: 900px) {
  .md\:max-w-1 {
    max-width: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-2 {
    max-width: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-3 {
    max-width: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-4 {
    max-width: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-5 {
    max-width: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-6 {
    max-width: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-8 {
    max-width: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-10 {
    max-width: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-12 {
    max-width: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-16 {
    max-width: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-20 {
    max-width: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-24 {
    max-width: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-28 {
    max-width: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-32 {
    max-width: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-64 {
    max-width: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:max-w-gutter {
    max-width: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:max-w-full {
    max-width: 100%;
  }
}

@media (min-width: 900px) {
  .md\:max-w-screen {
    max-width: 100;
  }
}

@media (min-width: 900px) {
  .md\:min-w-0 {
    min-width: 0;
  }
}

@media (min-width: 900px) {
  .md\:min-w-1 {
    min-width: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-2 {
    min-width: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-3 {
    min-width: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-4 {
    min-width: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-5 {
    min-width: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-6 {
    min-width: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-8 {
    min-width: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-10 {
    min-width: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-12 {
    min-width: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-16 {
    min-width: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-20 {
    min-width: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-24 {
    min-width: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-28 {
    min-width: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-32 {
    min-width: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-64 {
    min-width: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:min-w-gutter {
    min-width: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:min-w-full {
    min-width: 100%;
  }
}

@media (min-width: 900px) {
  .md\:min-w-screen {
    min-width: 100;
  }
}

@media (min-width: 900px) {
  .md\:max-h-0 {
    max-height: 0;
  }
}

@media (min-width: 900px) {
  .md\:max-h-1 {
    max-height: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-2 {
    max-height: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-3 {
    max-height: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-4 {
    max-height: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-5 {
    max-height: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-6 {
    max-height: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-8 {
    max-height: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-10 {
    max-height: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-12 {
    max-height: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-16 {
    max-height: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-20 {
    max-height: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-24 {
    max-height: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-28 {
    max-height: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-32 {
    max-height: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-64 {
    max-height: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:max-h-gutter {
    max-height: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:max-h-full {
    max-height: 100%;
  }
}

@media (min-width: 900px) {
  .md\:max-h-screen {
    max-height: 100;
  }
}

@media (min-width: 900px) {
  .md\:min-h-0 {
    min-height: 0;
  }
}

@media (min-width: 900px) {
  .md\:min-h-1 {
    min-height: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-2 {
    min-height: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-3 {
    min-height: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-4 {
    min-height: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-5 {
    min-height: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-6 {
    min-height: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-8 {
    min-height: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-10 {
    min-height: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-12 {
    min-height: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-16 {
    min-height: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-20 {
    min-height: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-24 {
    min-height: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-28 {
    min-height: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-32 {
    min-height: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-64 {
    min-height: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:min-h-gutter {
    min-height: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:min-h-full {
    min-height: 100%;
  }
}

@media (min-width: 900px) {
  .md\:min-h-screen {
    min-height: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:h-0 {
    height: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:h-1 {
    height: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-2 {
    height: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-3 {
    height: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-4 {
    height: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-5 {
    height: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-6 {
    height: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-8 {
    height: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-10 {
    height: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-12 {
    height: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-16 {
    height: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-20 {
    height: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-24 {
    height: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-28 {
    height: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-32 {
    height: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-64 {
    height: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:h-gutter {
    height: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:h-full {
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:h-screen {
    height: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:w-0 {
    width: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:w-1 {
    width: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-2 {
    width: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-3 {
    width: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-4 {
    width: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-5 {
    width: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-6 {
    width: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-8 {
    width: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-10 {
    width: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-12 {
    width: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-16 {
    width: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-20 {
    width: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-24 {
    width: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-28 {
    width: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-32 {
    width: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-64 {
    width: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:w-gutter {
    width: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:w-full {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:w-screen {
    width: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-0 {
    max-width: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-1 {
    max-width: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-2 {
    max-width: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-3 {
    max-width: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-4 {
    max-width: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-5 {
    max-width: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-6 {
    max-width: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-8 {
    max-width: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-10 {
    max-width: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-12 {
    max-width: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-16 {
    max-width: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-20 {
    max-width: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-24 {
    max-width: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-28 {
    max-width: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-32 {
    max-width: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-64 {
    max-width: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-gutter {
    max-width: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-full {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:max-w-screen {
    max-width: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-0 {
    min-width: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-1 {
    min-width: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-2 {
    min-width: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-3 {
    min-width: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-4 {
    min-width: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-5 {
    min-width: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-6 {
    min-width: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-8 {
    min-width: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-10 {
    min-width: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-12 {
    min-width: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-16 {
    min-width: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-20 {
    min-width: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-24 {
    min-width: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-28 {
    min-width: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-32 {
    min-width: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-64 {
    min-width: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-gutter {
    min-width: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-full {
    min-width: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:min-w-screen {
    min-width: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-0 {
    max-height: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-1 {
    max-height: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-2 {
    max-height: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-3 {
    max-height: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-4 {
    max-height: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-5 {
    max-height: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-6 {
    max-height: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-8 {
    max-height: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-10 {
    max-height: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-12 {
    max-height: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-16 {
    max-height: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-20 {
    max-height: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-24 {
    max-height: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-28 {
    max-height: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-32 {
    max-height: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-64 {
    max-height: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-gutter {
    max-height: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-full {
    max-height: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:max-h-screen {
    max-height: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-0 {
    min-height: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-1 {
    min-height: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-2 {
    min-height: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-3 {
    min-height: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-4 {
    min-height: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-5 {
    min-height: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-6 {
    min-height: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-8 {
    min-height: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-10 {
    min-height: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-12 {
    min-height: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-16 {
    min-height: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-20 {
    min-height: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-24 {
    min-height: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-28 {
    min-height: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-32 {
    min-height: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-64 {
    min-height: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-gutter {
    min-height: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-full {
    min-height: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:min-h-screen {
    min-height: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:h-0 {
    height: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:h-1 {
    height: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-2 {
    height: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-3 {
    height: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-4 {
    height: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-5 {
    height: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-6 {
    height: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-8 {
    height: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-10 {
    height: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-12 {
    height: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-16 {
    height: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-20 {
    height: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-24 {
    height: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-28 {
    height: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-32 {
    height: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-64 {
    height: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:h-gutter {
    height: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:h-full {
    height: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:h-screen {
    height: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:w-0 {
    width: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:w-1 {
    width: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-2 {
    width: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-3 {
    width: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-4 {
    width: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-5 {
    width: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-6 {
    width: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-8 {
    width: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-10 {
    width: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-12 {
    width: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-16 {
    width: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-20 {
    width: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-24 {
    width: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-28 {
    width: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-32 {
    width: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-64 {
    width: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:w-gutter {
    width: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:w-full {
    width: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:w-screen {
    width: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-0 {
    max-width: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-1 {
    max-width: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-2 {
    max-width: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-3 {
    max-width: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-4 {
    max-width: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-5 {
    max-width: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-6 {
    max-width: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-8 {
    max-width: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-10 {
    max-width: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-12 {
    max-width: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-16 {
    max-width: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-20 {
    max-width: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-24 {
    max-width: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-28 {
    max-width: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-32 {
    max-width: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-64 {
    max-width: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-gutter {
    max-width: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-full {
    max-width: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:max-w-screen {
    max-width: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-0 {
    min-width: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-1 {
    min-width: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-2 {
    min-width: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-3 {
    min-width: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-4 {
    min-width: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-5 {
    min-width: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-6 {
    min-width: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-8 {
    min-width: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-10 {
    min-width: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-12 {
    min-width: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-16 {
    min-width: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-20 {
    min-width: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-24 {
    min-width: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-28 {
    min-width: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-32 {
    min-width: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-64 {
    min-width: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-gutter {
    min-width: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-full {
    min-width: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:min-w-screen {
    min-width: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-0 {
    max-height: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-1 {
    max-height: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-2 {
    max-height: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-3 {
    max-height: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-4 {
    max-height: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-5 {
    max-height: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-6 {
    max-height: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-8 {
    max-height: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-10 {
    max-height: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-12 {
    max-height: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-16 {
    max-height: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-20 {
    max-height: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-24 {
    max-height: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-28 {
    max-height: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-32 {
    max-height: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-64 {
    max-height: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-gutter {
    max-height: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-full {
    max-height: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:max-h-screen {
    max-height: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-0 {
    min-height: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-1 {
    min-height: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-2 {
    min-height: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-3 {
    min-height: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-4 {
    min-height: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-5 {
    min-height: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-6 {
    min-height: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-8 {
    min-height: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-10 {
    min-height: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-12 {
    min-height: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-16 {
    min-height: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-20 {
    min-height: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-24 {
    min-height: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-28 {
    min-height: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-32 {
    min-height: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-64 {
    min-height: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-gutter {
    min-height: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-full {
    min-height: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:min-h-screen {
    min-height: 100;
  }
}

.top-0 {
  top: 0;
}

.top-1 {
  top: 0.25rem;
}

.top-2 {
  top: 0.5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-8 {
  top: 2rem;
}

.top-10 {
  top: 2.5rem;
}

.top-12 {
  top: 3rem;
}

.top-16 {
  top: 4rem;
}

.top-20 {
  top: 5rem;
}

.top-24 {
  top: 6rem;
}

.top-28 {
  top: 7rem;
}

.top-32 {
  top: 8rem;
}

.top-64 {
  top: 16rem;
}

.top-gutter {
  top: var(--gutter);
}

.top-full {
  top: 100%;
}

.top-screen {
  top: 100;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-20 {
  bottom: 5rem;
}

.bottom-24 {
  bottom: 6rem;
}

.bottom-28 {
  bottom: 7rem;
}

.bottom-32 {
  bottom: 8rem;
}

.bottom-64 {
  bottom: 16rem;
}

.bottom-gutter {
  bottom: var(--gutter);
}

.bottom-full {
  bottom: 100%;
}

.bottom-screen {
  bottom: 100;
}

.left-0 {
  left: 0;
}

.left-1 {
  left: 0.25rem;
}

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-6 {
  left: 1.5rem;
}

.left-8 {
  left: 2rem;
}

.left-10 {
  left: 2.5rem;
}

.left-12 {
  left: 3rem;
}

.left-16 {
  left: 4rem;
}

.left-20 {
  left: 5rem;
}

.left-24 {
  left: 6rem;
}

.left-28 {
  left: 7rem;
}

.left-32 {
  left: 8rem;
}

.left-64 {
  left: 16rem;
}

.left-gutter {
  left: var(--gutter);
}

.left-full {
  left: 100%;
}

.left-screen {
  left: 100;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 0.25rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.right-10 {
  right: 2.5rem;
}

.right-12 {
  right: 3rem;
}

.right-16 {
  right: 4rem;
}

.right-20 {
  right: 5rem;
}

.right-24 {
  right: 6rem;
}

.right-28 {
  right: 7rem;
}

.right-32 {
  right: 8rem;
}

.right-64 {
  right: 16rem;
}

.right-gutter {
  right: var(--gutter);
}

.right-full {
  right: 100%;
}

.right-screen {
  right: 100;
}

.inset-0 {
  inset: 0;
}

.inset-1 {
  inset: 0.25rem;
}

.inset-2 {
  inset: 0.5rem;
}

.inset-3 {
  inset: 0.75rem;
}

.inset-4 {
  inset: 1rem;
}

.inset-5 {
  inset: 1.25rem;
}

.inset-6 {
  inset: 1.5rem;
}

.inset-8 {
  inset: 2rem;
}

.inset-10 {
  inset: 2.5rem;
}

.inset-12 {
  inset: 3rem;
}

.inset-16 {
  inset: 4rem;
}

.inset-20 {
  inset: 5rem;
}

.inset-24 {
  inset: 6rem;
}

.inset-28 {
  inset: 7rem;
}

.inset-32 {
  inset: 8rem;
}

.inset-64 {
  inset: 16rem;
}

.inset-gutter {
  inset: var(--gutter);
}

.inset-full {
  inset: 100%;
}

.inset-screen {
  inset: 100;
}

@media (min-width: 600px) {
  .sm\:top-0 {
    top: 0;
  }
}

@media (min-width: 600px) {
  .sm\:top-1 {
    top: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-2 {
    top: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-3 {
    top: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-4 {
    top: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-5 {
    top: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-6 {
    top: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-8 {
    top: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-10 {
    top: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-12 {
    top: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-16 {
    top: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-20 {
    top: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-24 {
    top: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-28 {
    top: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-32 {
    top: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-64 {
    top: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:top-gutter {
    top: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:top-full {
    top: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:top-screen {
    top: 100;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-0 {
    bottom: 0;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-1 {
    bottom: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-2 {
    bottom: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-3 {
    bottom: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-4 {
    bottom: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-5 {
    bottom: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-6 {
    bottom: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-8 {
    bottom: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-10 {
    bottom: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-12 {
    bottom: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-16 {
    bottom: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-20 {
    bottom: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-24 {
    bottom: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-28 {
    bottom: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-32 {
    bottom: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-64 {
    bottom: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-gutter {
    bottom: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:bottom-full {
    bottom: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:bottom-screen {
    bottom: 100;
  }
}

@media (min-width: 600px) {
  .sm\:left-0 {
    left: 0;
  }
}

@media (min-width: 600px) {
  .sm\:left-1 {
    left: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-2 {
    left: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-3 {
    left: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-4 {
    left: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-5 {
    left: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-6 {
    left: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-8 {
    left: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-10 {
    left: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-12 {
    left: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-16 {
    left: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-20 {
    left: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-24 {
    left: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-28 {
    left: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-32 {
    left: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-64 {
    left: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:left-gutter {
    left: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:left-full {
    left: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:left-screen {
    left: 100;
  }
}

@media (min-width: 600px) {
  .sm\:right-0 {
    right: 0;
  }
}

@media (min-width: 600px) {
  .sm\:right-1 {
    right: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-2 {
    right: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-3 {
    right: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-4 {
    right: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-5 {
    right: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-6 {
    right: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-8 {
    right: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-10 {
    right: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-12 {
    right: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-16 {
    right: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-20 {
    right: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-24 {
    right: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-28 {
    right: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-32 {
    right: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-64 {
    right: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:right-gutter {
    right: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:right-full {
    right: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:right-screen {
    right: 100;
  }
}

@media (min-width: 600px) {
  .sm\:inset-0 {
    inset: 0;
  }
}

@media (min-width: 600px) {
  .sm\:inset-1 {
    inset: 0.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-2 {
    inset: 0.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-3 {
    inset: 0.75rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-4 {
    inset: 1rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-5 {
    inset: 1.25rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-6 {
    inset: 1.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-8 {
    inset: 2rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-10 {
    inset: 2.5rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-12 {
    inset: 3rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-16 {
    inset: 4rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-20 {
    inset: 5rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-24 {
    inset: 6rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-28 {
    inset: 7rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-32 {
    inset: 8rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-64 {
    inset: 16rem;
  }
}

@media (min-width: 600px) {
  .sm\:inset-gutter {
    inset: var(--gutter);
  }
}

@media (min-width: 600px) {
  .sm\:inset-full {
    inset: 100%;
  }
}

@media (min-width: 600px) {
  .sm\:inset-screen {
    inset: 100;
  }
}

@media (min-width: 900px) {
  .md\:top-0 {
    top: 0;
  }
}

@media (min-width: 900px) {
  .md\:top-1 {
    top: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:top-2 {
    top: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:top-3 {
    top: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:top-4 {
    top: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:top-5 {
    top: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:top-6 {
    top: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:top-8 {
    top: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:top-10 {
    top: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:top-12 {
    top: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:top-16 {
    top: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:top-20 {
    top: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:top-24 {
    top: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:top-28 {
    top: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:top-32 {
    top: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:top-64 {
    top: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:top-gutter {
    top: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:top-full {
    top: 100%;
  }
}

@media (min-width: 900px) {
  .md\:top-screen {
    top: 100;
  }
}

@media (min-width: 900px) {
  .md\:bottom-0 {
    bottom: 0;
  }
}

@media (min-width: 900px) {
  .md\:bottom-1 {
    bottom: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-2 {
    bottom: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-3 {
    bottom: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-4 {
    bottom: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-5 {
    bottom: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-6 {
    bottom: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-8 {
    bottom: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-10 {
    bottom: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-12 {
    bottom: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-16 {
    bottom: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-20 {
    bottom: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-24 {
    bottom: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-28 {
    bottom: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-32 {
    bottom: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-64 {
    bottom: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:bottom-gutter {
    bottom: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:bottom-full {
    bottom: 100%;
  }
}

@media (min-width: 900px) {
  .md\:bottom-screen {
    bottom: 100;
  }
}

@media (min-width: 900px) {
  .md\:left-0 {
    left: 0;
  }
}

@media (min-width: 900px) {
  .md\:left-1 {
    left: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:left-2 {
    left: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:left-3 {
    left: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:left-4 {
    left: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:left-5 {
    left: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:left-6 {
    left: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:left-8 {
    left: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:left-10 {
    left: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:left-12 {
    left: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:left-16 {
    left: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:left-20 {
    left: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:left-24 {
    left: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:left-28 {
    left: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:left-32 {
    left: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:left-64 {
    left: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:left-gutter {
    left: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:left-full {
    left: 100%;
  }
}

@media (min-width: 900px) {
  .md\:left-screen {
    left: 100;
  }
}

@media (min-width: 900px) {
  .md\:right-0 {
    right: 0;
  }
}

@media (min-width: 900px) {
  .md\:right-1 {
    right: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:right-2 {
    right: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:right-3 {
    right: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:right-4 {
    right: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:right-5 {
    right: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:right-6 {
    right: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:right-8 {
    right: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:right-10 {
    right: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:right-12 {
    right: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:right-16 {
    right: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:right-20 {
    right: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:right-24 {
    right: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:right-28 {
    right: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:right-32 {
    right: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:right-64 {
    right: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:right-gutter {
    right: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:right-full {
    right: 100%;
  }
}

@media (min-width: 900px) {
  .md\:right-screen {
    right: 100;
  }
}

@media (min-width: 900px) {
  .md\:inset-0 {
    inset: 0;
  }
}

@media (min-width: 900px) {
  .md\:inset-1 {
    inset: 0.25rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-2 {
    inset: 0.5rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-3 {
    inset: 0.75rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-4 {
    inset: 1rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-5 {
    inset: 1.25rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-6 {
    inset: 1.5rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-8 {
    inset: 2rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-10 {
    inset: 2.5rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-12 {
    inset: 3rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-16 {
    inset: 4rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-20 {
    inset: 5rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-24 {
    inset: 6rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-28 {
    inset: 7rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-32 {
    inset: 8rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-64 {
    inset: 16rem;
  }
}

@media (min-width: 900px) {
  .md\:inset-gutter {
    inset: var(--gutter);
  }
}

@media (min-width: 900px) {
  .md\:inset-full {
    inset: 100%;
  }
}

@media (min-width: 900px) {
  .md\:inset-screen {
    inset: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:top-0 {
    top: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:top-1 {
    top: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-2 {
    top: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-3 {
    top: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-4 {
    top: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-5 {
    top: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-6 {
    top: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-8 {
    top: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-10 {
    top: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-12 {
    top: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-16 {
    top: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-20 {
    top: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-24 {
    top: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-28 {
    top: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-32 {
    top: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-64 {
    top: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:top-gutter {
    top: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:top-full {
    top: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:top-screen {
    top: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-0 {
    bottom: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-1 {
    bottom: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-2 {
    bottom: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-3 {
    bottom: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-4 {
    bottom: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-5 {
    bottom: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-6 {
    bottom: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-8 {
    bottom: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-10 {
    bottom: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-12 {
    bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-16 {
    bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-20 {
    bottom: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-24 {
    bottom: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-28 {
    bottom: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-32 {
    bottom: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-64 {
    bottom: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-gutter {
    bottom: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-full {
    bottom: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:bottom-screen {
    bottom: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:left-0 {
    left: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:left-1 {
    left: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-2 {
    left: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-3 {
    left: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-4 {
    left: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-5 {
    left: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-6 {
    left: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-8 {
    left: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-10 {
    left: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-12 {
    left: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-16 {
    left: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-20 {
    left: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-24 {
    left: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-28 {
    left: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-32 {
    left: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-64 {
    left: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:left-gutter {
    left: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:left-full {
    left: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:left-screen {
    left: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:right-0 {
    right: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:right-1 {
    right: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-2 {
    right: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-3 {
    right: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-4 {
    right: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-5 {
    right: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-6 {
    right: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-8 {
    right: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-10 {
    right: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-12 {
    right: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-16 {
    right: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-20 {
    right: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-24 {
    right: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-28 {
    right: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-32 {
    right: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-64 {
    right: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:right-gutter {
    right: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:right-full {
    right: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:right-screen {
    right: 100;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-0 {
    inset: 0;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-1 {
    inset: 0.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-2 {
    inset: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-3 {
    inset: 0.75rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-4 {
    inset: 1rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-5 {
    inset: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-6 {
    inset: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-8 {
    inset: 2rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-10 {
    inset: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-12 {
    inset: 3rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-16 {
    inset: 4rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-20 {
    inset: 5rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-24 {
    inset: 6rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-28 {
    inset: 7rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-32 {
    inset: 8rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-64 {
    inset: 16rem;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-gutter {
    inset: var(--gutter);
  }
}

@media (min-width: 1200px) {
  .lg\:inset-full {
    inset: 100%;
  }
}

@media (min-width: 1200px) {
  .lg\:inset-screen {
    inset: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:top-0 {
    top: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:top-1 {
    top: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-2 {
    top: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-3 {
    top: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-4 {
    top: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-5 {
    top: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-6 {
    top: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-8 {
    top: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-10 {
    top: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-12 {
    top: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-16 {
    top: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-20 {
    top: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-24 {
    top: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-28 {
    top: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-32 {
    top: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-64 {
    top: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:top-gutter {
    top: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:top-full {
    top: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:top-screen {
    top: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-0 {
    bottom: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-1 {
    bottom: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-2 {
    bottom: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-3 {
    bottom: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-4 {
    bottom: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-5 {
    bottom: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-6 {
    bottom: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-8 {
    bottom: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-10 {
    bottom: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-12 {
    bottom: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-16 {
    bottom: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-20 {
    bottom: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-24 {
    bottom: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-28 {
    bottom: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-32 {
    bottom: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-64 {
    bottom: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-gutter {
    bottom: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-full {
    bottom: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:bottom-screen {
    bottom: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:left-0 {
    left: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:left-1 {
    left: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-2 {
    left: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-3 {
    left: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-4 {
    left: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-5 {
    left: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-6 {
    left: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-8 {
    left: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-10 {
    left: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-12 {
    left: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-16 {
    left: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-20 {
    left: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-24 {
    left: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-28 {
    left: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-32 {
    left: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-64 {
    left: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:left-gutter {
    left: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:left-full {
    left: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:left-screen {
    left: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:right-0 {
    right: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:right-1 {
    right: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-2 {
    right: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-3 {
    right: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-4 {
    right: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-5 {
    right: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-6 {
    right: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-8 {
    right: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-10 {
    right: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-12 {
    right: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-16 {
    right: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-20 {
    right: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-24 {
    right: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-28 {
    right: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-32 {
    right: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-64 {
    right: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:right-gutter {
    right: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:right-full {
    right: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:right-screen {
    right: 100;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-0 {
    inset: 0;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-1 {
    inset: 0.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-2 {
    inset: 0.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-3 {
    inset: 0.75rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-4 {
    inset: 1rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-5 {
    inset: 1.25rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-6 {
    inset: 1.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-8 {
    inset: 2rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-10 {
    inset: 2.5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-12 {
    inset: 3rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-16 {
    inset: 4rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-20 {
    inset: 5rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-24 {
    inset: 6rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-28 {
    inset: 7rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-32 {
    inset: 8rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-64 {
    inset: 16rem;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-gutter {
    inset: var(--gutter);
  }
}

@media (min-width: 1800px) {
  .xl\:inset-full {
    inset: 100%;
  }
}

@media (min-width: 1800px) {
  .xl\:inset-screen {
    inset: 100;
  }
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.flow-root {
  display: flow-root;
}

.grid, #page section.content-module, .article-header--smaller, .article-meta {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

@media (min-width: 600px) {
  .sm\:block {
    display: block;
  }
}

@media (min-width: 900px) {
  .md\:block {
    display: block;
  }
}

@media (min-width: 1200px) {
  .lg\:block {
    display: block;
  }
}

@media (min-width: 1800px) {
  .xl\:block {
    display: block;
  }
}

@media (min-width: 600px) {
  .sm\:inline-block {
    display: inline-block;
  }
}

@media (min-width: 900px) {
  .md\:inline-block {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .lg\:inline-block {
    display: inline-block;
  }
}

@media (min-width: 1800px) {
  .xl\:inline-block {
    display: inline-block;
  }
}

@media (min-width: 600px) {
  .sm\:inline {
    display: inline;
  }
}

@media (min-width: 900px) {
  .md\:inline {
    display: inline;
  }
}

@media (min-width: 1200px) {
  .lg\:inline {
    display: inline;
  }
}

@media (min-width: 1800px) {
  .xl\:inline {
    display: inline;
  }
}

@media (min-width: 600px) {
  .sm\:flex {
    display: flex;
  }
}

@media (min-width: 900px) {
  .md\:flex {
    display: flex;
  }
}

@media (min-width: 1200px) {
  .lg\:flex {
    display: flex;
  }
}

@media (min-width: 1800px) {
  .xl\:flex {
    display: flex;
  }
}

@media (min-width: 600px) {
  .sm\:inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 900px) {
  .md\:inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 1200px) {
  .lg\:inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 1800px) {
  .xl\:inline-flex {
    display: inline-flex;
  }
}

@media (min-width: 600px) {
  .sm\:table {
    display: table;
  }
}

@media (min-width: 900px) {
  .md\:table {
    display: table;
  }
}

@media (min-width: 1200px) {
  .lg\:table {
    display: table;
  }
}

@media (min-width: 1800px) {
  .xl\:table {
    display: table;
  }
}

@media (min-width: 600px) {
  .sm\:inline-table {
    display: inline-table;
  }
}

@media (min-width: 900px) {
  .md\:inline-table {
    display: inline-table;
  }
}

@media (min-width: 1200px) {
  .lg\:inline-table {
    display: inline-table;
  }
}

@media (min-width: 1800px) {
  .xl\:inline-table {
    display: inline-table;
  }
}

@media (min-width: 600px) {
  .sm\:table-caption {
    display: table-caption;
  }
}

@media (min-width: 900px) {
  .md\:table-caption {
    display: table-caption;
  }
}

@media (min-width: 1200px) {
  .lg\:table-caption {
    display: table-caption;
  }
}

@media (min-width: 1800px) {
  .xl\:table-caption {
    display: table-caption;
  }
}

@media (min-width: 600px) {
  .sm\:table-cell {
    display: table-cell;
  }
}

@media (min-width: 900px) {
  .md\:table-cell {
    display: table-cell;
  }
}

@media (min-width: 1200px) {
  .lg\:table-cell {
    display: table-cell;
  }
}

@media (min-width: 1800px) {
  .xl\:table-cell {
    display: table-cell;
  }
}

@media (min-width: 600px) {
  .sm\:table-column {
    display: table-column;
  }
}

@media (min-width: 900px) {
  .md\:table-column {
    display: table-column;
  }
}

@media (min-width: 1200px) {
  .lg\:table-column {
    display: table-column;
  }
}

@media (min-width: 1800px) {
  .xl\:table-column {
    display: table-column;
  }
}

@media (min-width: 600px) {
  .sm\:table-column-group {
    display: table-column-group;
  }
}

@media (min-width: 900px) {
  .md\:table-column-group {
    display: table-column-group;
  }
}

@media (min-width: 1200px) {
  .lg\:table-column-group {
    display: table-column-group;
  }
}

@media (min-width: 1800px) {
  .xl\:table-column-group {
    display: table-column-group;
  }
}

@media (min-width: 600px) {
  .sm\:table-footer-group {
    display: table-footer-group;
  }
}

@media (min-width: 900px) {
  .md\:table-footer-group {
    display: table-footer-group;
  }
}

@media (min-width: 1200px) {
  .lg\:table-footer-group {
    display: table-footer-group;
  }
}

@media (min-width: 1800px) {
  .xl\:table-footer-group {
    display: table-footer-group;
  }
}

@media (min-width: 600px) {
  .sm\:table-header-group {
    display: table-header-group;
  }
}

@media (min-width: 900px) {
  .md\:table-header-group {
    display: table-header-group;
  }
}

@media (min-width: 1200px) {
  .lg\:table-header-group {
    display: table-header-group;
  }
}

@media (min-width: 1800px) {
  .xl\:table-header-group {
    display: table-header-group;
  }
}

@media (min-width: 600px) {
  .sm\:table-row-group {
    display: table-row-group;
  }
}

@media (min-width: 900px) {
  .md\:table-row-group {
    display: table-row-group;
  }
}

@media (min-width: 1200px) {
  .lg\:table-row-group {
    display: table-row-group;
  }
}

@media (min-width: 1800px) {
  .xl\:table-row-group {
    display: table-row-group;
  }
}

@media (min-width: 600px) {
  .sm\:table-row {
    display: table-row;
  }
}

@media (min-width: 900px) {
  .md\:table-row {
    display: table-row;
  }
}

@media (min-width: 1200px) {
  .lg\:table-row {
    display: table-row;
  }
}

@media (min-width: 1800px) {
  .xl\:table-row {
    display: table-row;
  }
}

@media (min-width: 600px) {
  .sm\:flow-root {
    display: flow-root;
  }
}

@media (min-width: 900px) {
  .md\:flow-root {
    display: flow-root;
  }
}

@media (min-width: 1200px) {
  .lg\:flow-root {
    display: flow-root;
  }
}

@media (min-width: 1800px) {
  .xl\:flow-root {
    display: flow-root;
  }
}

@media (min-width: 600px) {
  .sm\:grid {
    display: grid;
  }
}

@media (min-width: 900px) {
  .md\:grid {
    display: grid;
  }
}

@media (min-width: 1200px) {
  .lg\:grid {
    display: grid;
  }
}

@media (min-width: 1800px) {
  .xl\:grid {
    display: grid;
  }
}

@media (min-width: 600px) {
  .sm\:inline-grid {
    display: inline-grid;
  }
}

@media (min-width: 900px) {
  .md\:inline-grid {
    display: inline-grid;
  }
}

@media (min-width: 1200px) {
  .lg\:inline-grid {
    display: inline-grid;
  }
}

@media (min-width: 1800px) {
  .xl\:inline-grid {
    display: inline-grid;
  }
}

@media (min-width: 600px) {
  .sm\:contents {
    display: contents;
  }
}

@media (min-width: 900px) {
  .md\:contents {
    display: contents;
  }
}

@media (min-width: 1200px) {
  .lg\:contents {
    display: contents;
  }
}

@media (min-width: 1800px) {
  .xl\:contents {
    display: contents;
  }
}

@media (min-width: 600px) {
  .sm\:list-item {
    display: list-item;
  }
}

@media (min-width: 900px) {
  .md\:list-item {
    display: list-item;
  }
}

@media (min-width: 1200px) {
  .lg\:list-item {
    display: list-item;
  }
}

@media (min-width: 1800px) {
  .xl\:list-item {
    display: list-item;
  }
}

@media (min-width: 600px) {
  .sm\:hidden {
    display: none;
  }
}

@media (min-width: 900px) {
  .md\:hidden {
    display: none;
  }
}

@media (min-width: 1200px) {
  .lg\:hidden {
    display: none;
  }
}

@media (min-width: 1800px) {
  .xl\:hidden {
    display: none;
  }
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mx-0 {
  margin-inline: 0;
}

.my-0 {
  margin-block: 0;
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.px-0 {
  padding-inline: 0;
}

.py-0 {
  padding-block: 0;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mx-1 {
  margin-inline: 0.25rem;
}

.my-1 {
  margin-block: 0.25rem;
}

.p-1 {
  padding: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.px-1 {
  padding-inline: 0.25rem;
}

.py-1 {
  padding-block: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mx-2 {
  margin-inline: 0.5rem;
}

.my-2 {
  margin-block: 0.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.px-2 {
  padding-inline: 0.5rem;
}

.py-2 {
  padding-block: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mx-3 {
  margin-inline: 0.75rem;
}

.my-3 {
  margin-block: 0.75rem;
}

.p-3 {
  padding: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.px-3 {
  padding-inline: 0.75rem;
}

.py-3 {
  padding-block: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mx-4 {
  margin-inline: 1rem;
}

.my-4 {
  margin-block: 1rem;
}

.p-4 {
  padding: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.px-4 {
  padding-inline: 1rem;
}

.py-4 {
  padding-block: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mx-5 {
  margin-inline: 1.25rem;
}

.my-5 {
  margin-block: 1.25rem;
}

.p-5 {
  padding: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.px-5 {
  padding-inline: 1.25rem;
}

.py-5 {
  padding-block: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mx-6 {
  margin-inline: 1.5rem;
}

.my-6 {
  margin-block: 1.5rem;
}

.p-6 {
  padding: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.px-6 {
  padding-inline: 1.5rem;
}

.py-6 {
  padding-block: 1.5rem;
}

.m-8 {
  margin: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mx-8 {
  margin-inline: 2rem;
}

.my-8 {
  margin-block: 2rem;
}

.p-8 {
  padding: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.px-8 {
  padding-inline: 2rem;
}

.py-8 {
  padding-block: 2rem;
}

.m-10 {
  margin: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mx-10 {
  margin-inline: 2.5rem;
}

.my-10 {
  margin-block: 2.5rem;
}

.p-10 {
  padding: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.px-10 {
  padding-inline: 2.5rem;
}

.py-10 {
  padding-block: 2.5rem;
}

.m-12 {
  margin: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mx-12 {
  margin-inline: 3rem;
}

.my-12 {
  margin-block: 3rem;
}

.p-12 {
  padding: 3rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.px-12 {
  padding-inline: 3rem;
}

.py-12 {
  padding-block: 3rem;
}

.m-16 {
  margin: 4rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mx-16 {
  margin-inline: 4rem;
}

.my-16 {
  margin-block: 4rem;
}

.p-16 {
  padding: 4rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pl-16 {
  padding-left: 4rem;
}

.px-16 {
  padding-inline: 4rem;
}

.py-16 {
  padding-block: 4rem;
}

.m-20 {
  margin: 5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.mx-20 {
  margin-inline: 5rem;
}

.my-20 {
  margin-block: 5rem;
}

.p-20 {
  padding: 5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.px-20 {
  padding-inline: 5rem;
}

.py-20 {
  padding-block: 5rem;
}

.m-24 {
  margin: 6rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.ml-24 {
  margin-left: 6rem;
}

.mx-24 {
  margin-inline: 6rem;
}

.my-24 {
  margin-block: 6rem;
}

.p-24 {
  padding: 6rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pl-24 {
  padding-left: 6rem;
}

.px-24 {
  padding-inline: 6rem;
}

.py-24 {
  padding-block: 6rem;
}

.m-28 {
  margin: 7rem;
}

.mt-28 {
  margin-top: 7rem;
}

.mr-28 {
  margin-right: 7rem;
}

.mb-28 {
  margin-bottom: 7rem;
}

.ml-28 {
  margin-left: 7rem;
}

.mx-28 {
  margin-inline: 7rem;
}

.my-28 {
  margin-block: 7rem;
}

.p-28 {
  padding: 7rem;
}

.pt-28 {
  padding-top: 7rem;
}

.pr-28 {
  padding-right: 7rem;
}

.pb-28 {
  padding-bottom: 7rem;
}

.pl-28 {
  padding-left: 7rem;
}

.px-28 {
  padding-inline: 7rem;
}

.py-28 {
  padding-block: 7rem;
}

.m-32 {
  margin: 8rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mr-32 {
  margin-right: 8rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.ml-32 {
  margin-left: 8rem;
}

.mx-32 {
  margin-inline: 8rem;
}

.my-32 {
  margin-block: 8rem;
}

.p-32 {
  padding: 8rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pr-32 {
  padding-right: 8rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pl-32 {
  padding-left: 8rem;
}

.px-32 {
  padding-inline: 8rem;
}

.py-32 {
  padding-block: 8rem;
}

.m-64 {
  margin: 16rem;
}

.mt-64 {
  margin-top: 16rem;
}

.mr-64 {
  margin-right: 16rem;
}

.mb-64 {
  margin-bottom: 16rem;
}

.ml-64 {
  margin-left: 16rem;
}

.mx-64 {
  margin-inline: 16rem;
}

.my-64 {
  margin-block: 16rem;
}

.p-64 {
  padding: 16rem;
}

.pt-64 {
  padding-top: 16rem;
}

.pr-64 {
  padding-right: 16rem;
}

.pb-64 {
  padding-bottom: 16rem;
}

.pl-64 {
  padding-left: 16rem;
}

.px-64 {
  padding-inline: 16rem;
}

.py-64 {
  padding-block: 16rem;
}

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

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

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

.mb-gutter {
  margin-bottom: var(--gutter);
}

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

.mx-gutter {
  margin-inline: var(--gutter);
}

.my-gutter {
  margin-block: var(--gutter);
}

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

.pt-gutter {
  padding-top: var(--gutter);
}

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

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

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

.px-gutter {
  padding-inline: var(--gutter);
}

.py-gutter {
  padding-block: var(--gutter);
}

.m-full {
  margin: 100%;
}

.mt-full {
  margin-top: 100%;
}

.mr-full {
  margin-right: 100%;
}

.mb-full {
  margin-bottom: 100%;
}

.ml-full {
  margin-left: 100%;
}

.mx-full {
  margin-inline: 100%;
}

.my-full {
  margin-block: 100%;
}

.p-full {
  padding: 100%;
}

.pt-full {
  padding-top: 100%;
}

.pr-full {
  padding-right: 100%;
}

.pb-full {
  padding-bottom: 100%;
}

.pl-full {
  padding-left: 100%;
}

.px-full {
  padding-inline: 100%;
}

.py-full {
  padding-block: 100%;
}

.m-screen {
  margin: 100;
}

.mt-screen {
  margin-top: 100;
}

.mr-screen {
  margin-right: 100;
}

.mb-screen {
  margin-bottom: 100;
}

.ml-screen {
  margin-left: 100;
}

.mx-screen {
  margin-inline: 100;
}

.my-screen {
  margin-block: 100;
}

.p-screen {
  padding: 100;
}

.pt-screen {
  padding-top: 100;
}

.pr-screen {
  padding-right: 100;
}

.pb-screen {
  padding-bottom: 100;
}

.pl-screen {
  padding-left: 100;
}

.px-screen {
  padding-inline: 100;
}

.py-screen {
  padding-block: 100;
}

@media (min-width: 600px) {
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
  .sm\:mx-0 {
    margin-inline: 0;
  }
  .sm\:my-0 {
    margin-block: 0;
  }
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pl-0 {
    padding-left: 0;
  }
  .sm\:px-0 {
    padding-inline: 0;
  }
  .sm\:py-0 {
    padding-block: 0;
  }
  .sm\:m-1 {
    margin: 0.25rem;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem;
  }
  .sm\:mx-1 {
    margin-inline: 0.25rem;
  }
  .sm\:my-1 {
    margin-block: 0.25rem;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem;
  }
  .sm\:px-1 {
    padding-inline: 0.25rem;
  }
  .sm\:py-1 {
    padding-block: 0.25rem;
  }
  .sm\:m-2 {
    margin: 0.5rem;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:mx-2 {
    margin-inline: 0.5rem;
  }
  .sm\:my-2 {
    margin-block: 0.5rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem;
  }
  .sm\:px-2 {
    padding-inline: 0.5rem;
  }
  .sm\:py-2 {
    padding-block: 0.5rem;
  }
  .sm\:m-3 {
    margin: 0.75rem;
  }
  .sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .sm\:mr-3 {
    margin-right: 0.75rem;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:ml-3 {
    margin-left: 0.75rem;
  }
  .sm\:mx-3 {
    margin-inline: 0.75rem;
  }
  .sm\:my-3 {
    margin-block: 0.75rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:pt-3 {
    padding-top: 0.75rem;
  }
  .sm\:pr-3 {
    padding-right: 0.75rem;
  }
  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .sm\:pl-3 {
    padding-left: 0.75rem;
  }
  .sm\:px-3 {
    padding-inline: 0.75rem;
  }
  .sm\:py-3 {
    padding-block: 0.75rem;
  }
  .sm\:m-4 {
    margin: 1rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mr-4 {
    margin-right: 1rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:ml-4 {
    margin-left: 1rem;
  }
  .sm\:mx-4 {
    margin-inline: 1rem;
  }
  .sm\:my-4 {
    margin-block: 1rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:pr-4 {
    padding-right: 1rem;
  }
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .sm\:pl-4 {
    padding-left: 1rem;
  }
  .sm\:px-4 {
    padding-inline: 1rem;
  }
  .sm\:py-4 {
    padding-block: 1rem;
  }
  .sm\:m-5 {
    margin: 1.25rem;
  }
  .sm\:mt-5 {
    margin-top: 1.25rem;
  }
  .sm\:mr-5 {
    margin-right: 1.25rem;
  }
  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .sm\:ml-5 {
    margin-left: 1.25rem;
  }
  .sm\:mx-5 {
    margin-inline: 1.25rem;
  }
  .sm\:my-5 {
    margin-block: 1.25rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:pt-5 {
    padding-top: 1.25rem;
  }
  .sm\:pr-5 {
    padding-right: 1.25rem;
  }
  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .sm\:pl-5 {
    padding-left: 1.25rem;
  }
  .sm\:px-5 {
    padding-inline: 1.25rem;
  }
  .sm\:py-5 {
    padding-block: 1.25rem;
  }
  .sm\:m-6 {
    margin: 1.5rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:mr-6 {
    margin-right: 1.5rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:ml-6 {
    margin-left: 1.5rem;
  }
  .sm\:mx-6 {
    margin-inline: 1.5rem;
  }
  .sm\:my-6 {
    margin-block: 1.5rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:pt-6 {
    padding-top: 1.5rem;
  }
  .sm\:pr-6 {
    padding-right: 1.5rem;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:pl-6 {
    padding-left: 1.5rem;
  }
  .sm\:px-6 {
    padding-inline: 1.5rem;
  }
  .sm\:py-6 {
    padding-block: 1.5rem;
  }
  .sm\:m-8 {
    margin: 2rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:mr-8 {
    margin-right: 2rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:ml-8 {
    margin-left: 2rem;
  }
  .sm\:mx-8 {
    margin-inline: 2rem;
  }
  .sm\:my-8 {
    margin-block: 2rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:pt-8 {
    padding-top: 2rem;
  }
  .sm\:pr-8 {
    padding-right: 2rem;
  }
  .sm\:pb-8 {
    padding-bottom: 2rem;
  }
  .sm\:pl-8 {
    padding-left: 2rem;
  }
  .sm\:px-8 {
    padding-inline: 2rem;
  }
  .sm\:py-8 {
    padding-block: 2rem;
  }
  .sm\:m-10 {
    margin: 2.5rem;
  }
  .sm\:mt-10 {
    margin-top: 2.5rem;
  }
  .sm\:mr-10 {
    margin-right: 2.5rem;
  }
  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .sm\:ml-10 {
    margin-left: 2.5rem;
  }
  .sm\:mx-10 {
    margin-inline: 2.5rem;
  }
  .sm\:my-10 {
    margin-block: 2.5rem;
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:pt-10 {
    padding-top: 2.5rem;
  }
  .sm\:pr-10 {
    padding-right: 2.5rem;
  }
  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .sm\:pl-10 {
    padding-left: 2.5rem;
  }
  .sm\:px-10 {
    padding-inline: 2.5rem;
  }
  .sm\:py-10 {
    padding-block: 2.5rem;
  }
  .sm\:m-12 {
    margin: 3rem;
  }
  .sm\:mt-12 {
    margin-top: 3rem;
  }
  .sm\:mr-12 {
    margin-right: 3rem;
  }
  .sm\:mb-12 {
    margin-bottom: 3rem;
  }
  .sm\:ml-12 {
    margin-left: 3rem;
  }
  .sm\:mx-12 {
    margin-inline: 3rem;
  }
  .sm\:my-12 {
    margin-block: 3rem;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:pt-12 {
    padding-top: 3rem;
  }
  .sm\:pr-12 {
    padding-right: 3rem;
  }
  .sm\:pb-12 {
    padding-bottom: 3rem;
  }
  .sm\:pl-12 {
    padding-left: 3rem;
  }
  .sm\:px-12 {
    padding-inline: 3rem;
  }
  .sm\:py-12 {
    padding-block: 3rem;
  }
  .sm\:m-16 {
    margin: 4rem;
  }
  .sm\:mt-16 {
    margin-top: 4rem;
  }
  .sm\:mr-16 {
    margin-right: 4rem;
  }
  .sm\:mb-16 {
    margin-bottom: 4rem;
  }
  .sm\:ml-16 {
    margin-left: 4rem;
  }
  .sm\:mx-16 {
    margin-inline: 4rem;
  }
  .sm\:my-16 {
    margin-block: 4rem;
  }
  .sm\:p-16 {
    padding: 4rem;
  }
  .sm\:pt-16 {
    padding-top: 4rem;
  }
  .sm\:pr-16 {
    padding-right: 4rem;
  }
  .sm\:pb-16 {
    padding-bottom: 4rem;
  }
  .sm\:pl-16 {
    padding-left: 4rem;
  }
  .sm\:px-16 {
    padding-inline: 4rem;
  }
  .sm\:py-16 {
    padding-block: 4rem;
  }
  .sm\:m-20 {
    margin: 5rem;
  }
  .sm\:mt-20 {
    margin-top: 5rem;
  }
  .sm\:mr-20 {
    margin-right: 5rem;
  }
  .sm\:mb-20 {
    margin-bottom: 5rem;
  }
  .sm\:ml-20 {
    margin-left: 5rem;
  }
  .sm\:mx-20 {
    margin-inline: 5rem;
  }
  .sm\:my-20 {
    margin-block: 5rem;
  }
  .sm\:p-20 {
    padding: 5rem;
  }
  .sm\:pt-20 {
    padding-top: 5rem;
  }
  .sm\:pr-20 {
    padding-right: 5rem;
  }
  .sm\:pb-20 {
    padding-bottom: 5rem;
  }
  .sm\:pl-20 {
    padding-left: 5rem;
  }
  .sm\:px-20 {
    padding-inline: 5rem;
  }
  .sm\:py-20 {
    padding-block: 5rem;
  }
  .sm\:m-24 {
    margin: 6rem;
  }
  .sm\:mt-24 {
    margin-top: 6rem;
  }
  .sm\:mr-24 {
    margin-right: 6rem;
  }
  .sm\:mb-24 {
    margin-bottom: 6rem;
  }
  .sm\:ml-24 {
    margin-left: 6rem;
  }
  .sm\:mx-24 {
    margin-inline: 6rem;
  }
  .sm\:my-24 {
    margin-block: 6rem;
  }
  .sm\:p-24 {
    padding: 6rem;
  }
  .sm\:pt-24 {
    padding-top: 6rem;
  }
  .sm\:pr-24 {
    padding-right: 6rem;
  }
  .sm\:pb-24 {
    padding-bottom: 6rem;
  }
  .sm\:pl-24 {
    padding-left: 6rem;
  }
  .sm\:px-24 {
    padding-inline: 6rem;
  }
  .sm\:py-24 {
    padding-block: 6rem;
  }
  .sm\:m-28 {
    margin: 7rem;
  }
  .sm\:mt-28 {
    margin-top: 7rem;
  }
  .sm\:mr-28 {
    margin-right: 7rem;
  }
  .sm\:mb-28 {
    margin-bottom: 7rem;
  }
  .sm\:ml-28 {
    margin-left: 7rem;
  }
  .sm\:mx-28 {
    margin-inline: 7rem;
  }
  .sm\:my-28 {
    margin-block: 7rem;
  }
  .sm\:p-28 {
    padding: 7rem;
  }
  .sm\:pt-28 {
    padding-top: 7rem;
  }
  .sm\:pr-28 {
    padding-right: 7rem;
  }
  .sm\:pb-28 {
    padding-bottom: 7rem;
  }
  .sm\:pl-28 {
    padding-left: 7rem;
  }
  .sm\:px-28 {
    padding-inline: 7rem;
  }
  .sm\:py-28 {
    padding-block: 7rem;
  }
  .sm\:m-32 {
    margin: 8rem;
  }
  .sm\:mt-32 {
    margin-top: 8rem;
  }
  .sm\:mr-32 {
    margin-right: 8rem;
  }
  .sm\:mb-32 {
    margin-bottom: 8rem;
  }
  .sm\:ml-32 {
    margin-left: 8rem;
  }
  .sm\:mx-32 {
    margin-inline: 8rem;
  }
  .sm\:my-32 {
    margin-block: 8rem;
  }
  .sm\:p-32 {
    padding: 8rem;
  }
  .sm\:pt-32 {
    padding-top: 8rem;
  }
  .sm\:pr-32 {
    padding-right: 8rem;
  }
  .sm\:pb-32 {
    padding-bottom: 8rem;
  }
  .sm\:pl-32 {
    padding-left: 8rem;
  }
  .sm\:px-32 {
    padding-inline: 8rem;
  }
  .sm\:py-32 {
    padding-block: 8rem;
  }
  .sm\:m-64 {
    margin: 16rem;
  }
  .sm\:mt-64 {
    margin-top: 16rem;
  }
  .sm\:mr-64 {
    margin-right: 16rem;
  }
  .sm\:mb-64 {
    margin-bottom: 16rem;
  }
  .sm\:ml-64 {
    margin-left: 16rem;
  }
  .sm\:mx-64 {
    margin-inline: 16rem;
  }
  .sm\:my-64 {
    margin-block: 16rem;
  }
  .sm\:p-64 {
    padding: 16rem;
  }
  .sm\:pt-64 {
    padding-top: 16rem;
  }
  .sm\:pr-64 {
    padding-right: 16rem;
  }
  .sm\:pb-64 {
    padding-bottom: 16rem;
  }
  .sm\:pl-64 {
    padding-left: 16rem;
  }
  .sm\:px-64 {
    padding-inline: 16rem;
  }
  .sm\:py-64 {
    padding-block: 16rem;
  }
  .sm\:m-gutter {
    margin: var(--gutter);
  }
  .sm\:mt-gutter {
    margin-top: var(--gutter);
  }
  .sm\:mr-gutter {
    margin-right: var(--gutter);
  }
  .sm\:mb-gutter {
    margin-bottom: var(--gutter);
  }
  .sm\:ml-gutter {
    margin-left: var(--gutter);
  }
  .sm\:mx-gutter {
    margin-inline: var(--gutter);
  }
  .sm\:my-gutter {
    margin-block: var(--gutter);
  }
  .sm\:p-gutter {
    padding: var(--gutter);
  }
  .sm\:pt-gutter {
    padding-top: var(--gutter);
  }
  .sm\:pr-gutter {
    padding-right: var(--gutter);
  }
  .sm\:pb-gutter {
    padding-bottom: var(--gutter);
  }
  .sm\:pl-gutter {
    padding-left: var(--gutter);
  }
  .sm\:px-gutter {
    padding-inline: var(--gutter);
  }
  .sm\:py-gutter {
    padding-block: var(--gutter);
  }
  .sm\:m-full {
    margin: 100%;
  }
  .sm\:mt-full {
    margin-top: 100%;
  }
  .sm\:mr-full {
    margin-right: 100%;
  }
  .sm\:mb-full {
    margin-bottom: 100%;
  }
  .sm\:ml-full {
    margin-left: 100%;
  }
  .sm\:mx-full {
    margin-inline: 100%;
  }
  .sm\:my-full {
    margin-block: 100%;
  }
  .sm\:p-full {
    padding: 100%;
  }
  .sm\:pt-full {
    padding-top: 100%;
  }
  .sm\:pr-full {
    padding-right: 100%;
  }
  .sm\:pb-full {
    padding-bottom: 100%;
  }
  .sm\:pl-full {
    padding-left: 100%;
  }
  .sm\:px-full {
    padding-inline: 100%;
  }
  .sm\:py-full {
    padding-block: 100%;
  }
  .sm\:m-screen {
    margin: 100;
  }
  .sm\:mt-screen {
    margin-top: 100;
  }
  .sm\:mr-screen {
    margin-right: 100;
  }
  .sm\:mb-screen {
    margin-bottom: 100;
  }
  .sm\:ml-screen {
    margin-left: 100;
  }
  .sm\:mx-screen {
    margin-inline: 100;
  }
  .sm\:my-screen {
    margin-block: 100;
  }
  .sm\:p-screen {
    padding: 100;
  }
  .sm\:pt-screen {
    padding-top: 100;
  }
  .sm\:pr-screen {
    padding-right: 100;
  }
  .sm\:pb-screen {
    padding-bottom: 100;
  }
  .sm\:pl-screen {
    padding-left: 100;
  }
  .sm\:px-screen {
    padding-inline: 100;
  }
  .sm\:py-screen {
    padding-block: 100;
  }
}
@media (min-width: 900px) {
  .md\:m-0 {
    margin: 0;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  .md\:mx-0 {
    margin-inline: 0;
  }
  .md\:my-0 {
    margin-block: 0;
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:px-0 {
    padding-inline: 0;
  }
  .md\:py-0 {
    padding-block: 0;
  }
  .md\:m-1 {
    margin: 0.25rem;
  }
  .md\:mt-1 {
    margin-top: 0.25rem;
  }
  .md\:mr-1 {
    margin-right: 0.25rem;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .md\:ml-1 {
    margin-left: 0.25rem;
  }
  .md\:mx-1 {
    margin-inline: 0.25rem;
  }
  .md\:my-1 {
    margin-block: 0.25rem;
  }
  .md\:p-1 {
    padding: 0.25rem;
  }
  .md\:pt-1 {
    padding-top: 0.25rem;
  }
  .md\:pr-1 {
    padding-right: 0.25rem;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .md\:pl-1 {
    padding-left: 0.25rem;
  }
  .md\:px-1 {
    padding-inline: 0.25rem;
  }
  .md\:py-1 {
    padding-block: 0.25rem;
  }
  .md\:m-2 {
    margin: 0.5rem;
  }
  .md\:mt-2 {
    margin-top: 0.5rem;
  }
  .md\:mr-2 {
    margin-right: 0.5rem;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .md\:ml-2 {
    margin-left: 0.5rem;
  }
  .md\:mx-2 {
    margin-inline: 0.5rem;
  }
  .md\:my-2 {
    margin-block: 0.5rem;
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
  .md\:pt-2 {
    padding-top: 0.5rem;
  }
  .md\:pr-2 {
    padding-right: 0.5rem;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .md\:pl-2 {
    padding-left: 0.5rem;
  }
  .md\:px-2 {
    padding-inline: 0.5rem;
  }
  .md\:py-2 {
    padding-block: 0.5rem;
  }
  .md\:m-3 {
    margin: 0.75rem;
  }
  .md\:mt-3 {
    margin-top: 0.75rem;
  }
  .md\:mr-3 {
    margin-right: 0.75rem;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:ml-3 {
    margin-left: 0.75rem;
  }
  .md\:mx-3 {
    margin-inline: 0.75rem;
  }
  .md\:my-3 {
    margin-block: 0.75rem;
  }
  .md\:p-3 {
    padding: 0.75rem;
  }
  .md\:pt-3 {
    padding-top: 0.75rem;
  }
  .md\:pr-3 {
    padding-right: 0.75rem;
  }
  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .md\:pl-3 {
    padding-left: 0.75rem;
  }
  .md\:px-3 {
    padding-inline: 0.75rem;
  }
  .md\:py-3 {
    padding-block: 0.75rem;
  }
  .md\:m-4 {
    margin: 1rem;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:ml-4 {
    margin-left: 1rem;
  }
  .md\:mx-4 {
    margin-inline: 1rem;
  }
  .md\:my-4 {
    margin-block: 1rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:pt-4 {
    padding-top: 1rem;
  }
  .md\:pr-4 {
    padding-right: 1rem;
  }
  .md\:pb-4 {
    padding-bottom: 1rem;
  }
  .md\:pl-4 {
    padding-left: 1rem;
  }
  .md\:px-4 {
    padding-inline: 1rem;
  }
  .md\:py-4 {
    padding-block: 1rem;
  }
  .md\:m-5 {
    margin: 1.25rem;
  }
  .md\:mt-5 {
    margin-top: 1.25rem;
  }
  .md\:mr-5 {
    margin-right: 1.25rem;
  }
  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .md\:ml-5 {
    margin-left: 1.25rem;
  }
  .md\:mx-5 {
    margin-inline: 1.25rem;
  }
  .md\:my-5 {
    margin-block: 1.25rem;
  }
  .md\:p-5 {
    padding: 1.25rem;
  }
  .md\:pt-5 {
    padding-top: 1.25rem;
  }
  .md\:pr-5 {
    padding-right: 1.25rem;
  }
  .md\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .md\:pl-5 {
    padding-left: 1.25rem;
  }
  .md\:px-5 {
    padding-inline: 1.25rem;
  }
  .md\:py-5 {
    padding-block: 1.25rem;
  }
  .md\:m-6 {
    margin: 1.5rem;
  }
  .md\:mt-6 {
    margin-top: 1.5rem;
  }
  .md\:mr-6 {
    margin-right: 1.5rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:ml-6 {
    margin-left: 1.5rem;
  }
  .md\:mx-6 {
    margin-inline: 1.5rem;
  }
  .md\:my-6 {
    margin-block: 1.5rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:pt-6 {
    padding-top: 1.5rem;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:px-6 {
    padding-inline: 1.5rem;
  }
  .md\:py-6 {
    padding-block: 1.5rem;
  }
  .md\:m-8 {
    margin: 2rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:mr-8 {
    margin-right: 2rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:ml-8 {
    margin-left: 2rem;
  }
  .md\:mx-8 {
    margin-inline: 2rem;
  }
  .md\:my-8 {
    margin-block: 2rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:pt-8 {
    padding-top: 2rem;
  }
  .md\:pr-8 {
    padding-right: 2rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:pl-8 {
    padding-left: 2rem;
  }
  .md\:px-8 {
    padding-inline: 2rem;
  }
  .md\:py-8 {
    padding-block: 2rem;
  }
  .md\:m-10 {
    margin: 2.5rem;
  }
  .md\:mt-10 {
    margin-top: 2.5rem;
  }
  .md\:mr-10 {
    margin-right: 2.5rem;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .md\:ml-10 {
    margin-left: 2.5rem;
  }
  .md\:mx-10 {
    margin-inline: 2.5rem;
  }
  .md\:my-10 {
    margin-block: 2.5rem;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:pr-10 {
    padding-right: 2.5rem;
  }
  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .md\:pl-10 {
    padding-left: 2.5rem;
  }
  .md\:px-10 {
    padding-inline: 2.5rem;
  }
  .md\:py-10 {
    padding-block: 2.5rem;
  }
  .md\:m-12 {
    margin: 3rem;
  }
  .md\:mt-12 {
    margin-top: 3rem;
  }
  .md\:mr-12 {
    margin-right: 3rem;
  }
  .md\:mb-12 {
    margin-bottom: 3rem;
  }
  .md\:ml-12 {
    margin-left: 3rem;
  }
  .md\:mx-12 {
    margin-inline: 3rem;
  }
  .md\:my-12 {
    margin-block: 3rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:pt-12 {
    padding-top: 3rem;
  }
  .md\:pr-12 {
    padding-right: 3rem;
  }
  .md\:pb-12 {
    padding-bottom: 3rem;
  }
  .md\:pl-12 {
    padding-left: 3rem;
  }
  .md\:px-12 {
    padding-inline: 3rem;
  }
  .md\:py-12 {
    padding-block: 3rem;
  }
  .md\:m-16 {
    margin: 4rem;
  }
  .md\:mt-16 {
    margin-top: 4rem;
  }
  .md\:mr-16 {
    margin-right: 4rem;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:ml-16 {
    margin-left: 4rem;
  }
  .md\:mx-16 {
    margin-inline: 4rem;
  }
  .md\:my-16 {
    margin-block: 4rem;
  }
  .md\:p-16 {
    padding: 4rem;
  }
  .md\:pt-16 {
    padding-top: 4rem;
  }
  .md\:pr-16 {
    padding-right: 4rem;
  }
  .md\:pb-16 {
    padding-bottom: 4rem;
  }
  .md\:pl-16 {
    padding-left: 4rem;
  }
  .md\:px-16 {
    padding-inline: 4rem;
  }
  .md\:py-16 {
    padding-block: 4rem;
  }
  .md\:m-20 {
    margin: 5rem;
  }
  .md\:mt-20 {
    margin-top: 5rem;
  }
  .md\:mr-20 {
    margin-right: 5rem;
  }
  .md\:mb-20 {
    margin-bottom: 5rem;
  }
  .md\:ml-20 {
    margin-left: 5rem;
  }
  .md\:mx-20 {
    margin-inline: 5rem;
  }
  .md\:my-20 {
    margin-block: 5rem;
  }
  .md\:p-20 {
    padding: 5rem;
  }
  .md\:pt-20 {
    padding-top: 5rem;
  }
  .md\:pr-20 {
    padding-right: 5rem;
  }
  .md\:pb-20 {
    padding-bottom: 5rem;
  }
  .md\:pl-20 {
    padding-left: 5rem;
  }
  .md\:px-20 {
    padding-inline: 5rem;
  }
  .md\:py-20 {
    padding-block: 5rem;
  }
  .md\:m-24 {
    margin: 6rem;
  }
  .md\:mt-24 {
    margin-top: 6rem;
  }
  .md\:mr-24 {
    margin-right: 6rem;
  }
  .md\:mb-24 {
    margin-bottom: 6rem;
  }
  .md\:ml-24 {
    margin-left: 6rem;
  }
  .md\:mx-24 {
    margin-inline: 6rem;
  }
  .md\:my-24 {
    margin-block: 6rem;
  }
  .md\:p-24 {
    padding: 6rem;
  }
  .md\:pt-24 {
    padding-top: 6rem;
  }
  .md\:pr-24 {
    padding-right: 6rem;
  }
  .md\:pb-24 {
    padding-bottom: 6rem;
  }
  .md\:pl-24 {
    padding-left: 6rem;
  }
  .md\:px-24 {
    padding-inline: 6rem;
  }
  .md\:py-24 {
    padding-block: 6rem;
  }
  .md\:m-28 {
    margin: 7rem;
  }
  .md\:mt-28 {
    margin-top: 7rem;
  }
  .md\:mr-28 {
    margin-right: 7rem;
  }
  .md\:mb-28 {
    margin-bottom: 7rem;
  }
  .md\:ml-28 {
    margin-left: 7rem;
  }
  .md\:mx-28 {
    margin-inline: 7rem;
  }
  .md\:my-28 {
    margin-block: 7rem;
  }
  .md\:p-28 {
    padding: 7rem;
  }
  .md\:pt-28 {
    padding-top: 7rem;
  }
  .md\:pr-28 {
    padding-right: 7rem;
  }
  .md\:pb-28 {
    padding-bottom: 7rem;
  }
  .md\:pl-28 {
    padding-left: 7rem;
  }
  .md\:px-28 {
    padding-inline: 7rem;
  }
  .md\:py-28 {
    padding-block: 7rem;
  }
  .md\:m-32 {
    margin: 8rem;
  }
  .md\:mt-32 {
    margin-top: 8rem;
  }
  .md\:mr-32 {
    margin-right: 8rem;
  }
  .md\:mb-32 {
    margin-bottom: 8rem;
  }
  .md\:ml-32 {
    margin-left: 8rem;
  }
  .md\:mx-32 {
    margin-inline: 8rem;
  }
  .md\:my-32 {
    margin-block: 8rem;
  }
  .md\:p-32 {
    padding: 8rem;
  }
  .md\:pt-32 {
    padding-top: 8rem;
  }
  .md\:pr-32 {
    padding-right: 8rem;
  }
  .md\:pb-32 {
    padding-bottom: 8rem;
  }
  .md\:pl-32 {
    padding-left: 8rem;
  }
  .md\:px-32 {
    padding-inline: 8rem;
  }
  .md\:py-32 {
    padding-block: 8rem;
  }
  .md\:m-64 {
    margin: 16rem;
  }
  .md\:mt-64 {
    margin-top: 16rem;
  }
  .md\:mr-64 {
    margin-right: 16rem;
  }
  .md\:mb-64 {
    margin-bottom: 16rem;
  }
  .md\:ml-64 {
    margin-left: 16rem;
  }
  .md\:mx-64 {
    margin-inline: 16rem;
  }
  .md\:my-64 {
    margin-block: 16rem;
  }
  .md\:p-64 {
    padding: 16rem;
  }
  .md\:pt-64 {
    padding-top: 16rem;
  }
  .md\:pr-64 {
    padding-right: 16rem;
  }
  .md\:pb-64 {
    padding-bottom: 16rem;
  }
  .md\:pl-64 {
    padding-left: 16rem;
  }
  .md\:px-64 {
    padding-inline: 16rem;
  }
  .md\:py-64 {
    padding-block: 16rem;
  }
  .md\:m-gutter {
    margin: var(--gutter);
  }
  .md\:mt-gutter {
    margin-top: var(--gutter);
  }
  .md\:mr-gutter {
    margin-right: var(--gutter);
  }
  .md\:mb-gutter {
    margin-bottom: var(--gutter);
  }
  .md\:ml-gutter {
    margin-left: var(--gutter);
  }
  .md\:mx-gutter {
    margin-inline: var(--gutter);
  }
  .md\:my-gutter {
    margin-block: var(--gutter);
  }
  .md\:p-gutter {
    padding: var(--gutter);
  }
  .md\:pt-gutter {
    padding-top: var(--gutter);
  }
  .md\:pr-gutter {
    padding-right: var(--gutter);
  }
  .md\:pb-gutter {
    padding-bottom: var(--gutter);
  }
  .md\:pl-gutter {
    padding-left: var(--gutter);
  }
  .md\:px-gutter {
    padding-inline: var(--gutter);
  }
  .md\:py-gutter {
    padding-block: var(--gutter);
  }
  .md\:m-full {
    margin: 100%;
  }
  .md\:mt-full {
    margin-top: 100%;
  }
  .md\:mr-full {
    margin-right: 100%;
  }
  .md\:mb-full {
    margin-bottom: 100%;
  }
  .md\:ml-full {
    margin-left: 100%;
  }
  .md\:mx-full {
    margin-inline: 100%;
  }
  .md\:my-full {
    margin-block: 100%;
  }
  .md\:p-full {
    padding: 100%;
  }
  .md\:pt-full {
    padding-top: 100%;
  }
  .md\:pr-full {
    padding-right: 100%;
  }
  .md\:pb-full {
    padding-bottom: 100%;
  }
  .md\:pl-full {
    padding-left: 100%;
  }
  .md\:px-full {
    padding-inline: 100%;
  }
  .md\:py-full {
    padding-block: 100%;
  }
  .md\:m-screen {
    margin: 100;
  }
  .md\:mt-screen {
    margin-top: 100;
  }
  .md\:mr-screen {
    margin-right: 100;
  }
  .md\:mb-screen {
    margin-bottom: 100;
  }
  .md\:ml-screen {
    margin-left: 100;
  }
  .md\:mx-screen {
    margin-inline: 100;
  }
  .md\:my-screen {
    margin-block: 100;
  }
  .md\:p-screen {
    padding: 100;
  }
  .md\:pt-screen {
    padding-top: 100;
  }
  .md\:pr-screen {
    padding-right: 100;
  }
  .md\:pb-screen {
    padding-bottom: 100;
  }
  .md\:pl-screen {
    padding-left: 100;
  }
  .md\:px-screen {
    padding-inline: 100;
  }
  .md\:py-screen {
    padding-block: 100;
  }
}
@media (min-width: 1200px) {
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mr-0 {
    margin-right: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:ml-0 {
    margin-left: 0;
  }
  .lg\:mx-0 {
    margin-inline: 0;
  }
  .lg\:my-0 {
    margin-block: 0;
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pr-0 {
    padding-right: 0;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pl-0 {
    padding-left: 0;
  }
  .lg\:px-0 {
    padding-inline: 0;
  }
  .lg\:py-0 {
    padding-block: 0;
  }
  .lg\:m-1 {
    margin: 0.25rem;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem;
  }
  .lg\:mx-1 {
    margin-inline: 0.25rem;
  }
  .lg\:my-1 {
    margin-block: 0.25rem;
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem;
  }
  .lg\:px-1 {
    padding-inline: 0.25rem;
  }
  .lg\:py-1 {
    padding-block: 0.25rem;
  }
  .lg\:m-2 {
    margin: 0.5rem;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem;
  }
  .lg\:mx-2 {
    margin-inline: 0.5rem;
  }
  .lg\:my-2 {
    margin-block: 0.5rem;
  }
  .lg\:p-2 {
    padding: 0.5rem;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem;
  }
  .lg\:px-2 {
    padding-inline: 0.5rem;
  }
  .lg\:py-2 {
    padding-block: 0.5rem;
  }
  .lg\:m-3 {
    margin: 0.75rem;
  }
  .lg\:mt-3 {
    margin-top: 0.75rem;
  }
  .lg\:mr-3 {
    margin-right: 0.75rem;
  }
  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .lg\:ml-3 {
    margin-left: 0.75rem;
  }
  .lg\:mx-3 {
    margin-inline: 0.75rem;
  }
  .lg\:my-3 {
    margin-block: 0.75rem;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:pt-3 {
    padding-top: 0.75rem;
  }
  .lg\:pr-3 {
    padding-right: 0.75rem;
  }
  .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .lg\:pl-3 {
    padding-left: 0.75rem;
  }
  .lg\:px-3 {
    padding-inline: 0.75rem;
  }
  .lg\:py-3 {
    padding-block: 0.75rem;
  }
  .lg\:m-4 {
    margin: 1rem;
  }
  .lg\:mt-4 {
    margin-top: 1rem;
  }
  .lg\:mr-4 {
    margin-right: 1rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:ml-4 {
    margin-left: 1rem;
  }
  .lg\:mx-4 {
    margin-inline: 1rem;
  }
  .lg\:my-4 {
    margin-block: 1rem;
  }
  .lg\:p-4 {
    padding: 1rem;
  }
  .lg\:pt-4 {
    padding-top: 1rem;
  }
  .lg\:pr-4 {
    padding-right: 1rem;
  }
  .lg\:pb-4 {
    padding-bottom: 1rem;
  }
  .lg\:pl-4 {
    padding-left: 1rem;
  }
  .lg\:px-4 {
    padding-inline: 1rem;
  }
  .lg\:py-4 {
    padding-block: 1rem;
  }
  .lg\:m-5 {
    margin: 1.25rem;
  }
  .lg\:mt-5 {
    margin-top: 1.25rem;
  }
  .lg\:mr-5 {
    margin-right: 1.25rem;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .lg\:ml-5 {
    margin-left: 1.25rem;
  }
  .lg\:mx-5 {
    margin-inline: 1.25rem;
  }
  .lg\:my-5 {
    margin-block: 1.25rem;
  }
  .lg\:p-5 {
    padding: 1.25rem;
  }
  .lg\:pt-5 {
    padding-top: 1.25rem;
  }
  .lg\:pr-5 {
    padding-right: 1.25rem;
  }
  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .lg\:pl-5 {
    padding-left: 1.25rem;
  }
  .lg\:px-5 {
    padding-inline: 1.25rem;
  }
  .lg\:py-5 {
    padding-block: 1.25rem;
  }
  .lg\:m-6 {
    margin: 1.5rem;
  }
  .lg\:mt-6 {
    margin-top: 1.5rem;
  }
  .lg\:mr-6 {
    margin-right: 1.5rem;
  }
  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .lg\:ml-6 {
    margin-left: 1.5rem;
  }
  .lg\:mx-6 {
    margin-inline: 1.5rem;
  }
  .lg\:my-6 {
    margin-block: 1.5rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:pt-6 {
    padding-top: 1.5rem;
  }
  .lg\:pr-6 {
    padding-right: 1.5rem;
  }
  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .lg\:pl-6 {
    padding-left: 1.5rem;
  }
  .lg\:px-6 {
    padding-inline: 1.5rem;
  }
  .lg\:py-6 {
    padding-block: 1.5rem;
  }
  .lg\:m-8 {
    margin: 2rem;
  }
  .lg\:mt-8 {
    margin-top: 2rem;
  }
  .lg\:mr-8 {
    margin-right: 2rem;
  }
  .lg\:mb-8 {
    margin-bottom: 2rem;
  }
  .lg\:ml-8 {
    margin-left: 2rem;
  }
  .lg\:mx-8 {
    margin-inline: 2rem;
  }
  .lg\:my-8 {
    margin-block: 2rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:pt-8 {
    padding-top: 2rem;
  }
  .lg\:pr-8 {
    padding-right: 2rem;
  }
  .lg\:pb-8 {
    padding-bottom: 2rem;
  }
  .lg\:pl-8 {
    padding-left: 2rem;
  }
  .lg\:px-8 {
    padding-inline: 2rem;
  }
  .lg\:py-8 {
    padding-block: 2rem;
  }
  .lg\:m-10 {
    margin: 2.5rem;
  }
  .lg\:mt-10 {
    margin-top: 2.5rem;
  }
  .lg\:mr-10 {
    margin-right: 2.5rem;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .lg\:ml-10 {
    margin-left: 2.5rem;
  }
  .lg\:mx-10 {
    margin-inline: 2.5rem;
  }
  .lg\:my-10 {
    margin-block: 2.5rem;
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:pt-10 {
    padding-top: 2.5rem;
  }
  .lg\:pr-10 {
    padding-right: 2.5rem;
  }
  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .lg\:pl-10 {
    padding-left: 2.5rem;
  }
  .lg\:px-10 {
    padding-inline: 2.5rem;
  }
  .lg\:py-10 {
    padding-block: 2.5rem;
  }
  .lg\:m-12 {
    margin: 3rem;
  }
  .lg\:mt-12 {
    margin-top: 3rem;
  }
  .lg\:mr-12 {
    margin-right: 3rem;
  }
  .lg\:mb-12 {
    margin-bottom: 3rem;
  }
  .lg\:ml-12 {
    margin-left: 3rem;
  }
  .lg\:mx-12 {
    margin-inline: 3rem;
  }
  .lg\:my-12 {
    margin-block: 3rem;
  }
  .lg\:p-12 {
    padding: 3rem;
  }
  .lg\:pt-12 {
    padding-top: 3rem;
  }
  .lg\:pr-12 {
    padding-right: 3rem;
  }
  .lg\:pb-12 {
    padding-bottom: 3rem;
  }
  .lg\:pl-12 {
    padding-left: 3rem;
  }
  .lg\:px-12 {
    padding-inline: 3rem;
  }
  .lg\:py-12 {
    padding-block: 3rem;
  }
  .lg\:m-16 {
    margin: 4rem;
  }
  .lg\:mt-16 {
    margin-top: 4rem;
  }
  .lg\:mr-16 {
    margin-right: 4rem;
  }
  .lg\:mb-16 {
    margin-bottom: 4rem;
  }
  .lg\:ml-16 {
    margin-left: 4rem;
  }
  .lg\:mx-16 {
    margin-inline: 4rem;
  }
  .lg\:my-16 {
    margin-block: 4rem;
  }
  .lg\:p-16 {
    padding: 4rem;
  }
  .lg\:pt-16 {
    padding-top: 4rem;
  }
  .lg\:pr-16 {
    padding-right: 4rem;
  }
  .lg\:pb-16 {
    padding-bottom: 4rem;
  }
  .lg\:pl-16 {
    padding-left: 4rem;
  }
  .lg\:px-16 {
    padding-inline: 4rem;
  }
  .lg\:py-16 {
    padding-block: 4rem;
  }
  .lg\:m-20 {
    margin: 5rem;
  }
  .lg\:mt-20 {
    margin-top: 5rem;
  }
  .lg\:mr-20 {
    margin-right: 5rem;
  }
  .lg\:mb-20 {
    margin-bottom: 5rem;
  }
  .lg\:ml-20 {
    margin-left: 5rem;
  }
  .lg\:mx-20 {
    margin-inline: 5rem;
  }
  .lg\:my-20 {
    margin-block: 5rem;
  }
  .lg\:p-20 {
    padding: 5rem;
  }
  .lg\:pt-20 {
    padding-top: 5rem;
  }
  .lg\:pr-20 {
    padding-right: 5rem;
  }
  .lg\:pb-20 {
    padding-bottom: 5rem;
  }
  .lg\:pl-20 {
    padding-left: 5rem;
  }
  .lg\:px-20 {
    padding-inline: 5rem;
  }
  .lg\:py-20 {
    padding-block: 5rem;
  }
  .lg\:m-24 {
    margin: 6rem;
  }
  .lg\:mt-24 {
    margin-top: 6rem;
  }
  .lg\:mr-24 {
    margin-right: 6rem;
  }
  .lg\:mb-24 {
    margin-bottom: 6rem;
  }
  .lg\:ml-24 {
    margin-left: 6rem;
  }
  .lg\:mx-24 {
    margin-inline: 6rem;
  }
  .lg\:my-24 {
    margin-block: 6rem;
  }
  .lg\:p-24 {
    padding: 6rem;
  }
  .lg\:pt-24 {
    padding-top: 6rem;
  }
  .lg\:pr-24 {
    padding-right: 6rem;
  }
  .lg\:pb-24 {
    padding-bottom: 6rem;
  }
  .lg\:pl-24 {
    padding-left: 6rem;
  }
  .lg\:px-24 {
    padding-inline: 6rem;
  }
  .lg\:py-24 {
    padding-block: 6rem;
  }
  .lg\:m-28 {
    margin: 7rem;
  }
  .lg\:mt-28 {
    margin-top: 7rem;
  }
  .lg\:mr-28 {
    margin-right: 7rem;
  }
  .lg\:mb-28 {
    margin-bottom: 7rem;
  }
  .lg\:ml-28 {
    margin-left: 7rem;
  }
  .lg\:mx-28 {
    margin-inline: 7rem;
  }
  .lg\:my-28 {
    margin-block: 7rem;
  }
  .lg\:p-28 {
    padding: 7rem;
  }
  .lg\:pt-28 {
    padding-top: 7rem;
  }
  .lg\:pr-28 {
    padding-right: 7rem;
  }
  .lg\:pb-28 {
    padding-bottom: 7rem;
  }
  .lg\:pl-28 {
    padding-left: 7rem;
  }
  .lg\:px-28 {
    padding-inline: 7rem;
  }
  .lg\:py-28 {
    padding-block: 7rem;
  }
  .lg\:m-32 {
    margin: 8rem;
  }
  .lg\:mt-32 {
    margin-top: 8rem;
  }
  .lg\:mr-32 {
    margin-right: 8rem;
  }
  .lg\:mb-32 {
    margin-bottom: 8rem;
  }
  .lg\:ml-32 {
    margin-left: 8rem;
  }
  .lg\:mx-32 {
    margin-inline: 8rem;
  }
  .lg\:my-32 {
    margin-block: 8rem;
  }
  .lg\:p-32 {
    padding: 8rem;
  }
  .lg\:pt-32 {
    padding-top: 8rem;
  }
  .lg\:pr-32 {
    padding-right: 8rem;
  }
  .lg\:pb-32 {
    padding-bottom: 8rem;
  }
  .lg\:pl-32 {
    padding-left: 8rem;
  }
  .lg\:px-32 {
    padding-inline: 8rem;
  }
  .lg\:py-32 {
    padding-block: 8rem;
  }
  .lg\:m-64 {
    margin: 16rem;
  }
  .lg\:mt-64 {
    margin-top: 16rem;
  }
  .lg\:mr-64 {
    margin-right: 16rem;
  }
  .lg\:mb-64 {
    margin-bottom: 16rem;
  }
  .lg\:ml-64 {
    margin-left: 16rem;
  }
  .lg\:mx-64 {
    margin-inline: 16rem;
  }
  .lg\:my-64 {
    margin-block: 16rem;
  }
  .lg\:p-64 {
    padding: 16rem;
  }
  .lg\:pt-64 {
    padding-top: 16rem;
  }
  .lg\:pr-64 {
    padding-right: 16rem;
  }
  .lg\:pb-64 {
    padding-bottom: 16rem;
  }
  .lg\:pl-64 {
    padding-left: 16rem;
  }
  .lg\:px-64 {
    padding-inline: 16rem;
  }
  .lg\:py-64 {
    padding-block: 16rem;
  }
  .lg\:m-gutter {
    margin: var(--gutter);
  }
  .lg\:mt-gutter {
    margin-top: var(--gutter);
  }
  .lg\:mr-gutter {
    margin-right: var(--gutter);
  }
  .lg\:mb-gutter {
    margin-bottom: var(--gutter);
  }
  .lg\:ml-gutter {
    margin-left: var(--gutter);
  }
  .lg\:mx-gutter {
    margin-inline: var(--gutter);
  }
  .lg\:my-gutter {
    margin-block: var(--gutter);
  }
  .lg\:p-gutter {
    padding: var(--gutter);
  }
  .lg\:pt-gutter {
    padding-top: var(--gutter);
  }
  .lg\:pr-gutter {
    padding-right: var(--gutter);
  }
  .lg\:pb-gutter {
    padding-bottom: var(--gutter);
  }
  .lg\:pl-gutter {
    padding-left: var(--gutter);
  }
  .lg\:px-gutter {
    padding-inline: var(--gutter);
  }
  .lg\:py-gutter {
    padding-block: var(--gutter);
  }
  .lg\:m-full {
    margin: 100%;
  }
  .lg\:mt-full {
    margin-top: 100%;
  }
  .lg\:mr-full {
    margin-right: 100%;
  }
  .lg\:mb-full {
    margin-bottom: 100%;
  }
  .lg\:ml-full {
    margin-left: 100%;
  }
  .lg\:mx-full {
    margin-inline: 100%;
  }
  .lg\:my-full {
    margin-block: 100%;
  }
  .lg\:p-full {
    padding: 100%;
  }
  .lg\:pt-full {
    padding-top: 100%;
  }
  .lg\:pr-full {
    padding-right: 100%;
  }
  .lg\:pb-full {
    padding-bottom: 100%;
  }
  .lg\:pl-full {
    padding-left: 100%;
  }
  .lg\:px-full {
    padding-inline: 100%;
  }
  .lg\:py-full {
    padding-block: 100%;
  }
  .lg\:m-screen {
    margin: 100;
  }
  .lg\:mt-screen {
    margin-top: 100;
  }
  .lg\:mr-screen {
    margin-right: 100;
  }
  .lg\:mb-screen {
    margin-bottom: 100;
  }
  .lg\:ml-screen {
    margin-left: 100;
  }
  .lg\:mx-screen {
    margin-inline: 100;
  }
  .lg\:my-screen {
    margin-block: 100;
  }
  .lg\:p-screen {
    padding: 100;
  }
  .lg\:pt-screen {
    padding-top: 100;
  }
  .lg\:pr-screen {
    padding-right: 100;
  }
  .lg\:pb-screen {
    padding-bottom: 100;
  }
  .lg\:pl-screen {
    padding-left: 100;
  }
  .lg\:px-screen {
    padding-inline: 100;
  }
  .lg\:py-screen {
    padding-block: 100;
  }
}
@media (min-width: 1800px) {
  .xl\:m-0 {
    margin: 0;
  }
  .xl\:mt-0 {
    margin-top: 0;
  }
  .xl\:mr-0 {
    margin-right: 0;
  }
  .xl\:mb-0 {
    margin-bottom: 0;
  }
  .xl\:ml-0 {
    margin-left: 0;
  }
  .xl\:mx-0 {
    margin-inline: 0;
  }
  .xl\:my-0 {
    margin-block: 0;
  }
  .xl\:p-0 {
    padding: 0;
  }
  .xl\:pt-0 {
    padding-top: 0;
  }
  .xl\:pr-0 {
    padding-right: 0;
  }
  .xl\:pb-0 {
    padding-bottom: 0;
  }
  .xl\:pl-0 {
    padding-left: 0;
  }
  .xl\:px-0 {
    padding-inline: 0;
  }
  .xl\:py-0 {
    padding-block: 0;
  }
  .xl\:m-1 {
    margin: 0.25rem;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem;
  }
  .xl\:mx-1 {
    margin-inline: 0.25rem;
  }
  .xl\:my-1 {
    margin-block: 0.25rem;
  }
  .xl\:p-1 {
    padding: 0.25rem;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem;
  }
  .xl\:px-1 {
    padding-inline: 0.25rem;
  }
  .xl\:py-1 {
    padding-block: 0.25rem;
  }
  .xl\:m-2 {
    margin: 0.5rem;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem;
  }
  .xl\:mx-2 {
    margin-inline: 0.5rem;
  }
  .xl\:my-2 {
    margin-block: 0.5rem;
  }
  .xl\:p-2 {
    padding: 0.5rem;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem;
  }
  .xl\:px-2 {
    padding-inline: 0.5rem;
  }
  .xl\:py-2 {
    padding-block: 0.5rem;
  }
  .xl\:m-3 {
    margin: 0.75rem;
  }
  .xl\:mt-3 {
    margin-top: 0.75rem;
  }
  .xl\:mr-3 {
    margin-right: 0.75rem;
  }
  .xl\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .xl\:ml-3 {
    margin-left: 0.75rem;
  }
  .xl\:mx-3 {
    margin-inline: 0.75rem;
  }
  .xl\:my-3 {
    margin-block: 0.75rem;
  }
  .xl\:p-3 {
    padding: 0.75rem;
  }
  .xl\:pt-3 {
    padding-top: 0.75rem;
  }
  .xl\:pr-3 {
    padding-right: 0.75rem;
  }
  .xl\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .xl\:pl-3 {
    padding-left: 0.75rem;
  }
  .xl\:px-3 {
    padding-inline: 0.75rem;
  }
  .xl\:py-3 {
    padding-block: 0.75rem;
  }
  .xl\:m-4 {
    margin: 1rem;
  }
  .xl\:mt-4 {
    margin-top: 1rem;
  }
  .xl\:mr-4 {
    margin-right: 1rem;
  }
  .xl\:mb-4 {
    margin-bottom: 1rem;
  }
  .xl\:ml-4 {
    margin-left: 1rem;
  }
  .xl\:mx-4 {
    margin-inline: 1rem;
  }
  .xl\:my-4 {
    margin-block: 1rem;
  }
  .xl\:p-4 {
    padding: 1rem;
  }
  .xl\:pt-4 {
    padding-top: 1rem;
  }
  .xl\:pr-4 {
    padding-right: 1rem;
  }
  .xl\:pb-4 {
    padding-bottom: 1rem;
  }
  .xl\:pl-4 {
    padding-left: 1rem;
  }
  .xl\:px-4 {
    padding-inline: 1rem;
  }
  .xl\:py-4 {
    padding-block: 1rem;
  }
  .xl\:m-5 {
    margin: 1.25rem;
  }
  .xl\:mt-5 {
    margin-top: 1.25rem;
  }
  .xl\:mr-5 {
    margin-right: 1.25rem;
  }
  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .xl\:ml-5 {
    margin-left: 1.25rem;
  }
  .xl\:mx-5 {
    margin-inline: 1.25rem;
  }
  .xl\:my-5 {
    margin-block: 1.25rem;
  }
  .xl\:p-5 {
    padding: 1.25rem;
  }
  .xl\:pt-5 {
    padding-top: 1.25rem;
  }
  .xl\:pr-5 {
    padding-right: 1.25rem;
  }
  .xl\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .xl\:pl-5 {
    padding-left: 1.25rem;
  }
  .xl\:px-5 {
    padding-inline: 1.25rem;
  }
  .xl\:py-5 {
    padding-block: 1.25rem;
  }
  .xl\:m-6 {
    margin: 1.5rem;
  }
  .xl\:mt-6 {
    margin-top: 1.5rem;
  }
  .xl\:mr-6 {
    margin-right: 1.5rem;
  }
  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .xl\:ml-6 {
    margin-left: 1.5rem;
  }
  .xl\:mx-6 {
    margin-inline: 1.5rem;
  }
  .xl\:my-6 {
    margin-block: 1.5rem;
  }
  .xl\:p-6 {
    padding: 1.5rem;
  }
  .xl\:pt-6 {
    padding-top: 1.5rem;
  }
  .xl\:pr-6 {
    padding-right: 1.5rem;
  }
  .xl\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .xl\:pl-6 {
    padding-left: 1.5rem;
  }
  .xl\:px-6 {
    padding-inline: 1.5rem;
  }
  .xl\:py-6 {
    padding-block: 1.5rem;
  }
  .xl\:m-8 {
    margin: 2rem;
  }
  .xl\:mt-8 {
    margin-top: 2rem;
  }
  .xl\:mr-8 {
    margin-right: 2rem;
  }
  .xl\:mb-8 {
    margin-bottom: 2rem;
  }
  .xl\:ml-8 {
    margin-left: 2rem;
  }
  .xl\:mx-8 {
    margin-inline: 2rem;
  }
  .xl\:my-8 {
    margin-block: 2rem;
  }
  .xl\:p-8 {
    padding: 2rem;
  }
  .xl\:pt-8 {
    padding-top: 2rem;
  }
  .xl\:pr-8 {
    padding-right: 2rem;
  }
  .xl\:pb-8 {
    padding-bottom: 2rem;
  }
  .xl\:pl-8 {
    padding-left: 2rem;
  }
  .xl\:px-8 {
    padding-inline: 2rem;
  }
  .xl\:py-8 {
    padding-block: 2rem;
  }
  .xl\:m-10 {
    margin: 2.5rem;
  }
  .xl\:mt-10 {
    margin-top: 2.5rem;
  }
  .xl\:mr-10 {
    margin-right: 2.5rem;
  }
  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .xl\:ml-10 {
    margin-left: 2.5rem;
  }
  .xl\:mx-10 {
    margin-inline: 2.5rem;
  }
  .xl\:my-10 {
    margin-block: 2.5rem;
  }
  .xl\:p-10 {
    padding: 2.5rem;
  }
  .xl\:pt-10 {
    padding-top: 2.5rem;
  }
  .xl\:pr-10 {
    padding-right: 2.5rem;
  }
  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .xl\:pl-10 {
    padding-left: 2.5rem;
  }
  .xl\:px-10 {
    padding-inline: 2.5rem;
  }
  .xl\:py-10 {
    padding-block: 2.5rem;
  }
  .xl\:m-12 {
    margin: 3rem;
  }
  .xl\:mt-12 {
    margin-top: 3rem;
  }
  .xl\:mr-12 {
    margin-right: 3rem;
  }
  .xl\:mb-12 {
    margin-bottom: 3rem;
  }
  .xl\:ml-12 {
    margin-left: 3rem;
  }
  .xl\:mx-12 {
    margin-inline: 3rem;
  }
  .xl\:my-12 {
    margin-block: 3rem;
  }
  .xl\:p-12 {
    padding: 3rem;
  }
  .xl\:pt-12 {
    padding-top: 3rem;
  }
  .xl\:pr-12 {
    padding-right: 3rem;
  }
  .xl\:pb-12 {
    padding-bottom: 3rem;
  }
  .xl\:pl-12 {
    padding-left: 3rem;
  }
  .xl\:px-12 {
    padding-inline: 3rem;
  }
  .xl\:py-12 {
    padding-block: 3rem;
  }
  .xl\:m-16 {
    margin: 4rem;
  }
  .xl\:mt-16 {
    margin-top: 4rem;
  }
  .xl\:mr-16 {
    margin-right: 4rem;
  }
  .xl\:mb-16 {
    margin-bottom: 4rem;
  }
  .xl\:ml-16 {
    margin-left: 4rem;
  }
  .xl\:mx-16 {
    margin-inline: 4rem;
  }
  .xl\:my-16 {
    margin-block: 4rem;
  }
  .xl\:p-16 {
    padding: 4rem;
  }
  .xl\:pt-16 {
    padding-top: 4rem;
  }
  .xl\:pr-16 {
    padding-right: 4rem;
  }
  .xl\:pb-16 {
    padding-bottom: 4rem;
  }
  .xl\:pl-16 {
    padding-left: 4rem;
  }
  .xl\:px-16 {
    padding-inline: 4rem;
  }
  .xl\:py-16 {
    padding-block: 4rem;
  }
  .xl\:m-20 {
    margin: 5rem;
  }
  .xl\:mt-20 {
    margin-top: 5rem;
  }
  .xl\:mr-20 {
    margin-right: 5rem;
  }
  .xl\:mb-20 {
    margin-bottom: 5rem;
  }
  .xl\:ml-20 {
    margin-left: 5rem;
  }
  .xl\:mx-20 {
    margin-inline: 5rem;
  }
  .xl\:my-20 {
    margin-block: 5rem;
  }
  .xl\:p-20 {
    padding: 5rem;
  }
  .xl\:pt-20 {
    padding-top: 5rem;
  }
  .xl\:pr-20 {
    padding-right: 5rem;
  }
  .xl\:pb-20 {
    padding-bottom: 5rem;
  }
  .xl\:pl-20 {
    padding-left: 5rem;
  }
  .xl\:px-20 {
    padding-inline: 5rem;
  }
  .xl\:py-20 {
    padding-block: 5rem;
  }
  .xl\:m-24 {
    margin: 6rem;
  }
  .xl\:mt-24 {
    margin-top: 6rem;
  }
  .xl\:mr-24 {
    margin-right: 6rem;
  }
  .xl\:mb-24 {
    margin-bottom: 6rem;
  }
  .xl\:ml-24 {
    margin-left: 6rem;
  }
  .xl\:mx-24 {
    margin-inline: 6rem;
  }
  .xl\:my-24 {
    margin-block: 6rem;
  }
  .xl\:p-24 {
    padding: 6rem;
  }
  .xl\:pt-24 {
    padding-top: 6rem;
  }
  .xl\:pr-24 {
    padding-right: 6rem;
  }
  .xl\:pb-24 {
    padding-bottom: 6rem;
  }
  .xl\:pl-24 {
    padding-left: 6rem;
  }
  .xl\:px-24 {
    padding-inline: 6rem;
  }
  .xl\:py-24 {
    padding-block: 6rem;
  }
  .xl\:m-28 {
    margin: 7rem;
  }
  .xl\:mt-28 {
    margin-top: 7rem;
  }
  .xl\:mr-28 {
    margin-right: 7rem;
  }
  .xl\:mb-28 {
    margin-bottom: 7rem;
  }
  .xl\:ml-28 {
    margin-left: 7rem;
  }
  .xl\:mx-28 {
    margin-inline: 7rem;
  }
  .xl\:my-28 {
    margin-block: 7rem;
  }
  .xl\:p-28 {
    padding: 7rem;
  }
  .xl\:pt-28 {
    padding-top: 7rem;
  }
  .xl\:pr-28 {
    padding-right: 7rem;
  }
  .xl\:pb-28 {
    padding-bottom: 7rem;
  }
  .xl\:pl-28 {
    padding-left: 7rem;
  }
  .xl\:px-28 {
    padding-inline: 7rem;
  }
  .xl\:py-28 {
    padding-block: 7rem;
  }
  .xl\:m-32 {
    margin: 8rem;
  }
  .xl\:mt-32 {
    margin-top: 8rem;
  }
  .xl\:mr-32 {
    margin-right: 8rem;
  }
  .xl\:mb-32 {
    margin-bottom: 8rem;
  }
  .xl\:ml-32 {
    margin-left: 8rem;
  }
  .xl\:mx-32 {
    margin-inline: 8rem;
  }
  .xl\:my-32 {
    margin-block: 8rem;
  }
  .xl\:p-32 {
    padding: 8rem;
  }
  .xl\:pt-32 {
    padding-top: 8rem;
  }
  .xl\:pr-32 {
    padding-right: 8rem;
  }
  .xl\:pb-32 {
    padding-bottom: 8rem;
  }
  .xl\:pl-32 {
    padding-left: 8rem;
  }
  .xl\:px-32 {
    padding-inline: 8rem;
  }
  .xl\:py-32 {
    padding-block: 8rem;
  }
  .xl\:m-64 {
    margin: 16rem;
  }
  .xl\:mt-64 {
    margin-top: 16rem;
  }
  .xl\:mr-64 {
    margin-right: 16rem;
  }
  .xl\:mb-64 {
    margin-bottom: 16rem;
  }
  .xl\:ml-64 {
    margin-left: 16rem;
  }
  .xl\:mx-64 {
    margin-inline: 16rem;
  }
  .xl\:my-64 {
    margin-block: 16rem;
  }
  .xl\:p-64 {
    padding: 16rem;
  }
  .xl\:pt-64 {
    padding-top: 16rem;
  }
  .xl\:pr-64 {
    padding-right: 16rem;
  }
  .xl\:pb-64 {
    padding-bottom: 16rem;
  }
  .xl\:pl-64 {
    padding-left: 16rem;
  }
  .xl\:px-64 {
    padding-inline: 16rem;
  }
  .xl\:py-64 {
    padding-block: 16rem;
  }
  .xl\:m-gutter {
    margin: var(--gutter);
  }
  .xl\:mt-gutter {
    margin-top: var(--gutter);
  }
  .xl\:mr-gutter {
    margin-right: var(--gutter);
  }
  .xl\:mb-gutter {
    margin-bottom: var(--gutter);
  }
  .xl\:ml-gutter {
    margin-left: var(--gutter);
  }
  .xl\:mx-gutter {
    margin-inline: var(--gutter);
  }
  .xl\:my-gutter {
    margin-block: var(--gutter);
  }
  .xl\:p-gutter {
    padding: var(--gutter);
  }
  .xl\:pt-gutter {
    padding-top: var(--gutter);
  }
  .xl\:pr-gutter {
    padding-right: var(--gutter);
  }
  .xl\:pb-gutter {
    padding-bottom: var(--gutter);
  }
  .xl\:pl-gutter {
    padding-left: var(--gutter);
  }
  .xl\:px-gutter {
    padding-inline: var(--gutter);
  }
  .xl\:py-gutter {
    padding-block: var(--gutter);
  }
  .xl\:m-full {
    margin: 100%;
  }
  .xl\:mt-full {
    margin-top: 100%;
  }
  .xl\:mr-full {
    margin-right: 100%;
  }
  .xl\:mb-full {
    margin-bottom: 100%;
  }
  .xl\:ml-full {
    margin-left: 100%;
  }
  .xl\:mx-full {
    margin-inline: 100%;
  }
  .xl\:my-full {
    margin-block: 100%;
  }
  .xl\:p-full {
    padding: 100%;
  }
  .xl\:pt-full {
    padding-top: 100%;
  }
  .xl\:pr-full {
    padding-right: 100%;
  }
  .xl\:pb-full {
    padding-bottom: 100%;
  }
  .xl\:pl-full {
    padding-left: 100%;
  }
  .xl\:px-full {
    padding-inline: 100%;
  }
  .xl\:py-full {
    padding-block: 100%;
  }
  .xl\:m-screen {
    margin: 100;
  }
  .xl\:mt-screen {
    margin-top: 100;
  }
  .xl\:mr-screen {
    margin-right: 100;
  }
  .xl\:mb-screen {
    margin-bottom: 100;
  }
  .xl\:ml-screen {
    margin-left: 100;
  }
  .xl\:mx-screen {
    margin-inline: 100;
  }
  .xl\:my-screen {
    margin-block: 100;
  }
  .xl\:p-screen {
    padding: 100;
  }
  .xl\:pt-screen {
    padding-top: 100;
  }
  .xl\:pr-screen {
    padding-right: 100;
  }
  .xl\:pb-screen {
    padding-bottom: 100;
  }
  .xl\:pl-screen {
    padding-left: 100;
  }
  .xl\:px-screen {
    padding-inline: 100;
  }
  .xl\:py-screen {
    padding-block: 100;
  }
}
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;
    grid-template-areas: "menutop" "navbox1" "navbox2" "navbox3" "navbox4" "navbox5" "navbox6";
  }
}
@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;
    grid-template-areas: "menutop menutop" "navbox1 navbox2" "navbox3 navbox4" "navbox5 navbox6";
  }
}
@media (min-width: 1200px) {
  body:not(.talentpress) #mainnav {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: var(--space-navbar) auto auto;
    grid-template-areas: "menutop menutop menutop" "navbox1 navbox2 navbox3" "navbox4 navbox5 navbox6";
  }
}
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);
}

svg.icon-ticket-2 use {
  fill: var(--btgreen);
}

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;
  box-shadow: 1px 1px 1px currentColor;
  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;
}

#collapse-form {
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

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;
  border-top: 1px solid currentColor;
}
.program-event .event-header .title-area {
  padding: var(--gutter);
  min-height: 40vh;
  -webkit-hyphens: auto;
          hyphens: auto;
  border-bottom: var(--border) solid black;
  border-right: 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);
  text-overflow: ellipsis;
  overflow: hidden;
}
@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;
}
@media (min-width: 900px) {
  .program-event .event-header {
    min-height: 40vh;
  }
}
.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);
  }
}

.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;
}

.open-qrcode, .download-ticket {
  border-radius: 0.5em;
}
.open-qrcode:focus-visible, .download-ticket:focus-visible {
  background-color: rgb(186, 186, 186);
}

body.qrcode-open {
  overflow-y: hidden;
}

.qrcode {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.602);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 999999;
}
.qrcode .qrcode__inner {
  background: white;
  padding: 1rem;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.qrcode .qrcode__inner img {
  margin-bottom: 2rem;
}

body.qrcode-open .qrcode {
  opacity: 1;
  pointer-events: all;
}
body.qrcode-open .qrcode__inner {
  transform: translateY(0);
}

.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;
}

.marquee__partner.marquee-wrapper {
  height: 150px;
}
@media (min-width: 900px) {
  .marquee__partner.marquee-wrapper {
    height: 200px;
  }
}

.marquee__partner .marquee-text {
  margin-block: 2rem;
  display: flex;
  gap: 2rem;
  height: 100%;
}

.marquee__partner .marquee-text img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.marquee__partner .marquee-text > div {
  height: 100%;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.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;
}

* {
  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-size: var(--fs-xs);
  letter-spacing: var(--ls-xs);
  display: flex;
  align-items: center;
  gap: 1em;
}
body .msg.bg-a, body .bg-a.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 {
  margin-top: 0.65em;
  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;
  &::placeholder{color: $black;} 
  &::-webkit-input-placeholder{color: $black;}
  outline:none;
  &:focus-within{
    border-color: var(--pink);
  }
}*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 2em;
  width: 100%;
  text-indent: 5px;
  padding: 0 5px;
  outline: none;
  border: solid 1px #000000;
  line-height: 1;
  position: relative;
  cursor: context-menu;
  font-size: inherit;
  letter-spacing: inherit;
}

blockquote {
  margin: 0;
}

.noscroll {
  overflow: hidden;
}

.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;
}

/********
buttons
********/
.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;
  border: 1px solid currentColor;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  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) {
  .btn {
    font-size: var(--fs-xs);
    letter-spacing: var(--ls-xs);
  }
}
.btn:hover, .btn:focus-within {
  color: var(--pink);
}

.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 {
  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 {
  border-color: #FFFFFF;
}
.button-s.bg-white, .filter-header .bg-white.dosearch {
  background-color: white;
}
.button-s:hover, .filter-header .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"] {
  fill: #ee0085;
}
.button-s:focus, .filter-header .dosearch:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.button-s:active, .filter-header .dosearch:active {
  color: currentColor;
}
.button-s:hover:active, .filter-header .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, .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 {
  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;
  font-size: var(--fs-base);
  border: 1px solid;
  margin-right: 0.5rem;
  padding-inline: 0.5rem;
  color: black;
  background: white;
}
.topnav .topnav-main #free-search-field:hover {
  color: black;
}
.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.6em;
  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;
}

@media (max-width: 599px) {
  body:not(.filter-persons-open) .filter-header {
    display: none;
  }
}

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: 0.5em;
}
.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;
  border-radius: var(--image-border-radius);
}
.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-right: 10px;
  flex-shrink: 0;
}
.talents-only_message svg use {
  fill: white;
}

.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 section.event-header.nogrid {
  margin-top: -3px;
}
.program-event section.event-header.nogrid > .row, .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 {
    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 {
    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 {
    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 {
    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 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column-gap: 5.7292vw;
    padding: 2.8646vw;
    margin: 0;
  }
}

/*
.person-info-section{
  border-bottom:var(--border) solid $black;
  margin:0px!important;
  &:first-of-type{
    border-top: var(--border) solid $black;
  };
  .person-info-content{
    @include row();
    @include for-tablet-portrait-down {
      margin-top:0;
    }
    box-sizing:border-box;
  }
  .person-info-name{
    line-height:1;
    @include serif_small;
    @include for-tablet-portrait-down {
      display:none;
      cursor:pointer;
    }
    .icon{
      height: 1em;
      width:1em;
    }
    &[aria-expanded=true]{
      .icon{
        transform:rotate(180deg);
      }
    }
  }
  .person-info{
    @include col(4);
    @include for-tablet-landscape-down {
      @include col(2);
    }
    @include for-tablet-portrait-down {
      @include col(4);
    }

  }
  .person-info-image{
    @include col(2);
    @include for-tablet-portrait-down {
      @include col(4);
    }
    .cr-info{
      @include grotesk_xxxs;
      margin-top:5px;
      span{
        display:none;
      }
      &:before{
        content:'© ';
        cursor:pointer;
      };
    }
  }
  .person-info-text{

    p{
      margin-top:22px;
      @include grotesk-smaller;
    }
  }

  .collapse-toggle.person-info-name{

    @include padding-gutter();
    @include for-tablet-portrait-down {
      display:inline-block;
    }
    display:none;
  }


  @include for-tablet-portrait-down {
    .person-info-image{
      text-align: center;
      padding:0.7em 0.5em 0.7em 0.5em;
      img{
        width:49%;
      }
    }
  } 
}
*/
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 .video-container .video-placeholder.faded-out {
  opacity: 0;
  pointer-events: none;
}
#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-wrapper {
  border-radius: var(--image-border-radius);
}

.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;
}/*# sourceMappingURL=main.css.map */